/* juostines-uzuolaidos.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}}
/* Product flow follows the pleated-blind pages. */
.curtain-page #tab-juostines{display:flex;flex-direction:column;gap:0;padding-top:64px}
.curtain-page #tab-juostines>.system-photo{width:min(760px,85%);margin:0 auto 36px;aspect-ratio:auto;background:white}
.curtain-page #tab-juostines>.system-photo img{position:static;width:100%;height:auto;transform:none}
.curtain-system-intro{text-align:center;max-width:920px;margin:0 auto 42px}
.curtain-system-intro p{font-size:clamp(17px,1.7vw,23px);line-height:1.6;color:#707075}
.curtain-page #tab-juostines>.system-copy{width:100%;margin:0 auto 64px}
.curtain-benefits .benefit-art img{position:static;width:100%;height:100%;object-fit:contain;transform:none}
.curtain-page #curtain-motion{margin:0 auto 36px}
@media(max-width:760px){.curtain-page #tab-juostines{padding-top:36px}.curtain-page #tab-juostines>.system-photo{width:100%}.curtain-page #tab-juostines>.system-copy{margin-bottom:32px}.curtain-system-intro{margin-bottom:28px}}

.curtain-page .daynight-story.soft>.curtain-install-viewport{display:block;width:100%;margin-top:32px}.curtain-install-animation{display:block;width:100%;height:clamp(760px,85vh,860px);border:0}
@media(max-width:760px){.curtain-page .daynight-story.soft>.curtain-install-viewport{width:100vw;height:calc(100vw * 1000 / 760);margin:24px calc(50% - 50vw) 0;overflow:hidden}.curtain-install-animation{width:760px;max-width:none;height:1000px;transform:scale(calc(100vw / 760px));transform-origin:top left}}

/* Shared day–night gallery corner treatment. */
.curtain-page .gallery-frame,.curtain-page .curtain-hero{border-radius:13px}
.curtain-page .curtain-hero.is-interior{height:auto}
@media(max-width:760px){.curtain-page .gallery-frame,.curtain-page .curtain-hero{border-radius:9px}}

.curtain-fabric-fan-preview{display:block;width:100%;height:clamp(560px,72vw,940px);border:0;margin:0 0 24px}

.curtain-fabric-slider{display:flex;align-items:center;gap:16px;margin:32px 0 56px;min-width:0}
.curtain-fabric-track{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.curtain-fabric-track::-webkit-scrollbar{display:none}
.curtain-fabric-track figure{flex:0 0 110px;margin:0}
.curtain-fabric-track img{width:110px;height:300px;object-fit:cover;display:block}
.curtain-fabric-track figcaption{font-size:12px;line-height:1.5;color:#777;margin-top:12px}
.curtain-fabric-slider>button{flex:0 0 42px;height:42px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px #0002;font-size:28px;cursor:pointer}
@media(max-width:760px){.curtain-fabric-slider{gap:8px}.curtain-fabric-track{gap:18px}.curtain-fabric-track img{height:240px}}

/* Extend both profile options across the product content width. */
.curtain-page #profile-palette{width:100%}.curtain-page #profile-palette .profile-choice{flex:1 1 0;width:auto}.curtain-page #profile-palette .profile-choice[aria-pressed="true"]{flex:1 1 0}

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

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