/* Product presentation over the copied approved integrated V3 components. */
.hero h1{font-size:clamp(42px,4.2vw,60px)}.hero h1 span{color:var(--brand)}.hero .hero-photo img{height:540px;aspect-ratio:auto;object-position:center}.hero-subline{margin-top:16px;color:var(--muted)}.hero-photo figcaption{font-size:12px;line-height:1.6}.example-card{display:grid;gap:7px;padding:18px 22px;background:var(--soft);border:1px solid var(--line);border-radius:16px;margin-top:24px}.example-card strong{font-size:24px;line-height:1.3}.example-card small{font-size:12px;color:var(--muted)}.example-card #hero-rate{font-weight:700;color:var(--brand)}.hero .actions{align-items:center}.hero .fine{font-size:13px}.soft-band{background:var(--soft)}.quick-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-block:24px}.quick-routes a{display:flex;align-items:center;gap:16px;min-height:48px;font-weight:700;font-size:15px}.quick-routes span{color:var(--brand);font-size:12px}.v-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.how-proof{margin-top:32px}.v-split img{display:block;width:100%;height:390px;object-fit:cover;border-radius:var(--radius-card)}.v-split figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.steps{display:grid;gap:32px}.steps article>span,.tag,.card-number{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--brand)}.steps h3{margin:12px 0}.steps p{color:var(--muted);font-size:16px;line-height:1.65}.intro{max-width:850px;color:var(--muted);line-height:1.65}.demo-panel{background:var(--soft);padding:32px;border-radius:20px;margin-top:48px;border:1px solid var(--line)}.demo-heading h3{font-size:26px;margin:0 0 12px}.demo-heading .fine{max-width:850px}.demo-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;margin-top:28px;align-items:start}.demo-window{position:relative;height:240px;border:8px solid #e1d6c7;background:#fffefa;border-radius:8px;padding:18px;overflow:hidden}.demo-window:before{content:'';position:absolute;top:0;bottom:0;left:49%;width:5px;background:#e1d6c7}.demo-rail{position:absolute;left:8px;right:8px;top:9px;height:8px;border-radius:3px;background:#765039}.demo-slat{display:block;position:absolute;top:25px;height:174px;width:8%;background:#c8ae8c;border:1px solid #8b603b;transform-origin:center;transition:left .35s,transform .2s;border-radius:0 0 3px 3px}.control-side{position:absolute;right:8px;bottom:4px;font-size:10px;color:#4b3225;background:#fffefa;padding:2px 5px}.demo-status{font-size:13px;line-height:1.5;min-height:40px;margin-top:12px;color:var(--muted)}.demo-controls label{display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:700;margin-bottom:10px}.demo-controls input[type=range]{width:100%;accent-color:var(--brand);min-height:44px;margin:0 0 14px}.demo-controls select{width:100%;font:16px Arial;color:var(--ink);background:var(--paper);border:1px solid var(--line);padding:12px 8px;border-radius:10px;min-height:48px;max-width:100%}.demo-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.demo-buttons .button{font-size:13px;padding-inline:10px}.demo-controls>.fine{margin-top:16px}.v-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.v-cards article{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:20px}.v-cards h3{font-size:25px;line-height:1.2;margin:14px 0}.v-cards p{font-size:16px;line-height:1.65;color:var(--muted)}.v-cards .tag{color:var(--brand);font-size:11px}.v-cards .fabric-rate{font-size:23px;color:var(--brand);font-weight:700;margin:24px 0 16px}.material-cards article{display:flex;flex-direction:column}.material-cards a{margin-top:auto;padding-top:16px;min-height:44px}.limits-panel,.option-note{margin-top:32px;padding:28px 32px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.limits-panel h3,.option-note h3{font-size:24px;margin-bottom:16px}.limits-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:18px 40px;margin:0;padding-left:20px;font-size:15px;color:var(--muted);line-height:1.65}.option-note{background:var(--soft)}.option-note p{color:var(--muted);font-size:16px}.v-options{border-top:1px solid var(--line);padding-top:64px}.mount-list article{border-bottom:1px solid var(--line);padding:20px 0}.mount-list article:first-child{padding-top:0}.mount-list h3{font-size:24px}.mount-list p{font-size:15px;color:var(--muted);line-height:1.65}.detail-photo img{object-fit:cover;height:430px}.size-note{background:var(--soft);padding:22px 28px;border-radius:16px;font-size:15px;margin-top:32px;line-height:1.7}.size-note strong{display:block}.safety-note{margin-top:18px}.cost-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.cost-layout p+p{margin-top:18px}.cost-layout>div>p:not(.lead){font-size:16px;color:var(--muted);line-height:1.7}.price-caveat{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.price-caveat strong{font-size:17px}.price-caveat p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:14px}.calc{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 30px #4b322506}.calc h3{margin:0 0 18px;font-size:25px}.calc label{display:block;font-size:14px;font-weight:700;margin-top:14px}.calc input:not([type=checkbox]),.calc select{display:block;width:100%;min-width:0;font:16px Arial;height:48px;padding:10px 12px;margin-top:7px;border:1px solid #a59d91;border-radius:10px;background:white;color:var(--ink)}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimension-fields>div{min-width:0}.calc .fine{font-size:12px;margin-top:8px}.calc .installation-check{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:10px}.installation-check input{width:20px;height:20px;accent-color:var(--brand)}#breakdown{margin:12px 0 0}#breakdown>div{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:10px 0;border-top:1px solid var(--line)}#breakdown dt{font-size:14px}#breakdown dt span{display:block;color:var(--muted);font-size:12px;margin-top:3px}#breakdown dd{margin:0;white-space:nowrap;font-weight:700;font-size:16px}#breakdown .total-row{align-items:center;padding-top:18px}#breakdown #total{font-size:30px;color:var(--brand);line-height:1.2}.calc .button{width:100%;margin-top:18px}#calculation-status{color:#8b3020;font-size:14px;line-height:1.6;margin-top:14px}#calculation-status:empty,#calculated-area:empty{display:none}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-pair img{display:block;width:100%;height:440px;object-fit:cover;border-radius:20px}.work-pair figcaption{font-size:14px;line-height:1.6;margin-top:12px}.work-pair strong,.work-pair span{display:block}.work-pair span{font-size:12px;color:var(--muted);margin-top:6px}#works>.fine{margin-top:24px}#premium{padding-top:0;padding-bottom:48px}.premium-box{background:#342a25;color:#fff9ef;border-radius:24px;padding:48px}.premium-box h2{font-size:38px;max-width:900px}.premium-box>.eyebrow{color:#e8c99e}.premium-box>p:not(.eyebrow){color:#e9e0d5;max-width:880px;line-height:1.7}.premium-box .button{background:#f3e4ce;color:#342a25;border-color:#f3e4ce}.premium-box .secondary{background:transparent;color:#fff9ef;border-color:#c8ae8c}.premium-box a:focus-visible{outline-color:#d4a661}#faq{max-width:1240px}.faq details{border:1px solid var(--line);border-radius:14px;margin:10px 0;background:var(--paper)}.faq summary{padding:20px;font-size:17px;line-height:1.5}.faq details p{padding:0 20px 20px;font-size:15px;line-height:1.7}.faq details p+p{padding-top:0;margin-top:0}.contact-band{background:#342a25;color:#fff9ef}.v-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.v-contact h2{font-size:40px}.v-contact .eyebrow{color:#e8c99e}.v-contact .lead{color:#e9e0d5}.contact-channels{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.contact-channels .button{background:#f3e4ce;color:#342a25;border-color:#f3e4ce}.contact-channels .secondary{background:transparent;color:#fff9ef;border-color:#c8ae8c}.contact-channels a:focus-visible,.v-contact a:focus-visible{outline-color:#d4a661}.photo-privacy{font-size:12px;line-height:1.7;color:#e9e0d5;margin-top:22px}.photo-privacy a{text-decoration:underline}.contact-note{background:#fffefa;color:var(--ink);padding:32px;border-radius:20px}.contact-note .eyebrow{color:var(--brand)}.contact-note h3{font-size:26px;margin-top:16px}.contact-note p{font-size:15px;line-height:1.7;margin-top:18px}.contact-phone{font-size:clamp(20px,2vw,27px);font-weight:700;display:inline-flex;align-items:center;min-height:48px;color:var(--brand)}.contact-note a:focus-visible{outline-color:var(--brand)}[hidden]{display:none!important}a[data-photo]{display:block;cursor:zoom-in}#photo-dialog{width:min(960px,94vw);max-height:95vh;overflow:auto;padding:20px;border:0;border-radius:16px;background:var(--paper);color:var(--ink)}#photo-dialog::backdrop{background:#000b}#large-photo{display:block;max-width:100%;width:auto;height:auto;max-height:70vh;object-fit:contain;margin:auto}#close-photo{display:block;margin-left:auto;font-size:30px;min-width:44px;min-height:44px;background:transparent;border:0;color:var(--ink);cursor:pointer}#photo-caption{font-size:13px;line-height:1.6;margin-top:12px}.gallery-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:16px}.gallery-controls button{min-height:44px;min-width:54px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;font-size:24px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand);outline-offset:3px}html{scroll-padding-top:20px}.v-contact .contact-note .lead{color:var(--ink)}
@media(max-width:1050px){.v-split{gap:28px}.demo-grid{gap:24px}.v-cards{gap:16px}.v-cards article{padding:24px}.v-contact{gap:32px}.cost-layout{gap:28px}.hero .hero-photo img{height:480px}}
@media(max-width:700px){.hero .hero-photo{order:0}.hero h1{font-size:38px}.hero .hero-photo img{height:300px;object-fit:contain;background:var(--soft)}.hero .actions{align-items:stretch}.hero .text-link{min-height:44px;display:flex;align-items:center}.hero .fine{font-size:12px}.quick-routes{grid-template-columns:1fr;gap:0;padding-block:14px}.quick-routes a{min-height:48px}.v-split,.demo-grid,.v-cards,.work-pair,.cost-layout,.v-contact{grid-template-columns:1fr}.v-split{gap:24px}.v-split img{height:auto;max-height:360px;object-fit:contain;background:var(--soft)}.steps{gap:24px}.steps h3{font-size:25px}.demo-panel{padding:22px 18px;margin-top:32px}.demo-grid{gap:18px}.demo-window{height:220px}.demo-slat{height:154px}.demo-buttons{grid-template-columns:1fr}.v-cards{gap:16px;margin-top:24px}.v-cards article{padding:24px}.limits-panel,.option-note{padding:24px}.limits-panel ul{grid-template-columns:1fr;gap:14px}.v-options{padding-top:48px}.size-note{padding:20px}.calc{padding:22px 18px}.cost-layout{gap:28px}#breakdown .total-row{align-items:flex-start;flex-direction:column;gap:8px}#breakdown #total{font-size:30px}.work-pair{gap:28px}.work-pair img{height:350px;object-fit:cover}.work-pair figure:first-child img{object-position:50% 55%}.premium-box{padding:28px 22px;border-radius:20px}.premium-box h2{font-size:29px}.premium-box p:not(.eyebrow){font-size:15px}.faq summary{font-size:16px;padding:18px}.faq details p{padding-inline:18px}.v-contact h2{font-size:31px}.contact-channels{display:grid}.contact-note{padding:26px}.contact-phone{font-size:23px}.photo-privacy{font-size:12px}.example-card{padding:18px}.example-card strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-slat{transition:none}.button{transition:none}}
.demo-buttons .button{border:1px solid var(--brand);cursor:pointer}.demo-buttons .secondary{background:var(--paper);color:var(--brand)}.demo-buttons .secondary:hover{background:var(--soft)}
.photo-privacy a{color:#fff9ef}.contact-channels .button,.premium-box .button{border-width:1px;border-style:solid}
