/* vertikalios-zaliuzes.css */
.curtain-hero{display:block;width:100%;height:100%;max-height:620px;object-fit:contain}.curtain-page .gallery-frame{background:#fff}.curtain-intro{color:#666;line-height:1.6;margin:20px 0 28px}.curtain-fabric-consult{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:30px}.curtain-fabric-consult img{width:100%;height:auto}.curtain-fabric-consult p{color:#666;line-height:1.6;margin:16px 0 24px}.curtain-page .curtain-detail{width:100%;height:100%;object-fit:contain;transform:none}.curtain-page .benefit-window .benefit-art img{position:static;width:100%;height:100%;object-fit:contain;transform:none}.curtain-page .benefit-window .benefit-art{height:110px}.curtain-page .system-copy p{margin-bottom:20px}@media(max-width:760px){.curtain-fabric-consult{grid-template-columns:1fr;padding:24px;gap:16px}.curtain-hero{max-height:440px}.curtain-page .benefit-window .benefit-art{height:260px}}.curtain-page .vertical-system-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,200px));gap:20px}
.vertical-system-tabs .system-thumb{background:#fff}
.vertical-system-tabs .system-thumb img{position:static;width:100%;height:100%;object-fit:contain;transform:none}
.curtain-page #vertical-system-image{position:static;left:auto;top:auto;width:100%;height:100%;object-fit:contain;transform:none}
@media(max-width:760px){.curtain-page .vertical-system-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}

/* Match day/night system cards: mechanism close-up above the product name. */
.curtain-page .vertical-system-tabs{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.vertical-system-tabs .system-thumb{background:#f7f7f7;aspect-ratio:130/86}
.vertical-system-tabs .system-thumb img{position:absolute;left:50%;top:-8%;width:185%;height:auto;max-width:none;object-fit:initial;transform:translateX(-50%)}
#tab-trapecine .system-thumb img{width:115%;top:2%}
@media(max-width:760px){.curtain-page .vertical-system-tabs{display:flex;gap:16px;overflow-x:auto}.curtain-page .vertical-system-tabs .system-tab{flex:0 0 130px}}

.curtain-page #vertical-system-panel{display:flex;flex-direction:column;gap:0;padding-top:64px}
.vertical-intro{text-align:center;max-width:1100px;margin:0 auto 42px}
.curtain-page .vertical-intro h3{font-size:clamp(32px,4.6vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:0 0 26px}
.vertical-intro p{font-size:clamp(17px,1.7vw,23px);line-height:1.6;color:#707075;max-width:920px;margin:auto}
.curtain-page #vertical-system-panel>.system-photo{width:min(760px,85%);margin:0 auto 36px;aspect-ratio:auto;background:white;overflow:visible}
.curtain-page #vertical-system-image{height:auto}
.curtain-page #vertical-system-panel>.system-copy{width:100%;margin:0 auto 64px}
.curtain-page .benefit-experience .benefit-art img{position:static;width:100%;height:100%;object-fit:contain;transform:none}
@media(max-width:760px){.curtain-page #vertical-system-panel{padding-top:36px}.vertical-intro{margin-bottom:28px}.curtain-page #vertical-system-panel>.system-photo{width:100%}.curtain-page #vertical-system-panel>.system-copy{margin-bottom:32px}}

.vertical-comparison-animation{display:block;width:100%;height:clamp(760px,85vh,860px);border:0;margin:28px auto;background:#fff}
@media(max-width:760px){.vertical-comparison-animation{height:620px}}

/* Match the day–night gallery corners for every interior photograph. */
.curtain-page .gallery-frame,.curtain-page .curtain-hero{border-radius:13px}.curtain-page .curtain-hero{height:auto}
@media(max-width:760px){.curtain-page .gallery-frame,.curtain-page .curtain-hero{border-radius:9px}}

.vertical-fabric-animation{display:block;width:100%;height:1000px;border:0;background:#fff;margin:0 auto}
@media(max-width:760px){.vertical-fabric-animation{height:560px}}

.vertical-fan-description{max-width:1000px;margin:32px auto 48px;padding:0 16px;text-align:center;font-size:clamp(18px,2vw,24px);line-height:1.6;color:#737377;box-sizing:border-box}

.vertical-width-comparison{padding:48px 16px;text-align:center}.vertical-width-comparison h3{font-size:clamp(28px,3.4vw,46px);line-height:1.15;letter-spacing:-.035em;margin:0 auto 40px;max-width:1000px}.vertical-width-samples{display:flex;justify-content:center;align-items:flex-end;gap:clamp(48px,10vw,140px)}.vertical-width-samples figure{margin:0}.vertical-width-samples img{display:block;height:clamp(300px,48vw,540px);width:auto;max-width:100%;object-fit:contain}.vertical-width-samples figcaption{font-size:24px;font-weight:600;margin-top:20px}@media(max-width:600px){.vertical-width-comparison{padding:32px 12px}.vertical-width-samples{gap:36px}.vertical-width-samples img{height:320px}}

/* Align the product overview with the header, navigation and content sections. */
.curtain-page .product-overview{width:min(var(--max),92%);max-width:var(--max);margin-inline:auto}
@media(max-width:760px){.curtain-page .product-overview{width:90%}}

.vertical-width-description{max-width:1000px;margin:32px auto 0;font-size:clamp(18px,2vw,24px);line-height:1.6;color:#737377;text-align:center}

/* Center the profile explanation and spread both swatches across the content width. */
.curtain-page #vertical-system-panel>.system-copy .profile-color-explanation{max-width:none;width:100%;text-align:center;margin-inline:auto}
.curtain-page #vertical-system-panel #profile-palette{width:100%;max-width:none}
.curtain-page #vertical-system-panel #profile-palette .profile-choice{flex:1 1 0;width:auto}
.curtain-page #vertical-system-panel #profile-palette .profile-choice[aria-pressed=true]{flex:1 1 0}

/* Compact centered swatches, with the explanation below. */
.curtain-page #vertical-system-panel #profile-palette{width:70%;margin-inline:auto}
.curtain-page #vertical-system-panel #profile-palette .profile-choice{height:113.4px}
.curtain-page #vertical-system-panel>.system-copy .profile-color-explanation{margin-top:24px}

#vertical-width-heading span{color:#86868b}

/* vertical-motion.css */
#vertical-motion *{box-sizing:border-box}#vertical-motion{margin:0;background:#fff;font-family:Arial,sans-serif;color:#29282c}#vertical-motion .scene{position:relative;width:min(100%,70svh);margin:auto}#vertical-motion svg{width:100%;display:block;overflow:visible}#vertical-motion .handle{position:absolute;left:80%;top:59%;display:flex;align-items:center;gap:12px;border:0;background:transparent;color:#29282c;font:18px Arial;cursor:grab;touch-action:none;padding:18px 0}#vertical-motion .handle:before{content:'';position:absolute;width:65px;height:1px;background:#e98aa0;right:100%}#vertical-motion .dot{width:19px;height:19px;border:4px solid #e86683;border-radius:50%;background:white;box-shadow:0 0 0 10px #fdf5f7}#vertical-motion .handle:active{cursor:grabbing}#vertical-motion .handle:focus-visible{outline:2px solid #e86683;outline-offset:9px}#vertical-motion .controls{text-align:center;margin:-10px auto 18px}#vertical-motion .replay{border:1px solid #e7e3de;background:white;border-radius:24px;padding:10px 18px;color:#625e57;cursor:pointer;font:14px Arial}#vertical-motion .hint{color:#8a867f;font-size:13px;margin:12px 0}@media(max-width:600px){#vertical-motion .handle{font-size:12px;gap:8px;left:79%}#vertical-motion .handle:before{width:22px}#vertical-motion .dot{width:15px;height:15px;border-width:3px}#vertical-motion .scene{margin-top:4vh}#vertical-motion .controls{margin-top:12px}}#vertical-motion .scene{width:min(100%,65svh)}#vertical-motion .handle{left:13.6%;top:57%;gap:15px;transform:translateX(-9px)}#vertical-motion .handle:before{display:none}#vertical-motion .handle>span:last-child{position:absolute;right:34px;white-space:nowrap;font-size:14px}#vertical-motion .controls{margin:0 auto 15px}#vertical-motion .modes{display:flex;justify-content:center;gap:7px}#vertical-motion .modes button,#vertical-motion .wind{border:1px solid #e8e3d8;border-radius:24px;background:white;color:#777064;padding:10px 19px;cursor:pointer;font-size:14px}#vertical-motion .modes button[aria-pressed=true]{background:#eee8d8;border-color:#e0d7c0;color:#484235}#vertical-motion .wind{font-size:12px;padding:6px 12px;border-color:transparent}#vertical-motion .hint{margin:10px 0 4px}#vertical-motion .handle:focus-visible{outline-offset:5px}@media(max-width:600px){#vertical-motion .scene{margin-top:0;width:min(100%,65svh)}#vertical-motion .handle{left:13.6%;gap:8px}#vertical-motion .handle>span:last-child{font-size:11px;right:23px}#vertical-motion .modes button{padding:9px 13px}}

#vertical-motion{width:100%;min-width:0;margin:24px auto}#vertical-motion[hidden],#vertical-system-panel .system-photo[hidden]{display:none!important}#vertical-motion .scene{max-width:100%}#vertical-motion .modes{flex-wrap:wrap}

/* Reduce the product scene by 25% while keeping its controls aligned. */
#vertical-motion .scene{width:min(75%,48.75svh)}
