@font-face{font-family:"Be Vietnam Pro";src:url("/fonts/be-vietnam-pro-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("/fonts/be-vietnam-pro-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("/fonts/be-vietnam-pro-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Be Vietnam Pro";src:url("/fonts/be-vietnam-pro-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{--ink:#172126;--muted:#626a6d;--paper:#f6f2e9;--white:#fff;--stone:#e9e1d3;--night:#102027;--bronze:#a8732f;--bronze-dark:#79501e;--gold:#dfbd7d;--line:#d8d0c3;--radius:14px;--content:1280px;--gutter:clamp(20px,5vw,72px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:"Be Vietnam Pro","Segoe UI",sans-serif;font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,textarea{font:inherit}
h1,h2,h3,p{overflow-wrap:break-word}
h1,h2,h3{margin-top:0;line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
h2{margin-bottom:0;font-size:clamp(2.2rem,4.4vw,4.5rem);font-weight:600}
:focus-visible{outline:3px solid rgba(168,115,47,.42);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:200;padding:10px 16px;background:var(--bronze);color:#fff;text-decoration:none}.skip-link:focus{top:12px}
.section{width:100%;max-width:var(--content);margin-inline:auto;padding:clamp(76px,8vw,120px) var(--gutter)}
.kicker{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--bronze-dark);font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.kicker:before{content:"";width:24px;height:1px;background:currentColor;flex:none}.kicker-light{color:var(--gold)}

.site-header{position:sticky;top:0;z-index:80;height:72px;display:flex;align-items:center;justify-content:space-between;padding-inline:var(--gutter);background:rgba(250,248,242,.96);border-bottom:1px solid rgba(121,80,30,.14);box-shadow:0 8px 26px rgba(43,37,27,.05);backdrop-filter:blur(12px)}
.brand{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;white-space:nowrap}.brand-copy{display:inline-flex;align-items:baseline;gap:9px}.brand-name{color:#956627;font-size:1.2rem;font-weight:700;letter-spacing:-.045em}.brand-model{font-size:.6rem;font-weight:700;letter-spacing:.17em}.site-header .brand{align-items:center;gap:12px}.brand-divider{width:1px;height:24px;background:#d7cdbd}.brand-logo{width:82px;height:auto;flex:none}
.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav>a:not(.button){color:#30383b;font-size:.8rem;font-weight:600;text-decoration:none}.site-header nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 22px;border:1px solid var(--bronze);border-radius:9px;background:var(--bronze);color:#fff;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 10px 26px rgba(108,74,27,.14);transition:background-color .2s,border-color .2s,transform .2s,opacity .2s}.button:hover{background:var(--bronze-dark);border-color:var(--bronze-dark);transform:translateY(-1px)}.button-compact{min-height:40px;padding:8px 16px;font-size:.78rem}

.hero{width:100%;max-width:var(--content);min-height:calc(100svh - 72px);margin-inline:auto;padding:clamp(44px,6vw,80px) var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);align-items:center;gap:clamp(44px,7vw,94px)}
.hero-copy{min-width:0}.hero h1{margin:0 0 20px;color:#151c20;font-size:clamp(3.4rem,6.4vw,6.6rem);font-weight:600;letter-spacing:-.065em}.hero h1>.hero-brandline{display:flex;align-items:center;gap:13px;margin-bottom:9px;color:#986627;font-size:.31em;letter-spacing:.12em;text-transform:uppercase}.origin-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #d0b47f;border-radius:999px;background:#fffaf0;color:#61461f;font-size:.68rem;font-weight:700;line-height:1;letter-spacing:.08em;white-space:nowrap}.origin-badge img{width:24px;height:16px;flex:none;border-radius:1px}.hero-message{max-width:620px;margin:0;color:#525d61;font-size:clamp(1.02rem,1.35vw,1.22rem)}
.hero-specs{display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;margin:32px 0;border-block:1px solid var(--line)}.hero-specs div{min-width:0;padding:16px 18px 16px 0}.hero-specs div+div{padding-left:18px;border-left:1px solid var(--line)}.hero-specs strong,.hero-specs span{display:block}.hero-specs strong{font-size:.96rem}.hero-specs span{margin-top:3px;color:#697174;font-size:.72rem}
.hero-action{display:flex;align-items:center;gap:22px}.price-block{min-width:210px}.price-block span,.price-block small,.price-block strong{display:block}.price-block span,.price-block small{color:#697174;font-size:.7rem}.price-block strong{color:var(--bronze-dark);font-size:1.04rem}.price-block small{margin-top:2px}
.hero-product{position:relative;min-width:0;padding:13px;border:1px solid #c6b493;background:#faf7f0;box-shadow:0 24px 64px rgba(49,40,25,.15)}.hero-product figure{margin:0;overflow:hidden;border:1px solid #d8ccba;background:#ebe5d9}.hero-product img{width:100%;aspect-ratio:1/1.04;object-fit:cover;object-position:center 72%;transition:opacity .18s}.hero-index{position:absolute;z-index:2;top:27px;right:27px;padding:6px 9px;border:1px solid #cdbd9f;background:rgba(255,253,248,.94);color:#765322;font-size:.62rem;font-weight:700;letter-spacing:.11em}.hero-color-panel{padding:14px 2px 1px}.hero-color-panel>p{display:flex;justify-content:space-between;gap:16px;margin:0 0 12px;color:#687073;font-size:.7rem}.hero-color-panel>p b{color:#755322}.hero-color-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-color-button{min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #d8d0c3;border-radius:7px;background:#fff;color:#354045;font-size:.68rem;font-weight:600;cursor:pointer}.hero-color-button:hover{border-color:#aa7b3e}.hero-color-button.active{border-color:#946426;box-shadow:inset 0 0 0 1px #946426;background:#fffaf1}.hero-color-button .swatch{width:18px;height:18px}

.product-intro{position:relative;display:grid;grid-template-columns:100px minmax(320px,1fr) minmax(360px,.82fr);gap:36px 56px;align-items:center;background:#eee5d6;border-block:1px solid #d2c3aa}.intro-index{align-self:start;color:rgba(121,80,30,.24);font-size:clamp(4.5rem,8vw,8rem);font-weight:600;line-height:.8;letter-spacing:-.08em}.intro-title h2{max-width:650px;font-size:clamp(2.8rem,4.8vw,5rem)}.intro-detail{align-self:end}.intro-lead{max-width:540px;margin:0 0 26px;color:#4f5a5e;font-size:1.02rem}.intro-points{border-top:1px solid #c8b99f}.intro-points p{display:grid;grid-template-columns:90px 1fr;gap:18px;margin:0;padding:15px 0;border-bottom:1px solid #c8b99f}.intro-points b{color:#7d5520;font-size:.82rem}.intro-points span{color:#596266;font-size:.8rem}

.benefits{background:#e9e2d6;border-block:1px solid #d4c8b5}.benefits-inner{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:58px 92px}.benefit-heading h2{max-width:560px}.benefit-list article{display:grid;grid-template-columns:42px minmax(150px,.7fr) 1fr;gap:16px;padding:23px 0;border-top:1px solid #cbbda8}.benefit-list article:last-child{border-bottom:1px solid #cbbda8}.benefit-list span{color:#946426;font-size:1rem;font-weight:500}.benefit-list h3{margin:0;font-size:1.04rem;font-weight:600}.benefit-list p{margin:0;color:#596266;font-size:.86rem}

.customer-stories{background:#fff}.stories-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.stories-heading h2{max-width:760px}.story-controls{display:flex;align-items:center;gap:14px;flex:none}.story-controls p{min-width:54px;margin:0;color:#7a6952;font-size:.75rem;text-align:center}.story-arrow{width:44px;height:44px;border:1px solid #cdbd9f;border-radius:50%;background:#fff;color:#68471d;font-size:1.2rem;cursor:pointer;transition:background-color .2s,color .2s}.story-arrow:hover{background:#8f6227;color:#fff}.story-slider{overflow:hidden}.story-slide{margin:0}.story-slide img,.story-placeholder{width:100%;aspect-ratio:3/2;border:1px solid #d5cab7;object-fit:cover;object-position:center}.story-copy{display:flex;align-items:baseline;justify-content:space-between;gap:30px;padding:20px 0;border-bottom:1px solid #d8d0c3}.story-copy p{margin:0;color:#283236;font-size:1rem;font-weight:600}.story-copy span{color:#7a8284;font-size:.76rem}.story-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:linear-gradient(135deg,#eee5d6,#f8f5ee);color:#765322}.story-placeholder b{font-size:clamp(1.8rem,4vw,3.8rem);font-weight:500}.story-placeholder span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.story-dots{display:flex;gap:8px;margin-top:22px}.story-dots button{width:34px;height:3px;padding:0;border:0;background:#d9d1c3;cursor:pointer}.story-dots button.active{background:#946426}

.showroom{display:grid;grid-template-columns:minmax(240px,.62fr) minmax(360px,1fr) minmax(200px,.42fr);gap:30px;align-items:end}.showroom-copy{align-self:center}.showroom-copy h2{font-size:clamp(2.5rem,4.5vw,4.7rem)}.showroom-copy>p:not(.kicker){max-width:430px;margin:20px 0 26px;color:var(--muted)}.color-picker{display:flex;gap:9px}.color-button{min-width:126px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #d6ccbb;border-radius:8px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.color-button:hover{background:#fffaf1}.color-button.active{border-color:var(--bronze);box-shadow:inset 0 0 0 1px var(--bronze)}.color-button span,.color-button b,.color-button small{display:block}.color-button b{font-size:.8rem}.color-button small{color:var(--muted);font-size:.63rem}.swatch{width:23px;height:23px;border:1px solid #aeb2b2;border-radius:50%;flex:none}.swatch.black{background:#343738}.swatch.white{background:#f8f7f2}.showroom-product{margin:0;border:1px solid #cfbea1;background:#ebe8e1;box-shadow:0 26px 66px rgba(47,39,25,.14)}.showroom-product img{width:100%;aspect-ratio:1;object-fit:cover}.showroom-detail{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.showroom-detail img{width:100%;aspect-ratio:1;border:1px solid var(--line);object-fit:cover}.showroom-detail p{margin:14px 0 0;color:var(--muted);font-size:.75rem}.showroom-detail strong{color:var(--bronze-dark)}

.spec-section{background:var(--stone);border-block:1px solid #d1c4ae}.spec-layout{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(460px,1.22fr);gap:68px 110px}.spec-layout header{position:sticky;top:104px;align-self:start}.spec-layout header h2,.faq header h2{font-size:clamp(2.3rem,3.8vw,4rem)}.spec-layout header>p:last-child{max-width:400px;color:var(--muted)}.spec-layout dl{margin:0}.spec-layout dl div{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;padding:18px 0;border-bottom:1px solid #cfc3b0}.spec-layout dl div:first-child{border-top:1px solid #cfc3b0}.spec-layout dt{color:var(--muted);font-size:.83rem}.spec-layout dd{margin:0;color:#694a20;font-size:.9rem;font-weight:600}

.lead-section{background:#eee6d8;color:var(--ink);border-top:1px solid #d2c3aa}.lead-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(400px,1.18fr);gap:70px 110px;align-items:start}.lead-copy{position:sticky;top:104px}.lead-copy h2{max-width:650px;color:#172126;font-size:clamp(2.5rem,4.4vw,4.7rem)}.lead-copy>p:not(.kicker){max-width:500px;color:#596266}.lead-section .kicker{color:#8d6025}.preview-notice{margin-top:26px;padding:13px 15px;border-left:3px solid var(--bronze);background:#e3d7c3;color:#65491f;font-size:.8rem}
.contact-actions{position:fixed;z-index:85;right:24px;bottom:24px;display:grid;gap:9px;width:168px;transition:opacity .2s,visibility .2s,transform .2s}.contact-actions.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}.contact-button{display:flex;align-items:center;gap:11px;min-width:0;padding:10px 12px;border:1px solid #cfc3b0;border-radius:12px;background:rgba(255,255,255,.96);color:#263136;text-decoration:none;box-shadow:0 12px 34px rgba(32,28,21,.16);backdrop-filter:blur(10px);transition:transform .2s,border-color .2s,box-shadow .2s}.contact-button:hover{transform:translateY(-2px);border-color:#9f7439;box-shadow:0 16px 38px rgba(32,28,21,.2)}.contact-icon{width:38px;height:38px;display:block;flex:none;filter:drop-shadow(0 0 8px rgba(0,104,255,.42));animation:contact-wiggle 3.2s ease-in-out infinite,contact-glow 1.8s ease-in-out infinite alternate}.contact-button.zalo .contact-icon{animation-delay:.35s,.35s}.contact-button span,.contact-button strong,.contact-button small{display:block;min-width:0}.contact-button strong{font-size:.78rem}.contact-button small{margin-top:1px;color:#70797b;font-size:.6rem}.contact-button[aria-disabled="true"]{opacity:.82}.contact-button[aria-disabled="true"]:hover{transform:none;border-color:#cfc3b0;box-shadow:0 12px 34px rgba(32,28,21,.16)}
form{padding:32px;border:1px solid #d3c3aa;border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:0 24px 60px rgba(72,55,30,.12)}.field{margin-bottom:19px}.field label,fieldset legend{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px;font-size:.8rem;font-weight:600}.field label span,fieldset legend span{color:var(--muted);font-size:.68rem;font-weight:400}.field b{color:var(--bronze-dark)}input,textarea{width:100%;padding:12px 13px;border:1px solid #cfd2d0;border-radius:8px;background:#fbfaf7;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--bronze);box-shadow:0 0 0 3px rgba(168,115,47,.15)}input[aria-invalid=true]{border-color:#b82d20}textarea{resize:vertical}fieldset{margin:0 0 19px;padding:0;border:0}.radio-row{display:flex;flex-wrap:wrap;gap:8px}.radio-row input{position:absolute;width:1px;opacity:0}.radio-row span{display:block;padding:8px 12px;border:1px solid #cfd2d0;border-radius:7px;font-size:.76rem;cursor:pointer}.radio-row input:checked+span{border-color:var(--bronze-dark);background:var(--bronze-dark);color:#fff}.privacy-note{color:var(--muted);font-size:.7rem}.submit-button{width:100%}.submit-button:disabled{opacity:.62;cursor:wait}.error{display:block;min-height:18px;margin-top:4px;color:#a92920;font-size:.7rem}.form-status{margin-top:13px;font-size:.8rem}.form-status.success,.form-status.failure{padding:11px 13px;border-radius:7px}.form-status.success{background:#e7f4e9;color:#17602c}.form-status.failure{background:#fbe8e5;color:#8d281d}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.loading i{animation:spin 1s linear infinite}

footer{padding:36px var(--gutter);border-top:1px solid #ded6c9;background:#faf8f3;color:var(--ink)}.footer-inner{max-width:var(--content);margin:auto;display:flex;align-items:center;gap:26px}.footer-inner p{margin:0;color:#667073;font-size:.76rem}.mobile-cta-shell,.mobile-cta,.story-mobile-cta{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes contact-wiggle{0%,72%,100%{transform:rotate(0) scale(1)}78%{transform:rotate(-6deg) scale(1.05)}84%{transform:rotate(6deg) scale(1.05)}90%{transform:rotate(-3deg) scale(1.03)}96%{transform:rotate(3deg) scale(1.02)}}
@keyframes contact-glow{from{filter:drop-shadow(0 0 4px rgba(0,104,255,.3))}to{filter:drop-shadow(0 0 13px rgba(0,104,255,.72))}}

@media(max-width:1020px){.hero{grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);gap:40px}.hero-action{align-items:flex-start;flex-direction:column}.product-intro{grid-template-columns:72px 1fr}.intro-detail{grid-column:2}.benefits-inner{gap:48px}.showroom{grid-template-columns:.75fr 1.25fr}.showroom-detail{grid-column:1/-1;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:end}.showroom-detail img{width:200px}.spec-layout,.lead-layout{gap:54px}}

@media(max-width:800px){body{font-size:17px}.site-header nav>a:not(.button){display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:30px}.hero-product{grid-row:1}.hero-product figure{max-width:600px;margin:auto}.hero-copy{grid-row:2}.hero h1{font-size:clamp(3.1rem,11vw,5.3rem)}.hero-message{font-size:1.04rem}.hero-action{flex-direction:row;align-items:center}.product-intro,.benefits-inner,.showroom,.spec-layout,.lead-layout{grid-template-columns:1fr}.product-intro{align-items:start}.intro-index{font-size:4rem}.intro-detail{grid-column:auto}.intro-lead{margin-top:4px}.benefit-list{margin-top:6px}.showroom-copy>p:not(.kicker){max-width:600px}.showroom-product{max-width:620px}.showroom-detail{grid-column:auto}.spec-layout header,.lead-copy{position:static}.lead-layout{gap:42px}}
@media(max-width:800px){.stories-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.story-copy{align-items:flex-start;flex-direction:column;gap:5px}}

@media(max-width:560px){html{scroll-padding-top:66px}body{font-size:16px;line-height:1.62;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.site-header{height:64px;padding-inline:14px}.site-header .button{display:none}.site-header .brand{gap:8px}.brand-copy{gap:6px}.brand-name{font-size:.96rem}.brand-model{font-size:.5rem;letter-spacing:.12em}.brand-divider{height:20px}.brand-logo{width:62px}.section{padding:58px 18px}.kicker{margin-bottom:10px;font-size:.64rem}.hero{padding:14px 18px 50px;gap:22px}.hero-copy{padding-top:4px}.hero-product{width:100%;padding:8px;box-shadow:0 14px 34px rgba(49,40,25,.14)}.hero-product figure{margin-inline:0}.hero-product img{aspect-ratio:1.06;object-position:center}.hero-index{top:19px;right:19px}.hero-color-panel{padding:11px 1px 1px}.hero-color-panel>p{font-size:.64rem}.hero-color-options{gap:6px}.hero-color-button{gap:6px;padding:8px 7px;font-size:.61rem}.hero-color-button .swatch{width:16px;height:16px}.hero h1{margin-bottom:13px;font-size:2.75rem;line-height:1}.hero h1>.hero-brandline{font-size:.28em}.origin-badge{gap:4px;padding:4px 7px;font-size:.58rem}.hero-message{font-size:.96rem;line-height:1.58}.hero-specs{grid-template-columns:1fr 1fr;margin:20px 0}.hero-specs div{padding:12px 9px 12px 0}.hero-specs div+div{padding-left:9px}.hero-specs div:nth-child(3){grid-column:1/-1;padding-left:0;border-top:1px solid var(--line);border-left:0}.hero-action{display:block}.price-block{margin-bottom:14px}.hero-action .button{width:100%}.intro-title h2,.benefit-heading h2,.showroom-copy h2,.lead-copy h2{font-size:2.1rem;line-height:1.14}.intro-lead{font-size:1rem}.benefit-list article{grid-template-columns:34px 1fr;padding:18px 0}.benefit-list article p{grid-column:2;font-size:.82rem}.lead-layout{gap:28px}.lead-section .section{padding-bottom:88px}form{padding:20px 16px;border-radius:12px}.radio-row{display:grid;grid-template-columns:1fr 1fr}.mobile-cta-shell{position:fixed;z-index:90;left:0;right:0;bottom:0;display:block;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #d8c39d;background:#fbf5e9;box-shadow:0 -10px 30px rgba(17,23,25,.12)}.mobile-cta{display:flex;width:100%;min-height:52px;box-shadow:0 8px 24px rgba(17,23,25,.2)}footer{padding:38px 18px 26px}.footer-inner{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:560px){.product-intro{gap:22px}.intro-index{font-size:3.25rem}.intro-title h2{font-size:2.45rem}.intro-lead{margin-bottom:20px}.intro-points p{grid-template-columns:72px 1fr;gap:12px;padding:13px 0}.intro-points span{font-size:.78rem}}
@media(max-width:560px){.stories-heading{gap:22px}.story-controls{width:100%;justify-content:space-between}.story-slide img,.story-placeholder{aspect-ratio:4/3}.story-copy{padding:16px 0}.story-copy p{font-size:.9rem}.story-copy span{font-size:.72rem}}
@media(max-width:560px){.contact-actions{right:12px;bottom:calc(88px + env(safe-area-inset-bottom));width:52px;gap:8px}.contact-button{width:52px;height:52px;justify-content:center;padding:6px;border-radius:50%}.contact-icon{width:40px;height:40px}.contact-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media(max-width:560px){.mobile-cta-shell.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(100%)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Final visual refinement: quieter luxury, clearer hierarchy and denser mobile rhythm */
:root{--ink:#151b1d;--muted:#5d6668;--paper:#f7f4ed;--stone:#ece4d7;--bronze:#a66f27;--bronze-dark:#744916;--line:#d9cfbf;--content:1320px}
body{background:#f7f4ed;letter-spacing:-.006em}
h1,h2,h3{font-feature-settings:"kern" 1,"liga" 1}
h2{font-weight:600;letter-spacing:-.045em}
.site-header{height:76px;background:rgba(250,248,243,.94);border-bottom-color:rgba(116,73,22,.16);box-shadow:0 10px 32px rgba(42,34,23,.06)}
.site-header .brand{gap:14px}.brand-divider{height:28px;background:#ccb997}.brand-logo{width:94px}.site-header nav>a:not(.button){font-size:.76rem;letter-spacing:.02em}
.button{border-radius:6px;box-shadow:0 10px 24px rgba(116,73,22,.16);letter-spacing:-.01em}
.hero{min-height:calc(100svh - 76px);grid-template-columns:minmax(0,.94fr) minmax(420px,.76fr);gap:clamp(56px,8vw,118px);padding-block:clamp(58px,7vw,92px)}
.hero-copy{padding-bottom:4px}.hero h1{max-width:680px;margin-bottom:24px;font-weight:600;line-height:.96}.hero-message{max-width:590px;line-height:1.72}
.hero-specs{margin:36px 0 30px}.hero-specs strong{font-size:1rem}.hero-specs span{font-size:.7rem}
.hero-product{padding:14px;background:#fbf8f2;box-shadow:0 30px 80px rgba(56,43,24,.16)}
.hero-product figure{background:#ece6da}.hero-color-panel{padding-top:16px}
.benefits{background:#ece5da}.benefits-inner{gap:70px 110px}.benefit-heading{align-self:start}.benefit-list article{grid-template-columns:48px minmax(170px,.72fr) 1fr;padding:27px 0}.benefit-list h3{font-size:1.08rem}.benefit-list p{line-height:1.7}
.customer-stories{max-width:var(--content);margin:0 auto;background:#fff}.story-slider{padding:10px;border:1px solid #d8cbb7;background:#f7f3eb;box-shadow:0 24px 64px rgba(52,39,21,.09)}.story-slide img{border:0}.story-copy{padding:18px 8px 8px;border:0}.story-dots{margin-top:18px}
.story-slider{touch-action:pan-y;cursor:grab;user-select:none}.story-slider.is-dragging{cursor:grabbing}.story-slide.active{animation:story-reveal .32s ease-out}.story-slide img{pointer-events:none}.story-slider:focus-visible{outline-offset:5px}
@keyframes story-reveal{from{opacity:.35;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}
.lead-section{background:#ebe2d3}.lead-layout{align-items:center}.lead-copy h2{line-height:1}.lead-copy>p:not(.kicker){max-width:420px;font-size:1.02rem;line-height:1.75}
form{padding:36px;border-radius:10px;border-color:#cfbea2;box-shadow:0 28px 70px rgba(68,50,25,.11)}input,textarea{min-height:48px;background:#fdfcf9;border-color:#d5d2ca}textarea{min-height:112px}
footer{background:#fbfaf6}

@media(max-width:800px){.site-header{height:68px}.hero{min-height:auto;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:24px}.hero-product{width:100%;max-width:620px;margin-inline:auto}.benefits-inner{gap:34px}.story-slider{padding:7px}.lead-layout{gap:32px}}
@media(max-width:560px){body{padding-bottom:74px}.site-header{height:62px}.brand-logo{width:68px}.brand-divider{height:22px}.section{padding-block:54px}.hero{padding:12px 16px 48px}.hero-product{padding:7px}.hero h1{font-size:2.9rem;line-height:.98}.hero-message{font-size:1rem}.hero-specs{margin:22px 0}.benefit-heading h2,.stories-heading h2,.lead-copy h2{font-size:2.2rem;line-height:1.08}.benefit-list article{grid-template-columns:32px 1fr;gap:9px 10px;padding:20px 0}.benefit-list article p{grid-column:2;line-height:1.65}.stories-heading{margin-bottom:22px}.story-slider{margin-inline:-8px}.story-copy{padding:14px 5px 5px}.story-copy p{line-height:1.5}form{padding:22px 17px}.contact-actions{right:10px}}

/* Sales-focused refinement */
:root{--cta:#a92822;--cta-dark:#7f1e1a;--cta-glow:rgba(169,40,34,.22)}
.brand-name{font-size:1.05rem;letter-spacing:.015em}.brand-model{color:#252d30}
.button-primary{border-color:var(--cta);background:var(--cta);box-shadow:0 12px 28px var(--cta-glow);text-transform:uppercase;letter-spacing:.035em}.button-primary:hover{border-color:var(--cta-dark);background:var(--cta-dark)}
.hero-slogan{max-width:670px;margin:0 0 14px;padding:7px 0 7px 15px;border-left:4px solid #b67b27;color:#1c2528;font-size:clamp(1.18rem,1.7vw,1.48rem);font-weight:700;line-height:1.42;letter-spacing:-.025em;text-wrap:balance}.hero-message{font-size:1rem}.hero-specs{background:rgba(255,255,255,.42)}.hero-specs strong{color:#79501e}.hero-action .button{max-width:360px;text-align:center;line-height:1.35}.price-block strong{color:#79501e}
.benefit-heading h2{max-width:620px}.benefit-list article{position:relative}.benefit-list span{font-weight:700}.benefit-list h3{color:#182124}.benefit-list p{font-size:.9rem}
.submit-button{font-size:.82rem}

@media(max-width:800px){.site-header .brand{gap:10px}.brand-logo{width:78px}.hero-slogan{font-size:1.22rem}.hero-action .button{max-width:none}.contact-actions{width:150px}.contact-button{padding:8px 10px}}
@media(max-width:560px){.brand-name{font-size:.8rem}.brand-model{font-size:.46rem}.brand-logo{width:58px}.hero-copy{padding-top:2px}.hero h1{font-size:3rem}.hero h1>.hero-brandline{margin-bottom:7px}.hero-slogan{margin-bottom:11px;padding:6px 0 6px 12px;font-size:1.12rem;line-height:1.4}.hero-message{font-size:.93rem;line-height:1.58}.hero-specs{margin:18px 0 20px}.hero-specs strong{font-size:.87rem}.hero-specs span{font-size:.62rem;line-height:1.45}.price-block{margin-bottom:12px}.price-block strong{font-size:.96rem}.hero-action .button{min-height:56px;padding-inline:14px;font-size:.76rem}.benefit-heading h2{font-size:2.05rem}.contact-actions{right:9px;bottom:76px;width:46px}.contact-button{width:46px;height:46px;padding:5px}.contact-icon{width:36px;height:36px}.mobile-cta{font-size:.72rem;letter-spacing:.025em}.radio-row{grid-template-columns:1fr 1fr}.radio-row label:last-child{grid-column:1/-1}.radio-row span{text-align:center}}

/* High-contrast premium palette */
:root{--paper:#fbf5e9;--stone:#efe3cf;--night:#102d2c;--bronze:#b67b27;--bronze-dark:#7b4d12;--gold:#efc66f;--cta:#b72d26;--cta-dark:#8e201b;--line:#d9c9ad}
html,body{background:var(--paper)}
.site-header{background:rgba(255,250,240,.96);border-bottom:1px solid rgba(166,111,39,.22)}
.hero{position:relative}
.hero:before{content:none}
.hero h1{color:#102624}.hero h1>.hero-brandline{color:#a15d13}.hero-slogan{color:#102d2c}.hero-specs{border-color:#d6b678;background:#fffaf0}.hero-specs div+div{border-color:#d6b678}
.hero-product{border-color:#c6913d;background:#fff9ee;box-shadow:0 20px 48px rgba(50,39,20,.14)}
.benefits{background:var(--night);color:#fff7e8;border:0}
.benefits .kicker{color:var(--gold)}.benefit-heading h2{color:#fff7e8}.benefit-heading h2 span,.benefit-heading h2 strong{display:block}.benefit-heading h2 strong{margin-top:7px;color:var(--gold);font:inherit}.benefit-list article{border-color:rgba(239,198,111,.28)}.benefit-list article:last-child{border-color:rgba(239,198,111,.28)}.benefit-list span{color:var(--gold)}.benefit-list h3{color:#fff}.benefit-list p{color:#cbd8d4}
.customer-stories{background:var(--paper)}
.stories-heading{align-items:center}.stories-heading>div:first-child{max-width:830px}.stories-heading h2{color:#102d2c}.stories-lead{max-width:720px;margin:18px 0 0;color:#5d6866;font-size:1rem}
.proof-ribbon{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:22px;border:1px solid #d3a653;background:#102d2c;color:#fff}
.proof-ribbon div{padding:18px 22px}.proof-ribbon div+div{border-left:1px solid rgba(239,198,111,.32)}.proof-ribbon strong,.proof-ribbon span{display:block}.proof-ribbon strong{color:#f2cc7b;font-size:.84rem}.proof-ribbon span{margin-top:3px;color:#d6e0dc;font-size:.7rem}
.story-slider{border-color:#d3a653;background:#fffaf0;box-shadow:14px 16px 0 #ead9bd,0 26px 66px rgba(52,39,21,.12)}.story-copy p{color:#102d2c}.story-arrow{border-color:#b67b27;color:#8a5715}.story-arrow:hover{background:#102d2c;border-color:#102d2c}.story-dots button.active{background:#b67b27}
.lead-section{background:#f0dfc5;border-top:6px solid #b67b27}.lead-copy h2{color:#102d2c}.lead-copy>p:not(.kicker){color:#475b58}.lead-section .kicker{color:#7b4d12}form{border-color:#c89443;box-shadow:16px 18px 0 rgba(182,123,39,.14),0 30px 70px rgba(68,50,25,.12)}
footer{border-top:0;background:#102d2c;color:#fff}.footer-inner{justify-content:center}.footer-copy{text-align:center}.footer-inner p{margin:0;color:#d5dfdc;font-size:.84rem;line-height:1.6}.footer-product{color:#f5cf7b!important;font-size:1.35rem!important;font-weight:700;letter-spacing:-.035em}.footer-copy p+p{margin-top:5px}

@media(max-width:800px){.proof-ribbon{grid-template-columns:1fr}.proof-ribbon div+div{border-top:1px solid rgba(239,198,111,.28);border-left:0}.hero-product{box-shadow:0 16px 38px rgba(50,39,20,.13)}.story-slider{box-shadow:8px 10px 0 #ead9bd,0 20px 46px rgba(52,39,21,.1)}}
@media(max-width:560px){.proof-ribbon{margin-bottom:18px}.proof-ribbon div{padding:13px 15px}.stories-lead{font-size:.9rem;line-height:1.65}.story-slider{margin-right:2px}.lead-section{border-top-width:4px}}

/* Customer-provided portrait gallery */
.proof-ribbon,.story-slider,.story-dots{width:100%;max-width:900px;margin-inline:auto}
.story-slider{padding:0;overflow:hidden;background:#102d2c}
.story-slide.active{display:grid;grid-template-columns:minmax(0,520px) minmax(280px,380px);min-height:0}
.story-slide img{width:100%;height:auto;aspect-ratio:3/4;border:0;background:#102d2c;object-fit:contain;object-position:center}
.story-slide img.story-image-cover{object-fit:cover}
.story-copy{position:relative;align-items:flex-start;justify-content:center;flex-direction:column;padding:54px 44px;border:0;background:#102d2c}
.story-copy:before{content:"Ảnh khách hàng";display:block;margin-bottom:34px;color:#efc66f;font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.story-copy p{color:#fff7e8;font-size:1.18rem;line-height:1.55}
.story-copy span{margin-top:18px;color:#bfcfca;font-size:.72rem;line-height:1.6}.story-copy span b{color:#efc66f;font-weight:600}
.hero-slogan{max-width:720px;font-size:clamp(1.08rem,1.45vw,1.32rem);line-height:1.48;letter-spacing:.025em}

@media(max-width:960px){.story-slide.active{grid-template-columns:1fr;min-height:0}.story-slide img{height:auto;aspect-ratio:3/4}.story-copy{min-height:150px;padding:22px 20px}.story-copy:before{margin-bottom:18px}.story-copy p{font-size:1rem}.story-copy span{margin-top:10px}}
@media(max-width:560px){.story-slide img{aspect-ratio:3/4;object-fit:contain}.story-copy{min-height:142px;padding:19px 16px}.story-copy p{font-size:.9rem;line-height:1.55}.story-copy span{font-size:.66rem}}

/* Mobile hero specifications: larger and easier to scan */
@media(max-width:560px){
  .hero-specs{display:grid;grid-template-columns:1fr;gap:8px;margin:22px 0;border:0;background:transparent}
  .hero-specs div,.hero-specs div+div,.hero-specs div:nth-child(3){grid-column:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:12px 14px;border:1px solid #d8bf8f;border-left:4px solid #b67b27;background:#fffaf0;box-shadow:0 7px 18px rgba(63,45,19,.06)}
  .hero-specs strong{max-width:58%;color:#102d2c;font-size:.98rem;line-height:1.35;letter-spacing:.01em}
  .hero-specs span{max-width:42%;margin:0;color:#6b6255;font-size:.72rem;line-height:1.45;text-align:right}
}

/* Final mobile hierarchy: compact content without shrinking important text */
@media(max-width:560px){
  .site-header{height:70px;padding-inline:16px}
  .site-header .brand{gap:10px}
  .brand-copy{gap:7px}
  .brand-name{font-size:1rem}
  .brand-model{font-size:.56rem;letter-spacing:.1em}
  .brand-divider{height:24px}
  .brand-logo{width:76px}
  .hero-copy>.kicker{display:none}
  .hero-copy{padding-top:8px}
  .hero h1{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #ddc18e;font-size:3rem;line-height:.98}
  .hero h1>.hero-brandline{gap:9px;margin-bottom:9px;font-size:.27em;letter-spacing:.1em}
  .origin-badge{font-size:.6rem}
  .hero-slogan{margin-bottom:12px;font-size:1.1rem;line-height:1.42}
  .hero-message{font-size:.96rem;line-height:1.62}
  .submit-button,.mobile-cta{white-space:nowrap;font-size:.76rem;letter-spacing:.012em}
  .submit-button{min-height:56px;padding-inline:14px}
  footer{padding:32px 18px 28px}
  .footer-inner{gap:12px}
  .footer-inner .brand-name{font-size:1.05rem}
  .footer-inner .brand-model{font-size:.6rem}
  .footer-inner p{font-size:.86rem;line-height:1.65}
}

/* Stronger benefit hierarchy and conversion-focused mobile scan pattern */
@media(max-width:560px){
  .benefits .section{padding:64px 16px 66px}
  .benefit-heading{padding:0 2px}
  .benefits .kicker{margin-bottom:14px;font-size:.68rem;letter-spacing:.18em}
  .benefit-heading h2{max-width:330px;font-size:2.35rem;line-height:1.04;letter-spacing:-.05em}
  .benefit-heading h2 strong{margin-top:5px;color:#f4cd78}
  .benefit-list{display:grid;gap:12px;margin-top:32px}
  .benefit-list article,.benefit-list article:last-child{grid-template-columns:38px 1fr;gap:8px 12px;margin:0;padding:19px 16px 21px;border:1px solid rgba(239,198,111,.28);border-left:4px solid #efc66f;background:rgba(255,250,239,.055)}
  .benefit-list span{align-self:start;padding-top:2px;font-size:.92rem;line-height:1.35}
  .benefit-list h3{font-size:1.03rem;line-height:1.42;letter-spacing:-.025em}
  .benefit-list article p{grid-column:2;margin-top:2px;color:#d7e1de;font-size:.86rem;line-height:1.7}
}

/* Restore the requested Korean-design label, strengthen the brand footer and keep the sticky dock transparent */
@media(max-width:560px){
  .hero-copy>.kicker{display:flex;margin-bottom:14px;color:#8a5818;font-size:.68rem;line-height:1.45;letter-spacing:.14em}
  .mobile-cta-shell{border-top:0;background:transparent;box-shadow:none;pointer-events:none}
  .mobile-cta{pointer-events:auto;box-shadow:0 12px 30px rgba(99,20,17,.34)}
  footer{padding:38px 20px 32px}
  .footer-inner{align-items:center;gap:16px;text-align:center}
  .footer-copy{text-align:center}
  .footer-product{font-size:1.32rem!important}
  .footer-copy p+p{max-width:310px;margin-top:6px;font-size:.9rem;line-height:1.65}
}

/* Final mobile composition: editorial hero, lighter benefit rows and no opaque area around the sticky CTA */
@media(max-width:560px){
  body{padding-bottom:0}
  .hero-copy{padding:26px 4px 0}
  .hero-copy>.kicker{margin-bottom:16px;font-size:.7rem;letter-spacing:.13em}
  .hero h1{margin:0 0 20px;padding:0;border:0;font-size:3.1rem;line-height:.96}
  .hero h1>.hero-brandline{margin-bottom:10px;font-size:.28em;letter-spacing:.11em}
  .hero-slogan{margin:0 0 14px;padding:15px 0 0;border-top:2px solid #c9984d;border-left:0;font-size:1.08rem;line-height:1.45}
  .hero-message{margin:0;max-width:340px;color:#52605f;font-size:.98rem;line-height:1.68}
  .benefits .section{padding:66px 20px 68px}
  .benefit-heading{padding:0}
  .benefit-heading h2{font-size:2.3rem;line-height:1.05}
  .benefit-list{display:block;margin-top:34px}
  .benefit-list article,.benefit-list article:last-child{grid-template-columns:42px 1fr;gap:9px 13px;margin:0;padding:24px 0;border:0;border-top:1px solid rgba(239,198,111,.34);background:transparent}
  .benefit-list article:last-child{border-bottom:1px solid rgba(239,198,111,.34)}
  .benefit-list span{padding-top:1px;font-size:1rem}
  .benefit-list h3{font-size:1.08rem;line-height:1.4}
  .benefit-list article p{grid-column:2;margin-top:3px;font-size:.88rem;line-height:1.72}
  .benefit-list article p,.story-copy{padding-right:50px}
  .mobile-cta-shell{padding:8px 12px;background:transparent}
  footer{padding:34px 20px 30px}
  .footer-inner{align-items:center;gap:0}
  .footer-product{font-size:1.42rem!important}
  .footer-copy p+p{font-size:.9rem}
}

/* Keep the CTA fixed while preventing Safari from sampling red into its bottom browser chrome. */
@media(max-width:560px){
  .story-mobile-cta{display:none!important}
  .mobile-cta-shell{position:fixed;z-index:90;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));display:block;height:56px;padding:0;border:0;background:transparent;box-shadow:none;pointer-events:none;-webkit-backdrop-filter:blur(.001px);backdrop-filter:blur(.001px);transition:opacity .2s,visibility .2s,transform .2s}
  .mobile-cta{position:relative;isolation:isolate;display:flex;width:100%;height:56px;min-height:56px;overflow:hidden;border-color:transparent;background:transparent!important;box-shadow:0 12px 30px rgba(99,20,17,.3);font-weight:700;text-transform:uppercase;pointer-events:auto}
  .mobile-cta:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--cta)}
  .mobile-cta:hover{border-color:transparent;background:transparent!important}
  .mobile-cta-shell.is-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 18px))}
}

/* Luxury refresh: a more compact conversion dock, larger chat controls and a richer brand footer. */
footer{position:relative;overflow:hidden;padding:54px var(--gutter) 50px;border-top:3px solid #c99545;background:#0d2928;color:#fff}
footer:before{content:"";position:absolute;top:16px;left:50%;width:min(1240px,calc(100% - 48px));height:1px;background:rgba(239,198,111,.34);transform:translateX(-50%)}
.footer-inner{position:relative;max-width:var(--content);margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:64px}
.footer-brand{max-width:530px;text-align:left}
.footer-eyebrow{margin:0 0 13px!important;color:#efc66f!important;font-size:.68rem!important;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.footer-product{margin:0!important;color:#fff!important;font-size:clamp(1.8rem,3vw,2.75rem)!important;font-weight:700;line-height:1.05;letter-spacing:-.055em}
.footer-description{max-width:510px;margin:14px 0 0!important;color:#cbd8d4!important;font-size:.92rem!important;line-height:1.7!important}
.footer-facts{display:grid;grid-template-columns:repeat(3,minmax(118px,1fr));min-width:min(100%,470px);border-top:1px solid rgba(239,198,111,.34);border-bottom:1px solid rgba(239,198,111,.34)}
.footer-facts span{display:grid;align-content:center;min-height:84px;padding:14px 20px}
.footer-facts span+span{border-left:1px solid rgba(239,198,111,.25)}
.footer-facts strong,.footer-facts small{display:block}
.footer-facts strong{color:#f4cf80;font-size:.88rem;line-height:1.35}
.footer-facts small{margin-top:5px;color:#d2ddda;font-size:.66rem;line-height:1.45}

@media(max-width:800px){
  .footer-inner{align-items:flex-start;flex-direction:column;gap:30px}
  .footer-facts{width:100%;min-width:0}
}

@media(max-width:560px){
  .contact-actions{right:9px;bottom:78px;width:54px;gap:9px}
  .contact-button{width:54px;height:54px;padding:5px}
  .contact-icon{width:43px;height:43px}
  .mobile-cta-shell{left:50%;right:auto;width:min(326px,calc(100vw - 48px));transform:translateX(-50%)}
  .mobile-cta-shell.is-hidden{transform:translate(-50%,calc(100% + 18px))}
  footer{padding:45px 20px 38px}
  footer:before{top:13px;width:calc(100% - 40px)}
  .footer-inner{align-items:stretch;gap:27px;text-align:left}
  .footer-brand,.footer-copy{text-align:left}
  .footer-eyebrow{font-size:.64rem!important}
  .footer-product{font-size:2rem!important}
  .footer-description{max-width:335px;margin-top:11px!important;font-size:.86rem!important;line-height:1.65!important}
  .footer-facts{grid-template-columns:repeat(3,1fr)}
  .footer-facts span{min-height:76px;padding:12px 9px}
  .footer-facts strong{font-size:.72rem}
  .footer-facts small{font-size:.56rem;line-height:1.4}
}

/* Boss feedback: full product naming, reordered reasons and balanced customer proof. */
.hero h1{display:grid;gap:5px;font-size:clamp(2.9rem,5.1vw,5.3rem);line-height:.98}
.hero-product-type{display:flex;align-items:center;gap:11px;color:#8c5a1d;font-size:.2em;font-weight:700;line-height:1.35;letter-spacing:.14em;text-transform:uppercase}
.hero-title-main{display:block;color:#102624;letter-spacing:-.065em}
.hero-title-main strong{color:#9a621f;font:inherit}
.stories-heading h2 span,.stories-heading h2 strong{display:block}
.stories-heading h2 strong{color:#9a621f;font:inherit}
.stories-lead{max-width:760px}

@media(max-width:800px){
  .stories-heading{align-items:flex-start;flex-direction:column;gap:24px}
  .story-controls{width:100%;justify-content:space-between}
}

@media(max-width:560px){
  .hero h1{gap:4px;font-size:2.5rem;line-height:1.02;letter-spacing:-.055em}
  .hero-product-type{gap:8px;font-size:.28em;letter-spacing:.105em}
  .hero-product-type .origin-badge{padding:4px 7px;font-size:.56rem}
  .hero-title-main{max-width:335px}
  .hero-slogan{margin-top:3px}
  .benefit-list h3{font-size:1.03rem;line-height:1.42}
  .benefit-list article p{padding-right:42px;font-size:.86rem;line-height:1.68}
  .stories-heading{gap:20px;margin-bottom:24px}
  .stories-heading h2{max-width:345px;font-size:2rem;line-height:1.08;letter-spacing:-.05em}
  .stories-lead{max-width:345px;margin-top:15px;font-size:.91rem;line-height:1.68}
  .story-controls{align-items:center}
  .story-arrow{width:48px;height:48px}
  .story-controls p{font-size:.8rem}
}

/* SGS verification and warranty policy links. */
.hero-warranty-link{display:block;color:inherit;text-decoration:none}
.hero-warranty-link span i,.benefit-warranty-link i{font-style:normal}
.hero-warranty-link:focus-visible{border-radius:4px}
.benefit-warranty-link{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:#f4cf80;font-weight:700;text-decoration:underline;text-decoration-color:rgba(244,207,128,.45);text-underline-offset:4px}
.benefit-warranty-link:hover{text-decoration-color:currentColor}
.certification-section{background:#ede2d0;border-bottom:1px solid #d4c19f}
.certificate-layout{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,.62fr);gap:clamp(56px,8vw,118px);align-items:center;max-width:1120px}
.certificate-copy h2{max-width:630px;color:#102d2c;font-size:clamp(2.65rem,4.6vw,4.9rem);line-height:1.02}
.certificate-copy h2 strong{display:block;margin-top:7px;color:#9a621f;font:inherit}
.certificate-lead{max-width:590px;margin:24px 0 0;color:#4f5d5a;font-size:1rem;line-height:1.78}
.certificate-facts{display:grid;grid-template-columns:repeat(3,1fr);max-width:610px;margin-top:34px;border-block:1px solid #c9ad79}
.certificate-facts span{min-width:0;padding:16px 18px 16px 0}
.certificate-facts span+span{padding-left:18px;border-left:1px solid #c9ad79}
.certificate-facts b,.certificate-facts small{display:block}
.certificate-facts b{color:#102d2c;font-size:.94rem}
.certificate-facts small{margin-top:4px;color:#6b716d;font-size:.67rem;line-height:1.45}
.certificate-open{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:280px;margin-top:34px;padding:14px 18px;border:1px solid #a66c20;border-radius:8px;background:#102d2c;color:#fff;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 28px rgba(16,45,44,.14);transition:transform .2s,background-color .2s}
.certificate-open:hover{background:#17403e;transform:translateY(-2px)}
.certificate-open i{color:#efc66f;font-style:normal;font-size:1rem}
.certificate-preview{position:relative;width:100%;max-width:470px;justify-self:end;padding:13px;border:1px solid #bb8437;background:#fffaf0;color:#102d2c;font:inherit;text-align:left;cursor:zoom-in;box-shadow:14px 16px 0 #ddc9a6,0 26px 64px rgba(52,39,21,.14);transition:transform .22s,box-shadow .22s}
.certificate-preview:hover{transform:translateY(-4px);box-shadow:14px 20px 0 #ddc9a6,0 30px 70px rgba(52,39,21,.18)}
.certificate-preview img{width:100%;aspect-ratio:1241/1755;border:1px solid #ddd4c4;background:#fff;object-fit:contain}
.certificate-mark{display:block;padding:2px 2px 11px;color:#8d5c1b;font-size:.62rem;font-weight:700;letter-spacing:.12em}
.certificate-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 3px 2px}
.certificate-caption b,.certificate-caption small{display:block}
.certificate-caption b{font-size:.8rem}
.certificate-caption small{color:#6a7471;font-size:.62rem;text-align:right}
.certificate-modal[hidden]{display:none}
.certificate-modal{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:24px}
.certificate-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(7,21,21,.82);cursor:zoom-out;backdrop-filter:blur(7px)}
.certificate-modal-panel{position:relative;z-index:1;width:min(920px,calc(100vw - 48px));max-height:calc(100svh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(239,198,111,.64);border-radius:10px;background:#f8f2e7;box-shadow:0 34px 100px rgba(0,0,0,.42)}
.certificate-modal-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 20px;border-bottom:1px solid #d7c6a7;background:#102d2c;color:#fff}
.certificate-modal-header small{display:block;color:#efc66f;font-size:.58rem;font-weight:700;letter-spacing:.12em}
.certificate-modal-header h2{margin:4px 0 0;font-size:1.15rem;letter-spacing:-.025em}
.certificate-modal-close{width:42px;height:42px;flex:none;border:1px solid rgba(239,198,111,.55);border-radius:50%;background:transparent;color:#fff;font-size:1.65rem;line-height:1;cursor:pointer}
.certificate-modal-document{min-height:0;overflow:auto;padding:22px;background:#d8cdbc;overscroll-behavior:contain}
.certificate-modal-document img{width:min(720px,100%);margin:auto;background:#fff;box-shadow:0 14px 44px rgba(35,29,20,.18)}
.certificate-original-link{padding:13px 20px;background:#fffaf0;color:#79501e;font-size:.76rem;font-weight:700;text-align:center;text-underline-offset:4px}
body.certificate-modal-open{overflow:hidden}
body.certificate-modal-open .contact-actions,body.certificate-modal-open .mobile-cta-shell{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.footer-warranty-link{display:block;color:inherit;text-decoration:none}
.footer-warranty-link:focus-visible{outline-color:#efc66f}
.footer-warranty-link:hover strong{color:#fff}

@media(max-width:800px){
  .certificate-layout{grid-template-columns:1fr;gap:44px}
  .certificate-copy{max-width:680px}
  .certificate-preview{justify-self:center;max-width:520px}
}

@media(max-width:560px){
  .certification-section .section{padding:64px 20px 68px}
  .certificate-layout{gap:34px}
  .certificate-copy h2{max-width:340px;font-size:2.25rem;line-height:1.06}
  .certificate-lead{margin-top:18px;font-size:.91rem;line-height:1.7}
  .certificate-facts{margin-top:26px}
  .certificate-facts span{padding:13px 8px}
  .certificate-facts span+span{padding-left:9px}
  .certificate-facts b{font-size:.78rem}
  .certificate-facts small{font-size:.57rem}
  .certificate-open{width:100%;min-width:0;margin-top:26px;padding:14px 16px;font-size:.72rem}
  .certificate-preview{padding:8px;box-shadow:8px 10px 0 #ddc9a6,0 20px 46px rgba(52,39,21,.13)}
  .certificate-mark{padding:2px 2px 8px;font-size:.54rem;letter-spacing:.08em}
  .certificate-caption{padding:10px 2px 2px}
  .certificate-caption b{font-size:.72rem}
  .certificate-caption small{max-width:125px;font-size:.56rem;line-height:1.4}
  .certificate-modal{padding:8px}
  .certificate-modal-panel{width:calc(100vw - 16px);max-height:calc(100svh - 16px)}
  .certificate-modal-header{padding:13px 14px}
  .certificate-modal-header small{font-size:.5rem}
  .certificate-modal-header h2{font-size:.93rem}
  .certificate-modal-close{width:38px;height:38px}
  .certificate-modal-document{padding:10px}
  .certificate-original-link{padding:12px 14px;font-size:.7rem}
  .hero-warranty-link{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}
}

/* Keep the full product visible in the customer-selected portrait hero image. */
#hero-color-image{object-position:center 72%}
@media(max-width:560px){#hero-color-image{object-position:center 78%}}