/* ROMADOS Calm — minimalist layer for home appliances (loads after theme.css) */
:root{
  --paper:#FFFFFF;--paper-2:#F3F5F7;--card:#F5F6F8;--ink:#101418;--ink-2:#3D4651;--muted:#6B7480;--line:#E4E7EB;
  --forest:#1D3557;--forest-2:#2C4F7C;--forest-3:#0F1F33;--brass:#2C4F7C;--brass-2:#C9D6E8;--sage:#EDF2F8;--danger:#B42318;
  --ok:#1E7A4C;--accent-soft:#EDF2F8;
  --f-display:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:12px;--r-lg:16px;--hd:72px;--max:1320px;
  --shadow:0 1px 2px rgba(16,20,24,.04),0 8px 24px -12px rgba(16,20,24,.12);
}
body{font:400 16px/1.6 var(--f-ui);letter-spacing:-.005em;background:var(--paper)}
h1,h2,h3{font-weight:600;letter-spacing:-.02em}
::selection{background:var(--forest);color:#fff}
:focus-visible{outline:2px solid var(--forest-2)}

/* headings: one family, calm sizes */
.sh__h,.ch__h,.hero__h,.pp__title,.ft__h,.mega__h,.dc__t,.pr__i h3,.nav__list a,.cd__title,.rte h2,.rte h3{font-family:var(--f-ui);font-weight:600;letter-spacing:-.025em}
.sh__h{font-size:clamp(26px,2.6vw,36px);line-height:1.15}
.sh__h em,.ch__h em,.ft__h em,.mega__h em{font-style:normal;color:var(--ink-2)}
.ch__h{font-size:clamp(30px,3.6vw,46px);line-height:1.1}
.pp__title{font-size:clamp(24px,2.2vw,32px);line-height:1.2}
.rte h2{font-size:24px}.rte h3{font-size:20px}
.sec{padding:clamp(48px,6vw,88px) 0}
.sh{align-items:flex-end;margin-bottom:clamp(20px,2.6vw,32px)}
.eyebrow{font:600 12.5px/1 var(--f-ui);letter-spacing:.08em;color:var(--forest-2);margin-bottom:10px}
.eyebrow::before{display:none}
.dot{display:none}
.link-arrow{font-size:14.5px;font-weight:600;color:var(--forest);border-bottom:0;padding:0}
.link-arrow:hover{color:var(--ink)}

/* motion: subtle */
.js .reveal{transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i,0)*40ms)}
.js .lift{transform:translateY(8px);animation-duration:.6s}
.js [data-lines] .ln>span{transition-duration:.6s}
@media (prefers-reduced-motion:reduce){.js .reveal,.js .lift{opacity:1!important;transform:none!important;animation:none!important}}

/* buttons */
.btn{height:50px;padding:0 24px;border-radius:10px;background:var(--forest);color:#fff;font-weight:600;font-size:15px;letter-spacing:0;box-shadow:none;transition:background .2s,color .2s,box-shadow .2s}
.btn::before{display:none}
.btn:hover{background:var(--forest-3);box-shadow:none}
.btn .icon{width:17px;height:17px}
.btn--line{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn--line:hover{background:var(--paper-2);color:var(--ink);box-shadow:inset 0 0 0 1px #CBD2DA}
.btn--light{background:#fff;color:var(--ink)}.btn--light:hover{background:var(--paper-2);color:var(--ink)}
.btn--line-light{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}.btn--line-light:hover{background:rgba(255,255,255,.08);color:#fff}
.btn--sm{height:42px;padding:0 18px;font-size:14px}
.btn--add{height:54px;font-size:16px}
.btn--add::after{display:none}

/* top strip */
.tb{background:var(--forest-3);color:#E6ECF4;font-size:13px}
.tb__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px}
.tb__list{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.tb__list li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.tb__list .icon{width:15px;height:15px;color:#9FC3A8}
.tb__help{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;opacity:.9}.tb__help:hover{opacity:1;text-decoration:underline}
.tb__help .icon{width:15px;height:15px}

/* header */
.hd{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.hd.is-scrolled{background:rgba(255,255,255,.96);box-shadow:0 1px 0 var(--line)}
.hd__in{gap:22px}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--forest)}
.brand__word{font:700 18px/1 var(--f-ui);letter-spacing:.14em;color:var(--ink)}
.hd__dept{height:42px;padding:0 16px 0 12px;border-radius:10px;background:var(--forest);color:#fff;font-weight:600;font-size:14px;gap:8px}
.hd__dept .icon{width:18px;height:18px}
.hd__dept:hover,.hd__dept[aria-expanded=true]{background:var(--forest-3)}
.hd__link{padding:10px 11px;font-weight:500;font-size:14.5px;color:var(--ink-2);border-radius:8px}
.hd__link span{transform:none!important}
.hd__link span::after{display:none}
.hd__link:hover{color:var(--ink);background:var(--paper-2)}
.hd__icon{border-radius:10px}
.hd__kbd{font-size:14px;color:var(--muted);font-weight:500}
.hd__tools .hd__icon[data-search-open]{box-shadow:inset 0 0 0 1px var(--line);padding:0 14px 0 12px;justify-content:flex-start;min-width:230px}
.hd__count{background:var(--forest);color:#fff}

/* mega */
.mega{box-shadow:0 24px 48px -28px rgba(16,20,24,.25)}
.mega__in.mg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:36px;padding-top:32px;padding-bottom:36px}
.mg__h{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.mg__h .icon{width:18px;height:18px;color:var(--forest-2)}
.mg__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mg__list--2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
.mg__a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;transition:background .2s}
.mg__a:hover{background:var(--paper-2)}
.mg__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--accent-soft);color:var(--forest);flex:none}
.mg__ic .icon{width:22px;height:22px}
.mg__t{display:grid;font-weight:600;font-size:14.5px;line-height:1.3}
.mg__t small{font-weight:500;color:var(--muted);font-size:12.5px}
.mg__aside{padding:22px;border-radius:var(--r-lg);background:var(--card);display:grid;align-content:start;gap:10px}
.mg__aside-h{margin:0;font-weight:600;font-size:17px}
.mg__aside p{color:var(--ink-2);font-size:14.5px}
.mg__aside .btn{justify-self:start}

/* mobile nav */
.nav__bg{background:rgba(16,20,24,.4)}
.nav__panel{background:#fff}
.nav__h{margin:6px 0 4px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.nav__list{margin-bottom:18px}
.nav__list a{align-items:center;justify-content:flex-start;gap:12px;padding:10px 0;font:500 16px/1.3 var(--f-ui);letter-spacing:0}
.nav__list a small{margin-left:auto}
.nav__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--accent-soft);color:var(--forest);flex:none}
.nav__ic .icon{width:20px;height:20px}

/* hero (calm) */
.hc{padding:clamp(28px,4vw,56px) 0 clamp(36px,4.5vw,64px);background:linear-gradient(180deg,var(--card) 0,#fff 100%)}
.hc__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center}
.hc__eb{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 12px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);font-size:13px;font-weight:600;color:var(--forest)}
.hc__h{margin:0 0 16px;font-size:clamp(34px,4.4vw,56px);line-height:1.06;letter-spacing:-.035em;font-weight:700;max-width:14ch}
.hc__p{max-width:52ch;margin:0 0 26px;font-size:clamp(16px,1.25vw,18px);color:var(--ink-2)}
.hc__btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.hc__pts{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0;font-size:14.5px;color:var(--ink-2)}
.hc__pts li{display:inline-flex;align-items:center;gap:7px}
.hc__pts .icon{width:18px;height:18px;color:var(--ok)}
.hc__media{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:14px;aspect-ratio:1.18/1}
.hc__tile{position:relative;display:block;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .2s}
.hc__tile:hover{box-shadow:inset 0 0 0 1px #CBD2DA,var(--shadow)}
.hc__tile--1{grid-row:span 2}
.hc__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10%}
.hc__lbl{position:absolute;left:12px;bottom:12px;display:grid;padding:7px 11px;border-radius:9px;background:rgba(255,255,255,.94);box-shadow:0 1px 2px rgba(16,20,24,.08);font-weight:700;font-size:14.5px;line-height:1.2}
.hc__lbl small{font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}

/* category grid */
.cg__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cg__t{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:16px;align-items:center;padding:20px;border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s,transform .2s}
.cg__t:hover{box-shadow:inset 0 0 0 1px #C3CCD7,var(--shadow);transform:translateY(-1px)}
.cg__ic{grid-row:span 2;display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--accent-soft);color:var(--forest)}
.cg__ic .icon{width:30px;height:30px;stroke-width:1.4}
.cg__n{font-weight:600;font-size:16.5px;line-height:1.25}
.cg__c{font-size:13.5px;color:var(--muted)}
.cg__go{grid-row:span 2;grid-column:3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--paper-2);color:var(--ink-2);transition:background .2s,color .2s}
.cg__go .icon{width:16px;height:16px}
.cg__t:hover .cg__go{background:var(--forest);color:#fff}

/* featured */
.fp--tint{background:var(--card)}
.fp--tint .pc__media{background:#fff}

/* product card */
.pc__media{aspect-ratio:1/1;border-radius:var(--r);background:var(--card)}
.pc__img{padding:9%;mix-blend-mode:multiply}
.pc__badges{position:absolute;left:10px;top:10px}
.pc__badge{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:7px;background:#fff;font-size:12px;font-weight:600}
.pc__badge--hot{background:var(--danger);color:#fff}
.pc__add{height:42px;border-radius:9px;background:var(--forest);color:#fff;font-weight:600;font-size:14px}
.pc__add:hover,.pc__add.is-done{background:var(--forest-3)}
.pc__body{padding:12px 2px 2px;gap:3px}
.pc__brand{font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--muted)}
.pc__title{font:500 14.5px/1.4 var(--f-ui);color:var(--ink)}
.pc__title a:hover{color:var(--forest-2)}
.price__now{font:700 18px/1.2 var(--f-ui);letter-spacing:-.01em;color:var(--ink)}
.price__now small{font-weight:500;font-size:13px;color:var(--muted)}
.price__now--sale{color:var(--danger)}
.pc__ship{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:12.5px;color:var(--ok);font-weight:500}
.pc__ship .icon{width:15px;height:15px}
.pc__flag{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
@media (hover:none){.pc__add{opacity:1!important;transform:none!important;position:static;margin-top:10px;width:100%}}

/* promise / trust */
.pr{background:var(--paper)}
.pr--dark{background:var(--forest-3);color:#fff}
.pr__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border-top:0}
.pr__i{margin:0;padding:22px;border:0;border-radius:var(--r-lg);background:var(--card)}
.pr--dark .pr__i{background:rgba(255,255,255,.06)}
.pr__n{display:none}
.pr__ic{width:46px;height:46px;border-radius:12px;background:#fff;color:var(--forest);margin-bottom:14px;box-shadow:inset 0 0 0 1px var(--line)}
.pr--dark .pr__ic{background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.pr__i h3{font:600 16.5px/1.3 var(--f-ui);margin-bottom:6px}
.pr__i p{font-size:14.5px;opacity:1;color:var(--ink-2)}
.pr--dark .pr__i p{color:rgba(255,255,255,.75)}

/* brand wall */
.bw__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;border:0}
.bw__grid li{border:0}
.bw__grid a{height:72px;border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--line);font:600 15.5px/1 var(--f-ui);letter-spacing:.02em;color:var(--ink-2);background:#fff;transition:box-shadow .2s,color .2s}
.bw__grid a::before{display:none}
.bw__grid a:hover{color:var(--forest);box-shadow:inset 0 0 0 1px #C3CCD7}
.bw__grid a .icon{display:none}

/* faq */
.faq summary{font-weight:600;font-size:16px;padding:18px 0}
.faq summary::after{width:28px;height:28px}
.faq details[open] summary::after{background-color:var(--accent-soft)}

/* usp bar (if used) */
.usp{background:var(--card);color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.usp__i{border-right:1px solid var(--line)}
.usp__i .icon{color:var(--forest)}

/* collection */
.ch{padding:clamp(24px,3vw,40px) 0 clamp(16px,2vw,28px)}
.ch__strip span{border-color:#fff}
.side__depts a.is-on,.seg input:checked + span{background:var(--forest);color:#fff}
.side__label b{background:var(--forest)}
.dc--grid{width:auto}
.dc__arch{border-radius:var(--r)!important;background:var(--card)!important}
.dc__n{display:none}
.dc__t{font:600 17px/1.3 var(--f-ui)!important;margin-top:8px}

/* product page */
.pp__card{border-radius:var(--r-lg);background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.pp__brand{background:var(--accent-soft);color:var(--forest);border-radius:8px}
.pp__price .price__now{font-size:clamp(26px,2.4vw,32px)}
.gal__item{border-radius:var(--r);background:var(--card)}
.gal__item--lead{border-radius:var(--r-lg)}
.pinfo__bar{background:var(--forest)}
.pinfo__tabs button{font-family:var(--f-ui);font-weight:600;font-size:16px}
.sbar__in{border-radius:14px;background:rgba(16,20,24,.94)}
.sbar .btn{background:#fff;color:var(--ink)}
.sbar__t span{color:#C9D6E8}
.deal{display:none!important}

/* iPhone Safari fixes (from 1.7): gallery images collapsing, cart drawer not scrolling */
.gal__item{position:relative}
.gal__zoom{position:absolute;inset:0;width:auto;height:auto}
.gal__zoom img{padding:4%}
.cd__lines{min-height:0}

/* cart drawer */
.cd__panel{border-radius:16px;background:#fff}
.cd__foot{background:var(--card)}
.cd__gift{display:none}

/* footer */
.ft{--mark-in:var(--forest-3);background:var(--forest-3)}
.ft .brand{color:#fff}.ft .brand__word{color:#fff}
.ft__h{font-size:clamp(26px,3vw,38px);line-height:1.15}
.ft__word{display:none}
.ft__trust{display:flex;flex-wrap:wrap;gap:12px 28px;list-style:none;margin:0;padding:20px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.85)}
.ft__trust li{display:inline-flex;align-items:center;gap:8px}
.ft__trust .icon{width:18px;height:18px;color:#9FC3A8}

/* misc */
.toast{border-radius:12px}
.srch__panel{background:#fff}

/* responsive */
@media (max-width:1180px){
  .hd__tools .hd__icon[data-search-open]{min-width:44px;padding:0;justify-content:center;box-shadow:none}
  .hd__kbd{display:none}
  .bw__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:980px){
  .hc__in{grid-template-columns:1fr}
  .hc__media{aspect-ratio:auto;grid-template-rows:auto auto;grid-template-columns:1fr 1fr}
  .hc__tile--1{grid-row:auto;grid-column:span 2;aspect-ratio:1.6/1}
  .hc__tile--2,.hc__tile--3{aspect-ratio:1/1}
  .cg__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mega__in.mg{grid-template-columns:1fr 1.6fr}
  .mg__aside{display:none}
}
@media (max-width:699px){
  :root{--hd:62px}
  .tb__in{justify-content:center;min-height:34px}
  .tb__list{gap:14px;font-size:12px;justify-content:center}
  .tb__list li:nth-child(n+3){display:none}
  .tb__help{display:none}
  .brand__word{font-size:16px;letter-spacing:.12em}
  .hc{padding-top:22px}
  .hc__h{font-size:clamp(30px,8.6vw,38px);max-width:none}
  .hc__btns .btn{flex:1 1 100%}
  .hc__media{gap:10px}
  .hc__tile--1{aspect-ratio:1.25/1}
  .cg__grid{grid-template-columns:1fr 1fr;gap:10px}
  .cg__t{grid-template-columns:1fr;grid-template-rows:auto;row-gap:10px;padding:16px}
  .cg__ic{grid-row:auto;width:48px;height:48px}
  .cg__ic .icon{width:26px;height:26px}
  .cg__go{display:none}
  .cg__n{font-size:15px}
  .sh{flex-wrap:wrap;align-items:flex-start;gap:8px}
  .pr__grid{grid-template-columns:1fr}
  .bw__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bw__grid a{height:58px;font-size:14.5px}
  .price__now{font-size:16.5px}
  .pc__title{font-size:13.5px}
  .ft__trust{gap:10px 18px;font-size:13px}
}

/* --- QA fixes (preview round 1) --- */
.hd__link,.hd__dept,.hd__kbd{white-space:nowrap}
@media (max-width:1100px){.hd__nav ul li:nth-child(n+3):not(:last-child){display:none}}
.hc__tile{background:var(--card)}
.hc__tile img{mix-blend-mode:multiply}
.cg__n{grid-column:2;grid-row:1;align-self:end}
.cg__c{grid-column:2;grid-row:2;align-self:start}
.cg__go{grid-column:3;grid-row:1 / span 2}
.cg__ic{grid-column:1;grid-row:1 / span 2}
.fp__grid{list-style:none;margin:0;padding:0}
.pr__ic .icon{width:22px;height:22px}
.head h2{font:600 clamp(26px,2.6vw,36px)/1.15 var(--f-ui);letter-spacing:-.025em;margin-bottom:12px}
@media (max-width:699px){
  .cg__n,.cg__c,.cg__ic{grid-column:auto;grid-row:auto}
}

/* --- QA fixes (preview round 2): photos fill their frames --- */
.hc__media{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:3/2}
.hc__tile--1{grid-column:auto;grid-row:span 2;aspect-ratio:auto}
.hc__tile--2,.hc__tile--3{aspect-ratio:auto}
.hc__tile img{object-fit:cover;padding:0;mix-blend-mode:normal}
.pc__img{padding:0;mix-blend-mode:normal}
.gal__zoom img{padding:0}
@media (max-width:980px){
  .hc__media{aspect-ratio:3/2;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
  .hc__tile--1{grid-column:auto;grid-row:span 2;aspect-ratio:auto}
  .hc__tile--2,.hc__tile--3{aspect-ratio:auto}
}
@media (max-width:699px){
  .hc__tile--1{aspect-ratio:auto}
  .hc__lbl{left:8px;bottom:8px;padding:5px 8px;font-size:13px}
  .hc__tile--2 .hc__lbl small,.hc__tile--3 .hc__lbl small{display:none}
  .pc__add{height:40px;font-size:13.5px}
  .pc__add span{display:inline!important}
}

/* --- QA fixes (round 3): gallery, zoom, related, cards, cart, trust --- */
/* product cards: framed white tiles, dark titles everywhere */
.pc__media{background:#fff;border:1px solid var(--line);box-sizing:border-box}
.pc__img{padding:7%;object-fit:contain}
.pc__title,.pc__title a,.pc__title a:visited{color:var(--ink)!important;text-decoration:none}
.pc__title a:hover{color:var(--forest-2)!important}
.pc__brand{color:var(--muted)}
/* quick add: small round button on touch + phones (no heavy full-width bar) */
@media (hover:none){
  .pc__add{position:absolute!important;opacity:1!important;transform:none!important;margin:0!important;left:auto!important;right:10px;bottom:10px;width:40px!important;height:40px!important;padding:0!important;border-radius:50%!important;background:#fff!important;color:var(--forest)!important;box-shadow:0 2px 10px rgba(16,20,24,.16)}
  .pc__add span{display:none!important}
  .pc__add .icon{width:18px;height:18px}
}

/* product gallery: one big square photo + thumbnails (desktop) */
.gal__item{background:#fff;border:1px solid var(--line);box-sizing:border-box;border-radius:var(--r)}
.gal__zoom img{object-fit:contain;padding:5%;width:100%;height:100%}
@media (min-width:981px){
  .gal__track{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
  .gal__item--lead{grid-column:1 / -1;aspect-ratio:1/1;border-radius:var(--r-lg)}
  .gal__item:not(.gal__item--lead){aspect-ratio:1/1;border-radius:10px;transition:border-color .2s}
  .gal__item:not(.gal__item--lead):hover{border-color:var(--forest-2)}
  .gal__item:not(.gal__item--lead) .gal__zoom img{padding:8%}
}
@media (max-width:980px){
  .gal__item,.gal__item--lead{flex:0 0 86%;aspect-ratio:1/1;border-radius:var(--r-lg)}
  .gal__count{background:#fff;box-shadow:0 1px 4px rgba(16,20,24,.12);font-weight:600}
}

/* zoom (lightbox): solid white, arrows, counter */
.lb{background:#fff}
.lb__track figure{padding:72px 84px}
.lb__track img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lb__x{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.lb__nav{position:absolute;top:50%;z-index:2;width:48px;height:48px;margin-top:-24px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 4px 14px rgba(16,20,24,.08);color:var(--ink);transition:background .2s}
.lb__nav:hover{background:var(--paper-2)}
.lb__prev{left:20px}.lb__prev .icon{transform:rotate(180deg)}
.lb__next{right:20px}
.lb__count{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);margin:0;padding:6px 14px;border-radius:999px;background:var(--paper-2);font-size:13.5px;color:var(--ink-2)}
@media (max-width:699px){
  .lb__track figure{padding:64px 12px 72px}
  .lb__nav{top:auto;bottom:14px;margin:0;width:44px;height:44px}
  .lb__prev{left:16px}.lb__next{right:16px}
  .lb__count{bottom:24px}
}

/* "You may also like" row */
.rel{padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--line)}
.rel .sh{margin-bottom:20px}
.rel .sh__h{font-size:clamp(22px,2vw,28px)}
.rail-btn{width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--line);background:#fff;color:var(--ink)}
.rail-btn:hover{background:var(--forest);color:#fff;box-shadow:none}
.rail-btn .icon{width:18px;height:18px}
.rail__card{width:clamp(200px,19vw,250px)}
.rail__track{padding-bottom:4px}
@media (max-width:699px){.rail__card{width:62vw}}

/* cart drawer: delivery banner */
.cd__ship{display:flex;align-items:center;gap:12px;margin:14px 22px 4px;padding:12px 14px;border-radius:12px;background:#ECF6F0;border:1px solid #CFE7D8;color:#14532D}
.cd__ship-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;color:var(--ok);flex:none;box-shadow:0 1px 2px rgba(16,20,24,.06)}
.cd__ship-ic .icon{width:20px;height:20px}
.cd__ship-t{display:grid;flex:1;line-height:1.3}
.cd__ship-t b{font-size:14.5px;font-weight:600}
.cd__ship-t small{font-size:12.5px;color:#2F6B47}
.cd__ship-ok{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ok);color:#fff;flex:none}
.cd__ship-ok .icon{width:14px;height:14px;stroke-width:2.2}
.cd__title{font:600 22px/1.2 var(--f-ui);letter-spacing:-.02em}
.cd__title sup{background:var(--forest)}

/* trust block above the footer */
.pr__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pr .sh{margin-bottom:22px}
.pr__i{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start}
.pr__ic{grid-row:span 2;margin:0}
.pr__i h3{margin:2px 0 4px}
@media (max-width:699px){.pr__grid{grid-template-columns:1fr}}

/* product perks inside the buy box */
.perks{gap:10px}
/* rail: first card lines up with the page heading */
.rail{padding-left:max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)));padding-right:var(--gut);scroll-padding-left:max(var(--gut),calc((100vw - var(--max)) / 2 + var(--gut)))}

/* --- QA fixes (round 4): spec tables + phone quick-add --- */
/* manufacturer spec tables: ignore imported fixed widths, clean bordered list */
.rte table{width:100%!important;max-width:820px;height:auto!important;margin:6px 0 28px;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--line)!important;border-radius:12px;overflow:hidden;font-size:14.5px;background:#fff}
.rte table td,.rte table th{width:auto!important;height:auto!important;padding:11px 16px!important;border:0!important;border-bottom:1px solid var(--line)!important;vertical-align:top;text-align:left!important;line-height:1.45;color:var(--ink);background:#fff}
.rte table tr:last-child td,.rte table tr:last-child th{border-bottom:0!important}
.rte table tr > :first-child:not(:only-child){width:44%!important;background:var(--card);color:var(--ink-2);font-weight:500}
.rte table tr > :only-child{background:var(--card);font-weight:600}
.rte table p{margin:0}
.rte table *{max-width:none}
.rte h3,.rte h4{font:600 18px/1.3 var(--f-ui);letter-spacing:-.01em;margin:30px 0 10px;color:var(--ink)}
.rte img,.rte iframe,.rte video{max-width:100%!important;height:auto}
@media (max-width:699px){
  .rte table{font-size:13.5px}
  .rte table td,.rte table th{padding:9px 12px!important}
  .rte table tr > :first-child:not(:only-child){width:48%!important}
}
/* phone: quick-add is always a small round icon (never squashed text) */
@media (max-width:699px){
  .pc__add{position:absolute!important;left:auto!important;right:10px!important;bottom:10px!important;width:40px!important;height:40px!important;padding:0!important;margin:0!important;border-radius:50%!important;background:#fff!important;color:var(--forest)!important;box-shadow:0 2px 10px rgba(16,20,24,.16)!important;opacity:1!important;transform:none!important}
  .pc__add span{display:none!important}
}
/* no underline flash on card titles */
.pc__title a,.pc:hover .pc__title a{text-decoration:none!important;background-image:none!important}
