/* Desktop reference: 2560px canvas, 1500px centred content. Mobile rules stay in their original files. */
.desktop-nav,.desktop-mega,.desktop-hero-poster{display:none}
.pdp-more{padding-inline:var(--page-gutter,16px)}
.newsletter>picture{display:block;width:100%;height:100%}
.newsletter>picture>img{width:100%;height:100%;object-fit:cover;object-position:center 79%;filter:brightness(.7)}
.about-hero>picture,.about-landscape>picture,.home-mission>picture,.home-materials>picture,.hero>picture{display:block;width:100%;height:100%}
.about-page .about-hero>picture>img{position:absolute;top:-36px;height:calc(100% + 72px);object-fit:cover;transform:translate3d(0,var(--parallax-y,0px),0)}
.hero>picture>img{position:absolute;inset:-36px 0 auto;width:100%;height:calc(100% + 72px);object-fit:cover;transform:translate3d(0,var(--parallax-y,0px),0)}
.home-page .home-mission>picture>img,.home-page .home-materials>picture>img,.custom-production>picture>img{height:100%;object-fit:cover}
@media(min-width:600px) and (max-width:899px){
 .store{max-width:100%;box-shadow:none}
 .store:not(.menu-is-open)>header{width:100%}
 body.site-scrolled .store:has(.home-page):not(.menu-is-open)>header{width:100%!important}
 .about-page .about-hero{aspect-ratio:3.2}
 .about-intro,.about-values,.about-team,.custom-section,.contact-details,.material-detail{padding-inline:32px}
 .products{grid-template-columns:repeat(3,minmax(0,1fr))}
 .about-person img{max-width:520px}
}
@media(min-width:900px){
 :root{--desktop-content:min(1500px,58.59375vw);--desktop-gutter:max(40px,calc((100% - var(--desktop-content))/2));--desktop-body:clamp(11.55555px,0.67709vw,17.33334px);--desktop-heading:clamp(31.77778px,2.03125vw,52px);--desktop-lead:clamp(20.22222px,1.35416vw,34.66666px)}
 body{background:#fff}
 .store{max-width:none;width:100%;box-shadow:none;position:relative}
 .announcement{height:26px;line-height:calc(26px + var(--abraka-desktop-type-add, 0px) * 1.5);font-size:calc(11.55555px + var(--abraka-desktop-type-add, 0px))}
 .announcement .marquee-track{min-width:max-content}
 .store:not(.menu-is-open)>header,.store>header{height:54px;padding-inline:var(--desktop-gutter);display:grid;grid-template-columns:auto 1fr auto auto;gap:18px;position:sticky;top:0;background:#fff;z-index:50}
 .store>header>a{grid-column:1;grid-row:1}
 .store>header .logo{width:101px;height:auto}
 .store>header .header-side:first-child{grid-column:3;grid-row:1}
 .store>header .header-side:first-child>[data-menu-toggle]{display:none}
 .store>header .header-side:last-child{grid-column:4;grid-row:1;gap:12px}
 .store>header .icon{max-width:28px;max-height:28px}
 .desktop-nav{display:flex;grid-column:2;grid-row:1;justify-content:center;gap:clamp(24px,2.5vw,64px);align-items:center;font-size:calc(clamp(11.55555px,0.67889vw,17.33334px) + var(--abraka-desktop-type-add, 0px))}
 .desktop-nav>a,.desktop-nav>button{padding:24px 0;white-space:nowrap}
 .desktop-nav>[data-desktop-menu][aria-expanded=true]{text-decoration:underline;text-underline-offset:6px}
 .desktop-mega{display:block;position:absolute;top:100%;left:0;width:100%;background:#fff;border-bottom:1px solid #ddd;padding:34px var(--desktop-gutter) 40px;box-sizing:border-box;max-height:calc(100dvh - 80px);overflow:auto;font-size:calc(clamp(10.11111px,0.56334vw,12px) + var(--abraka-desktop-type-add, 0px));line-height:1.6}
 .desktop-mega-inner{display:grid;grid-template-columns:1.3fr repeat(8,1fr);gap:24px;max-width:var(--desktop-content);margin:auto}
 .desktop-mega a{display:block}
 .desktop-mega a:hover{text-decoration:underline;text-underline-offset:3px}
 .desktop-mega strong{display:block;font-weight:600;margin-bottom:6px}
 .desktop-mega-intro{border-right:1px solid #777;padding-right:24px}
 .materials-mega{grid-template-columns:200px repeat(5,minmax(0,1fr));max-width:1100px;margin-left:0}
 .desktop-guide{text-decoration:underline;font-weight:600}
 .store:has(.home-page):not(.menu-is-open)>header{height:54px;top:var(--desktop-announcement-height,40px);padding-inline:var(--desktop-gutter);z-index:50}
 body.site-scrolled .store:has(.home-page):not(.menu-is-open)>header{top:var(--desktop-sticky-top,0px)!important;left:0!important;transform:none!important;width:100%!important}
 .store>header:has(.desktop-nav [data-desktop-menu][aria-expanded=true]){background:#fff!important}
 .store:has(.home-page).menu-is-open{padding-top:var(--desktop-announcement-height,40px)}
 .home-page,.about-page{font-size:calc(var(--desktop-body) + var(--abraka-desktop-type-add, 0px));line-height:1.5;container-type:normal}
 .about-page .about-hero,.store>.hero{height:auto;aspect-ratio:3.2;min-height:300px}
 .about-page .about-hero h1,.hero h1{font-size:calc(var(--desktop-heading) + var(--abraka-desktop-type-add, 0px));line-height:1.15}
 .about-hero h1{left:80px;bottom:70px}
 .hero>div{left:80px;bottom:70px}
 .hero p{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));margin-top:18px}
 .about-page .about-intro{max-width:var(--desktop-content);width:calc(100% - 80px);margin-inline:auto;padding:72px 0 80px}
 .about-page .about-lead{font-size:calc(var(--desktop-lead) + var(--abraka-desktop-type-add, 0px));line-height:1.25;max-width:none;margin-inline:auto}
 .about-intro>p:not(.about-lead),.about-values p{max-width:none}
 .about-page hr{margin:64px 0}
 .about-page .about-landscape{height:auto;aspect-ratio:2560/952;min-height:360px}
 .about-page .about-landscape>img,.about-page .about-landscape>picture>img{width:100%;height:100%;object-fit:cover}
 .about-landscape h2{font-size:calc(clamp(34.66666px,2.82118vw,72.22222px) + var(--abraka-desktop-type-add, 0px));line-height:1.1;display:block;align-content:center;padding:40px}
 .about-landscape h2 br,.custom-benefits h2 br,.custom-process h2 br,.custom-contact h2 br,.home-hero h1 br{display:none}
 .about-landscape h2 br:after,.custom-benefits h2 br:after,.custom-process h2 br:after,.custom-contact h2 br:after,.home-hero h1 br:after{content:' '}
 .about-values{max-width:var(--desktop-content);width:calc(100% - 80px);margin:auto;padding:60px 0}
 .about-page .about-values h2,.about-movement h2,.about-page .about-person h2{font-size:calc(var(--desktop-heading) + var(--abraka-desktop-type-add, 0px));line-height:1.05}
 .about-page .about-values h2{margin-bottom:28px}
 .about-life-row{display:grid;grid-template-columns:1fr 1fr;max-width:var(--desktop-content);width:calc(100% - 80px);margin:0 auto 90px;align-items:center}
 .about-page .about-life{width:100%;margin:0}
 .about-life img{width:100%;height:auto}
 .about-movement{padding:40px clamp(32px,4vw,100px)}
 .about-movement h2{margin-bottom:54px}
 .about-team-ticker{font-size:calc(52px + var(--abraka-desktop-type-add, 0px));padding:20px 0}
 .about-team{max-width:var(--desktop-content);width:calc(100% - 80px);margin:auto;padding:72px 0 100px;display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:start}
 .about-team::-webkit-scrollbar{display:none}
 .about-person{flex:0 0 calc((100% - 56px)/3);padding:0;border:0;scroll-snap-align:start;min-width:0}
 .about-page .about-person h2{margin-bottom:26px}
 .about-page .about-role{font-size:calc(var(--desktop-lead) + var(--abraka-desktop-type-add, 0px));margin-bottom:8px;white-space:nowrap}
 .about-page .about-titles,.about-page .about-bio{font-size:calc(clamp(11.55555px,0.56334vw,12px) + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .about-page .about-titles{min-height:60px;margin-bottom:12px}
 .about-page .about-bio{margin-top:24px}
 .custom-section{padding:80px var(--desktop-gutter)}
 .custom-section>h2{font-size:calc(var(--desktop-heading) + var(--abraka-desktop-type-add, 0px));margin-bottom:32px;line-height:1.1}
 .custom-rail{gap:10px;margin:50px 0 0;padding:0}
 .custom-rail figure{flex-basis:calc((100% - 20px)/3)}
 .custom-rail img{height:auto;aspect-ratio:4/5;object-fit:cover}
 .custom-rail figcaption{font-size:calc(var(--desktop-body) + var(--abraka-desktop-type-add, 0px));margin-top:14px}
 .custom-benefits{padding-top:70px;padding-bottom:120px}
 .custom-benefits>h2{margin-bottom:64px}
 .custom-page h3{font-size:calc(28.88889px + var(--abraka-desktop-type-add, 0px))}
 .custom-benefits article+article{margin-top:46px}
 .custom-benefits article p{font-size:calc(clamp(11.55555px,0.56334vw,12px) + var(--abraka-desktop-type-add, 0px));margin-top:8px}
 .custom-process{padding:95px 80px 190px}
 .custom-process ol{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;max-width:2400px;margin:110px auto 0;text-align:left}
 .custom-process li+li{margin-top:0}
 .custom-process li span{font-size:calc(57.77778px + var(--abraka-desktop-type-add, 0px))}
 .custom-process li h3{font-size:calc(clamp(17.33334px,1.12666vw,28.88889px) + var(--abraka-desktop-type-add, 0px))}
 .custom-smile{width:150px;height:150px;top:-75px;left:calc(50% - 75px)}
 .custom-contact form{margin-top:26px}
 .custom-contact input,.custom-contact textarea{font-size:calc(var(--desktop-body) + var(--abraka-desktop-type-add, 0px));padding:16px 20px}
 .custom-contact label{font-size:calc(var(--desktop-body) + var(--abraka-desktop-type-add, 0px));margin-top:30px}
 .custom-contact textarea{height:220px}
 .custom-contact button{display:block;max-width:580px;margin:60px auto 0;font-size:calc(12px + var(--abraka-desktop-type-add, 0px));padding:16px}
 .custom-contact>h2 br{display:contents}
 .custom-email{padding:50px 40px;font-size:calc(var(--desktop-body) + var(--abraka-desktop-type-add, 0px))}
 .custom-email a{font-size:calc(21.66666px + var(--abraka-desktop-type-add, 0px))}
 .custom-partners img{max-width:var(--desktop-content);margin:auto}
 .custom-partners>h2{font-size:calc(var(--desktop-heading) + var(--abraka-desktop-type-add, 0px));margin-bottom:60px}
 .contact-details{max-width:var(--desktop-content);width:calc(100% - 80px);margin:auto;padding:80px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
 .contact-details section+section{margin:0}
 .contact-page .contact-details h2{font-size:calc(clamp(12px,0.67889vw,17.33334px) + var(--abraka-desktop-type-add, 0px));margin-bottom:24px}
 .contact-details p{font-size:calc(clamp(11.55555px,0.56334vw,12px) + var(--abraka-desktop-type-add, 0px))}
 .contact-page .custom-contact{padding:100px var(--desktop-gutter) 60px;margin-bottom:80px}
 .contact-page .custom-contact>h2{font-size:calc(var(--desktop-heading) + var(--abraka-desktop-type-add, 0px))}
 .materials-nav{max-width:var(--desktop-content);width:calc(100% - 80px);margin:0 auto 72px;font-size:calc(12px + var(--abraka-desktop-type-add, 0px));padding:22px 0;gap:28px}
 .material-detail{max-width:var(--desktop-content);width:calc(100% - 80px);margin:0 auto 140px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:48px;scroll-margin-top:110px}
 .material-detail:nth-of-type(even) .material-photo{grid-column:2;grid-row:1}
 .material-detail:nth-of-type(even) .material-copy{grid-column:1;grid-row:1}
 .materials-page .material-photo h2{font-size:calc(72.22222px + var(--abraka-desktop-type-add, 0px))}
 .materials-page .material-description{margin-top:0}
 .materials-page .material-detail h3{font-size:calc(24.55555px + var(--abraka-desktop-type-add, 0px));margin:32px 0 8px}
 .materials-page .material-copy{font-size:calc(clamp(11.55555px,0.56334vw,12px) + var(--abraka-desktop-type-add, 0px))}
 .material-shop{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));max-width:100%;margin-top:32px}
 .materials-page .material-detail:last-child{padding-bottom:0;margin-bottom:120px}
 .home-page .home-hero{height:clamp(560px,46.875vw,1200px)}
 .home-hero>div{top:45%;padding:0 40px}
 .home-hero h1{font-size:calc(clamp(46.22222px,2.82118vw,72.22222px) + var(--abraka-desktop-type-add, 0px))}
 .home-hero h1 br{display:contents}
 .home-hero p{font-size:calc(clamp(12px,0.78722vw,20.22222px) + var(--abraka-desktop-type-add, 0px));margin-top:20px}
 .home-ticker{font-size:calc(17.33334px + var(--abraka-desktop-type-add, 0px));padding:24px 0}
 .home-products{max-width:var(--desktop-content);width:calc(100% - 80px);margin:auto;gap:10px}
 .home-products>article{flex:0 0 calc((100% - 30px)/4)}
 .home-section{max-width:var(--desktop-content);width:calc(100% - 80px);margin:auto;padding:70px 0}
 .home-section>h2,.home-family>h2{font-size:calc(31.77778px + var(--abraka-desktop-type-add, 0px));margin-bottom:40px}
 .home-rail{gap:10px;margin:0;padding:0}
 .home-rail>*{flex-basis:calc((100% - 20px)/3)}
 .home-tile h3{font-size:calc(clamp(28.88889px,1.92111vw,49.11111px) + var(--abraka-desktop-type-add, 0px))}
 .home-link{font-size:calc(17.33334px + var(--abraka-desktop-type-add, 0px));margin-top:36px}
 .home-rail article p{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .home-page .home-materials{height:clamp(300px,25vw,640px)}
 .home-materials .home-ticker{font-size:calc(28.88889px + var(--abraka-desktop-type-add, 0px))}
 .home-materials>div>a{top:calc(50% + 120px);font-size:calc(12px + var(--abraka-desktop-type-add, 0px));padding:14px 46px}
 .home-mission{height:auto;aspect-ratio:2560/952;min-height:450px}
 .home-mission h2{font-size:calc(52px + var(--abraka-desktop-type-add, 0px))}
 .home-mission p{font-size:calc(24.55555px + var(--abraka-desktop-type-add, 0px));max-width:1200px;margin:12px auto 0}
 .home-family .home-rail>*{flex-basis:calc((100% - 30px)/4)}
 .home-family figcaption{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .store>.categories{max-width:var(--desktop-content);width:calc(100% - 80px);margin:0 auto;padding:25px 0;justify-content:center;gap:28px;font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .store>.products{max-width:var(--desktop-content);width:calc(100% - 80px);margin:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 8px}
 .store>.products .swatches,.store>.products .product-text{padding-inline:0}
 .products .product-text,.home-products .product-text{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .products .product-text del{font-size:calc(11.55555px + var(--abraka-desktop-type-add, 0px))}
 .products .campaign{min-height:0;padding:35px 12px;grid-column:auto;align-self:stretch}
 .campaign h2{font-size:calc(28.88889px + var(--abraka-desktop-type-add, 0px))}
 .campaign p{font-size:calc(17.33334px + var(--abraka-desktop-type-add, 0px))}
 .campaign span{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .products .swatches{gap:8px;padding-block:12px}
 .products .swatches button,.products .swatches>a{box-sizing:border-box;width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;flex:0 0 18px;padding:0;border-radius:50%}
 .load-more{padding:70px 0}
 .filter-trigger{left:max(24px,calc((100% - var(--desktop-content))/4));transform:none;width:220px;max-width:220px;bottom:auto;top:150px;height:48px;font-size:calc(11.55555px + var(--abraka-desktop-type-add, 0px))}
 .filter-sheet[open]{left:0!important;right:auto!important;top:0!important;bottom:0!important;width:clamp(320px,20.7vw,530px)!important;max-width:530px!important;height:100dvh!important;margin:0!important;transform:none!important;max-height:none}
 .filter-sheet::backdrop{background:#0002}
 .filter-sheet .filter-scroll{padding:24px}
 .filter-sheet .options{grid-template-columns:repeat(3,minmax(0,1fr))}
 .filter-sheet .options label{font-size:calc(10.11111px + var(--abraka-desktop-type-add, 0px))}
 .filter-sheet .filter-actions{padding:24px}
 .pdp{max-width:var(--desktop-content);width:calc(100% - 80px);margin:0 auto;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:36px;align-items:start}
 .pdp-gallery{padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;scroll-snap-type:none}
 .pdp-gallery .pdp-photo{width:100%;min-width:0;flex:none;aspect-ratio:4/5}
 .pdp-gallery .pdp-photo>img{height:100%;width:100%;object-fit:cover}
 .pdp-gallery .pdp-photo>span{display:none}
 .pdp-info{min-width:0;padding:0}
 .pdp .breadcrumb{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));margin-top:0}
 .pdp-title h1{font-size:calc(31.77778px + var(--abraka-desktop-type-add, 0px))}
 .pdp-title a{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .pdp-price{font-size:calc(18.77778px + var(--abraka-desktop-type-add, 0px))}
 .pdp .variations label{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .pdp .add-to-cart,.pdp .single_add_to_cart_button{position:static;transform:none;width:100%;max-width:none;height:52px;margin:24px 0;display:block;font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .pdp:has(.add-to-cart) .single_add_to_cart_button{display:none}
 .pdp .add-to-cart.floating-at-footer{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .pdp .pdp-benefits{margin-top:32px;padding-block:26px;gap:22px}
 .pdp-benefits strong{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .pdp-intro{font-size:calc(20.22222px + var(--abraka-desktop-type-add, 0px));padding-block:28px;line-height:1.35}
 .pdp-accordions summary{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));padding-block:20px}
 .pdp-accordions p,.pdp-accordions li{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .pdp-more{grid-column:1/-1;padding:0;min-width:0}
 .outfit{border-top:1px solid #111;padding-top:30px;margin-top:24px}
 .outfit h2{font-size:calc(20.22222px + var(--abraka-desktop-type-add, 0px));margin-bottom:40px}
 .outfit-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 .outfit-scroll>a{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .pdp-story{margin-top:30px;padding:60px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px 48px}
 .pdp-story h2{font-size:calc(46.22222px + var(--abraka-desktop-type-add, 0px));margin:0}
 .pdp-story p{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:1.5;margin:0}
 .pdp-story h2:first-child{grid-column:1;grid-row:1}
 .pdp-story p:nth-child(2){grid-column:1;grid-row:2;align-self:start}
 .pdp-story .pocket-photo{grid-column:2;grid-row:1/4;margin:0 0 60px;aspect-ratio:1;object-fit:cover}
 .pdp-story h2:nth-child(4){grid-column:2;grid-row:4}
 .pdp-story p:nth-child(5){grid-column:2;grid-row:5}
 .pdp-story img:last-child{grid-column:1;grid-row:4/7;aspect-ratio:1;object-fit:cover}
 .pdp-reviews h2{font-size:calc(46.22222px + var(--abraka-desktop-type-add, 0px))}
 .pdp-reviews{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));padding-bottom:80px}
 .standard-page{max-width:var(--desktop-content);width:calc(100% - 80px);margin:auto;font-size:calc(12px + var(--abraka-desktop-type-add, 0px));padding:60px 0}
 .newsletter{height:320px}
 .newsletter>picture>img{object-position:center;filter:brightness(.8)}
 .newsletter>div{inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}
 .newsletter h2{font-size:calc(31.77778px + var(--abraka-desktop-type-add, 0px));margin-bottom:16px}
 .newsletter p{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));margin-bottom:24px}
 .newsletter form{width:calc((var(--desktop-content) - 36px) * .4);max-width:100%;height:36px}
 .newsletter input{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .store>footer{padding:120px var(--desktop-gutter) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 48px;font-size:calc(17.33334px + var(--abraka-desktop-type-add, 0px))}
 .footer-logo{width:150px;height:auto;margin-bottom:26px}
 footer address{font-size:calc(17.33334px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 footer .socials{margin-top:12px}
 footer details,footer details:last-of-type{border:0}
 footer summary{font-size:calc(23.11111px + var(--abraka-desktop-type-add, 0px));padding:0 0 24px;pointer-events:none}
 footer summary .plus{display:none}
 footer .footer-content,footer .footer-content>a,footer .footer-content>button{font-size:calc(17.33334px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .store>footer>small{grid-column:1/-1;margin:100px calc(-1 * var(--desktop-gutter)) 0;padding:24px var(--desktop-gutter);font-size:calc(11.55555px + var(--abraka-desktop-type-add, 0px));line-height:1.8}
}
@media(min-width:900px) and (max-width:1800px){
 .store>footer{gap:0 32px;padding-top:70px}
 footer address,footer .footer-content,footer .footer-content>a,footer .footer-content>button{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 footer summary{font-size:calc(18.77778px + var(--abraka-desktop-type-add, 0px))}
 .store>footer>small{margin-top:60px}
 .about-page .about-role{font-size:calc(23.11111px + var(--abraka-desktop-type-add, 0px))}
 .home-materials .home-ticker{font-size:calc(20.22222px + var(--abraka-desktop-type-add, 0px))}
 .home-materials>div>a{top:calc(50% + 70px)}
 .custom-process{padding-bottom:100px}
 .custom-process ol{margin-top:70px}
 .custom-process li span{font-size:calc(41.88889px + var(--abraka-desktop-type-add, 0px))}
 .filter-trigger{top:auto;bottom:28px;left:28px}
 .pdp-title h1{font-size:calc(26px + var(--abraka-desktop-type-add, 0px))}
 .pdp-intro{font-size:calc(17.33334px + var(--abraka-desktop-type-add, 0px))}
 .pdp-story h2,.pdp-reviews h2{font-size:calc(34.66666px + var(--abraka-desktop-type-add, 0px))}
 .pdp-benefits strong{font-size:calc(10.11111px + var(--abraka-desktop-type-add, 0px))}
 .home-mission h2{font-size:calc(40.44445px + var(--abraka-desktop-type-add, 0px))}
 .home-mission p{font-size:calc(18.77778px + var(--abraka-desktop-type-add, 0px))}
}
@media(prefers-reduced-motion:reduce){.desktop-mega{transition:none}}

@media(max-width:899px){
 .home-products>article:nth-child(n+4){display:none}
}

.desktop-product-gallery{display:none}
@media(max-width:899px){.desktop-editorial{display:none}}
@media(min-width:900px){
 .pdp-gallery.mobile-product-gallery{display:none}
 .pdp-gallery.desktop-product-gallery{display:grid}
 .home-page .home-hero>.desktop-hero-poster{display:block;height:100%;object-fit:cover}
 .home-page .home-hero>video{display:none}
 .home-rail>*{flex-basis:38.6667%}
 .home-products>article,.home-family .home-rail>*{flex-basis:23.4667%}
 .about-person{flex-basis:36.6667%}
 .about-team{scroll-padding-inline:0}
 .filter-trigger{top:var(--catalog-filter-top,110px)}
}
@media(min-width:900px) and (max-width:1800px){.filter-trigger{top:auto}}

.footer-main{display:contents}
.footer-more,.desktop-custom-product{display:none}
@media(min-width:900px){
 .desktop-custom-product{display:block}
 .store>footer{display:block;padding:0}
 .footer-main{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px;width:calc(100% - 80px);max-width:var(--desktop-content);margin:auto;padding:120px 0 100px}
 .store>footer>small{margin:0;padding:24px 40px;border-top:1px solid #d8d8d8}
 .footer-main>details:nth-of-type(2) .footer-content>a:nth-child(n+6):not(.footer-more){display:none}
 .footer-main .footer-more{display:block;text-decoration:underline}
}
@media(min-width:900px) and (max-width:1800px){.footer-main{gap:32px;padding:70px 0 60px}}
@media(min-width:900px){.home-products,.home-rail,.about-team,.custom-rail{cursor:grab}.home-products:active,.home-rail:active,.about-team:active,.custom-rail:active{cursor:grabbing}}

@media(min-width:900px){.home-page .desktop-hero-poster img{height:100%;width:100%;object-fit:cover}}

.desktop-country{display:none}
@media(min-width:900px){.desktop-country{display:grid;place-items:center;border-left:1px solid #777;padding-left:16px;margin-left:4px;font-size:calc(15.88889px + var(--abraka-desktop-type-add, 0px))}}
@media(min-width:900px) and (max-width:1199px){
 .store>header,.store:has(.home-page):not(.menu-is-open)>header{gap:10px}
 .store>header .logo{width:81px}
 .desktop-nav{gap:22px;font-size:calc(10.11111px + var(--abraka-desktop-type-add, 0px))}
 .store>header .header-side:last-child{gap:6px}
 .desktop-country{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));padding-left:10px}
 .desktop-mega-inner{grid-template-columns:1.2fr repeat(4,minmax(0,1fr));gap:22px}
 .desktop-mega-intro{grid-row:span 2}
 .materials-mega{grid-template-columns:150px repeat(5,minmax(0,1fr));gap:16px}
 .materials-mega .desktop-mega-intro{grid-row:auto}
}

/* Keep the proportional desktop column usable on smaller screens. */
@media(min-width:900px){.footer-main>div{min-width:0;overflow-wrap:anywhere}}
@media(min-width:900px) and (max-width:1199px){
 .store>header .logo{width:70px}
 .desktop-nav{gap:12px;font-size:calc(9.38889px + var(--abraka-desktop-type-add, 0px))}
 .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Explicit desktop header and product option dimensions. */
@media(min-width:900px){
 .store>header,.store:not(.menu-is-open)>header,.store:has(.home-page):not(.menu-is-open)>header{height:54px;min-height:54px;max-height:54px}
 .store>header .logo{width:88px;height:auto}
 .pdp .variations .variation-buttons button{width:26px;height:26px;min-width:26px;min-height:26px;flex:0 0 26px;padding:0;border-radius:50%}
}

@media(min-width:900px){
 .desktop-nav>a,.desktop-nav>button{padding:14px 0}
 .pdp .variations .pdp-length button{width:auto;min-width:0;height:26px;min-height:26px;flex:0 0 auto;padding:0 14px;border-radius:999px}
}

/* Match the product detail typography hierarchy across screen sizes. */
@media(min-width:900px){
 .pdp .pdp-title h1{font-size:calc(30px + var(--abraka-desktop-type-add, 0px))}
 .pdp .pdp-intro,.pdp .outfit h2{font-family:'Teodor Regular',serif;font-size:calc(20px + var(--abraka-desktop-type-add, 0px));font-weight:400}
}

@media(min-width:900px){
 .pdp .variations,.pdp .variations label,.pdp .variations th.size-heading button,
 .pdp .pdp-accordions summary,.pdp .pdp-story p,.pdp .pdp-reviews,
 .pdp .pdp-reviews .review-empty,.pdp .woocommerce-variation,.pdp .pdp-price del{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .pdp .pdp-price{font-size:calc(16px + var(--abraka-desktop-type-add, 0px))}
 .pdp .breadcrumb{font-size:calc(10px + var(--abraka-desktop-type-add, 0px))}
}

@media(min-width:900px){.desktop-nav,.desktop-nav>a,.desktop-nav>button{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}}

@media(min-width:900px){.pdp .variations .pdp-sizes button,.pdp .variations .pdp-length button{font-size:calc(10px + var(--abraka-desktop-type-add, 0px))}}



@media(min-width:900px){.pdp .pdp-gallery{gap:6px}}

@media(min-width:900px){.pdp .restock-form p,.pdp .restock-form input,.pdp .restock-form input::placeholder{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}}

@media(min-width:900px){.store>footer .footer-logo{width:88px;height:auto}}

/* Approved desktop type scale: fixed CSS pixels, independent of viewport width. */
@media(min-width:900px){
 :root{--desktop-body:12px;--desktop-heading:36px;--desktop-lead:20px}
 .store{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .desktop-nav,.desktop-nav>a,.desktop-nav>button,.desktop-mega,
 .home-page,.about-page,.custom-page,.contact-page,.materials-page,
 .about-page .about-titles,.about-page .about-bio,.custom-benefits article p,
 .contact-details p,.materials-page .material-copy,.materials-nav,.material-shop,
 .home-hero p,.hero p,.home-rail article p,.home-family figcaption,
 .products .product-text,.home-products .product-text,.products .product-text del,
 .store>.categories,.campaign span,.home-materials>div>a,
 .custom-contact input,.custom-contact textarea,.custom-contact label,.custom-contact button,
 .standard-page,.newsletter p,.newsletter input,
 .store>footer,footer address,footer .footer-content,footer .footer-content>a,footer .footer-content>button,
 .pdp .pdp-story p,.pdp .pdp-reviews,.pdp .pdp-reviews .review-empty,
 .pdp .reviews-more,.pdp .pdp-accordions summary,.pdp .pdp-accordions p,.pdp .pdp-accordions li,
 .pdp .outfit-scroll>a,.pdp .restock-form p,.pdp .restock-form input,
 .pdp .variations,.pdp .variations label,.pdp .variations th.size-heading button,
 .pdp .add-to-cart,.pdp .single_add_to_cart_button,.pdp .woocommerce-variation,
 .pdp .pdp-price del,.pdp-title a{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .newsletter input,.custom-contact input,.custom-contact textarea,.pdp .restock-form input{font-weight:300}
 .pdp .restock-form input::placeholder{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 .announcement,.announcement span,.store>footer>small,.filter-trigger,
 .pdp .breadcrumb,.pdp .pdp-benefits strong,
 .pdp .variations .pdp-sizes button,.pdp .variations .pdp-length button,
 .badge,.product-image>.sale,.fabric,.sizes,.swatches span{font-size:calc(10px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .pdp .pdp-price{font-size:calc(16px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .about-page .about-lead,.about-page .about-role,.about-movement p,
 .pdp .pdp-intro,.pdp .outfit h2,.custom-page h3,
 .custom-process li h3,.materials-page .material-detail h3,footer summary{
  font-family:'Teodor Regular',serif;font-size:calc(20px + var(--abraka-desktop-type-add, 0px));font-weight:400;line-height:1.3
 }
 .home-link{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));font-weight:600;line-height:1.5}
 .custom-email a{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));font-weight:600;line-height:1.5}
 .contact-page .contact-details h2{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));font-weight:600;line-height:1.5}
 .pdp .pdp-title h1{font-size:calc(30px + var(--abraka-desktop-type-add, 0px));line-height:1.15}
 .about-page .about-hero h1,.hero h1,
 .about-page .about-values h2,.about-movement h2,.about-page .about-person h2,
 .custom-section>h2,.custom-partners>h2,.contact-page .custom-contact>h2,
 .home-section>h2,.home-family>h2{font-size:calc(36px + var(--abraka-desktop-type-add, 0px));font-weight:400;line-height:1.2}
 .pdp .pdp-story h2,.pdp .pdp-reviews h2,.newsletter h2,.home-mission h2{
  font-family:'Teodor Regular',serif;font-size:calc(36px + var(--abraka-desktop-type-add, 0px));font-weight:400;line-height:1.2
 }
 .home-hero h1,.materials-page .material-photo h2{font-size:calc(72px + var(--abraka-desktop-type-add, 0px));line-height:1.05}
 .about-landscape h2,.custom-production h2,.home-tile h3{font-size:calc(48px + var(--abraka-desktop-type-add, 0px));line-height:1.1}
 .campaign h2{font-size:calc(36px + var(--abraka-desktop-type-add, 0px));line-height:1.1}
 .campaign p,.home-mission p,.home-ticker,.home-materials .home-ticker{font-size:calc(20px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .about-team-ticker{font-size:calc(36px + var(--abraka-desktop-type-add, 0px));line-height:1.2}
 .custom-process li span{font-size:calc(48px + var(--abraka-desktop-type-add, 0px));line-height:1.1}
 .filter-sheet .options label{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
}

/* Remaining desktop text in controls, dialogs and WooCommerce forms. */
@media(min-width:900px){
 .load-more-button,.load-more button,.benefit-bottom a,.benefit-bottom button,
 .benefit-body,.review-compose,.pdp-reviews article,.pdp,
 .chips button,.options label,.filter-actions button,.empty,
 dialog,.detail-sheet p,.notice-sheet p,
 .pill,.standard-page .woocommerce a.button,.standard-page .woocommerce button.button,.standard-page .woocommerce input.button,
 .standard-page .woocommerce input:not([type=checkbox]):not([type=radio]):not([type=submit]),
 .standard-page .woocommerce select,.standard-page .woocommerce textarea,#search-panel input,
 .woocommerce-notices-wrapper,.woocommerce-message,.woocommerce-error,.woocommerce-info,
 .standard-page .woocommerce .star-rating,footer details p,footer details>a{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
}
@media(min-width:900px){.home-page .home-section>h2,.home-page .home-family>h2{font-size:calc(30px + var(--abraka-desktop-type-add, 0px))}}

@media(min-width:900px){.home-page .home-tile h3{font-family:'Teodor Regular',serif;font-size:calc(36px + var(--abraka-desktop-type-add, 0px))}}

@media(min-width:900px){
 .home-page .home-mission h2{position:absolute;top:50%;left:0;width:100%;margin:0;font-size:calc(48px + var(--abraka-desktop-type-add, 0px));line-height:1.2;transform:translateY(-50%)}
 .home-page .home-mission p{position:absolute;top:calc(50% + 28.8px + 16px);left:50%;transform:translateX(-50%);width:calc(100% - 48px);max-width:1200px;margin:0}
}/* Desktop typography roles and shared vertical rhythm. */
@media(min-width:900px){
 .home-page .home-section>h2,.home-page .home-family>h2,.custom-products>h2,.pdp .outfit h2{font-size:calc(30px + var(--abraka-desktop-type-add, 0px));line-height:1.2}
 .home-link,.desktop-guide{font-family:DM,sans-serif;font-size:calc(12px + var(--abraka-desktop-type-add, 0px));font-weight:600;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
 .home-link svg,.home-link img,.desktop-guide svg,.desktop-guide img{margin-inline-start:6px;vertical-align:middle}
 .hero p,.pdp .breadcrumb,.woocommerce-breadcrumb{font-size:calc(10px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 .about-page .about-lead,.about-page .about-role,.about-movement p,.pdp .pdp-intro,.custom-page h3,.materials-page .material-detail h3,footer summary{line-height:1.3}
 .about-page .about-bio,.about-page .about-titles,.about-values p,.custom-section p,.contact-details p,.materials-page .material-copy,.pdp .pdp-story p,.pdp .pdp-accordions p,.pdp .pdp-accordions li,.home-rail article p{line-height:1.5}
 .about-page .about-values h2,.about-movement h2,.about-page .about-person h2,.custom-section>h2,.custom-partners>h2,.contact-page .custom-contact>h2,.pdp .pdp-reviews h2{line-height:1.2;margin-top:0;margin-bottom:24px}
 .home-page .home-section>h2,.home-page .home-family>h2,.pdp .outfit h2{margin-top:0;margin-bottom:32px}
 .custom-contact form{margin-top:0}
 .custom-process ol{margin-top:32px}
 .custom-rail{margin-top:32px}
 .custom-benefits article h3{margin-bottom:12px}
 .custom-benefits article p{margin-top:0}
 .materials-page .material-detail h3{margin-bottom:12px}
 .contact-page .contact-details h2{margin-bottom:12px}
 .pdp .pdp-story{row-gap:24px}
 .pdp .pdp-story h2{margin:0;line-height:1.2}
 .home-link{margin-top:16px;margin-bottom:12px}
}
/* Consistent desktop action buttons; product option controls retain their own size. */
@media(min-width:900px){
 .load-more-button,.load-more button,.filter-trigger,.filter-actions button,.chips button,
 .pdp .add-to-cart,.pdp .single_add_to_cart_button,.pdp .reviews-more,
 .pdp-reviews .submit,.review-compose .submit,
 .custom-contact button,.material-shop,.home-materials>div>a,.campaign span,
 .benefit-bottom a,.benefit-bottom button,.menu-country button,
 .pill,.standard-page .woocommerce a.button,.standard-page .woocommerce button.button,.standard-page .woocommerce input.button{
  box-sizing:border-box;height:36px;min-height:36px;max-height:36px;
  padding-block:0;border-radius:999px;font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:calc(18px + var(--abraka-desktop-type-add, 0px) * 1.5);
  align-content:center;align-items:center;
 }
}

 .store>.products .swatches{flex-wrap:nowrap}
 .store>.products .swatches>a.swatch-overflow{width:auto;min-width:0;max-width:none;height:auto;min-height:0;max-height:none;flex:0 0 auto;border:0;border-radius:0;background:none;font-size:calc(10px + var(--abraka-desktop-type-add, 0px));line-height:calc(18px + var(--abraka-desktop-type-add, 0px) * 1.5);white-space:nowrap}
 .store>.products .swatches .swatch-overflow-hidden{display:none!important}

/* Anchor the shop heading itself at the same height as informational heroes. */
@media(min-width:900px){
 .store>.hero>div{bottom:70px}
 .store>.hero h1{margin:0}
 .store>.hero>div>p{position:absolute;top:100%;left:0;margin:6px 0 0;white-space:nowrap}
}

@media(min-width:900px){.store>.categories{font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}}

@media(min-width:900px) and (hover:hover) and (pointer:fine){
 .store>.products .product-gallery{position:relative;overflow:clip;scroll-snap-type:none}
 .store>.products .product-gallery .gallery-slide{position:absolute;inset:0;width:100%;height:100%;transition:none}
 .store>.products .product-gallery .gallery-slide:first-child{position:relative}
 .store>.products .product-gallery .gallery-slide:nth-child(n+3){display:none}
 .store>.products .product-gallery .gallery-slide:nth-child(2){opacity:0;pointer-events:none}
 .store>.products .product-gallery:hover .gallery-slide:nth-child(2){opacity:1;pointer-events:auto}
}
@media(min-width:900px){
 .filter-sheet{font-size:calc(10px + var(--abraka-desktop-type-add, 0px))}
 .filter-sheet .sheet-heading h2,.filter-sheet .filter-scroll summary{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));font-weight:600}
 .filter-sheet .options label,.filter-sheet .chips button,.filter-sheet .filter-actions button{font-size:calc(10px + var(--abraka-desktop-type-add, 0px));font-weight:300}
 .filter-sheet .close{font-size:0}
 .filter-sheet .close::before,.filter-sheet .close::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
 .filter-sheet .close::after{transform:translate(-50%,-50%) rotate(-45deg)}
}
@media(min-width:900px){
 .filter-sheet .options label:has(input[name="zoradenie"]){white-space:nowrap}
 .filter-sheet .options label:has(input[value="popularity"]){grid-column:1/-1}
 .filter-sheet .chips button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;white-space:nowrap}
 .filter-sheet .chips button>span{position:relative;display:block;flex:0 0 10px;width:10px;height:10px;margin:0;font-size:0;line-height:0}
 .filter-sheet .chips button>span::before,.filter-sheet .chips button>span::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
 .filter-sheet .chips button>span::after{transform:translate(-50%,-50%) rotate(-45deg)}
}
/* Compact desktop product information rhythm. */
@media(min-width:900px){
 .pdp .variations .pdp-length{margin-bottom:0}
 .pdp .add-to-cart,.pdp .single_add_to_cart_button{margin:20px 0 0}
 .pdp .pdp-benefits{margin-top:20px;padding-block:18px;gap:16px 20px}
 .pdp .pdp-intro{margin:0;padding-block:16px}
 .pdp .pdp-accordions summary{padding-block:16px}
}

@media(min-width:900px){.pdp .breadcrumb{display:block;margin-top:0;line-height:1}}
@media(min-width:900px){
 .pdp .pdp-title{margin-top:4px}
 .pdp .variations .pdp-colors,.pdp .variations .pdp-sizes{gap:12px;padding-inline:0}
 .pdp .variations .pdp-colors button{box-sizing:border-box;width:26px;height:26px;min-width:26px;min-height:26px;flex:0 0 26px;padding:0;border-radius:50%}
 .pdp .variations .pdp-colors button[aria-pressed=true]{outline:1px solid #333;outline-offset:3px}
}

/* Header icon rhythm from the supplied 180 x 30 reference. */
@media(min-width:900px){
 .store>header,.store:has(.home-page):not(.menu-is-open)>header{column-gap:24px}
 .store>header .header-side{align-items:center}
 .store>header .header-side:last-child{gap:24px}
 .store>header .header-side>a,.store>header .header-side>button{width:20px;height:30px;padding:0;display:grid;place-items:center}
 .store>header .header-side .icon{width:20px;height:20px;max-width:none;max-height:none;object-fit:contain}
 .store>header .search-icon{width:20px;height:20px}
 .store>header .search-icon .icon:first-child{width:16px;height:16px}
 .store>header .search-icon .icon:last-child{width:6px;height:6px;right:0;bottom:0}
 .store>header .desktop-country{height:30px;margin:0;padding-left:24px;border-left:1px solid #111;box-sizing:content-box}
}

/* Exact 16px header icons, including the account group before the mega menu. */
@media(min-width:900px){
 .store>header .header-side:has(.cart-link){grid-column:4;grid-row:1;display:flex;align-items:center;gap:24px}
 .store>header .header-side>a,.store>header .header-side>button{width:16px;height:24px;padding:0;flex:0 0 16px}
 .store>header .header-side .icon,.store>header .country-flag{display:block;width:16px;height:16px;max-width:16px;max-height:16px}
 .store>header .desktop-country{height:24px;padding-left:24px;margin:0;border-left:1px solid #111}
}

@media(min-width:900px){.pdp .pdp-title>a{display:inline-flex;align-items:center;gap:4px}.pdp .pdp-title>a img.rating-star{display:block;flex:0 0 16px;margin:0;vertical-align:initial}}

.pdp-info-track{display:contents}
@media(min-width:900px){
 .pdp>.pdp-info-track{display:block;grid-column:2;grid-row:1;align-self:stretch;min-width:0}
 .pdp-info-track>.pdp-info{position:sticky;top:54px;transform:none}
}
/* Desktop benefit and size-guide dialogs. */
@media(min-width:900px){
 dialog.benefit-sheet[open],dialog#size-guide[open]{position:fixed;inset:0;width:900px;height:600px;max-width:calc(100vw - 48px)!important;max-height:calc(100dvh - 48px)!important;margin:auto!important;padding:48px!important;box-sizing:border-box;overflow:auto;transform:none;animation:none;border:0;border-radius:0}
 dialog.benefit-sheet .benefit-title,dialog#size-guide h2{font:400 calc(36px + var(--abraka-desktop-type-add, 0px))/1.2 'Teodor Regular',serif;margin:0 0 32px;padding:0}
 dialog.benefit-sheet .benefit-body,dialog#size-guide p{font:300 calc(12px + var(--abraka-desktop-type-add, 0px))/1.5 DM,sans-serif;padding:0}
 dialog.benefit-sheet .benefit-body p{margin:0 0 20px}
 dialog.benefit-sheet .benefit-body .benefit-emphasis{font:400 calc(20px + var(--abraka-desktop-type-add, 0px))/1.3 'Teodor Regular',serif;margin:0 0 20px}
 dialog.benefit-sheet .benefit-close,dialog#size-guide .close{position:absolute;inset:24px 24px auto auto;width:28px;height:28px;padding:0;z-index:3;background:none;font-size:0}
 dialog.benefit-sheet .benefit-close span{display:none}
 dialog.benefit-sheet .benefit-close::before,dialog.benefit-sheet .benefit-close::after,dialog#size-guide .close::before,dialog#size-guide .close::after{content:'';position:absolute;left:50%;top:50%;width:24px;height:1px;background:#111;transform:translate(-50%,-50%) rotate(45deg)}
 dialog.benefit-sheet .benefit-close::after,dialog#size-guide .close::after{transform:translate(-50%,-50%) rotate(-45deg)}
 dialog:is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim)[open]{padding:48px calc(44.44444% + 48px) 120px 48px!important}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim)::before{content:'';position:absolute;inset:0 0 0 auto;width:44.44444%;background:url('assets/benefit-discount-photo.jpg') center/cover no-repeat}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-title{font-size:calc(36px + var(--abraka-desktop-type-add, 0px));margin-bottom:32px}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-art{width:80px;height:80px!important;margin:32px auto 0}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-bottom{position:absolute;left:0;bottom:0;width:55.55556%;height:110px;border-top:1px solid #aaa;display:flex;align-items:center;justify-content:center;padding:0;margin:0}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-bottom a{height:36px;font:300 calc(12px + var(--abraka-desktop-type-add, 0px))/calc(18px + var(--abraka-desktop-type-add, 0px) * 1.5) DM,sans-serif;display:inline-flex;align-items:center;padding:0 28px;border:1px solid;border-radius:999px}
}
@media(min-width:900px){
 dialog.benefit-sheet[open],dialog#size-guide[open]{width:600px;height:400px;padding:30px!important;overflow:hidden}
 dialog.benefit-sheet .benefit-title,dialog#size-guide h2{font-size:calc(24px + var(--abraka-desktop-type-add, 0px));line-height:1.2;margin-bottom:24px}
 dialog.benefit-sheet .benefit-body,dialog#size-guide p{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:1.5}
 dialog.benefit-sheet .benefit-body p{margin-bottom:16px}
 dialog.benefit-sheet .benefit-body .benefit-emphasis{font-size:calc(16px + var(--abraka-desktop-type-add, 0px));line-height:1.3;margin-bottom:16px}
 dialog:is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim)[open]{padding:32px calc(44.44444% + 30px) 82px 30px!important}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-title{font-size:calc(24px + var(--abraka-desktop-type-add, 0px));line-height:1.2;margin-bottom:28px;white-space:nowrap}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-art{width:56px;height:56px!important;margin:26px auto 0}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-bottom{height:82px}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-bottom a{height:36px;padding-inline:28px;font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 dialog.benefit-sheet .benefit-close,dialog#size-guide .close{top:16px;right:16px;width:24px;height:24px}
 dialog.benefit-sheet .benefit-close::before,dialog.benefit-sheet .benefit-close::after,dialog#size-guide .close::before,dialog#size-guide .close::after{width:16px}
}

.discount-desktop-break{display:none}
@media(min-width:900px){
 dialog.benefit-sheet[open],dialog#size-guide[open]{aspect-ratio:3/2;height:auto;max-height:none!important;width:min(600px,calc(100vw - 48px),calc((100dvh - 48px)*1.5))}
 dialog:is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim)[open]{padding:32px 24px 82px!important}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-title{font-size:calc(22px + var(--abraka-desktop-type-add, 0px));white-space:nowrap}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-body p{white-space:nowrap;font-size:calc(12px + var(--abraka-desktop-type-add, 0px))}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-body .benefit-emphasis{font-size:calc(16px + var(--abraka-desktop-type-add, 0px));line-height:1.3;white-space:nowrap}
 :is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .discount-desktop-break{display:inline}
}

@media(min-width:900px){:is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-title,:is(#benefit-discount,#benefit-discount_shorts,#benefit-discount_swim) .benefit-body{width:calc(55.55556% - 22px)}}

@media(min-width:900px){.pdp .pdp-price del{font-size:inherit;line-height:inherit}}
/* Compact, consistent spacing within desktop team profiles. */
@media(min-width:900px){
 .about-page .about-team{padding-block:48px 56px}
 .about-page .about-person h2{margin-top:0;margin-bottom:12px}
 .about-page .about-person .about-role{margin-top:0;margin-bottom:8px}
 .about-page .about-person .about-titles{margin-top:0;margin-bottom:12px;min-height:60px}
 .about-page .about-person .about-bio{margin-top:16px;margin-bottom:0}
}

.team-navigation{display:none}
@media(min-width:900px){
 .about-page .team-navigation{display:flex;justify-content:flex-end;gap:12px;max-width:var(--desktop-content);width:calc(100% - 80px);margin:24px auto 0}
 .team-navigation button{width:36px;height:36px;padding:0;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font-size:calc(20px + var(--abraka-desktop-type-add, 0px));line-height:1;background:white}
 .team-navigation button:disabled{opacity:.25;cursor:default}
 .about-page .team-navigation+.about-team{padding-top:20px}
}

@media(min-width:900px){.contact-page .custom-contact button,.custom-page .custom-contact button{width:calc((var(--desktop-content) - 36px) * .4);max-width:100%;margin-inline:auto}}

.partners-grid{display:none}
@media(min-width:900px){
 .custom-partners .partners-mobile{display:none}
 .custom-partners .partners-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:32px 24px;max-width:var(--desktop-content);margin-inline:auto;align-items:center}
 .custom-partners .partners-grid img{display:block;width:100%;max-width:220px;height:auto;aspect-ratio:220/85;object-fit:contain;margin:auto}
}

@media(min-width:900px){.custom-partners>h2{margin-bottom:40px}}

/* Shared mobile typography; desktop retains its own hierarchy. */
@media(max-width:899px){
 .pdp .pdp-price del{font-size:inherit}
 .home-page .home-family>h2{font-size:calc(26px + var(--abraka-desktop-type-add, 0px))}
 .about-page .about-lead{font-size:calc(22px + var(--abraka-desktop-type-add, 0px))}
 .filter-sheet .options label{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:calc(18px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .pdp .pdp-length button{font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:calc(18px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .hero h1{font-weight:400}
 .custom-partners.custom-section>h2{font-size:calc(clamp(34px,11.6cqw,50px) + var(--abraka-desktop-type-add, 0px));white-space:normal}
 .pdp h1,.pdp-story h2,.pdp-reviews h2,
 .benefit-sheet .benefit-title,.standard-page h1{font-size:calc(34px + var(--abraka-desktop-type-add, 0px))}
 .outfit-scroll>a{line-height:1.6}
 .about-page .about-person h2{line-height:1}
}

@media(max-width:899px){
 .filter-sheet .options label:has(input[name="zoradenie"]){white-space:nowrap}
 .filter-sheet .chips button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 0 auto;white-space:nowrap;font-size:calc(12px + var(--abraka-desktop-type-add, 0px));line-height:calc(18px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .filter-sheet .chips button>span{position:relative;display:block;flex:0 0 10px;width:10px;height:10px;margin:0;font-size:0;line-height:0}
 .filter-sheet .chips button>span::before,.filter-sheet .chips button>span::after{content:'';position:absolute;top:50%;left:50%;width:10px;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}
 .filter-sheet .chips button>span::after{transform:translate(-50%,-50%) rotate(-45deg)}
}

/* More comfortable mobile footer links and touch targets. */
@media(max-width:899px){
 .footer-main>details:nth-of-type(-n+2) .footer-content>a,
 .footer-main>details:nth-of-type(-n+2) .footer-content>button{
  width:100%;min-height:0;padding:0;line-height:calc(24px + var(--abraka-desktop-type-add, 0px) * 1.5);font-size:calc(14px + var(--abraka-desktop-type-add, 0px));box-sizing:border-box;
 }
}

@media(max-width:899px){footer address{line-height:calc(24px + var(--abraka-desktop-type-add, 0px) * 1.5)}}


/* Whole-pixel mobile line heights, approved typography audit. */
@media(max-width:899px){
 .hero h1,.about-page .about-hero h1{line-height:calc(30px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .home-page .home-section>h2{line-height:calc(32px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .home-page .home-tile h3,.pdp h1,.pdp-story h2,.pdp-reviews h2{line-height:calc(40px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .about-page .about-lead,.custom-page h3,.materials-page .material-detail h3{line-height:calc(28px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .pdp .pdp-intro{line-height:calc(28px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .product-text,.outfit-scroll>a{line-height:calc(20px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .pdp .pdp-story p{line-height:calc(21px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .contact-page .contact-details h2{line-height:calc(24px + var(--abraka-desktop-type-add, 0px) * 1.5)}
 .home-page .home-mission h2{line-height:calc(44px + var(--abraka-desktop-type-add, 0px) * 1.5)}
}

@media(max-width:899px){
 .pdp .pdp-title>a{display:inline-flex;align-items:center;gap:4px}
 .pdp .pdp-title>a img.rating-star{display:block;flex:0 0 16px;margin:0;vertical-align:initial}
}

/* Align mobile colour and size choices; selection outlines do not affect layout. */
@media(max-width:899px){
 .pdp .variations .pdp-colors,.pdp .variations .pdp-sizes{gap:12px;padding-inline:0;flex-wrap:wrap}
 .pdp .variations .pdp-colors button,.pdp .variations .pdp-sizes button{box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;flex:0 0 36px;padding:0;border-radius:50%}
 .pdp .variations .pdp-colors button[aria-pressed=true]{outline:1px solid #333;outline-offset:3px}
}

/* Spacing after sizes when bra length is hidden. */
.pdp .variations:has(tr[hidden] select[name="attribute_pa_dlzka"]){margin-bottom:20px}

@media(max-width:899px){
 .pdp .variations .variant-pa_velkost th.label,
 .pdp .variations .variant-pa_dlzka th.label{margin-top:20px}
}

@media(min-width:900px){
 .pdp .variations .variant-pa_velkost th.label,
 .pdp .variations .variant-pa_dlzka th.label{margin-top:20px;margin-bottom:12px}
}

.customer-video-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:24px 0;padding:24px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.customer-video-rail>video{display:block;flex:0 0 calc((100% - 12px) / 1.5);min-width:0;width:calc((100% - 12px) / 1.5);aspect-ratio:9/16;object-fit:cover;background:#111;scroll-snap-align:start;border-radius:26px}
@media(min-width:900px){.customer-video-rail{overflow:visible;scroll-snap-type:none}.customer-video-rail>video{flex-basis:calc((100% - 36px) / 4);width:calc((100% - 36px) / 4)}}

/* Keep mobile overscroll from exposing the preview canvas below the footer. */
@media(max-width:899px){html,body{overscroll-behavior-y:none;background:#fff}.store{overflow-x:clip}}

/* Closed accordion content must not extend the document's scrollable area. */
.faq-list details:not([open])>.faq-answer{display:none}
@media(max-width:899px){
 .footer-main>details:not([open])>.footer-content{display:none}
 .store{overflow:clip}
 .store>footer{padding-bottom:0;margin-bottom:0}
 .store>footer>small{padding-top:20px;padding-bottom:20px;margin-bottom:0}
}

@media(max-width:899px){.home-products .product-text{min-width:0}.home-products .product-text>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}}

.footer-social-links{position:relative}
.footer-social-links>img{display:block;width:100%;height:100%}
.footer-social-links>a{position:absolute;top:-5px;bottom:-5px;display:block;padding:0}
.footer-social-links .social-instagram{left:0;width:22%}
.footer-social-links .social-youtube{left:25%;width:30%}
.footer-social-links .social-facebook{left:58%;width:18%}
.footer-social-links>a:focus-visible{outline:1px solid #111;outline-offset:2px;border-radius:3px}
.footer-social-links .social-smile{position:absolute;left:81%;width:19%;top:-5px;bottom:-5px;height:auto;padding:0;border:0;background:transparent;cursor:pointer}
.social-smile:focus-visible{outline:1px solid #111;outline-offset:2px;border-radius:50%}
.smile-rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:99999;contain:strict}
.smile-rain img{position:absolute;top:-90px;left:var(--x);width:var(--size);height:var(--size);max-width:none;animation:smile-fall var(--duration) linear var(--delay) infinite;will-change:transform}
@keyframes smile-fall{from{transform:translate3d(0,0,0) rotate(0deg)}to{transform:translate3d(var(--drift),calc(100dvh + 180px),0) rotate(var(--spin))}}
.smile-rain.is-paused img{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.smile-rain img{animation:none;top:var(--still-y);will-change:auto}}

/* Desktop-only type adjustment; inherited font sizes are not incremented twice. */
@media(min-width:900px){:root{--abraka-desktop-type-add:2px}}

/* Explicit desktop header sizes, after the shared +2px adjustment. */
@media(min-width:900px){
 :root{--desktop-announcement-height:40px}
 .announcement{height:var(--desktop-announcement-height);line-height:40px}
 .announcement,.announcement span{font-size:14px;line-height:40px}
 .desktop-nav,.desktop-nav>a,.desktop-nav>button{font-size:16px;line-height:24px}
 .home-page .home-section>.home-link{font-size:16px;line-height:24px}
}

/* Shared announcement modes and larger, clipped parallax travel. */
.announcement.announcement-static{height:auto;min-height:27px;justify-content:center;text-align:center;white-space:normal;padding:5px 12px;line-height:1.4}
.announcement.announcement-static>span{padding:0;line-height:1.4;overflow-wrap:anywhere}
.hero,.about-page .about-hero,.home-page .home-hero{overflow:hidden}
.hero>img,.hero>picture>img,.about-page .about-hero>img,.about-page .about-hero>picture>img,.home-page .home-hero>.desktop-hero-poster img,.home-page .home-hero>video{position:absolute;top:-25%;left:0;width:100%;height:150%;max-height:none;object-fit:cover;transform:translate3d(0,var(--parallax-y,0px),0);will-change:transform}
@media(min-width:900px){
 .announcement.announcement-static{min-height:40px}
 .home-page .home-loved{font-size:18px}
 .about-page .about-hero,.store>.hero{height:clamp(300px,50svh,640px);min-height:0;aspect-ratio:auto}
 .home-page .home-hero{height:clamp(400px,50svh,640px)}
 .materials-page .material-photo{align-self:start}
 .materials-page .material-photo img{display:block}
 .materials-page .material-photo h2{margin:0;inset:0;text-align:center;font-size:74px}
 .filter-sheet .chips{align-items:center}
 .filter-sheet .chips button,.store .catalog-filter-chips a:not(.catalog-filter-clear){height:27px;min-height:27px;padding:2px 12px;line-height:21px;align-self:center}
 .filter-sheet .options label{font-size:12px;line-height:18px;min-width:0}
 .filter-sheet .options label.filter-label-small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .hero>img,.hero>picture>img,.about-page .about-hero>img,.about-page .about-hero>picture>img,.home-page .home-hero>.desktop-hero-poster img,.home-page .home-hero>video{transform:none;will-change:auto}
}
@media(max-width:899px){
 body{--abraka-admin-offset:0px}
 body.admin-bar{--abraka-admin-offset:32px}
 .store.menu-is-open>header{top:calc(var(--announcement-height,27px) + var(--abraka-admin-offset))}
 .store.menu-is-open{padding-top:calc(var(--announcement-height,27px) + 60px)}
 .brand-menu,.admin-bar .brand-menu{top:calc(var(--announcement-height,27px) + 60px + var(--abraka-admin-offset))!important;inset-block-start:calc(var(--announcement-height,27px) + 60px + var(--abraka-admin-offset))!important;height:calc(100dvh - var(--announcement-height,27px) - 60px - var(--abraka-admin-offset))!important}
}
@media(max-width:782px){body.admin-bar{--abraka-admin-offset:46px}}

/* Homepage material message is static; impact strip remains a non-interactive ticker. */
.home-page .home-materials>div{gap:20px;padding:24px 16px}
.home-page .home-materials .home-materials-copy{max-width:900px;width:100%;font-size:14px;line-height:1.5;text-align:center;margin:0}
.home-page .home-materials>div>a{position:static;transform:none}
@media(min-width:900px){
 .home-page .home-materials .home-materials-copy{font-size:22px}
}


@media(min-width:900px){.material-copy-desktop-break{display:none}.home-page .home-materials .home-materials-copy{max-width:none;white-space:nowrap}}