/* roletai.css */

.roller-gallery{background:#f7f7f7 url("/assets/systems/roletai-kasetinis.webp") center/contain no-repeat}
.roller-promise{font-size:clamp(24px,6cqw,34px);line-height:1.2;color:#ed1c24;margin:18px 0}
.roller-page .system-thumb img{top:-9%;width:var(--system-zoom,155%)}
.roller-page .benefit-art:has(img[src*="roletai-kasetinis"]){aspect-ratio:1.6}
.roller-page .benefit-art img[src*="roletai-kasetinis"]{inset:0;width:100%;height:100%;object-fit:contain}
.roller-page .benefit-art img[src*="guidance.webp"]{width:100%;left:0;top:0}
.roller-page .deco-product{top:0;left:0;width:100%;height:100%;object-fit:contain}
.roller-inspiration{display:block;aspect-ratio:2.3;background:#f7f7f7 center 20%/contain no-repeat;border-radius:8px}
.roller-inspiration-one{background-image:url("/assets/systems/roletai-kasetinis.webp")}.roller-inspiration-two{background-image:url("/assets/systems/roletai-duo.webp")}

.roller-page .benefit-art:has(img[src*="guidance.webp"]){aspect-ratio:2;overflow:hidden}.roller-page .benefit-art img[src*="guidance.webp"]{width:130%;max-width:none;left:-22%;top:-34.7%}

.roller-page .deco-solid-scene{width:80%;aspect-ratio:1672/941;transform:none;overflow:hidden;align-self:center}
.deco-solid-image{display:block;width:100%;height:auto}
.solid-effects{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 4px #64bcff)}
.solid-dot{offset-rotate:0deg;animation:deco-travel 2.8s linear infinite;animation-play-state:paused}
.solid-one{offset-path:path('M852 219 C909 182 941 381 869 367')}.solid-two{offset-path:path('M934 236 C992 203 1029 397 950 374');animation-delay:-.2s}.solid-three{offset-path:path('M1011 249 C1078 217 1101 409 1025 385');animation-delay:-.4s}.solid-signal{offset-path:path('M1423 478 Q1361 339 1228 311');animation-duration:2.5s}
.deco-automation.is-visible .solid-dot{animation-play-state:running}
@media(max-width:760px){.roller-page .deco-solid-scene{width:100%;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.solid-dot{animation:none;offset-distance:35%;opacity:.8}}

.roller-page .deco-solid-scene{width:70%;mask-image:linear-gradient(to right,transparent,#000 3%,#000 95%,transparent)}
@media(max-width:760px){.roller-page .deco-solid-scene{width:100%;mask-image:linear-gradient(to bottom,transparent,#000 4%,#000)}}

/* Keep the original fabric and lighting while coloring only the metal profiles. */
.roller-page .system-photo{isolation:isolate}
.roller-page .system-photo::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background-color:var(--cassette-color);background-image:var(--cassette-texture);background-size:180px 180px;mix-blend-mode:multiply;mask:url("/assets/systems/roletai-profile-mask.svg") center/100% 100% no-repeat;-webkit-mask:url("/assets/systems/roletai-profile-mask.svg") center/100% 100% no-repeat}
.roller-page .system-photo.has-profile-color::after{opacity:1}

.roller-page .system-tabs{grid-template-columns:repeat(8,minmax(0,1fr))}
.roller-page [data-system="Iš apačios į viršų"] .system-thumb img{width:110%;height:auto;left:50%;top:auto;bottom:-5%;transform:translateX(-50%)}

/* Product editorial layout. Keep the existing product photo and profile mask geometry. */
.roller-editorial #system-panel{display:flex;flex-direction:column;gap:0;padding-top:64px}
.roller-story-intro{text-align:center;max-width:1100px;margin:0 auto 42px}
.roller-editorial .roller-story-intro h2{font-size:clamp(32px,4.6vw,64px);font-weight:600;line-height:1.08;letter-spacing:-.045em;margin:0 0 26px}
.roller-story-intro p{font-size:clamp(17px,1.7vw,23px);line-height:1.6;color:#707075;max-width:920px;margin:auto}
.roller-editorial #system-panel>.system-photo{width:min(760px,85%);margin:0 auto 36px}
.roller-editorial #system-panel>.system-copy{width:min(800px,100%);margin:0 auto 64px}
#roller-stories{width:100%}
.roller-story{padding:clamp(30px,6vw,84px);margin:0 0 28px;border-radius:32px;text-align:center}
.roller-story.soft{background:#f5f5f7;text-align:left}.roller-story.soft>div{display:grid;grid-template-columns:1fr 1fr;gap:6%}
.roller-editorial .roller-story h3{font-size:clamp(27px,3.4vw,46px);font-weight:600;letter-spacing:-.04em;line-height:1.12;margin:0 0 24px}
.roller-story p{font-size:clamp(17px,1.65vw,22px);line-height:1.65;color:#707075;margin:0 auto;max-width:940px}
.roller-story.experience{background:#1d1d1f;color:white;margin-top:60px}.roller-story.experience p{color:#b8b8bd}
.roller-story-cta{text-align:center;margin:24px 0 60px}.roller-editorial .roller-story-cta .button{border-radius:60px;padding:20px 32px;background:#ff191f;color:white;max-width:100%;white-space:normal}
.roller-story-reveal{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}.roller-story-reveal.is-visible{opacity:1;transform:none}
@media(max-width:760px){.roller-editorial #system-panel{padding-top:36px}.roller-story-intro{margin-bottom:28px}.roller-story{border-radius:22px;padding:28px 22px}.roller-story.soft>div{display:block}.roller-editorial #system-panel>.system-photo{width:100%}.roller-editorial #system-panel>.system-copy{margin-bottom:32px}.roller-story-cta .button{font-size:15px}}
@media(prefers-reduced-motion:reduce){.roller-story-reveal{opacity:1;transform:none;transition:none}}

.roller-story-with-animation{background:#fff!important;border:0}
.roller-story-with-animation>p{margin:28px auto 0}
.roller-glass-animation{display:block;width:100%;height:clamp(760px,85vh,860px);border:0;margin:32px auto 0;background:#fff}
@media(max-width:760px){.roller-glass-animation{height:520px;margin-top:24px}}

@media(max-width:760px){.roller-bottom-up-animation{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}

body[data-roller-model="PR DUO 40"] .gallery-main{background-size:contain;background-repeat:no-repeat;background-position:center}body[data-roller-model="PR DUO 40"] .gallery-main button,body[data-roller-model="PR DUO 40"] .gallery-dots{display:none}

.roller-page [data-system="PR DUO 40"] .system-thumb img{top:3%}

.roller-duo40-viewport{width:100%;margin-bottom:28px}.roller-duo40-animation{margin:0}
@media(max-width:760px){.roller-duo40-viewport{width:100vw;height:calc(100vw * 900 / 620);margin-left:calc(50% - 50vw);overflow:hidden}.roller-duo40-animation{width:620px;max-width:none;height:900px;margin:0;transform:scale(calc(100vw / 620px));transform-origin:top left}}

/* Shared frame-matching introduction above the existing interactive palette. */
.roller-editorial [data-profile-matching-story]{padding-top:12px;padding-bottom:24px}
.roller-editorial #system-panel>.system-copy{width:100%;max-width:none}

/* Compact transition from profile colors to fabric guidance. */
.roller-editorial #system-panel>.system-copy{margin-bottom:12px}
.roller-editorial .roller-fabric-stories>.roller-story:first-child{padding-top:24px}

/* Keep the remote demo close to the following product story. */
.roller-editorial #roller-remote-home{padding-bottom:0;margin-bottom:0}
.roller-editorial #roller-remote-home + #roller-stories>.roller-story:first-child{padding-top:24px}

/* products-menu.css */

.header{position:relative}.header.products-menu-open{z-index:110}
#navigation .products-menu-toggle{font:inherit;border:0;padding:0;background:none;color:inherit;cursor:pointer;white-space:nowrap}
.products-menu-toggle span{display:none}
#navigation .products-menu-toggle[aria-expanded=true]{color:var(--red)}
.products-menu[hidden],.products-menu-backdrop[hidden],.products-menu-preview[hidden]{display:none}
.products-menu{position:absolute;left:50%;translate:-50% 0;width:min(var(--max,1190px),92%);background:#fff;z-index:112;overflow:auto;box-shadow:0 18px 35px #00000012;border-top:1px solid #eee}
.products-menu-inner{position:relative;display:grid;grid-template-columns:17% 22% 18% minmax(0,1fr);gap:3%;padding:48px 24px 36px;min-height:440px;font-family:Arial,Helvetica,sans-serif}
.products-menu-label{margin:0 0 26px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:#7b8089}
.products-menu-groups,.products-menu-categories,.products-menu-models{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.products-menu-groups{gap:16px}.products-menu-groups .products-menu-label{margin-bottom:10px}
.products-menu-groups button,.products-menu-categories button,.products-menu-categories>a,.products-menu-models>a{position:relative;font:400 clamp(13px,1.06vw,16px)/1.45 Arial,sans-serif;letter-spacing:-.035em;color:#626975;background:none;border:0;text-align:left;padding:0 0 8px;text-decoration:none;cursor:pointer}
.products-menu-categories [data-family] span{display:none}
.products-menu-groups button[aria-pressed=true],.products-menu-categories .is-active,.products-menu-models .is-active{color:#141924}
.products-menu-groups button[aria-pressed=true]:after,.products-menu-categories .is-active:after,.products-menu-models .is-active:after{content:'';position:absolute;bottom:0;left:0;width:46px;height:2px;background:var(--red)}
.products-menu button:hover,.products-menu-categories>a:hover,.products-menu-models>a:hover{color:var(--red)}
.products-menu-preview{display:flex;flex-direction:column;text-decoration:none;color:#141924;min-width:0;align-self:start}
.products-menu-image{margin-top:20px;background:transparent;border-radius:12px;overflow:hidden;aspect-ratio:1.24}
.products-menu-image img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.products-menu-name{font-size:clamp(16px,1.34vw,20px);line-height:1.25;letter-spacing:-.035em;margin-top:0}
.products-menu-description{font-size:12px;color:#7b8089;margin-top:6px;line-height:1.4}
.products-menu-more{font-size:13px;color:var(--red);margin-top:14px}.products-menu-more span{margin-left:8px}
.products-menu-close{position:absolute;right:10px;top:8px;font:28px/1 Arial;background:none;border:0;color:#8a8e97;cursor:pointer;padding:4px}
.products-menu-backdrop{position:fixed;inset:0;z-index:100;background:#0000000d}
.products-menu :focus-visible,.products-menu-toggle:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:760px){.products-menu{width:90%}.products-menu-inner{grid-template-columns:1fr 1fr;gap:24px;padding:38px 18px 24px}.products-menu-groups{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:14px}.products-menu-groups .products-menu-label{width:100%;margin-bottom:0}.products-menu-label{margin-bottom:16px}.products-menu-preview{grid-column:1/-1}.products-menu-image{height:220px;aspect-ratio:auto}.products-menu-groups button,.products-menu-categories button,.products-menu-categories>a,.products-menu-models>a{font-size:13px}.products-menu-name{font-size:18px}}

/* Separators sit halfway across the grid gaps and follow content height. */
.products-menu-groups,.products-menu-column{position:relative;align-self:start}
@media(min-width:761px){
 .products-menu-groups::after,.products-menu-column:nth-child(2)::after{content:'';position:absolute;top:0;bottom:0;width:1px;background:#e2e2e2;pointer-events:none}
 .products-menu-groups::after{right:-8.823529%}
 .products-menu-column:nth-child(2)::after{right:-6.818182%}
}
@media(max-width:760px){
 .products-menu-column:nth-child(2)::after{content:'';position:absolute;top:0;bottom:0;right:-12px;width:1px;background:#e2e2e2;pointer-events:none}
}

/* Outdoor profiles: same compact expanding strip as the day/night page. */
.shutter-page .outdoor-profile-wrapper{padding:0;margin:0;position:static}.shutter-page .outdoor-profile-wrapper>.color-arrow{display:none!important}
.shutter-page #shutter-palette.outdoor-profile-palette{display:flex;gap:2px;width:100%;max-height:none;height:162px;overflow-x:auto;overflow-y:hidden;padding:0;border-radius:13px;scrollbar-width:none;scroll-snap-type:x proximity}
.shutter-page #shutter-palette.outdoor-profile-palette::-webkit-scrollbar{display:none}
.shutter-page #shutter-palette.outdoor-profile-palette button{position:relative;isolation:isolate;flex:0 0 38px;width:38px;height:162px;min-width:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#eee;box-shadow:none;scroll-snap-align:start;cursor:pointer}
.shutter-page #shutter-palette.outdoor-profile-palette button[aria-pressed=true]{flex-basis:126px;box-shadow:none;border:0}
.shutter-page #shutter-palette.outdoor-profile-palette img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;aspect-ratio:auto;border-radius:0;z-index:-2}
.shutter-page #shutter-palette.outdoor-profile-palette button:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0006,transparent);z-index:-1}
.shutter-page #shutter-palette.outdoor-profile-palette span{position:absolute;left:12px;bottom:12px;margin:0;color:white;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;font-size:12px;font-weight:500;line-height:1.15;text-shadow:0 1px 3px #0008;max-height:135px;overflow:hidden;text-overflow:ellipsis}
.shutter-page #shutter-palette.outdoor-profile-palette button[aria-pressed=true]:before{content:'✓';position:absolute;right:9px;top:9px;width:22px;height:22px;display:grid;place-items:center;background:#e80022;color:white;border-radius:50%;font-size:14px;z-index:1}
.shutter-page .outdoor-profile-navigation{margin:5px 0 16px}.shutter-page .outdoor-profile-navigation[hidden]{display:none}.shutter-page .outdoor-profile-navigation button{box-shadow:none}

.shutter-page .outdoor-profile-colors>h4{display:none}.shutter-page .outdoor-profile-colors>.profile-label{font-size:14px;min-height:0;margin:18px 0}.shutter-page #shutter-palette.outdoor-profile-palette button{flex-grow:1}.shutter-page #shutter-palette.outdoor-profile-palette button[aria-pressed=true]{flex-grow:3.3}

.product-quick-nav{margin:12px auto 24px;font-family:Arial,Helvetica,sans-serif}
.product-quick-groups{display:flex;justify-content:center;gap:30px;margin-bottom:18px}
.product-quick-groups button{font:inherit;font-size:14px;color:#8a8a90;background:none;border:0;border-bottom:2px solid transparent;padding:8px 0 10px;cursor:pointer}
.product-quick-groups button[aria-pressed=true]{color:#222;border-bottom-color:#ff1830}
.product-quick-links{display:flex;align-items:center;gap:3px;background:#f5f5f7;border-radius:50px;padding:6px;overflow-x:auto;scrollbar-width:thin}
.product-quick-links a{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 15px;border-radius:40px;text-decoration:none;color:#333;white-space:nowrap;font-size:14px}
.product-quick-links a[aria-current=page]{background:#202020;color:#fff}
.product-quick-links a:hover{background:#e7e7e9}.product-quick-links a[aria-current=page]:hover{background:#333}
.product-quick-links svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
.product-quick-nav :focus-visible{outline:2px solid #ff1830;outline-offset:2px}
@media(max-width:760px){.product-quick-nav{margin:8px auto 16px}.product-quick-groups{margin-bottom:10px}.product-quick-links a{padding:12px;font-size:13px}}



.product-quick-links{padding:4px 6px}
.product-quick-links a{padding-block:11.3px}
@media(max-width:760px){.product-quick-links a{padding-block:8.1px}}

.product-quick-strip{display:flex;align-items:stretch;background:#f5f5f7;border-radius:50px;overflow:hidden}
.product-quick-strip .product-quick-links{flex:1;min-width:0;border-radius:0;scrollbar-width:none}
.product-quick-links::-webkit-scrollbar{display:none}
.product-quick-arrow{flex:0 0 44px;align-self:stretch;border:0;background:#f5f5f7;color:#222;font-size:30px;cursor:pointer;position:relative}
.product-quick-arrow::after{content:"";position:absolute;top:25%;bottom:25%;width:1px;background:#d4d4d8}
.product-quick-arrow[data-quick-prev]::after{right:0}
.product-quick-arrow[data-quick-next]::after{left:0}
.product-quick-arrow:disabled{color:#bcbcc0;cursor:default}
.product-quick-arrow[hidden]{display:none}
@media(max-width:760px){.product-quick-arrow{flex-basis:36px}}

/* Segmented indoor/outdoor product selector. */
.product-quick-groups{width:fit-content;max-width:100%;margin:0 auto 18px;padding:5px;gap:0;border-radius:999px;background:#f5f5f7}
.product-quick-groups button{border:0;border-radius:999px;padding:11px 25px;min-height:42px;font-size:14px;line-height:20px;color:#77777d;transition:background .2s,color .2s,box-shadow .2s}
.product-quick-groups button[aria-pressed=true]{background:#fff;color:#202020;box-shadow:0 3px 8px #0000001a,0 1px 3px #0000000d}
@media(max-width:760px){.product-quick-groups{margin-bottom:10px}.product-quick-groups button{padding:9px 20px;min-height:40px}}

/* Keep navigation within the page content, even with cached markup. */
.product-quick-nav{box-sizing:border-box;width:min(var(--max,1190px),92%);max-width:1190px;min-width:0;margin-inline:auto}
.product-quick-strip{width:100%;max-width:100%;min-width:0}
.product-quick-strip .product-quick-links{width:0;flex:1 1 0;min-width:0}
@media(max-width:760px){.product-quick-nav{width:90%}}