/* Zhisheng Doors — presentation adapted from the supplied reference.
   Plain CSS + EyouCMS HTML; no framework, tracking, or external font dependency. */
*, *::before, *::after { box-sizing: border-box; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; }
body { margin: 0; }
.site-shell :where(h1,h2,h3,h4,p,figure,dl,dd) { margin: 0; }
.site-shell :where(button,input,select,textarea) { font: inherit; color: inherit; }
.site-shell :where(button) { border: 0; border-radius: 0; background: transparent; }
.site-shell svg { display: block; flex-shrink: 0; vertical-align: middle; }
.site-shell summary { cursor: pointer; }
:root{--background:#f8f2e8;--foreground:#4b2e1f;--card:#fffaf1;--card-foreground:#4b2e1f;--popover:#fffaf1;--popover-foreground:#4b2e1f;--primary:#a65f38;--primary-foreground:#fffaf4;--secondary:#eadbc8;--secondary-foreground:#5a3927;--muted:#efe4d5;--muted-foreground:#7b6759;--accent:#d6aa72;--accent-foreground:#4b2e1f;--destructive:#b42318;--destructive-foreground:#fff;--border:#dbcab6;--input:#dbcab6;--ring:#a65f38;--radius:.35rem;--charcoal:#553522;--charcoal-soft:#6d4933;--copper:#a65f38;--copper-light:#d8ac76;--ivory:#f8f2e8;--paper:#fffaf1;--line:#5c392429;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--ivory);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,sans-serif}
button,input,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button:not(:disabled),a[href]{cursor:pointer}
img{max-width:100%;display:block}
::selection{background:var(--copper);color:#fff}
.container{width:min(100% - 40px,1240px);margin-inline:auto}
.site-shell{background:var(--ivory);min-height:100vh;overflow:clip}
.utility-bar{color:#f2dfc8;letter-spacing:.08em;text-transform:uppercase;background:#6b432c;font-size:11px}
.utility-inner{justify-content:space-between;align-items:center;gap:24px;min-height:34px;display:flex}
.utility-inner>div{gap:24px;display:flex}
.utility-inner a{transition:color .18s var(--ease-out);align-items:center;gap:7px;display:flex}
.utility-inner a:hover{color:var(--copper-light)}
.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f2e8f0;position:sticky;top:0}
.header-inner{justify-content:space-between;align-items:center;gap:32px;height:78px;display:flex}
.brand{flex-shrink:0;align-items:center;gap:11px;display:inline-flex}
.brand-mark{object-fit:contain;mix-blend-mode:multiply;flex:none;width:42px;height:46px}
.brand>span:last-child{line-height:1;display:grid}
.brand strong{color:#5c3421;letter-spacing:.1em;font-family:Bebas Neue,sans-serif;font-size:22px}
.brand small{color:#b18c60;letter-spacing:.13em;margin-top:4px;font-size:7px}
.desktop-nav{align-items:center;gap:29px;margin-left:auto;display:flex}
.desktop-nav a{color:#654b3b;font-size:13px;font-weight:700;position:relative}
.desktop-nav a:after{content:"";background:var(--copper);height:2px;transition:right .2s var(--ease-out);position:absolute;bottom:-9px;left:0;right:100%}
.desktop-nav a:hover:after{right:0}
.header-quote{background:var(--charcoal);color:#fff;letter-spacing:.05em;text-transform:uppercase;height:42px;transition:transform .16s var(--ease-out),background .18s;border:0;align-items:center;gap:10px;padding:0 19px;font-size:12px;font-weight:800;display:inline-flex}
.header-quote:hover{background:var(--copper)}
.header-quote:active,.button:active,.contact-cta:active{transform:scale(.97)}
.menu-button{background:0 0;border:0;display:none}
.mobile-nav{display:none}
.hero{color:#fff9ef;background:#6b432c;min-height:760px;position:relative;overflow:hidden}
.hero:before{content:"";background:radial-gradient(circle at 74% 40%,#f6d8b242,#0000 30%),linear-gradient(105deg,#6b432c 0 56%,#8a6042 56% 100%);position:absolute;inset:0}
.hero-grain{opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}
.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;min-height:650px;padding-top:72px;padding-bottom:58px;display:grid;position:relative}
.hero-copy{z-index:2;animation:fade-up .7s var(--ease-out)both;position:relative}
.hero-kicker{letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:24px;font-size:11px;font-weight:800;display:flex}
.hero-kicker span{color:var(--copper-light)}
.hero-kicker em{color:#a8aaa8;font-style:normal}
.hero-kicker em:before{content:"/";color:#5f6261;margin-right:12px}
.hero h1,.section-heading h2,.export-section h2,.contact-section h2{letter-spacing:.01em;font-family:Bebas Neue,sans-serif;font-weight:400;line-height:.92}
.hero h1{max-width:730px;margin:0;font-size:clamp(58px,6.1vw,92px)}
.hero h1 span{color:var(--copper-light)}
.hero-copy>p{color:#ead8c2;max-width:630px;margin:28px 0 32px;font-size:17px;line-height:1.8}
.hero-actions{align-items:center;gap:28px;display:flex}
.button{letter-spacing:.055em;text-transform:uppercase;min-height:46px;transition:transform .16s var(--ease-out),background .18s var(--ease-out),border-color .18s,color .18s;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:12px;font-weight:800;display:inline-flex}
.button-large{min-height:53px;padding-inline:25px}
.button-copper{background:var(--copper);color:#fff}
.button-copper:hover{background:#d08457}
.button-dark{background:var(--charcoal);color:#fff}
.button-dark:hover{background:#704a33}
.button-outline{color:#5a3927;background:0 0;border-color:#cbb79d}
.button-outline:hover{border-color:var(--charcoal)}
.button-ghost{color:#fff;background:0 0;border-color:#ffffff4d}
.button-ghost:hover{border-color:var(--copper-light);color:var(--copper-light)}
.button-whatsapp{color:#fff;background:#168c5b}
.button-whatsapp:hover{background:#0f7650}
.text-link{color:#fff;border-bottom:1px solid #757876;align-items:center;gap:8px;padding-bottom:6px;font-size:13px;font-weight:700;display:inline-flex}
.hero-proof{color:#dbc5aa;text-transform:uppercase;letter-spacing:.06em;flex-wrap:wrap;gap:18px;margin-top:34px;font-size:11px;display:flex}
.hero-proof span{align-items:center;gap:6px;display:flex}
.hero-proof svg{color:var(--copper-light)}
.hero-visual{height:560px;animation:fade-in .9s .15s var(--ease-out)both;justify-content:center;align-items:center;display:flex;position:relative}
.door-stage{justify-content:center;align-items:flex-end;width:min(76%,410px);height:540px;display:flex;position:relative}
.door-stage:before{content:"";background:linear-gradient(140deg,#fae0bf2e,#fffaf10f);border:1px solid #fffaf12e;width:78%;height:86%;position:absolute;bottom:-9px;left:14%;transform:translate(45px,-8px)}
.door-stage:after{content:"";background:linear-gradient(90deg,#0000,#7d593f,#0000);height:1px;position:absolute;bottom:0;left:8%;right:-15%}
.door-stage img{z-index:2;filter:drop-shadow(0 26px 28px #4c2a185c);width:auto;max-height:530px;position:relative}
.vertical-label{z-index:3;writing-mode:vertical-rl;color:#757876;letter-spacing:.2em;font-size:10px;position:absolute;top:96px;right:-58px}
.material-tag{z-index:4;color:#f3e4d1;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#5b3622e6;border:1px solid #fff7ec33;padding:10px 13px;font-size:10px;position:absolute}
.material-tag:before{content:"";background:var(--copper);width:42px;height:1px;position:absolute}
.tag-top{top:115px;right:-45px}
.tag-top:before{top:50%;right:100%}
.tag-bottom{bottom:92px;left:-65px}
.tag-bottom:before{top:50%;left:100%}
.hero-card{z-index:5;color:#54321f;background:#e1b984;width:160px;padding:17px 19px;position:absolute;bottom:30px;right:-2px;box-shadow:0 20px 45px #4b2b1942}
.hero-card span,.hero-card small{letter-spacing:.11em;text-transform:uppercase;font-size:9px;font-weight:800;display:block}
.hero-card strong{margin:4px 0 2px;font-family:Bebas Neue;font-size:45px;line-height:1;display:block}
.stat-strip{z-index:3;border-top:1px solid #ffffff1f;grid-template-columns:repeat(4,1fr);min-height:110px;display:grid;position:relative}
.stat-strip>div{border-left:1px solid #ffffff1f;flex-direction:column;justify-content:center;padding-left:28px;display:flex}
.stat-strip>div:last-child{border-right:1px solid #ffffff1f}
.stat-strip strong{color:var(--copper-light);letter-spacing:.03em;font-family:Bebas Neue;font-size:35px;line-height:1}
.stat-strip span{color:#939694;letter-spacing:.1em;text-transform:uppercase;margin-top:7px;font-size:10px}
.trust-panel{background:var(--paper);border-bottom:1px solid var(--line);padding:34px 0}
.trust-grid{grid-template-columns:300px 1fr;align-items:stretch;gap:30px;display:grid}
.world-card{background:#efe2d0;border:1px solid #dfc9ad;flex-direction:column;justify-content:space-between;gap:14px;padding:18px;display:flex}
.world-map{background:radial-gradient(circle,#fff8ed,#e6d2ba);height:128px;position:relative;overflow:hidden}
.world-map>svg{color:#b47b51;opacity:.35;width:116px;height:116px;position:absolute;top:6px;left:calc(50% - 58px)}
.map-pin{color:#fff8ed;letter-spacing:.05em;background:#8b5535;padding:3px 5px;font-size:6px;font-weight:800;position:absolute}
.pin-americas{top:39%;left:8%}
.pin-europe{top:19%;left:46%}
.pin-middle-east{top:45%;left:56%}
.pin-africa{top:66%;left:43%}
.pin-asia{top:44%;right:7%}
.world-card>div:last-child{gap:4px;display:grid}
.world-card>div:last-child span{color:#9a765e;font-family:Georgia,serif;font-size:12px;font-style:italic}
.world-card>div:last-child strong{color:var(--charcoal);letter-spacing:.08em;text-transform:uppercase;font-size:11px}
.trust-content{gap:18px;display:grid}
.trust-stats{border:1px solid #dfc9ad;grid-template-columns:repeat(4,1fr);display:grid}
.trust-stats>div{border-left:1px solid #dfc9ad;align-content:center;min-height:92px;padding:15px 18px;display:grid}
.trust-stats>div:first-child{border-left:0}
.trust-stats strong{color:var(--copper);font-family:Bebas Neue;font-size:34px;line-height:1}
.trust-stats span{color:#816957;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:8px;font-weight:800}
.trust-badges{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}
.trust-badges>span{grid-template-columns:28px 1fr;align-items:center;gap:2px 10px;display:grid}
.trust-badges svg{width:22px;color:var(--copper);grid-row:1/3}
.trust-badges strong{color:var(--charcoal);letter-spacing:.06em;text-transform:uppercase;font-size:9px}
.trust-badges small{color:#8b7768;font-size:8px;line-height:1.45}
.section{padding:118px 0}
.section-heading{max-width:690px}
.eyebrow{color:var(--copper);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:19px;font-size:10px;font-weight:800;display:inline-flex}
.eyebrow i{background:currentColor;width:27px;height:1px}
.section-heading h2{color:var(--charcoal);margin:0;font-size:clamp(51px,5.1vw,76px)}
.section-heading p{color:#6f716e;max-width:600px;margin:20px 0 0;font-size:15px;line-height:1.8}
.section-heading-light h2{color:#fff}
.section-heading-light p{color:#b6b8b5}
.products-head{justify-content:space-between;align-items:end;gap:40px;display:flex}
.catalog-count{color:#777873;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:baseline;gap:8px;font-size:11px;display:flex}
.catalog-count span{color:var(--copper);font-family:Bebas Neue;font-size:39px}
.product-toolbar{border-bottom:1px solid #cfc8be;justify-content:space-between;align-items:center;gap:22px;margin:48px 0 34px;padding-bottom:15px;display:flex}
.filter-tabs{flex-wrap:wrap;gap:7px;display:flex}
.filter-tabs button,.volume-switch button{color:#686966;letter-spacing:.06em;text-transform:uppercase;transition:.18s var(--ease-out);background:0 0;border:1px solid #d3ccc2;padding:10px 14px;font-size:10px;font-weight:800}
.filter-tabs button:hover,.filter-tabs button.active,.volume-switch button.active{border-color:var(--charcoal);background:var(--charcoal);color:#fff}
.search-box{color:#777873;border-bottom:1px solid #8e8d87;align-items:center;gap:10px;width:260px;height:42px;display:flex}
.search-box input{width:100%;color:var(--charcoal);background:0 0;border:0;outline:0;font-size:12px}
.search-box input::placeholder{color:#999993}
.collection-intro{align-items:center;gap:13px;margin-bottom:25px;display:flex}
.collection-intro>span{color:#d5cec4;font-family:Bebas Neue;font-size:35px;line-height:1}
.collection-intro div{border-left:1px solid #c9c2b8;padding-left:13px;display:grid}
.collection-intro strong{text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.collection-intro small{color:#8a8a84;font-family:Georgia,serif;font-style:italic}
.product-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}
.product-card{text-align:left;min-width:0;animation:fade-up .55s var(--delay)var(--ease-out)both;background:0 0;border:0;padding:0}
.product-image{background:#ebe6df;place-items:center;height:360px;display:grid;position:relative;overflow:hidden}
.product-image:before{content:"";background:linear-gradient(145deg,#ffffffbf,#0000 48%);position:absolute;inset:0}
.product-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .25s var(--ease-out);position:relative}
.product-image>span{background:var(--charcoal);color:#fff;letter-spacing:.08em;text-transform:uppercase;transition:transform .22s var(--ease-out);align-items:center;gap:7px;padding:12px 14px;font-size:9px;font-weight:800;display:flex;position:absolute;bottom:0;right:0;transform:translateY(100%)}
.product-card:hover .product-image img{transform:scale(1.035)}
.product-card:hover .product-image>span{transform:translateY(0)}
.product-meta{border-bottom:1px solid #cfc8be;padding:15px 2px 8px}
.product-meta>div{justify-content:space-between;align-items:center;gap:12px;display:flex}
.product-meta span{color:#96958f;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:800}
.product-meta strong{letter-spacing:.05em;font-family:Bebas Neue;font-size:24px}
.product-meta small{color:#777873;font-size:11px}
.load-more-wrap{justify-content:center;padding-top:42px;display:flex}
.empty-state{color:#85857f;border:1px dashed #c9c1b7;place-items:center;gap:8px;min-height:260px;display:grid}
.empty-state strong{color:var(--charcoal)}
.empty-state p{margin:0;font-size:13px}
.engineering-section{background:var(--paper)}
.engineering-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:84px;display:grid}
.engineering-image{background:#eeeae4;place-items:center;min-height:630px;display:grid;position:relative;overflow:hidden}
.engineering-image:before{content:"";border:1px solid #b86b3d47;position:absolute;inset:18px}
.engineering-image img{z-index:2;object-fit:contain;mix-blend-mode:multiply;width:100%;height:600px;position:relative}
.image-caption{z-index:3;background:var(--charcoal);color:#fff;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;padding:14px 18px;font-size:10px;display:flex;position:absolute;bottom:0;left:0}
.image-caption span{color:var(--copper-light);font-family:Bebas Neue;font-size:22px}
.spec-list{background:#ddd7ce;gap:1px;margin:36px 0;display:grid}
.spec-list>div{background:var(--paper);grid-template-columns:42px 1fr;align-items:start;gap:16px;padding:19px 0;display:grid}
.spec-list svg{color:var(--copper)}
.spec-list span{color:#737470;gap:5px;font-size:12px;line-height:1.6;display:grid}
.spec-list strong{color:var(--charcoal);text-transform:uppercase;letter-spacing:.05em;font-size:13px}
.frame-section{background:#e6e0d7}
.frame-top{grid-template-columns:.75fr 1.25fr;align-items:center;gap:60px;display:grid}
.frame-top img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:460px}
.frame-groups{border-top:1px solid #beb6aa;border-bottom:1px solid #beb6aa;grid-template-columns:repeat(4,1fr);margin-top:55px;display:grid}
.frame-groups>div{border-left:1px solid #beb6aa;padding:27px 25px}
.frame-groups>div:last-child{border-right:1px solid #beb6aa}
.frame-groups strong{letter-spacing:.035em;font-family:Bebas Neue;font-size:25px}
.frame-groups p{color:#666762;margin:9px 0 0;font-size:11px;line-height:1.7}
.fine-note{color:#777771;text-align:center;letter-spacing:.04em;font-size:10px}
.finishes-section{color:#fff9ef;background:#6b432c}
.finishes-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;display:grid}
.finish-cloud{flex-wrap:wrap;align-content:center;gap:9px;display:flex}
.finish-cloud span{color:#c6c7c4;letter-spacing:.08em;text-transform:uppercase;transition:border-color .18s,color .18s,transform .18s var(--ease-out);border:1px solid #ffffff29;padding:13px 15px;font-size:10px}
.finish-cloud span:hover{border-color:var(--copper-light);color:var(--copper-light);transform:translateY(-2px)}
.finishes-section .button{margin-top:30px}
.catalog-section{background:var(--paper)}
.catalog-head{justify-content:space-between;align-items:end;gap:50px;display:flex}
.download-actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}
.volume-switch{gap:9px;margin:52px 0 24px;display:flex}
.volume-switch button{align-items:center;gap:10px;display:flex}
.volume-switch button span{opacity:.6;font-weight:600}
.catalog-pages{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}
.catalog-page{background:#f2eee8;border:1px solid #ddd7ce;position:relative;overflow:hidden}
.catalog-page img{aspect-ratio:1.46;object-fit:contain;width:100%;transition:transform .25s var(--ease-out)}
.catalog-page span{color:#fff9ef;letter-spacing:.08em;text-transform:uppercase;transition:transform .22s var(--ease-out);background:#533421f0;justify-content:space-between;align-items:center;padding:15px 17px;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}
.catalog-page:hover img{transform:scale(1.018)}
.catalog-page:hover span{transform:translateY(0)}
.about-section{background:#ddd6cc}
.about-grid{grid-template-columns:1.1fr .9fr;gap:100px;display:grid}
.about-story>p{color:#656661;font-size:14px;line-height:1.85}
.factory-points{border-left:3px solid var(--copper);background:#fffaf19e;gap:12px;margin-top:27px;padding:23px;display:grid}
.factory-points>strong{color:var(--charcoal);letter-spacing:.04em;margin-bottom:2px;font-family:Bebas Neue;font-size:24px;font-weight:400}
.factory-points span{color:#655345;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6;display:flex}
.factory-points svg{width:15px;color:var(--copper);flex:none}
.registration{border:1px solid #bfb7ab;align-items:center;gap:13px;margin-top:28px;padding:16px;display:flex}
.registration svg{color:var(--copper)}
.registration span{color:#777771;font-size:10px;display:grid}
.registration strong{color:var(--charcoal);text-transform:uppercase;letter-spacing:.08em;font-size:11px}
.timeline-card{border-top:1px solid #aaa298}
.timeline-card>div{border-bottom:1px solid #aaa298;grid-template-columns:110px 1fr;align-items:center;gap:20px;padding:25px 0;display:grid}
.timeline-card span{color:var(--copper);font-family:Bebas Neue;font-size:35px}
.timeline-card p{color:#595b57;margin:0;font-size:13px;line-height:1.6}
.export-section{color:#fff9ef;background:#765038}
.export-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:74px;display:grid}
.export-image{background:#8b664d;min-height:500px;overflow:hidden}
.export-image img{object-fit:cover;width:100%;height:500px}
.export-section h2{margin:0;font-size:clamp(52px,5vw,75px)}
.export-section p{color:#b7b9b6;margin:24px 0 30px;font-size:14px;line-height:1.8}
.export-points{background:#ffffff1f;gap:1px;display:grid}
.export-points span{color:#f0dfcb;background:#765038;align-items:center;gap:15px;padding:17px 0;font-size:12px;display:flex}
.export-points svg{width:21px;color:var(--copper-light)}
.faq-grid{grid-template-columns:.7fr 1.3fr;align-items:start;gap:100px;display:grid}
.faq-list details{border-top:1px solid #c8c0b5}
.faq-list details:last-child{border-bottom:1px solid #c8c0b5}
.faq-list summary{min-height:73px;color:var(--charcoal);justify-content:space-between;align-items:center;gap:24px;font-size:14px;font-weight:800;list-style:none;display:flex}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary svg{color:var(--copper);transition:transform .2s}
.faq-list details[open] summary svg{transform:rotate(180deg)}
.faq-list details p{color:#70716d;margin:-2px 48px 24px 0;font-size:13px;line-height:1.75}
.contact-section{background:var(--copper);color:#fff;padding:100px 0}
.contact-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:64px;display:grid}
.eyebrow-light{color:#ffddc7}
.contact-section h2{margin:0;font-size:clamp(55px,6vw,86px)}
.contact-section p{color:#f1d7c6;max-width:690px;font-size:15px;line-height:1.75}
.contact-details{flex-wrap:wrap;gap:16px 28px;margin-top:30px;display:flex}
.contact-details>*{align-items:center;gap:10px;display:flex}
.contact-details svg{width:18px}
.contact-details span{display:grid}
.contact-details small{color:#f4cdb5;letter-spacing:.1em;text-transform:uppercase;font-size:8px}
.contact-details strong{font-size:11px}
.contact-form{color:var(--charcoal);background:#fffaf1;gap:14px;padding:30px;display:grid;box-shadow:0 24px 60px #5a341e2e}
.contact-form label{color:#6c5444;letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:9px;font-weight:800;display:grid}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:var(--charcoal);text-transform:none;letter-spacing:normal;background:#fff;border:1px solid #d9c5ad;border-radius:0;outline:0;padding:12px 13px;font-size:12px;transition:border-color .18s,box-shadow .18s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px #a65f381f}
.button-paper{background:var(--charcoal);color:#fff9ef}
.button-paper:hover{background:#704a33}
.button-contact-whatsapp{color:#2e795c;background:0 0;border-color:#2e8b64}
.button-contact-whatsapp:hover{color:#fff;background:#2e8b64}
.contact-form .privacy-note{color:#9b897b}
.contact-success{background:#e8f3e8;align-items:flex-start;gap:8px;padding:11px 13px;display:flex;color:#386b4b!important;margin:0!important;font-size:10px!important;line-height:1.55!important}
.contact-success svg{flex:none;width:16px}
footer{color:#fff9ef;background:#5b3825;padding:75px 0 28px}
.footer-grid{grid-template-columns:1.5fr repeat(3,.7fr);gap:55px;display:grid}
.footer-grid>div{flex-direction:column;align-items:flex-start;gap:11px;display:flex}
.footer-grid>div:first-child p{color:#7f8280;max-width:270px;font-size:11px;line-height:1.7}
.footer-grid>div>strong{color:var(--copper-light);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:10px}
.footer-grid>div>a:not(.brand){color:#aeb0ae;font-size:11px}
.footer-grid>div>a:hover{color:#fff}
.footer-logo{background:#fffaf1;width:205px;padding:11px;display:block}
.footer-logo img{mix-blend-mode:normal;width:100%;height:auto}
.footer-bottom{color:#656866;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:55px;padding-top:23px;font-size:9px;display:flex}
.floating-whatsapp{z-index:40;color:#fff;letter-spacing:.06em;text-transform:uppercase;height:50px;transition:transform .18s var(--ease-out),background .18s;background:#2e8b64;border-radius:999px;align-items:center;gap:9px;padding:0 18px;font-size:11px;font-weight:800;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 15px 35px #54321e3d}
.floating-whatsapp:hover{background:#0f7650;transform:translateY(-3px)}
.product-dialog{background:var(--paper);border:0;border-radius:0;width:min(1160px,100vw - 30px);max-width:none;max-height:92vh;padding:0;overflow:hidden}
.product-dialog-grid{grid-template-columns:.8fr 1.2fr;height:min(820px,92vh);display:grid}
.dialog-product-image{background:#e8e3dc;place-items:center;display:grid;overflow:hidden}
.dialog-product-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}
.dialog-product-copy{flex-direction:column;justify-content:flex-start;padding:42px;display:flex;overflow-y:auto}
.dialog-product-copy h2{max-width:600px;margin:0;font-family:Bebas Neue;font-size:42px;line-height:1}
.dialog-product-copy [data-slot=dialog-description]{color:var(--copper);letter-spacing:.09em;text-transform:uppercase;font-size:11px;font-weight:800}
.product-overview{margin:23px 0 18px}
.product-overview>strong,.spec-table>strong{color:var(--charcoal);letter-spacing:.05em;font-family:Bebas Neue;font-size:21px;font-weight:400}
.product-overview p{color:#6b584b;margin:7px 0 0;font-size:12px;line-height:1.7}
.spec-table dl{border-top:1px solid #d8c8b7;margin:8px 0 0}
.spec-table dl>div{border-bottom:1px solid #e2d5c7;grid-template-columns:130px 1fr;gap:15px;padding:8px 0;display:grid}
.spec-table dt{color:#9a765e;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}
.spec-table dd{color:#574638;margin:0;font-size:10px;line-height:1.45}
.loading-note{color:#6b5748;background:#efe2d0;gap:10px;margin:18px 0;padding:13px;font-size:10px;line-height:1.5;display:flex}
.loading-note svg{width:20px;color:var(--copper);flex:none}
.loading-note span{display:grid}
.loading-note strong{color:var(--charcoal);text-transform:uppercase;letter-spacing:.06em}
.inquiry-dialog{background:var(--paper);border:0;border-radius:0;width:min(720px,100vw - 28px);max-width:none;max-height:92vh;padding:38px;overflow-y:auto}
.inquiry-dialog h2{font-family:Bebas Neue;font-size:46px;font-weight:400;line-height:1}
.inquiry-dialog [data-slot=dialog-description]{color:#777873;font-size:12px}
.inquiry-form{gap:14px;margin-top:10px;display:grid}
.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}
.inquiry-form label{color:#555652;letter-spacing:.08em;text-transform:uppercase;gap:7px;font-size:9px;font-weight:800;display:grid}
.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;color:var(--charcoal);text-transform:none;letter-spacing:normal;background:#fff;border:1px solid #d0c8bd;border-radius:0;outline:0;padding:12px 13px;font-size:12px;transition:border-color .18s,box-shadow .18s}
.inquiry-form input:focus,.inquiry-form select:focus,.inquiry-form textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px #b86b3d1f}
.form-actions{gap:9px;margin-top:5px;display:flex}
.privacy-note{color:#999891;margin:0;font-size:9px;line-height:1.5}
@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fade-in{0%{opacity:0}
to{opacity:1}
}
@media (max-width:1024px){.desktop-nav{gap:16px}
.desktop-nav a{font-size:11px}
.hero-grid{gap:30px}
.hero-visual{height:520px}
.door-stage{height:490px}
.door-stage img{max-height:480px}
.trust-grid{grid-template-columns:250px 1fr}
.trust-stats>div{padding-inline:12px}
.product-grid{grid-template-columns:repeat(3,1fr)}
.engineering-grid,.frame-top,.export-grid{gap:45px}
.about-grid,.faq-grid{gap:60px}
.product-image{height:330px}
}
@media (max-width:820px){.utility-inner>span,.desktop-nav,.header-quote{display:none}
.utility-inner{justify-content:center}
.utility-inner>div{justify-content:space-between;gap:10px;width:100%}
.header-inner{height:68px}
.menu-button{place-items:center;display:grid}
.mobile-nav{background:var(--ivory);border-top:1px solid var(--line);padding:12px 20px 20px;display:grid}
.mobile-nav a,.mobile-nav button{border:0;border-bottom:1px solid var(--line);text-align:left;letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:14px 0;font-size:12px;font-weight:800}
.hero{min-height:auto}
.hero:before{background:radial-gradient(circle at 70% 55%,#f4d3aa38,#0000 35%),#6b432c}
.hero-grid{grid-template-columns:1fr;padding-top:70px}
.hero-copy{max-width:680px}
.hero h1{font-size:clamp(62px,14vw,92px)}
.hero-visual{height:520px;margin-top:-25px}
.door-stage{width:70%}
.trust-grid{grid-template-columns:1fr}
.world-card{grid-template-columns:220px 1fr;align-items:center;display:grid}
.world-map{height:110px}
.section{padding:90px 0}
.products-head,.catalog-head{flex-direction:column;align-items:start}
.catalog-count{align-self:flex-start}
.product-toolbar{flex-direction:column;align-items:stretch}
.search-box{width:100%}
.product-grid{grid-template-columns:repeat(2,1fr)}
.product-image{height:360px}
.engineering-grid,.frame-top,.finishes-grid,.about-grid,.export-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}
.engineering-copy{order:-1}
.engineering-image{min-height:540px}
.engineering-image img{height:510px}
.frame-groups{grid-template-columns:repeat(2,1fr)}
.frame-groups>div:nth-child(2){border-right:1px solid #beb6aa}
.frame-groups>div:nth-child(-n+2){border-bottom:1px solid #beb6aa}
.catalog-head .download-actions{justify-content:start}
.about-grid{gap:50px}
.export-image{order:2}
.contact-grid{align-items:stretch}
.footer-grid{grid-template-columns:1.3fr 1fr 1fr}
.footer-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:560px){.container{width:min(100% - 28px,1240px)}
.utility-inner a:first-child{display:none}
.utility-inner>div{justify-content:center}
.hero-grid{padding-top:52px;padding-bottom:30px}
.hero h1{font-size:50px}
.hero-copy>p{font-size:14px}
.hero-actions{flex-direction:column;align-items:stretch;gap:10px}
.hero-actions .button{width:100%}
.hero-proof{display:grid}
.hero-visual{height:430px}
.door-stage{width:88%;height:420px}
.door-stage img{max-height:410px}
.vertical-label{right:-28px}
.tag-top{right:-22px}
.tag-bottom{left:-12px}
.hero-card{bottom:8px;right:-2px}
.world-card{display:flex}
.trust-stats{grid-template-columns:repeat(2,1fr)}
.trust-stats>div:nth-child(3){border-top:1px solid #dfc9ad;border-left:0}
.trust-stats>div:nth-child(4){border-top:1px solid #dfc9ad}
.trust-badges{grid-template-columns:1fr;gap:15px}
.section{padding:76px 0}
.section-heading h2{font-size:48px}
.product-grid{gap:11px}
.product-image{height:280px}
.product-meta>div{flex-direction:column;align-items:flex-start;gap:3px}
.product-meta strong{order:-1}
.filter-tabs{grid-template-columns:repeat(2,1fr);display:grid}
.filter-tabs button:first-child{grid-column:1/-1}
.engineering-image{min-height:440px}
.engineering-image img{height:420px}
.frame-groups{grid-template-columns:1fr}
.frame-groups>div{border-bottom:1px solid #beb6aa;border-right:1px solid #beb6aa}
.catalog-pages{grid-template-columns:1fr}
.download-actions{width:100%;display:grid}
.download-actions .button{width:100%}
.timeline-card>div{grid-template-columns:80px 1fr}
.export-image,.export-image img{height:340px;min-height:340px}
.contact-details{display:grid}
.contact-section h2{font-size:57px}
.contact-form{padding:22px 18px}
.footer-grid{grid-template-columns:1fr 1fr}
.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}
.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}
.floating-whatsapp{justify-content:center;width:50px;padding:0}
.floating-whatsapp span{display:none}
.product-dialog{overflow-y:auto}
.product-dialog-grid{grid-template-columns:1fr;height:auto}
.dialog-product-image,.dialog-product-image img{height:330px}
.dialog-product-copy{padding:30px 20px;overflow:visible}
.dialog-product-copy h2{font-size:36px}
.spec-table dl>div{grid-template-columns:105px 1fr}
.inquiry-dialog{padding:27px 20px}
.form-row{grid-template-columns:1fr}
.form-actions{display:grid}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
