/* styles.css */
:root{--red:#ff171c;--ink:#202123;--muted:#676767;--paper:#f4f1ee;--line:#d9d5d1;--max:1190px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #777;outline-offset:3px}button,a{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h2{font-size:clamp(27px,3vw,38px);line-height:1.14}p{line-height:1.55}.container{width:min(var(--max),92%);margin-inline:auto}.section{padding-block:26px 0}.section>h2{margin-bottom:17px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 25px;border-radius:8px;background:var(--red);color:#fff;font-size:14px;font-weight:600;line-height:1.35;text-align:center;transition:background .18s}.button:hover{background:#dc1015}.text-link{font-size:14px;font-weight:600}.skip{position:fixed;top:-100px;left:16px;background:white;padding:16px;z-index:100}.skip:focus{top:16px}.header-inner{display:flex;align-items:center;gap:24px;min-height:72px}.logo{display:inline-flex;align-items:center;color:var(--red);font-family:Georgia,serif;font-size:38px;letter-spacing:-1px;white-space:nowrap}.logo span{font-family:Arial,sans-serif;font-size:39px;margin-right:4px;line-height:1}.header nav{display:flex;align-items:center;justify-content:center;gap:23px;margin-inline:auto}.header nav a{font-size:14px;white-space:nowrap}.header nav a:hover{color:var(--red)}.header-phone{font-size:14px;white-space:nowrap}.header-phone span{display:none}.header-cta{min-height:38px;padding:10px 15px;font-size:12px}.menu-toggle{display:none}.product-strip{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:20px;padding-block:4px 19px}.product{display:flex;align-items:center;flex-direction:column;background:none;padding:0 0 5px;gap:9px;font-size:12px;line-height:1.2}.product>.crop{width:100%;aspect-ratio:80/94;max-width:104px;transition:transform .2s}.product:hover>.crop{transform:translateY(-4px)}.product:hover>span:last-child{color:var(--red)}.crop{display:block;background-image:url("/assets/design-reference-opt.webp");background-repeat:no-repeat}.hero{position:relative;isolation:isolate;min-height:510px;overflow:hidden;background:#eee6db}.hero-image{position:absolute;z-index:-2;inset:0 0 0 auto;width:76%}.hero:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f1ece6 0%,#f1ece6f2 20%,#f1ece6d9 34%,#f1ece675 46%,transparent 64%)}.hero-content{padding-block:39px 50px}.promotion{font-size:14px;margin-bottom:40px;line-height:1.5}.promotion strong{display:block;color:var(--red);font-size:19px}.hero h1{font-size:clamp(43px,5.4vw,69px);line-height:1.03;max-width:670px;margin-bottom:16px;color:#111}.hero-subtitle{font-size:21px;margin-bottom:29px}.hero .button{padding:17px 29px;border-radius:15px;min-height:56px}.discover{display:table;margin-top:21px;background:#ffffff85;padding:4px 9px;border-radius:4px}.benefits{background:#f5f3f1;padding-block:29px}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr)}.benefits article{display:flex;gap:22px;align-items:flex-start;padding-inline:30px;border-right:1px solid var(--line)}.benefits article:first-child{padding-left:20px}.benefits article:last-child{border:0}.benefit-icon{font-family:Georgia,serif;font-size:44px;font-weight:400;line-height:1.1}.benefits h2{font:400 19px/1.2 Arial,sans-serif;letter-spacing:0;margin-bottom:10px}.benefits p{font-size:12px;color:var(--muted)}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.solution-card{position:relative;isolation:isolate;min-height:280px;padding:24px;display:flex;align-items:flex-end;text-align:left;color:white;border-radius:3px;overflow:hidden;background:#554d40}.solution-card>.crop{position:absolute;inset:0;z-index:-2}.solution-card:after{content:'';position:absolute;inset:35% 0 0;z-index:-1;background:linear-gradient(transparent,#0009)}.card-copy{display:grid;gap:10px}.card-copy strong{font:400 clamp(25px,3vw,35px)/1.1 Georgia,serif;letter-spacing:-.03em}.card-copy>span{font-size:14px}.solution-card:hover .card-copy>span{text-decoration:underline}.offers{padding-bottom:25px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.offer{background:#eeeae5;display:grid;grid-template-columns:46% 54%;text-align:left;overflow:hidden;border-radius:3px;padding:0;min-height:213px}.offer-copy{display:flex;flex-direction:column;align-items:flex-start;padding:24px 8px 21px 19px}.offer-copy strong{font:400 23px/1.05 Georgia,serif;letter-spacing:-.025em}.discount{font-size:29px;color:var(--red);margin-top:15px}.offer-link{font-size:13px;margin-top:auto;padding-top:28px}.offer:hover .offer-link{text-decoration:underline}.automation{position:relative;isolation:isolate;overflow:hidden;min-height:310px;background:#182329;color:white}.automation-image{position:absolute;inset:0 0 0 auto;width:75%;z-index:-2}.automation:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#11191e 0%,#11191eed 22%,#11191e99 41%,transparent 68%)}.automation-content{padding-block:36px}.automation h2{font-size:38px}.automation p{margin-block:14px;font-size:18px}.outline{background:transparent;border:1px solid white;border-radius:15px;min-height:47px}.outline:hover{background:#ffffff26}.process{padding-block:26px 31px}.process h2{font-size:31px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:0;list-style:none;margin:24px 0 0}.steps li{display:flex;gap:20px;border-right:1px solid #ccc;padding-right:22px}.steps li:last-child{border:0}.step-number{font:400 40px/1 Georgia,serif;color:#696969}.steps h3{font:600 16px/1.3 Georgia,serif;margin:8px 0 9px}.steps p{color:var(--muted);font-size:13px}.about{display:grid;grid-template-columns:53% 47%;background:#f8f7f6}.about-image{min-height:260px}.about-copy{padding:40px 12% 38px 8%;align-self:center}.about h2{font-size:31px}.about p{font-size:15px;color:#626262;margin-block:16px}.consultation{padding-block:33px;background:#f1ece6;scroll-margin-top:20px}.consultation-grid{display:grid;grid-template-columns:36% 1fr;gap:55px;align-items:center}.consultation h2{font-size:31px;max-width:350px}.consultation p{font-size:13px;color:#666;margin-top:13px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.fields label{font-size:12px;display:grid;gap:5px;color:#595959}.fields input{border:1px solid #ddd;border-radius:4px;width:100%;min-width:0;min-height:43px;background:white;padding:10px 12px;font-size:14px;color:var(--ink)}.form-bottom{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:12px}.consent{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;max-width:330px}.consent input{accent-color:var(--red);margin:1px 0 0;min-width:16px;min-height:16px}.form-bottom .button{white-space:nowrap;min-height:41px;padding:10px 15px}.consultation .form-note{font-size:12px;margin-top:10px}footer{background:#202527;color:#eee;padding-block:30px 24px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.footer-grid .logo{color:white;font-size:38px}.footer-grid h2{font:600 15px/1.3 Arial,sans-serif;letter-spacing:0;margin:6px 0 13px}.footer-grid p,.footer-grid>div>a:not(.logo){display:block;color:#c8c9c9;font-size:13px;line-height:1.65}.footer-grid a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:36px;font-size:13px}.footer-bottom small{font-size:11px;color:#a9abad}dialog{width:min(520px,calc(100% - 32px));padding:42px 32px 30px;border:0;border-radius:12px;color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#0008}dialog h2{margin:10px 0 18px}dialog p{color:#666;font-size:16px}dialog .eyebrow{font-size:12px;letter-spacing:.13em;color:#a8402c}dialog .button{margin-top:25px}.dialog-phone{display:block;font-size:14px;margin-top:20px}.dialog-close{position:absolute;right:12px;top:8px;width:40px;height:40px;font-size:30px;background:transparent}
@media(min-width:1500px){.hero{min-height:580px}.hero-content{padding-block:55px}.hero-image{width:73%}}
@media(max-width:1100px){.header-inner{gap:16px;min-height:62px}.header nav{gap:15px}.header nav a{font-size:12px}.header-phone{display:none}.header-cta{margin-left:auto}.logo{font-size:32px}.product-strip{gap:14px}.hero{min-height:440px}.hero-content{padding-block:32px}.hero h1{font-size:55px}.hero-subtitle{font-size:19px}.hero .promotion{margin-bottom:30px}.benefits article{padding-inline:20px;gap:15px}.benefits h2{font-size:17px}.solution-card{min-height:240px}.offer-copy strong{font-size:21px}.offer{min-height:190px}.offer-copy{padding:20px 8px 18px 15px}.discount{font-size:27px}.consultation-grid{gap:30px}.steps{gap:20px}.steps li{gap:12px}.steps h3{font-size:14px}.about-copy{padding:30px}.automation{min-height:290px}}
@media(max-width:760px){.container{width:90%}.header-inner{min-height:67px;flex-wrap:wrap;gap:12px}.logo{font-size:30px}.logo span{font-size:33px}.header-cta{font-size:11px;padding:9px 11px;min-height:36px}.menu-toggle{display:flex;align-items:center;gap:7px;margin-left:auto;background:transparent;padding:10px 0;font-size:13px;order:3}.header nav{display:none;order:4;width:100%;margin:0;padding:5px 0 20px;flex-wrap:wrap;justify-content:flex-start;gap:18px}.header nav.open{display:flex}.header nav a{font-size:15px}.product-strip{display:flex;overflow:auto;width:100%;padding:7px 5% 15px;gap:18px;scroll-snap-type:x proximity;scrollbar-width:thin}.product{flex:0 0 76px;scroll-snap-align:start;font-size:11px;gap:6px}.product>.crop{width:72px;height:85px}.hero{min-height:535px}.hero-image{width:100%;inset:155px 0 0}.hero:after{background:linear-gradient(180deg,#f1ece6 0%,#f1ece6 13%,#f1ece6ed 28%,#f1ece670 49%,transparent 70%)}.hero-content{padding-block:25px 0}.promotion{font-size:12px;margin-bottom:18px!important}.promotion strong{font-size:16px}.hero h1{font-size:clamp(37px,9vw,56px);line-height:1.05;margin-bottom:11px}.hero-subtitle{font-size:16px;max-width:290px;margin-bottom:18px}.hero .button{min-height:47px;padding:12px 17px;font-size:12px;border-radius:10px}.discover{margin-top:14px;font-size:13px}.benefits{padding-block:21px}.benefits-grid{grid-template-columns:1fr;gap:17px}.benefits article,.benefits article:first-child{border:0;padding:0;gap:17px;align-items:center}.benefit-icon{font-size:34px;width:38px;text-align:center;flex-shrink:0}.benefits h2{font-size:16px;margin-bottom:3px}.benefits h2 br{display:none}.benefits p{font-size:12px}.section{padding-top:24px}.section>h2{margin-bottom:14px}.solution-grid{grid-template-columns:1fr;gap:12px}.solution-card{min-height:240px;padding:21px}.card-copy strong{font-size:29px}.offer-grid{grid-template-columns:1fr;gap:12px}.offer{min-height:190px;grid-template-columns:47% 53%}.offer-copy{padding:21px}.offer-copy strong{font-size:25px}.discount{font-size:31px;margin-top:11px}.offer-link{padding-top:19px;font-size:14px}.automation{min-height:340px}.automation-image{width:100%;left:0;top:70px}.automation:after{background:linear-gradient(90deg,#101a21ed,#101a2180 63%,#101a2133)}.automation h2{font-size:33px}.automation p{font-size:16px}.automation-content{padding-block:32px}.process{padding-bottom:26px}.process h2{font-size:28px;max-width:330px}.steps{grid-template-columns:1fr;gap:18px;margin-top:20px}.steps li{padding:0 0 17px;border-right:0;border-bottom:1px solid #ddd;gap:20px}.steps li:last-child{padding-bottom:0}.step-number{font-size:36px;width:43px;flex-shrink:0}.steps h3{font-size:17px;margin-top:2px}.steps p{font-size:14px}.steps p br{display:none}.about{grid-template-columns:1fr}.about-image{min-height:230px}.about-copy{padding:28px 5%}.about h2{font-size:29px}.consultation{padding-block:28px}.consultation-grid{grid-template-columns:1fr;gap:22px}.consultation h2{font-size:30px;max-width:340px}.fields{grid-template-columns:1fr;gap:13px}.fields label{font-size:13px}.fields input{font-size:16px;min-height:47px}.form-bottom{align-items:stretch;flex-direction:column;gap:16px}.consent{font-size:13px;max-width:none}.form-bottom .button{min-height:47px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h2{font-size:15px}.footer-grid p,.footer-grid>div>a:not(.logo){font-size:13px;line-height:1.9}.footer-bottom{gap:15px;margin-top:28px}.footer-bottom small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original reference used as a shared image atlas; coordinates in the 840 × 1872 supplied image. */
.p1{background-size:1253.73134% 1991.48936%;background-position:4.13972% 2.19348%;}
.p2{background-size:1253.73134% 1991.48936%;background-position:14.35964% 2.19348%;}
.p3{background-size:1253.73134% 1991.48936%;background-position:24.57956% 2.19348%;}
.p4{background-size:1090.90909% 1991.48936%;background-position:35.38663% 2.19348%;}
.p5{background-size:1200.00000% 1991.48936%;background-position:46.10390% 2.19348%;}
.p6{background-size:1292.30769% 1991.48936%;background-position:56.51613% 2.19348%;}
.p7{background-size:1050.00000% 1991.48936%;background-position:68.42105% 2.19348%;}
.p8{background-size:1024.39024% 1991.48936%;background-position:81.53034% 2.19348%;}
.p9{background-size:976.74419% 1991.48936%;background-position:95.22546% 2.19348%;}
.hero-image{background-size:149.46619% 547.36842%;background-position:99.64029% 10.91503%;}
.indoor{background-size:219.32115% 1440.00000%;background-position:7.43982% 37.48565%;}
.outdoor{background-size:219.32115% 1440.00000%;background-position:92.56018% 37.48565%;}
.offer-day{background-size:608.69565% 1309.09091%;background-position:20.65527% 52.28456%;}
.offer-wood{background-size:608.69565% 1309.09091%;background-position:57.83476% 52.28456%;}
.offer-shutter{background-size:556.29139% 1309.09091%;background-position:95.06531% 52.28456%;}
.automation-image{background-size:160.61185% 908.73786%;background-position:99.68454% 64.04562%;}
.about-image{background-size:189.61625% 1148.46626%;background-position:0.00000% 83.26507%;}

/* Keep text from the flattened reference outside the visible photo regions. */
.hero-image{background-size:185.02203% 547.36842%;background-position:99.74093% 10.91503%}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0;top:0}

/* Reference utility strip above the main navigation. */
.utility-bar{background:#f3f3f3;box-shadow:inset 0 -5px 7px -6px #888;color:#666;position:relative;z-index:5}
.utility-inner{width:96%;margin-inline:auto;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header .utility-links{display:flex;flex-wrap:nowrap;gap:0;justify-content:flex-start;margin:0;padding:0;width:auto}
.header .utility-links a{font-size:15px;line-height:1.1;white-space:nowrap;padding-inline:9px;border-right:1px solid #777}
.header .utility-links a:first-child{padding-left:0}.header .utility-links a:last-child{border:0;padding-right:0}
.partner-link{display:inline-flex;align-items:center;gap:8px}.partner-link svg{width:20px;height:23px;fill:none;stroke:#ed727b;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.utility-contact,.utility-phone{display:flex;align-items:center;white-space:nowrap}.utility-contact{gap:28px}.utility-phone{gap:10px;font-size:15px}.utility-phone svg{width:29px;height:29px;fill:none;stroke:#f16d7b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.utility-phone strong{font-size:28px;font-weight:400;color:#e5002b;margin-left:2px;letter-spacing:-.03em}
.language-picker{position:relative;color:#344c6b;font-size:17px}.language-picker summary{display:flex;align-items:center;gap:11px;cursor:pointer;list-style:none;min-height:44px}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1}.language-picker[open] summary>svg{transform:rotate(180deg)}.lt-flag{width:21px;height:14px;background:linear-gradient(#fdb913 0 33.333%,#006a44 33.333% 66.666%,#c1272d 66.666%);display:inline-block}.language-options{position:absolute;right:0;top:100%;min-width:130px;padding:12px 16px;background:#fff;box-shadow:0 4px 18px #0002;border-radius:4px;font-size:14px}.language-picker summary:focus-visible{outline:2px solid #777;outline-offset:2px}
@media(min-width:1800px){.utility-inner{min-height:70px}.header .utility-links a,.utility-phone{font-size:20px}.utility-phone strong{font-size:36px}.utility-phone svg{width:35px;height:35px}.partner-link svg{width:24px;height:27px}.language-picker{font-size:22px}.utility-contact{gap:40px}}
@media(max-width:1150px){.utility-phone>span{display:none}.utility-inner{gap:15px}.utility-contact{gap:18px}.header .utility-links a{font-size:13px;padding-inline:7px}.utility-phone strong{font-size:23px}}
@media(max-width:760px){.utility-inner{width:90%;flex-wrap:wrap;gap:0;padding-block:6px}.header .utility-links{order:2;width:100%;display:flex;flex-wrap:wrap;gap:7px 0;padding:6px 0}.header .utility-links a{font-size:11px;padding-inline:7px}.utility-contact{width:100%;justify-content:space-between;gap:10px}.utility-phone{gap:7px}.utility-phone svg{width:22px;height:22px}.utility-phone strong{font-size:22px}.language-picker{font-size:14px}.language-picker summary{min-height:32px;gap:8px}.partner-link{gap:4px}.partner-link svg{width:14px;height:17px}}

/* Original TOVA brand artwork, with its native transparent background. */
.logo{flex-shrink:0;line-height:1}.logo img{display:block;width:156px;height:auto}.footer-grid .logo img{width:156px;filter:brightness(0) invert(1)}
@media(max-width:760px){.logo img{width:108px}.header-inner{column-gap:10px}}

/* Align the utility strip with the main page container. */
.utility-inner{width:min(var(--max),92%);min-height:42px}
.header .utility-links a{font-size:12px}
.utility-phone{font-size:12px}
.utility-phone strong{font-size:21px}
.utility-phone svg{width:23px;height:23px}
.utility-contact{gap:22px}
.utility-bar .language-picker summary{font-size:13px}
@media(max-width:760px){.utility-inner{padding-block:6px}.header .utility-links a{font-size:11px}.utility-phone strong{font-size:20px}}

/* Consistent neutral keyboard focus; pointer clicks do not show a focus ring. */
:focus:not(:focus-visible){outline:none!important}
:focus-visible{outline:2px solid #777;outline-offset:3px}

/* No focus outlines, as requested. */
:focus,:focus-visible{outline:none!important}

@media(max-width:760px){.utility-inner{width:90%}}

/* Neutral focus throughout forms and keyboard navigation. */
:focus:not(:focus-visible){outline:none!important}
:focus-visible{outline:2px solid #777!important;outline-offset:3px}
input:focus,textarea:focus,select:focus{box-shadow:none!important;border-color:#999}
input,select,textarea{accent-color:#666}

/* 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%}}

/* karjera.css */
.career-main{padding-block:28px 64px}.career-breadcrumb{font-size:14px;color:#6e6e73;margin-bottom:40px}.career-breadcrumb a:hover{text-decoration:underline}.career-hero{max-width:1000px;margin:0 auto 64px;text-align:center}.career-eyebrow{font-size:13px;letter-spacing:.13em;color:#6e6e73;margin-bottom:20px}.career-hero h1{font:600 clamp(40px,5vw,68px)/1.06 Arial,sans-serif;letter-spacing:-.045em;margin-bottom:28px}.career-main h2{font:600 clamp(25px,2.8vw,36px)/1.15 Arial,sans-serif;letter-spacing:-.03em}.career-hero h2{font-weight:400;font-size:clamp(23px,2.5vw,30px);margin-bottom:24px}.career-main p,.career-main li{font-size:18px;line-height:1.65;color:#6e6e73}.career-hero p+p{margin-top:14px}.career-hero .button{margin-top:30px}.career-main .button{border-radius:28px;padding:15px 27px;font-size:16px}.career-offers>h2{margin-bottom:28px}.career-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.career-card{padding:34px;background:#f5f5f7;border-radius:28px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.career-card h3{font-size:29px;line-height:1.15;letter-spacing:-.03em}.career-card strong{font-size:14px;font-weight:500;color:#202123}.career-offer .text-link{margin-top:auto;padding-top:14px}.career-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-block:48px}.career-card ul{padding-left:22px;margin:0}.career-contact{background:#202123;color:#fff;border-radius:30px;padding:48px;margin-block:48px}.career-contact p{color:#c7c7cb;max-width:950px;margin-top:22px}.career-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-block:26px}.career-contact a:not(.button):hover{text-decoration:underline}.career-faq{max-width:1000px;margin:64px auto 0}.career-faq h2{margin-bottom:25px}.career-faq details{border-bottom:1px solid #ddd;padding:22px 0}.career-faq summary{font-size:20px;cursor:pointer;font-weight:600;line-height:1.4}.career-faq details p{margin-top:18px}.career-main a:focus-visible,.career-main summary:focus-visible{outline:2px solid #ff171c;outline-offset:5px}.career-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.career-offer-grid{grid-template-columns:1fr}.career-card{padding:28px}.career-job-grid{grid-template-columns:1fr}.career-hero{text-align:left;margin-bottom:40px}.career-contact{padding:30px}.career-main p,.career-main li{font-size:17px}.career-actions{align-items:flex-start;flex-direction:column;gap:18px}.career-main{padding-top:20px}.career-breadcrumb{margin-bottom:30px}.career-contact a{overflow-wrap:anywhere}}
.career-visual{width:100%;margin:0}.career-visual img{display:block;width:100%;height:auto;max-width:none}