/*! main.css */
/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--theme-header-height, 80px) + 12px)}
body{margin:0;background:#F5F2EC;color:#1F2627;font-family:var(--base-font-family);font-size:var(--base-text-size);line-height:var(--base-line-height);font-weight:400;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
img,svg,video{max-width:100%}
img{height:auto;display:block}
a{color:#22626B;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:#184950}
h1,h2,h3,h4,h5,h6,.heading-font{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);letter-spacing:var(--heading-font-letter-spacing);line-height:1.08;color:#1F2627;margin:0 0 .45em}
h1 a,h2 a,h3 a{color:inherit;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover{color:#22626B}
h1,.h1{font-size:clamp(40px,5.4vw,72px)}
h2,.h2{font-size:clamp(32px,3.6vw,50px)}
h3,.h3{font-size:clamp(23px,2vw,28px)}
.h6,h6{font-family:var(--base-font-family);font-size:15px;font-weight:600;letter-spacing:.01em}
em,i{font-style:italic}
h1 em,h2 em,.heading-font em{color:#22626B}
p{margin:0 0 1em}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:9999;background:#FFFFFF;padding:10px 14px}
.container{max-width:var(--page-container-width);margin-left:auto;margin-right:auto;padding-left:var(--gutter-mobile);padding-right:var(--gutter-mobile)}
.container--no-max{max-width:none}
#content > .container.cf{max-width:none;padding-left:0;padding-right:0}
.cf::after{content:"";display:table;clear:both}
.subheading{font-family:var(--base-font-family);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#22626B;margin:0 0 .9em}
.small-text{font-size:var(--smaller-text-size-2)}
.rte p:last-child{margin-bottom:0}
.rte a{color:#22626B}
.rte ul,.rte ol{padding-left:1.25em;margin:0 0 1em}
.rte li{margin:0 0 .35em}
.relative{position:relative}
@media (min-width:768px){.container{padding-left:var(--gutter-desktop);padding-right:var(--gutter-desktop)}}
@media (min-width:1041px){.container{padding-left:var(--gutter-large);padding-right:var(--gutter-large)}}
.desktop-only{display:none}
@media (min-width:1041px){.desktop-only{display:block}.mobile-only{display:none!important}}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;flex:0 0 auto;min-height:48px;padding:12px 26px;border-radius:var(--btn-border-radius);border:1.5px solid rgb(var(--btn-border-color));background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color));font-family:var(--base-font-family);font-size:var(--button-text-size);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s;max-width:100%}
.btn:hover{background:rgb(var(--btn-bg-hover-color));border-color:rgb(var(--btn-border-hover-color));color:rgb(var(--btn-text-hover-color))}
.btn--secondary{background:rgb(var(--btn-alt-bg-color));color:rgb(var(--btn-alt-text-color));border-color:rgb(var(--btn-alt-border-color))}
.btn--secondary:hover{background:#DCE5D9;border-color:rgb(var(--btn-alt-border-hover-color));color:#184950}
.btn--light{background:#F5F2EC;border-color:#F5F2EC;color:#1F2627}
.btn--light:hover{background:#FFFFFF;border-color:#FFFFFF;color:#1F2627}
.btn--small{min-height:40px;padding:8px 18px;font-size:var(--quickbuy-button-text-size)}
.btn--large{min-height:56px;padding:14px 34px}
.btn--full{width:100%}
.btn img.cta-img{height:1em!important;width:auto;max-width:100%;flex:0 0 auto;display:block}
.btn img.cta-short{display:none}
.feature-link{display:inline-flex;align-items:center;gap:.4em;font-weight:600;color:#22626B;text-decoration:none}
.feature-link .icon{transition:transform .2s}
.feature-link:hover .icon{transform:translateX(3px)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#FFFFFF;border:1px solid #DCD5C9;font-size:14px;font-weight:600;color:#1F2627}
.pill .icon{color:#22626B}

/* ---------- announcement bar ---------- */
.announcement-bar{display:block;background:#8DA58C;color:#1F2627;font-size:14px;font-weight:600}
.announcement-bar .container{display:flex;align-items:center;justify-content:center;min-height:38px}
.announcement-bar__middle{display:flex;align-items:center;gap:10px;max-width:100%}
.announcement-bar__announcements{text-align:center}
.announcement--inactive{display:none}
.announcement__text a{color:inherit}
.announcement-bar__announcement-controller{display:flex;gap:2px}
.announcement-button{background:none;border:0;color:inherit;padding:6px;cursor:pointer;display:flex}

/* ---------- header ---------- */
page-header{display:block}
.section-header{position:sticky;top:0;z-index:40}
.pageheader{background:#F5F2EC;border-bottom:1px solid #DCD5C9;transition:box-shadow .2s}
.pageheader--scrolled{box-shadow:0 4px 18px rgba(31,38,39,.08)}
.logo-area{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:72px}
.logo-area > *{min-width:0}
.logo-area__middle{grid-column:2;grid-row:1}
.logo-area__left{grid-column:1;grid-row:1}
.logo-area__right{grid-column:3;grid-row:1}
.logo-area__left__inner{display:flex;align-items:center;gap:14px}
.logo-area__right__inner{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.logo__link{display:block}
.logo .logo__image{width:150px;height:auto}
.mobile-nav-toggle{display:flex;background:none;border:0;padding:6px;color:#1F2627;cursor:pointer}
.show-search-link{display:flex;color:#1F2627}
.header-buy{min-height:40px}
.navigation__tier-1{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:26px}
#proxy-nav{display:none}
.navigation__link{color:#1F2627;text-decoration:none;font-size:var(--nav-text-size);font-weight:var(--nav-font-weight);display:inline-flex;align-items:center;gap:4px;padding:24px 0}
.navigation__link:hover,.navigation__link[aria-current]{color:#22626B}
.navigation__item--with-mega-menu{position:static}
.navigation__item--with-mega-menu > .navigation__link .icon{transition:transform .2s}
.navigation__item--with-mega-menu.is-open > .navigation__link .icon{transform:rotate(180deg)}
.navigation__tier-2-container{position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border-top:1px solid #DCD5C9;border-bottom:1px solid #DCD5C9;box-shadow:0 18px 40px rgba(31,38,39,.12);display:none;z-index:30}
.navigation__tier-2-container::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:18px}
.navigation__item--with-mega-menu.is-open .navigation__tier-2-container{display:block}
.navigation__tier-2{list-style:none;margin:0;padding:28px 0 32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.navigation__column-title{font-family:var(--heading-font-family);font-size:24px;padding:0 0 10px;color:#1F2627}
.navigation__tier-3{list-style:none;margin:0;padding:0}
.navigation__tier-3 .navigation__link{padding:5px 0;font-weight:500;color:#545C5D}
.navigation__tier-3 .navigation__link:hover{color:#22626B}
.navigation__count{color:#BDB4A6;font-size:13px;margin-left:4px}
.menu-promotion{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;text-decoration:none;color:#1F2627;background:#F5F2EC;border-radius:14px;padding:12px}
.menu-promotion__image img{width:96px;height:96px;object-fit:contain;background:#FFFFFF;border-radius:10px}
.menu-promotion__title{display:block;font-weight:700}
.menu-promotion__line{display:block;color:#545C5D;font-size:14px}
.pageheader{position:relative}
@media (min-width:1041px){
  .mobile-nav-toggle{display:none}
  #proxy-nav{display:block}
  .logo .logo__image{width:190px}
}
.mobile-navigation{background:#FFFFFF;border-bottom:1px solid #DCD5C9;max-height:calc(100vh - 110px);overflow:auto}
.mobile-navigation__list{list-style:none;margin:0;padding:8px var(--gutter-mobile) 4px}
.mobile-navigation__item{border-bottom:1px solid #DCD5C9}
.mobile-navigation__link{display:flex;justify-content:space-between;align-items:center;padding:14px 0;color:#1F2627;text-decoration:none;font-weight:600;cursor:pointer;list-style:none}
.mobile-navigation__link::-webkit-details-marker{display:none}
.mobile-navigation__sub{list-style:none;margin:0 0 10px;padding:0 0 0 12px}
.mobile-navigation__sub a{display:block;padding:7px 0;color:#545C5D;text-decoration:none}
.mobile-navigation__foot{padding:14px var(--gutter-mobile) 18px}
@media (min-width:1041px){.mobile-navigation{display:none!important}}
.header-shade{display:none}
.main-search{display:none;position:absolute;left:0;right:0;top:100%;background:#FFFFFF;border-bottom:1px solid #DCD5C9;box-shadow:0 18px 40px rgba(31,38,39,.12);z-index:35}
.main-search--active{display:block}
.main-search__container{position:relative;padding-top:18px;padding-bottom:18px}
.main-search__close{position:absolute;right:var(--gutter-mobile);top:22px;background:none;border:0;cursor:pointer;color:#1F2627}
.main-search__input-container{display:flex;gap:8px;max-width:760px;margin-right:44px}
.main-search__input{flex:1;min-width:0;height:50px;padding:0 18px;border:1.5px solid rgb(var(--input-border-color));border-radius:999px;font:inherit;background:#F5F2EC}
.main-search__input:focus{outline:none;border-color:#22626B}
.main-search__button{width:50px;height:50px;border-radius:50%;border:0;background:#22626B;color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer}
.main-search__results{max-width:760px;margin-top:10px}
.main-search__result{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;text-decoration:none;color:#1F2627}
.main-search__result:hover{background:#F5F2EC}
.main-search__result img{width:56px;height:56px;object-fit:contain;background:#F5F2EC;border-radius:8px}
.main-search__result-title{display:block;font-weight:600}
.main-search__result-meta{display:block;font-size:13px;color:#545C5D}
.main-search__all{margin:8px 8px 0}
.main-search__none{color:#545C5D}

/* ---------- breadcrumbs ---------- */
.page-header-wrap{padding-top:18px}
.breadcrumbs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 6px;font-size:14px;color:#545C5D}
.breadcrumbs-list__item{display:inline-flex;align-items:center;gap:6px}
.breadcrumbs-list__link{color:#545C5D;text-decoration:none}
.breadcrumbs-list__link:hover{color:#22626B}
.breadcrumbs-list__link[aria-current]{color:#1F2627}
.breadcrumbs-list .icon{width:12px;height:12px;color:#BDB4A6}

/* ---------- sections ---------- */
.shopify-section{display:block}
.section{position:relative}
.fully-spaced-row--medium{padding-block:var(--larger-section-padding-mobile)}
.fully-spaced-row--small{padding-block:40px}
@media (min-width:768px){.fully-spaced-row--medium{padding-block:var(--larger-section-padding)}.fully-spaced-row--small{padding-block:var(--section-padding)}}
.section--paper{background:#F5F2EC}
.section--card{background:#FFFFFF}
.section--plate{background:#ECE6DC}
.section--chrome{background:#1C2324;color:#F5F2EC}
.section--chrome h2,.section--chrome h3,.section--chrome .heading-font{color:#F5F2EC}
.section--chrome .subheading{color:#9FD0D6}
.section--chrome a:not(.btn){color:#9FD0D6}
.section--teal{background:#22626B;color:#FFFFFF}
.section--teal h2,.section--teal h3{color:#FFFFFF}
.section--wave{margin-top:22px;margin-bottom:22px}
.section--wave::before,.section--wave::after{content:"";position:absolute;left:0;right:0;height:22px;background:inherit;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' preserveAspectRatio='none'%3E%3Cpath d='M0 22V12C20 2 40 2 60 12s40 10 60 0v10z'/%3E%3C/svg%3E") 0 0/240px 22px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' preserveAspectRatio='none'%3E%3Cpath d='M0 22V12C20 2 40 2 60 12s40 10 60 0v10z'/%3E%3C/svg%3E") 0 0/240px 22px repeat-x}
.section--wave::before{bottom:100%}
.section--wave::after{top:100%;transform:scaleY(-1)}
.section--flush{padding-block:0}
.hometitle{margin:0 auto 36px;max-width:760px}
.hometitle.align-center{text-align:center}
.hometitle.align-left{margin-left:0;max-width:none}
.section-heading__heading{margin-bottom:.3em}
.section-heading__text{color:#545C5D;font-size:18px;max-width:64ch}
.align-center .section-heading__text{margin-left:auto;margin-right:auto}
.section--chrome .section-heading__text{color:#B7BFBD}
.section-heading__link{margin-top:10px}

/* ---------- ratings ---------- */
.cc-rating{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#545C5D}
.cc-rating-stars{position:relative;display:inline-block;width:84px;height:15px;background:linear-gradient(90deg,#C98A1B var(--rating-fill),#BDB4A6 var(--rating-fill));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 15'%3E%3Cpath d='M7.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5L.3 5.3l5-.7zM24.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7zM41.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7zM58.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7zM75.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7z'/%3E%3C/svg%3E") 0 0/84px 15px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 15'%3E%3Cpath d='M7.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5L.3 5.3l5-.7zM24.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7zM41.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7zM58.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7zM75.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4-4.5 2.4.9-5-3.6-3.5 5-.7z'/%3E%3C/svg%3E") 0 0/84px 15px no-repeat}
.cc-rating-text{font-weight:700;color:#1F2627}
.cc-rating--empty{height:19px;display:block}

/* ---------- product grid and product-block ---------- */
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
.product-grid > *{min-width:0}
@media (min-width:768px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.product-grid--per-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1041px){.product-grid--per-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid--per-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
product-block{display:block}
.product-block{display:flex;flex-direction:column;background:#FFFFFF;border-radius:18px;padding:10px;border:1px solid #DCD5C9;transition:box-shadow .2s,transform .2s;contain:layout style}
.product-block:hover{box-shadow:0 14px 30px rgba(31,38,39,.1)}
.product-block .block-inner,.product-block .block-inner-inner{display:flex;flex-direction:column;flex:1}
.image-cont{position:relative;border-radius:12px;overflow:hidden;background:#FFFFFF}
.img-ar{position:relative;aspect-ratio:var(--aspect-ratio,1);min-height:0}
.img-ar img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.img-ar img.is-photo{object-fit:cover}
.product-block__image--secondary{position:absolute;inset:0;opacity:0;transition:opacity .25s}
.product-block.has-second:hover .product-block__image--secondary{opacity:1}
.product-block__image--secondary .img-ar{height:100%;background:#FFFFFF}
.product-label{position:absolute;top:10px;left:10px;background:#8DA58C;color:#1F2627;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.product-block__detail{display:flex;flex-direction:column;flex:1;padding:12px 6px 6px}
.product-block__detail .inner,.product-block__detail .innerer{display:flex;flex-direction:column;flex:1}
.product-block__kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#545C5D;margin:0 0 6px}
.product-block__title{font-family:var(--heading-font-family);font-size:clamp(21px,1.7vw,25px);line-height:1.1;margin:0 0 8px}
.product-block__title .product-link{color:#1F2627;text-decoration:none}
.product-block__title .product-link:hover{color:#22626B}
.product-block__rating{min-height:21px;margin-bottom:6px}
.product-price{font-weight:700;font-size:18px;line-height:1;margin-bottom:10px}
.price__from{font-size:13px;font-weight:600;color:#545C5D}
.product-block-options{margin:0 0 8px}
.product-block-options__inner{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow:hidden}
.product-block-options__item{width:18px;height:18px;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 1px var(--swatch-border,rgba(31,38,39,.18));flex:0 0 auto}
.product-block-options__item__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.product-block-options__more-label{font-size:13px;color:#545C5D;white-space:nowrap}
.product-block__fit{font-size:14px;color:#545C5D;flex:1 0 auto;margin:0 0 12px;line-height:1.4}
.product-block__buy{width:100%}
.route-tile{display:none;flex-direction:column;justify-content:center;gap:8px;padding:26px;border-radius:18px;background:#22626B;color:#FFFFFF;text-decoration:none;min-height:240px}
.route-tile:hover{background:#184950;color:#FFFFFF}
.route-tile__kick{color:#BFE3E6;margin:0}
.route-tile__title{font-family:var(--heading-font-family);font-size:30px;line-height:1.05}
.route-tile__line{color:#DCEFF0}
.route-tile__go{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.route-tile[data-show-m="1"]{display:flex;grid-column:span var(--span-m)}
@media (min-width:768px) and (max-width:1040px){.route-tile{display:none}.route-tile[data-show-t="1"]{display:flex;grid-column:span var(--span-t)}}
@media (min-width:1041px){.route-tile{display:none}.route-tile[data-show-d="1"]{display:flex;grid-column:span var(--span-d)}}
.product-grid--per-row-2 .route-tile{display:none!important}

/* ---------- home: hero ---------- */
.hero{padding-block:30px 46px}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
.hero__stars{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;font-size:15px;color:#545C5D}
.hero__title{font-size:clamp(44px,6vw,84px);line-height:.98;margin-bottom:.32em}
.hero__lede{font-size:19px;color:#545C5D;max-width:52ch;margin-bottom:22px}
.hero__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.hero__act{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.hero__note{font-size:14px;color:#545C5D;margin:14px 0 0}
.hero__media{position:relative;border-radius:28px;overflow:hidden;background:#ECE6DC;aspect-ratio:4/3.2;min-height:0}
.hero__media > img,.hero__media > video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__media video{opacity:0;transition:opacity .6s}
.hero__media video.is-playing{opacity:1}
.hero__chip{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.94);border-radius:16px;padding:10px 16px 10px 10px;max-width:calc(100% - 32px);color:#1F2627;text-decoration:none;box-shadow:0 10px 24px rgba(31,38,39,.14)}
.hero__chip img{width:64px;height:64px;object-fit:contain;flex:0 0 auto;background:#FFFFFF;border-radius:10px}
.hero__chip span{font-size:14px;line-height:1.3}
.hero__chip strong{display:block;font-size:15px}
.film-toggle{position:absolute;right:14px;top:14px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#1F2627;display:flex;align-items:center;justify-content:center;cursor:pointer}
.film-toggle .icon--play,.film-toggle[aria-pressed="true"] .icon--pause{display:none}
.film-toggle[aria-pressed="true"] .icon--play{display:block}
@media (min-width:1041px){.hero{padding-block:44px 70px}.hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px}.hero__media{aspect-ratio:auto;min-height:clamp(480px,40vw,620px)}}

/* ---------- marquee (scrolling-banner) ---------- */
scrolling-banner{display:block}
.marquee-container{overflow:hidden;background:#8DA58C;color:#1F2627;padding-block:14px}
.marquee{display:flex;width:max-content;animation:marquee 38s linear infinite}
scrolling-banner.is-paused .marquee{animation-play-state:paused}
.marquee-content{display:flex;align-items:center;gap:30px;padding-right:30px}
.marquee-item{font-family:var(--heading-font-family);font-size:clamp(22px,2.2vw,30px);white-space:nowrap;display:inline-flex;align-items:center;gap:30px}
.marquee-item::after{content:"";width:9px;height:9px;border-radius:50%;background:#F5F2EC;opacity:.85}
@keyframes marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee{animation:none}}

/* ---------- home: shop by drain ---------- */
.drain-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.drain-tiles > *{min-width:0}
.drain-tile,.section--chrome .drain-tile{display:flex;flex-direction:column;background:#FFFFFF;border-radius:18px;padding:12px;color:#1F2627;text-decoration:none;border:1px solid #DCD5C9;transition:transform .2s,box-shadow .2s}
.drain-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.18);color:#1F2627}
.drain-tile__img{background:#F5F2EC;border-radius:12px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:0}
.drain-tile__img img{width:100%;height:100%;object-fit:contain}
.drain-tile__img img.is-photo{object-fit:cover}
.drain-tile__label{font-family:var(--heading-font-family);font-size:24px;margin:12px 4px 2px;line-height:1.05}
.drain-tile__line{font-size:14px;color:#545C5D;margin:0 4px 10px;flex:1 0 auto;line-height:1.4}
.drain-tile__go{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0 4px 4px;padding:9px 12px;border-radius:999px;background:#22626B;color:#FFFFFF;font-size:14px;font-weight:700}
@media (min-width:768px){.drain-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:1041px){.drain-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* ---------- home: two big photo tiles ---------- */
.big-tiles{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.big-tile{position:relative;display:block;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:#ECE6DC;color:#F5F2EC;text-decoration:none;min-height:0}
.big-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.big-tile:hover img{transform:scale(1.03)}
.big-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,35,36,0) 25%,rgba(28,35,36,.55) 55%,rgba(28,35,36,.86) 100%)}
.big-tile__text{position:absolute;left:24px;right:24px;bottom:22px;z-index:2}
.big-tile__title{display:block;font-family:var(--heading-font-family);font-size:clamp(34px,3.6vw,52px);line-height:1;color:#F5F2EC;margin:0 0 8px}
.big-tile__line{display:block;color:#E9E6DF;margin:0 0 14px;max-width:44ch}
.big-tile__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;background:#F5F2EC;color:#1F2627;font-weight:700;font-size:15px}
@media (min-width:768px){.big-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (max-width:1040px){.big-tile{aspect-ratio:auto;background:#1C2324}.big-tile img{position:static;display:block;aspect-ratio:4 / 3;height:auto}.big-tile::after{display:none}.big-tile__text{position:static;display:block;padding:18px 20px 22px}}

/* ---------- home: how it works ---------- */
.how{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:center}
.how__drawing{background:#FFFFFF;border-radius:24px;padding:20px;border:1px solid #DCD5C9}
.how__drawing svg{display:block;width:100%;height:auto;max-height:400px;margin:0 auto}
.how .icon-row{margin-bottom:22px}
.how__steps{list-style:none;margin:0 0 26px;padding:0;counter-reset:step}
.how__steps li{position:relative;padding:0 0 18px 58px;counter-increment:step}
.how__steps li::before{content:counter(step);position:absolute;left:0;top:-2px;width:42px;height:42px;border-radius:50%;border:1.5px solid #22626B;color:#22626B;font-family:var(--heading-font-family);font-size:24px;display:flex;align-items:center;justify-content:center}
.how__steps strong{display:block;font-size:18px;margin-bottom:2px}
.how__steps p{margin:0;color:#545C5D}
.icon-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:6px}
.icon-row > *{min-width:0}
.icon-row__item{text-align:center;font-size:14px;font-weight:600;line-height:1.3}
.icon-row__disc{width:62px;height:62px;border-radius:50%;background:#22626B;color:#FFFFFF;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
.icon-row__disc .icon{width:30px;height:30px}
@media (min-width:768px){.icon-row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1041px){.how{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}

.how__labels{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;font-size:14px;color:#545C5D}
.how__labels li{display:flex;gap:8px;align-items:baseline}
.how__labels li::before{content:"";width:8px;height:8px;border-radius:50%;background:#545C5D;flex:0 0 auto;transform:translateY(-1px)}
@media (min-width:768px){.how__labels{grid-template-columns:repeat(3,minmax(0,1fr))}}
.choose{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.choose > *{min-width:0}
.choose__item{background:#FFFFFF;border-radius:18px;padding:20px;border:1px solid #DCD5C9;display:flex;flex-direction:column}
.choose__icon{width:52px;height:52px;border-radius:50%;background:#DCE5D9;color:#22626B;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.choose__icon .icon{width:28px;height:28px}
.choose__item h3{font-size:24px;margin-bottom:6px}
.choose__item p{color:#545C5D;font-size:16px;flex:1 0 auto}
@media (min-width:768px){.choose{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1041px){.choose{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}

/* ---------- home: compare ---------- */
.compare-us{max-width:920px;margin:0 auto}
.compare-us__table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}
.compare-us__table th,.compare-us__table td{padding:14px 16px;text-align:left;vertical-align:top}
.compare-us__table thead th{font-family:var(--heading-font-family);font-size:24px;font-weight:400}
.compare-us__table thead th:nth-child(2){background:#1C2324;color:#F5F2EC;border-radius:16px 16px 0 0}
.compare-us__table tbody th{font-weight:600;color:#545C5D;width:30%}
.compare-us__table tbody td:nth-child(2){background:#1C2324;color:#F5F2EC}
.compare-us__table tbody tr:last-child td:nth-child(2){border-radius:0 0 16px 16px}
.compare-us__table tbody td:nth-child(3){color:#545C5D}
.compare-us__table tbody tr + tr th,.compare-us__table tbody tr + tr td:nth-child(3){border-top:1px solid #DCD5C9}
.compare-us__table tbody tr + tr td:nth-child(2){border-top:1px solid #273032}
.compare-us__table .icon{display:inline-block;vertical-align:-3px;margin-right:6px}
.compare-us__table td:nth-child(2) .icon{color:#9FD0D6}
.compare-us__table td:nth-child(3) .icon{color:#A0472F}
.compare-us__note{font-size:14px;color:#545C5D;margin-top:16px;text-align:center}
@media (max-width:639px){
  .compare-us__table thead{display:none}
  .compare-us__table,.compare-us__table tbody,.compare-us__table tr,.compare-us__table th,.compare-us__table td{display:block;width:100%}
  .compare-us__table tr{margin-bottom:12px;border-radius:14px;overflow:hidden;border:1px solid #DCD5C9}
  .compare-us__table tbody th{width:auto;background:#ECE6DC;padding:10px 14px}
  .compare-us__table tbody td{padding:10px 14px}
  .compare-us__table tbody td::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;opacity:.75}
  .compare-us__table tbody tr:last-child td:nth-child(2){border-radius:0}
  .compare-us__table tbody tr + tr th,.compare-us__table tbody tr + tr td{border-top:0}
}

/* ---------- home: diagonal band ---------- */
.diag{display:grid;grid-template-columns:minmax(0,1fr);background:#22626B;color:#FFFFFF;border-radius:28px;overflow:hidden}
.diag__text{padding:34px 26px}
.diag__text h2{color:#FFFFFF}
.diag__text p{color:#DCEFF0;max-width:46ch}
.diag__text .subheading{color:#BFE3E6}
.diag__img{position:relative;min-height:280px;background:#FFFFFF}
.diag__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:22px}
.diag__img img.is-photo{object-fit:cover;padding:0}
@media (min-width:1041px){.diag{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diag__text{padding:60px 56px}.diag__img{clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);min-height:420px}}

/* ---------- home: tail blocks ---------- */
.tail-blocks{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.tail-blocks > *{min-width:0}
.tail-block{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;background:#FFFFFF;border-radius:18px;padding:16px;border:1px solid #DCD5C9}
.tail-block__img img{width:110px;height:110px;object-fit:contain;background:#F5F2EC;border-radius:12px}
.tail-block h3{margin-bottom:6px}
.tail-block p{color:#545C5D;font-size:16px;margin-bottom:8px}
@media (min-width:1041px){.tail-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
.tail-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tail-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#FFFFFF;border:1px solid #DCD5C9;color:#1F2627;text-decoration:none;font-weight:600;font-size:15px}
.tail-chip:hover{border-color:#22626B;color:#22626B}
.tail-chip__code{font-size:11px;font-weight:800;letter-spacing:.08em;color:#22626B}

/* ---------- about teaser, split ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
.split > *{min-width:0}
.split__img{border-radius:24px;overflow:hidden;background:#FFFFFF;aspect-ratio:1;min-height:0}
.split__img img{width:100%;height:100%;object-fit:contain}
.split__img img.is-photo{object-fit:cover}
@media (min-width:1041px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}.split__img{position:sticky;top:calc(var(--theme-header-height,80px) + 20px);align-self:start}}
.split .rte{max-width:66ch}

/* ---------- journal cards ---------- */
.jcards{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.jcards > *{min-width:0}
.jcard{display:flex;flex-direction:column;background:#FFFFFF;border-radius:20px;overflow:hidden;color:#1F2627;text-decoration:none;border:1px solid #DCD5C9}
.jcard:hover{box-shadow:0 14px 30px rgba(31,38,39,.1);color:#1F2627}
.jcard__img{aspect-ratio:3/2;overflow:hidden;background:#ECE6DC;min-height:0}
.jcard__img img{width:100%;height:100%;object-fit:cover}
.jcard__body{padding:18px 20px 22px}
.jcard h2,.jcard h3{font-size:clamp(24px,2vw,30px);margin-bottom:8px}
.jcard p{color:#545C5D;font-size:16px;margin:0}
.jcard .subheading{margin-bottom:8px}
@media (min-width:768px){.jcards{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- FAQ (collapsible-tabs) ---------- */
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.faq-layout > *{min-width:0}
.faq-layout__head .hometitle{margin-bottom:14px}
@media (min-width:1041px){.faq-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}.faq-layout__head{position:sticky;top:calc(var(--theme-header-height,80px) + 24px);align-self:start}}
.collapsible-tabs{border-top:1px solid #BDB4A6}
.collapsible-tabs__block{border-bottom:1px solid #BDB4A6}
.disclosure__title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;list-style:none}
.disclosure__title::-webkit-details-marker{display:none}
.faq__q{font-family:var(--base-font-family);font-size:18px;font-weight:600;line-height:1.35;margin:0}
.disclosure__title .icon{flex:0 0 auto;color:#22626B;transition:transform .2s}
details[open] > .disclosure__title .icon{transform:rotate(45deg)}
.disclosure__content{padding:0 0 20px;color:#545C5D;max-width:68ch}

/* ---------- closing band ---------- */
.closing{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:center}
.closing__title{font-size:clamp(34px,4vw,56px);margin-bottom:.3em}
.closing__text p{color:#B7BFBD;max-width:56ch;margin:0}
.closing__note{font-size:14px;color:#B7BFBD;margin:12px 0 0}
@media (min-width:1041px){.closing{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px}}

/* ---------- footer ---------- */
#pagefooter{background:#1C2324;color:#F5F2EC}
.cross-page-promos{background:#ECE6DC;color:#1F2627;padding-block:30px}
.flexible-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
.flexible-layout > *{min-width:0}
@media (min-width:1041px){.flexible-layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}}
.icon-with-caption{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.icon-with-caption__icon{color:#22626B}
.icon-with-caption__icon .icon{width:34px;height:34px}
.icon-with-caption .h6{margin:0}
.icon-with-caption .small-text{color:#545C5D;margin:0;font-size:14px;line-height:1.4}
.section-footer{padding-block:50px 0}
.section-footer__row--blocks{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.section-footer__row--blocks > *{min-width:0}
@media (min-width:768px){.section-footer__row--blocks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1041px){.section-footer__row--blocks{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:40px}}
.section-footer__logo .logo__image{width:190px;height:auto}
.section-footer__text{color:#B7BFBD;margin-top:16px;font-size:15px}
.section-footer__contact{font-style:normal;display:flex;flex-direction:column;gap:4px;margin-top:14px;font-size:15px;color:#B7BFBD}
.section-footer__contact a,.section-footer a{color:#F5F2EC;text-decoration:none}
.section-footer a:hover{color:#9FD0D6}
.section-footer__title{color:#F5F2EC;margin-bottom:12px}
.mobile-disclosure__title{list-style:none;cursor:default}
.mobile-disclosure__title::-webkit-details-marker{display:none}
.section-footer__menu-block__menu{list-style:none;margin:0;padding:0;columns:1}
.section-footer__menu-block__menu li{margin:0 0 8px;break-inside:avoid}
.section-footer__menu-block__menu a{color:#B7BFBD;font-size:15px}
@media (max-width:767px){.section-footer__menu-block__menu{columns:2;column-gap:16px}}
.section-footer__note{color:#B7BFBD;font-size:14px;border-top:1px solid #273032;margin:34px 0 0;padding:18px 0 0;max-width:none}
.section-footer__row-container--lower{padding-block:20px 30px}
.section-footer__row-lower{display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between;border-top:1px solid #273032;padding-top:20px}
.section-footer__payment-icons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.section-footer__payment-icon{height:24px;width:auto;flex:0 0 auto}
.section-footer__row__col--copyright{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#B7BFBD}
.section-footer__disclosure{margin:0}
.section-footer__disclosure img.dsc{height:1em;width:auto;max-width:100%}
.copyright a{color:#B7BFBD}
.section-footer__policies{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.section-footer__policies a{color:#B7BFBD;font-size:14px}

/* ---------- collection ---------- */
.collection-hero{padding-block:22px 18px}
.collection-hero h1{margin-bottom:.2em}
.collection-hero__meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;color:#545C5D;font-size:15px;margin:0 0 14px}
.chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;padding:8px 15px;border-radius:999px;border:1px solid #BDB4A6;background:#FFFFFF;color:#1F2627;text-decoration:none;font-size:14px;font-weight:600}
.chip:hover,.chip[aria-current]{border-color:#22626B;color:#22626B}
.collection-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-bottom:50px}
.collection-layout > *{min-width:0}
@media (min-width:1041px){.collection-layout--filters{grid-template-columns:250px minmax(0,1fr);gap:36px}}
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.toolbar__count{color:#545C5D;font-size:15px}
.toolbar select{height:42px;border-radius:999px;border:1px solid #BDB4A6;padding:0 16px;font:inherit;font-size:15px;background:#FFFFFF;color:#1F2627}
.toolbar__filter{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;border:1px solid #BDB4A6;background:#FFFFFF;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
@media (min-width:1041px){.toolbar__filter{display:none}}
.filters{display:none}
.filters.is-open{display:block}
@media (min-width:1041px){.filters{display:block;position:sticky;top:calc(var(--theme-header-height,80px) + 20px);align-self:start}}
.filters__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.filters__clear{background:none;border:0;color:#22626B;font:inherit;font-size:14px;cursor:pointer;padding:0}
.filter-group{border-bottom:1px solid #DCD5C9}
.filter-group summary{display:flex;justify-content:space-between;align-items:center;padding:14px 0;cursor:pointer;font-weight:700;list-style:none}
.filter-group summary::-webkit-details-marker{display:none}
.filter-group__count{background:#22626B;color:#FFFFFF;border-radius:999px;font-size:12px;padding:1px 8px;margin-left:auto;margin-right:8px}
.filter-group__panel{padding:0 0 12px}
.filter-opt{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:15px;cursor:pointer}
.filter-opt input{width:18px;height:18px;accent-color:#22626B}
.filter-opt__n{margin-left:auto;color:#545C5D;font-size:13px}
.collection__empty{padding:30px 0;color:#545C5D}
.prose-split{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.prose-split > *{min-width:0}
.prose-split__img{border-radius:22px;overflow:hidden;background:#FFFFFF;aspect-ratio:1;min-height:0}
.prose-split__img img{width:100%;height:100%;object-fit:contain}
.prose-split__img img.is-photo{object-fit:cover}
.prose-split .rte{max-width:74ch}
@media (min-width:1041px){.prose-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px}.prose-split__img{position:sticky;top:calc(var(--theme-header-height,80px) + 20px)}}
.lines{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plates > *{min-width:0}
@media (min-width:768px){.plates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1041px){.plates{grid-template-columns:repeat(4,minmax(0,1fr))}}
.plate{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:10px 14px 10px 10px;border-radius:16px;background:#FFFFFF;border:1px solid #DCD5C9;color:#1F2627;text-decoration:none}
.plate:hover{border-color:#22626B;color:#1F2627}
.plate img{width:64px;height:64px;object-fit:contain;background:#F5F2EC;border-radius:10px}
.plate__title{display:block;font-weight:700;line-height:1.25}
.plate__meta{display:block;font-size:13px;color:#545C5D}
.related{display:flex;flex-wrap:wrap;gap:10px}
.related a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#FFFFFF;border:1px solid #DCD5C9;color:#1F2627;text-decoration:none;font-weight:600;font-size:15px}
.related a .icon{color:#22626B}
.related a:hover{border-color:#22626B;color:#22626B}

/* ---------- product ---------- */
product-form{display:block}
.product-info{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding-block:18px 50px}
.product-info > *{min-width:0}
@media (min-width:1041px){.product-info{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}}
media-gallery{display:block}
.media-gallery__inner{display:flex;flex-direction:column;gap:12px}
@media (min-width:1041px){.sticky-column-desktop{position:sticky;top:calc(var(--theme-header-height,80px) + 20px)}}
.media-gallery__main{background:#FFFFFF;border-radius:22px;border:1px solid #DCD5C9;aspect-ratio:1;overflow:hidden;position:relative;min-height:0}
.media-gallery__main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* gallery frames are always contained: a swapped frame keeps the class of the first one */
.media-gallery__thumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.media-gallery__thumb{width:80px;height:80px;padding:0;border-radius:12px;border:1.5px solid #DCD5C9;background:#FFFFFF;cursor:pointer;overflow:hidden}
.media-gallery__thumb[aria-current="true"]{border-color:#22626B}
.media-gallery__thumb img{width:100%;height:100%;object-fit:contain}
.detail{display:block}
sticky-scroll{display:block}
.vendor{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#22626B;margin:0 0 8px}
.product-title{font-size:clamp(40px,4.4vw,62px);margin-bottom:12px}
.product-detail__rating{margin-bottom:14px}
.product-detail__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:18px}
.product-detail__price .price{font-size:28px;font-weight:700}
.product-detail__range{font-size:15px;color:#545C5D}
.product-detail__fit{display:flex;gap:10px;align-items:flex-start;background:#DCE5D9;border-radius:14px;padding:12px 14px;margin:0 0 20px;font-size:15px}
.product-detail__fit .icon{flex:0 0 auto;color:#22626B;width:26px;height:26px}
variant-picker{display:block}
.option-selector{border:0;margin:0 0 18px;padding:0}
.option-selector legend{font-size:15px;margin-bottom:10px;padding:0}
.option-selector__btns{display:flex;flex-wrap:wrap;gap:8px}
.opt-label{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border-radius:999px;border:1.5px solid #BDB4A6;background:#FFFFFF;color:#1F2627;font:inherit;font-size:15px;font-weight:600;cursor:pointer;max-width:100%;text-align:left}
.opt-label[aria-pressed="true"]{border-color:#22626B;box-shadow:inset 0 0 0 1px #22626B;color:#184950}
.opt-label.is-unavailable{opacity:.45}
.opt-swatch{width:18px;height:18px;border-radius:50%;flex:0 0 auto}
.product-detail__buy{display:flex;flex-direction:column;gap:10px;margin:6px 0 20px}
.product-detail__buy .btn{width:100%;min-height:56px}
.product-detail__note{font-size:14px;color:#545C5D;margin:0}
.product-info-accordion{border-top:1px solid #BDB4A6;margin-bottom:22px}
.product-info-accordion .disclosure{border-bottom:1px solid #BDB4A6}
.disclosure__title .label{font-weight:700;font-size:17px}
.pairs{background:#FFFFFF;border:1px solid #DCD5C9;border-radius:18px;padding:16px}
.pairs__title{font-family:var(--heading-font-family);font-size:26px;margin:0 0 10px}
.pair-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid #DCD5C9}
.pair-row:first-of-type{border-top:0}
.pair-row img{width:64px;height:64px;object-fit:contain;background:#F5F2EC;border-radius:10px}
.pair-row__name{font-weight:700;color:#1F2627;text-decoration:none;display:block;line-height:1.25}
.pair-row__meta{font-size:13px;color:#545C5D}
.pair-row .btn{min-height:38px;padding:7px 14px}
.product-content{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.product-content > *{min-width:0}
@media (min-width:1041px){.product-content{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}}
.product-content .rte{max-width:70ch}
.spec-table{width:100%;border-collapse:collapse;font-size:15px;background:#FFFFFF;border-radius:16px;overflow:hidden}
.spec-table th,.spec-table td{text-align:left;padding:12px 14px;border-top:1px solid #DCD5C9;vertical-align:top}
.spec-table tr:first-child th,.spec-table tr:first-child td{border-top:0}
.spec-table th{width:40%;color:#545C5D;font-weight:600}
sticky-atc{display:block}
.sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#FFFFFF;border-top:1px solid #DCD5C9;box-shadow:0 -10px 24px rgba(31,38,39,.08);transition:transform .25s}
.sticky-atc--out{transform:translateY(110%)}
.sticky-atc.invisible{visibility:hidden}
.sticky-atc__inner{display:flex;align-items:center;gap:14px;padding-block:10px}
.sticky-atc__details{flex:1;min-width:0}
.sticky-atc__details__title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-atc__details__variant{font-size:13px;color:#545C5D}
.sticky-atc .price{font-weight:700}
.sticky-atc .btn{flex:0 0 auto}

/* ---------- sources ---------- */
.sources{margin-top:28px;padding:20px 22px;background:#FFFFFF;border-radius:16px;border:1px solid #DCD5C9;font-size:15px}
.sources .note{color:#545C5D;border-left:3px solid #8DA58C;padding-left:12px}
.sources .src-h{margin:14px 0 8px}
.sources ul{margin:0;padding-left:1.1em}
.sources li{margin-bottom:6px;color:#545C5D}
.sources .road{margin:12px 0 0;font-weight:600}

/* ---------- pages, articles ---------- */
.page-head{padding-block:28px 26px;max-width:880px}
/* the reading head carries the container gutter on top of the article width, so its text lines up with the article column below */
.page-head--reading{margin-left:auto;margin-right:auto;max-width:calc(var(--reading-container-width) + 2 * var(--gutter-mobile) + 2 * var(--gutter-mobile))}
@media (min-width:768px){.page-head--reading{max-width:calc(var(--reading-container-width) + 2 * var(--gutter-mobile) + 2 * var(--gutter-desktop))}}
@media (min-width:1041px){.page-head--reading{max-width:calc(var(--reading-container-width) + 2 * var(--gutter-mobile) + 2 * var(--gutter-large))}}
.page-head__lede{font-size:19px;color:#545C5D;max-width:62ch}
.page-body{padding-bottom:60px}
.article{max-width:calc(var(--reading-container-width) + 2 * var(--gutter-mobile));margin:0 auto}
.article .rte{font-size:18px}
.article .rte h2{font-size:clamp(30px,3vw,40px);margin-top:1.4em}
.article .rte h3{font-size:clamp(24px,2.2vw,30px);margin-top:1.2em}
.article__meta{color:#545C5D;font-size:15px;margin-bottom:20px}
.article__cover{border-radius:22px;overflow:hidden;margin:0 0 26px;background:#ECE6DC;aspect-ratio:3/2;min-height:0}
.article__cover img{width:100%;height:100%;object-fit:cover}
.article figure{margin:26px 0}
.article figure img{border-radius:18px;background:#FFFFFF;width:100%;max-height:560px;object-fit:contain}
.article figure img.is-photo{object-fit:cover}
.article figcaption{font-size:14px;color:#545C5D;margin-top:8px}
.tbl-wrap{overflow-x:auto;margin:22px 0}
.tbl-wrap table{width:100%;border-collapse:collapse;font-size:16px;background:#FFFFFF;border-radius:14px;overflow:hidden}
.tbl-wrap th,.tbl-wrap td{text-align:left;padding:11px 14px;border-top:1px solid #DCD5C9;vertical-align:top}
.tbl-wrap thead th{background:#ECE6DC;border-top:0;font-size:14px;letter-spacing:.04em}
.tbl-wrap tbody th{font-weight:600}
@media (max-width:639px){
  .tbl-wrap table,.tbl-wrap tbody,.tbl-wrap tr,.tbl-wrap th,.tbl-wrap td{display:block;width:100%}
  .tbl-wrap thead{display:none}
  .tbl-wrap tr{border-top:1px solid #DCD5C9;padding:8px 0}
  .tbl-wrap tbody th,.tbl-wrap td{border-top:0;padding:4px 14px}
  .tbl-wrap td[data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#545C5D;margin-bottom:2px}
}
.embed{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center;background:#FFFFFF;border:1px solid #DCD5C9;border-radius:18px;padding:14px;margin:26px 0;font-size:16px}
.embed > a img{width:120px;height:120px;object-fit:contain;background:#F5F2EC;border-radius:12px}
.embed__kick{margin:0 0 4px}
.embed__name{display:block;font-weight:700;color:#1F2627;text-decoration:none;font-size:18px;margin-bottom:4px}
.embed__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:8px}
.embed__row .price{font-weight:700}
.legal .rte{font-size:17px}
.search-page__form{display:flex;gap:10px;max-width:640px;margin:16px 0}
.search-page__form input{flex:1;min-width:0;height:52px;border-radius:999px;border:1.5px solid #BDB4A6;padding:0 18px;font:inherit;background:#FFFFFF}
.search-result{display:flex;gap:14px;align-items:center;padding:12px;border-radius:14px;background:#FFFFFF;border:1px solid #DCD5C9;margin-bottom:10px;color:#1F2627;text-decoration:none}
.search-result img{width:72px;height:72px;object-fit:contain;background:#F5F2EC;border-radius:10px}
.search-result__title{display:block;font-weight:700}
.search-result__meta{display:block;font-size:14px;color:#545C5D}
.search-result__type{margin:0}
.nf{padding-block:40px 60px;max-width:900px}
.steps-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}
.steps-photos > *{min-width:0}
.step-photo{background:#FFFFFF;border-radius:18px;border:1px solid #DCD5C9;overflow:hidden}
.step-photo__img{aspect-ratio:1;background:#FFFFFF;min-height:0}
.step-photo__img img{width:100%;height:100%;object-fit:contain}
.step-photo__img img.is-photo{object-fit:cover}
.step-photo__text{display:flex;gap:12px;padding:12px 14px 16px;align-items:flex-start}
.step-photo__n{font-family:var(--heading-font-family);font-size:38px;line-height:.9;color:#22626B}
.step-photo__plate{display:flex;align-items:center;justify-content:center;background:#DCE5D9}
.step-photo__plate span{font-family:var(--heading-font-family);font-size:clamp(96px,9vw,150px);line-height:1;color:#22626B}
.step-photo--plain .step-photo__n{display:none}
.step-photo__text p{margin:0;font-size:15px}
@media (min-width:1041px){.steps-photos{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1041px){.steps-photos--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1040px){.steps-photos--3 > :first-child{grid-column:1 / -1}.steps-photos--3 > :first-child .step-photo__img{aspect-ratio:16 / 9}}

/* ---------- small screens ---------- */
@media (max-width:767px){
  .btn--large{min-height:52px;padding:12px 24px}
  .header-buy{padding:8px 14px}
  .header-buy img.cta-long{display:none}
  .header-buy img.cta-short{display:block}
  .hero__title{font-size:clamp(40px,11vw,56px)}
  .section-footer__disclosure img.dsc{height:auto!important;max-height:1em}
  .tail-block{grid-template-columns:80px minmax(0,1fr)}
  .tail-block__img img{width:80px;height:80px}
  .embed{grid-template-columns:84px minmax(0,1fr)}
  .embed > a img{width:84px;height:84px}
  .pair-row{grid-template-columns:52px minmax(0,1fr)}
  .pair-row img{width:52px;height:52px}
  .pair-row .btn{grid-column:1 / -1;width:100%}
}
@media (max-width:480px){.logo .logo__image{width:132px}.product-block__buy{padding-left:8px;padding-right:8px}}