@font-face{
  font-family:Manrope;
  src:url("assets/manrope.woff2") format("woff2");
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
}

:root{
  --black:#11130f;
  --black-2:#1b1e18;
  --paper:#f4f3ed;
  --panel:#fff;
  --soft:#e9ebe4;
  --line:#d4d8cf;
  --line-dark:#30342c;
  --text:#2f332c;
  --muted:#6d7269;
  --yellow:#f4ca00;
  --yellow-soft:#fff4a4;
  --green:#168a59;
  --warning:#b77728;
  --page:88rem;
  --gutter:clamp(1rem,3vw,4rem);
  --section:clamp(3.4rem,6vw,6rem);
  --radius:.28rem;
  --font-body:clamp(.94rem,.91rem + .1vw,1rem);
  --font-small:clamp(.72rem,.69rem + .08vw,.79rem);
  --h1:clamp(2.85rem,1.9rem + 3.4vw,5.4rem);
  --h2:clamp(1.8rem,1.45rem + 1.25vw,2.8rem);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{
  margin:0;
  background:var(--paper);
  color:var(--text);
  font:400 var(--font-body)/1.62 Manrope,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.modal-open,
body:has(dialog[open]){overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{color:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--black)}
h1,h2{letter-spacing:-.045em}
.shell{
  width:min(var(--page),calc(100% - (var(--gutter) * 2)));
  margin-inline:auto;
}
.skip{
  position:fixed;z-index:1000;top:.5rem;left:.5rem;
  padding:.65rem .9rem;background:#fff;color:#111;
  transform:translateY(-150%);
}
.skip:focus{transform:none}

/* ---------- global retail chrome ---------- */
.site-notice{
  background:var(--yellow);
  color:#171812;
  border-bottom:1px solid #d6b200;
  font-size:var(--font-small);
  font-weight:650;
}
.site-notice .shell{
  min-height:2.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding-block:.35rem;
}
.site-notice strong{font-weight:850}
.notice-trust{opacity:.68;white-space:nowrap}

.site-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(17,19,15,.96);
  color:#fff;
  border-bottom:1px solid var(--line-dark);
  backdrop-filter:blur(.65rem);
}
.header-inner{
  min-height:4.65rem;
  display:flex;
  align-items:center;
  gap:2rem;
}
.brand{
  display:flex;
  align-items:baseline;
  gap:.65rem;
  margin-right:auto;
}
.brand strong{
  color:#fff;
  font-size:1.7rem;
  font-weight:850;
  letter-spacing:-.065em;
}
.brand span{
  color:#aeb4aa;
  font-size:.72rem;
  font-weight:650;
}
.desktop-nav{
  display:flex;
  gap:1.55rem;
  align-items:center;
}
.desktop-nav a{
  position:relative;
  color:#c8cdc4;
  font-size:.82rem;
  font-weight:680;
  padding:.45rem 0;
}
.desktop-nav a:after{
  content:"";
  position:absolute;
  left:0;right:100%;bottom:.05rem;
  height:.14rem;
  background:var(--yellow);
  transition:right .18s ease;
}
.desktop-nav a:hover:after,.desktop-nav a.is-active:after{right:0}
.header-actions{display:flex;align-items:center;gap:.55rem}
.theme-toggle{
  width:2.45rem;height:2.45rem;
  display:grid;place-items:center;
  border:1px solid #3a3e35;
  border-radius:50%;
  padding:0;
  background:#1b1e19;
  cursor:pointer;
}
.theme-toggle img{width:1rem;height:1rem;filter:invert(1)}
.header-contact{
  min-height:2.55rem;
  display:inline-flex;align-items:center;justify-content:center;
  padding:.65rem .9rem;
  background:var(--yellow);
  border:1px solid var(--yellow);
  border-radius:var(--radius);
  color:#171812;
  font-size:.78rem;
  font-weight:800;
}

/* ---------- hero ---------- */
.store-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(24rem,.78fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:stretch;
  margin-top:clamp(1rem,2vw,1.5rem);
  background:var(--black);
  border:1px solid #262a23;
  color:#fff;
  overflow:hidden;
}
.store-hero:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:.35rem;
  background:var(--yellow);
}
.hero-copy{
  min-width:0;
  padding:clamp(2.4rem,5vw,4.7rem) clamp(1.6rem,3vw,3rem);
  align-self:center;
}
.section-label{
  margin-bottom:.75rem;
  color:#8b7714;
  font-size:.69rem;
  line-height:1.3;
  font-weight:850;
  letter-spacing:.14em;
}
.store-hero .section-label{color:var(--yellow)}
.hero-copy h1{
  margin:0 0 1.25rem;
  color:#fff;
  font-size:var(--h1);
  line-height:.98;
  font-weight:730;
}
.hero-copy h1 span{color:var(--yellow)}
.hero-intro{
  max-width:44rem;
  margin-bottom:1.55rem;
  color:#bec4ba;
  font-size:clamp(.98rem,.92rem + .2vw,1.12rem);
  line-height:1.72;
}
.hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:43rem;
  margin:0 0 1.7rem;
  border-block:1px solid #353931;
}
.hero-facts>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.8rem .8rem .8rem 0;
}
.hero-facts>div+div{
  padding-left:.9rem;
  border-left:1px solid #353931;
}
.hero-facts strong{
  color:var(--yellow);
  font-size:1.25rem;
  letter-spacing:-.03em;
  white-space:nowrap;
}
.hero-facts span{
  color:#9da39a;
  font-size:.65rem;
  line-height:1.45;
}
.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem 1.15rem;
  align-items:center;
  margin-bottom:1.35rem;
}
.button-primary{
  min-height:2.75rem;
  display:inline-flex;align-items:center;justify-content:center;
  padding:.7rem 1rem;
  border:1px solid var(--yellow);
  border-radius:var(--radius);
  background:var(--yellow);
  color:#151611;
  font-size:.8rem;
  font-weight:820;
}
.button-link{
  padding:.45rem 0;
  color:#e5e8e2;
  font-size:.8rem;
  font-weight:700;
  border-bottom:1px solid #51564c;
}
.agent-note{
  max-width:41rem;
  margin:0;
  color:#8f968c;
  font-size:.7rem;
  line-height:1.62;
}
.agent-note strong{color:#cbd0c7}

.hero-product{
  min-width:0;
  display:grid;
  grid-template-rows:minmax(22rem,1fr) auto;
  background:#edf0e9;
  border-left:1px solid #2b2e28;
}
.hero-product-image{
  min-height:clamp(23rem,34vw,31rem);
  display:grid;
  place-items:center;
  padding:clamp(1.2rem,2.8vw,2.6rem);
  background:
    linear-gradient(rgba(28,31,25,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,31,25,.045) 1px,transparent 1px),
    #edf0e9;
  background-size:1.8rem 1.8rem;
}
.hero-product-image img{
  width:100%;
  height:clamp(19rem,28vw,27.5rem);
  object-fit:contain;
}
.hero-image-fallback{
  min-height:18rem;
  display:grid;place-items:center;
  color:#7c8177;
  font-size:.75rem;
}
.hero-product-info{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:end;
  padding:1rem 1.15rem 1.05rem;
  background:#fff;
  border-top:1px solid #d6dad1;
}
.hero-product-copy{min-width:0}
.hero-deal-label{
  display:block;
  margin-bottom:.22rem;
  color:#7e6b0e;
  font-size:.61rem;
  font-weight:850;
  letter-spacing:.11em;
}
.hero-product-copy b{
  display:block;
  color:var(--black);
  font-size:.86rem;
}
.hero-product-copy p{
  margin:.2rem 0 0;
  color:#70756c;
  font-size:.66rem;
}
.hero-deal-price{
  color:var(--black);
  font-size:clamp(1.7rem,2.2vw,2.3rem);
  line-height:1;
  letter-spacing:-.04em;
  white-space:nowrap;
}
.hero-deal-price small{font-size:.65rem;letter-spacing:0;margin-left:.12rem}

/* ---------- categories ---------- */
.category-section{
  padding-block:clamp(2.5rem,4.2vw,3.8rem) 1.2rem;
}
.simple-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:2rem;
  margin-bottom:1rem;
}
.simple-heading>div{min-width:0}
.simple-heading .section-label{margin-bottom:.3rem}
.simple-heading h2{
  margin:0;
  font-size:clamp(1.35rem,1.1rem + .75vw,1.95rem);
}
.simple-heading>p{
  max-width:28rem;
  margin:0;
  color:var(--muted);
  font-size:.77rem;
}
.filters{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  background:var(--panel);
}
.filters button{
  min-width:0;
  min-height:9.5rem;
  display:grid;
  grid-template-rows:1fr auto;
  gap:.65rem;
  padding:.75rem;
  border:0;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:background .14s ease;
}
.filters button:hover{background:#f5f6f1}
.filters button.active{
  background:var(--black);
  box-shadow:inset 0 .22rem 0 var(--yellow);
}
.category-image{
  min-height:5.6rem;
  display:grid;place-items:center;
  overflow:hidden;
}
.category-image>img{width:100%;height:5.4rem;object-fit:contain}
.category-all img{width:1.9rem;height:1.9rem;opacity:.7}
.category-pair{height:5.4rem;display:flex;justify-content:center}
.category-pair img{width:48%;height:100%;object-fit:contain}
.filters button>span:last-child{display:grid;gap:.1rem}
.filters b{color:var(--black);font-size:.78rem}
.filters small{color:#777c72;font-size:.65rem}
.filters button.active b{color:#fff}
.filters button.active small{color:#9da39a}
.filters button.active .category-image{filter:brightness(.78) contrast(1.05)}

/* ---------- catalogue ---------- */
.catalogue-section{padding-block:var(--section)}
.catalogue-heading{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:2rem;
  margin-bottom:1.35rem;
}
.catalogue-heading h2{
  margin:0;
  font-size:var(--h2);
  line-height:1.05;
}
.catalogue-heading>p{
  max-width:35rem;
  margin:0;
  color:var(--muted);
  font-size:.78rem;
}
.campaign{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
  padding:.75rem 1rem;
  background:#161814;
  border-left:.25rem solid var(--yellow);
  color:#b5bbb1;
  font-size:.74rem;
}
.campaign:empty{display:none}
.campaign b{color:#fff;white-space:nowrap}
.campaign span{display:flex;flex-wrap:wrap;gap:.3rem .8rem}
.campaign small{color:#858c81}

.catalogue-tools{
  display:grid;
  grid-template-columns:minmax(18rem,1fr) minmax(17rem,.55fr) auto;
  gap:1rem;
  align-items:end;
  padding:1rem;
  background:#e7e9e2;
  border:1px solid var(--line);
}
.search-field label,.control-label{
  display:block;
  margin-bottom:.35rem;
  color:#50554d;
  font-size:.69rem;
  font-weight:780;
}
.search-control{position:relative}
.search-control input{
  width:100%;
  min-height:2.9rem;
  padding:.65rem 2.5rem .65rem .8rem;
  border:1px solid #bfc4ba;
  border-radius:0;
  background:#fff;
  color:var(--black);
  outline:none;
}
.search-control input:focus{
  border-color:#6d7368;
  box-shadow:0 0 0 .14rem rgba(78,84,74,.11);
}
#clear-search{
  position:absolute;
  top:50%;right:.35rem;
  transform:translateY(-50%);
  width:2rem;height:2rem;
  border:0;background:transparent;color:#697067;
  cursor:pointer;
}
.payment-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #bfc4ba;
  background:#fff;
}
.payment-switch button{
  min-height:2.9rem;
  border:0;
  background:#fff;
  cursor:pointer;
  font-size:.72rem;
  font-weight:760;
}
.payment-switch button+button{border-left:1px solid #bfc4ba}
.payment-switch button.active{background:var(--black);color:#fff}
.payment-native{
  position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;
}
#count{
  margin:0 0 .75rem;
  color:#686e65;
  font-size:.71rem;
  white-space:nowrap;
}
.category-story{
  padding:.85rem 0 1rem;
  border-bottom:1px solid var(--line);
}
.story-inner{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:baseline;
}
.story-title{margin:0;font-size:.97rem}
.story-copy{margin:0;color:var(--muted);font-size:.72rem}

.products{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.card{
  min-width:0;
  display:flex;
  flex-direction:column;
  background:#fff;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.product-art{
  min-height:18.5rem;
  display:grid;place-items:center;
  padding:1.35rem;
  background:
    linear-gradient(rgba(32,35,29,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,35,29,.025) 1px,transparent 1px),
    #f0f2ec;
  background-size:2rem 2rem;
  border-bottom:1px solid var(--line);
}
.product-art>img{
  width:100%;
  height:15.6rem;
  object-fit:contain;
}
.combo-art{
  width:100%;
  height:15.6rem;
  display:flex;align-items:center;justify-content:center;gap:.25rem;
}
.combo-art img{width:48%;height:100%;object-fit:contain}
.no-image{display:grid;place-items:center;color:#858a81;font-size:.73rem;text-align:center}
.card-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1.05rem 1.1rem 1.15rem;
}
.result-category,.model{
  margin:0 0 .28rem;
  color:#80867c;
  font-size:.63rem;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.card h3{
  margin:0 0 .2rem;
  font-size:1rem;
  line-height:1.28;
  letter-spacing:-.024em;
}
.description{margin:0 0 .75rem;color:var(--muted);font-size:.74rem}
.decision-points{
  display:flex;
  flex-wrap:wrap;
  gap:.25rem .75rem;
  margin:0 0 .8rem;
  padding:0;
  list-style:none;
  color:#666c62;
  font-size:.67rem;
}
.decision-points li+li:before{content:"/";margin-right:.75rem;color:#afb4aa}
.promo-tag{
  width:max-content;
  margin-bottom:.65rem;
  padding:.18rem .32rem;
  background:var(--yellow);
  color:#161711;
  font-size:.61rem;
  font-weight:880;
  letter-spacing:.045em;
}
.shop-price,.cash-price,.cash-unavailable{
  margin-top:auto;
  padding-top:.75rem;
  border-top:1px solid var(--line);
}
.shop-price-label{
  display:block;
  margin-bottom:.1rem;
  color:#6a7066;
  font-size:.65rem;
  font-weight:730;
}
.shop-price-main{
  display:flex;align-items:end;gap:.22rem;
  padding-left:.55rem;
  border-left:.2rem solid var(--yellow);
}
.shop-price-main strong,.cash-price .price{
  color:var(--black);
  font-size:1.85rem;
  line-height:1.05;
  font-weight:820;
  letter-spacing:-.045em;
}
.shop-price-main span{margin-bottom:.15rem;font-size:.68rem;font-weight:700}
.shop-price-next,.price-note,.cash-unavailable span{
  display:block;
  margin-top:.22rem;
  color:#70766c;
  font-size:.67rem;
}
.pricing-foot{
  margin:.35rem 0 0;
  color:#8a8f86;
  font-size:.61rem;
}
.shop-price-total{display:none}
.cash-original{
  margin-left:.4rem;
  color:#8c9188;
  font-size:.7rem;
  text-decoration:line-through;
}
.cash-unavailable strong{display:block;color:var(--black);font-size:.79rem}
.verification-flag{
  margin:.6rem 0 0;
  padding:.48rem .58rem;
  background:#f6efe2;
  border-left:.18rem solid var(--warning);
  color:#755e3c;
  font-size:.64rem;
}
.stock{margin:.5rem 0 0;color:#7d8279;font-size:.65rem}
.card-actions{
  display:flex;
  align-items:center;
  gap:.85rem;
  margin-top:.9rem;
}
.card-actions>button{
  min-height:2.45rem;
  padding:.58rem .75rem;
  border:1px solid var(--black);
  border-radius:var(--radius);
  background:var(--black);
  color:#fff;
  cursor:pointer;
  font-size:.7rem;
  font-weight:780;
}
.card-actions>button:hover{background:#2a2d27}
.card-whatsapp{
  color:#36604c;
  border-bottom:1px solid #aab7ae;
  font-size:.68rem;
  font-weight:780;
}
.wa-mark{display:none}
.empty,.category-state{
  grid-column:1/-1;
  padding:2rem;
  background:#fff;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.category-state h3{margin-bottom:.3rem}
.category-state p{color:var(--muted);font-size:.77rem}
.category-state .button{display:inline-block;margin-top:.55rem}

/* ---------- promotions ---------- */
.promotion-section{
  padding-block:var(--section);
  background:var(--black);
  color:#fff;
  border-block:.25rem solid var(--yellow);
}
.promotion-section .catalogue-heading h2{color:#fff}
.promotion-section .catalogue-heading>p{color:#aab0a7}
.promotion-section .section-label{color:var(--yellow)}
.promotion-list{border-top:1px solid #34382f}
.promotion-list article{
  display:grid;
  grid-template-columns:3.2rem minmax(0,1fr) auto;
  gap:1.2rem;
  align-items:center;
  padding:1.15rem 0;
  border-bottom:1px solid #34382f;
}
.promo-number{color:var(--yellow);font-size:.68rem;font-weight:880}
.promotion-list h3{margin:0 0 .12rem;color:#fff;font-size:.95rem}
.promotion-list p{margin:0;color:#9fa59b;font-size:.73rem}
.promotion-list a{color:#f0f2ed;font-size:.72rem;font-weight:760;white-space:nowrap}
.promotion-list a:hover{color:var(--yellow)}
.promotion-notes{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-top:1.2rem;
  border:1px solid #34382f;
}
.promotion-notes p{
  margin:0;
  padding:.8rem .9rem;
  color:#999f96;
  font-size:.67rem;
}
.promotion-notes p+p{border-left:1px solid #34382f}
.promotion-notes strong{color:#fff}

/* ---------- RTO process ---------- */
.how-section{padding-block:var(--section)}
.steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  padding:0;
  border-top:1px solid var(--line);
  list-style:none;
}
.steps li{
  min-height:11rem;
  padding:1rem 1rem 1rem 0;
  border-bottom:1px solid var(--line);
}
.steps li+li{padding-left:1rem;border-left:1px solid var(--line)}
.steps span{
  display:block;
  margin-bottom:2rem;
  color:#8b7510;
  font-size:.65rem;
  font-weight:880;
}
.steps h3{margin:0 0 .28rem;font-size:.93rem}
.steps p{margin:0;color:var(--muted);font-size:.72rem}
.security-note{
  margin:1rem 0 0;
  padding:.8rem 0;
  color:#656b61;
  border-bottom:1px solid var(--line);
  font-size:.71rem;
}
.security-note strong{color:#3c413a}

/* ---------- FAQ ---------- */
.faq-section{
  display:grid;
  grid-template-columns:minmax(16rem,.5fr) minmax(0,1fr);
  gap:clamp(2rem,6vw,5rem);
  padding-block:var(--section);
  border-top:1px solid var(--line);
}
.faq-heading h2{margin-bottom:.75rem;font-size:var(--h2)}
.faq-heading>a{color:#4e544c;font-size:.72rem;border-bottom:1px solid #b9beb5}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{
  padding:.95rem 0;
  cursor:pointer;
  color:var(--black);
  font-size:.86rem;
  font-weight:720;
}
.faq-list details p{
  max-width:48rem;
  margin:0;
  padding:0 0 .95rem;
  color:var(--muted);
  font-size:.75rem;
}

/* ---------- contact + footer ---------- */
.contact-section{
  padding-block:clamp(2.6rem,5vw,4.2rem);
  background:#e4e7df;
  border-top:1px solid #cbd0c6;
}
.contact-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:center;
}
.contact-section .section-label{color:#73620d}
.contact-section h2{
  max-width:42rem;
  margin:0 0 .35rem;
  font-size:clamp(1.8rem,1.4rem + 1.3vw,2.7rem);
}
.contact-section p:not(.section-label){
  max-width:43rem;
  margin:0;
  color:#686e65;
  font-size:.75rem;
}
.contact-button{
  min-height:2.8rem;
  display:inline-flex;align-items:center;justify-content:center;
  padding:.7rem 1rem;
  border:1px solid var(--black);
  border-radius:var(--radius);
  background:var(--black);
  color:#fff;
  font-size:.76rem;
  font-weight:800;
}
.contact-button:hover{background:#292c27}
.site-footer{background:#0b0c0a;color:#a2a79e}
.footer-inner{
  min-height:6rem;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:2rem;
  align-items:center;
  font-size:.66rem;
}
.footer-inner>div{display:grid}
.footer-inner strong{color:#fff;font-size:.76rem}
.footer-inner span{color:#838980}
.footer-inner p{margin:0;text-align:center}
.footer-inner>a{color:#cbd0c7}

/* ---------- modal ---------- */
dialog{
  width:min(46rem,calc(100% - 2rem));
  max-height:min(88vh,55rem);
  padding:0;
  border:1px solid #bfc4ba;
  border-radius:var(--radius);
  background:#fff;
  color:var(--text);
  box-shadow:0 1.2rem 4rem rgba(0,0,0,.25);
}
dialog::backdrop{background:rgba(7,9,6,.76)}
#detail-content{padding:2rem}
.close{
  position:sticky;z-index:3;top:.65rem;float:right;
  width:2.15rem;height:2.15rem;margin:.65rem .65rem 0 0;
  border:1px solid var(--line);border-radius:50%;
  background:#fff;cursor:pointer;
}
#detail-content>.eyebrow{
  margin:0 0 .3rem;color:#7f857b;
  font-size:.64rem;font-weight:850;letter-spacing:.11em;
}
#detail-content h2{margin:0 0 .3rem;font-size:1.75rem}
#detail-content>p{color:var(--muted);font-size:.78rem}
.modal-decisions{margin-block:.8rem 1rem}
.payment-method{margin:1.1rem 0;padding:0;border:0}
.payment-method legend{
  margin-bottom:.35rem;color:#5d6359;font-size:.68rem;font-weight:760;
}
.segmented{
  display:grid;grid-template-columns:1fr 1fr;
  border:1px solid #bfc4ba;
}
.segmented button{
  min-height:2.7rem;border:0;background:#fff;
  cursor:pointer;font-size:.72rem;font-weight:750;
}
.segmented button+button{border-left:1px solid #bfc4ba}
.segmented button[aria-pressed=true]{background:var(--black);color:#fff}
#detail-plan-choice{margin-bottom:.75rem}
#detail-plan-choice label{
  display:grid;gap:.3rem;color:#5d6359;font-size:.68rem;font-weight:700;
}
#rto-plan{
  min-height:2.7rem;padding:.55rem .65rem;
  border:1px solid #bfc4ba;background:#fff;color:var(--black);
}
.single-plan{
  display:flex;justify-content:space-between;gap:1rem;
  margin:0;padding:.75rem 0;border-block:1px solid var(--line);
  font-size:.72rem;
}
.breakdown{margin-top:.9rem;border-top:1px solid var(--line)}
.breakdown dl{margin:0}
.breakdown dl>div{
  display:flex;justify-content:space-between;gap:1rem;
  padding:.62rem 0;border-bottom:1px solid var(--line);
  font-size:.72rem;
}
.breakdown dt{color:#666c62}
.breakdown dd{margin:0;color:var(--black);font-weight:760}
.breakdown .total{padding-block:.8rem}
.breakdown .total dd{font-size:.95rem}
.plan-benefits,.source-conflict,.unavailable-panel,.payment-comparison{
  margin-top:.9rem;padding:.9rem;
  border:1px solid var(--line);background:#f1f3ee;
}
.plan-benefits h3,.unavailable-panel h3,.payment-comparison h3{
  margin:0 0 .25rem;font-size:.84rem;
}
.plan-benefits p,.unavailable-panel p,.payment-comparison p,.source-conflict p{
  margin:0;color:#666c62;font-size:.7rem;
}
.source-conflict{border-left:.2rem solid var(--warning);background:#f6efe2}
.source-conflict b{font-size:.74rem}
.source-conflict small{display:block;margin-top:.3rem;color:#786849;font-size:.63rem}
.compare-grid{margin-top:.7rem;border-top:1px solid var(--line)}
.compare-grid>div{
  display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.5rem;
  padding:.5rem 0;border-bottom:1px solid var(--line);font-size:.65rem;
}
.compare-grid span{color:#70766c}
.compare-grid strong{font-weight:650}
.modal-cta,.secondary-action,.button.dark{
  display:inline-flex;align-items:center;
  min-height:2.55rem;margin-top:.9rem;padding:.62rem .8rem;
  border:1px solid var(--black);border-radius:var(--radius);
  background:var(--black);color:#fff;
  font-size:.7rem;font-weight:760;
}
.secondary-action{cursor:pointer}
#detail-content .fine{margin-top:.65rem;color:#858b81;font-size:.64rem}
.verification-meta{margin-top:.65rem!important;font-size:.63rem!important}
.source{
  display:inline-block;margin-top:.55rem;
  color:#545a51;font-size:.67rem;border-bottom:1px solid #b8bdb4;
}
.mobile-bottom-nav{display:none}

/* dark theme keeps the same retail hierarchy instead of inverting every panel */
html[data-theme=dark]{
  --paper:#141713;
  --panel:#1d211c;
  --soft:#252a23;
  --line:#353b33;
  --text:#e4e8e0;
  --muted:#a4aaa0;
  --black:#f1f3ee;
}
html[data-theme=dark] body{background:var(--paper)}
html[data-theme=dark] h1,
html[data-theme=dark] h2,
html[data-theme=dark] h3{color:#f1f3ee}
html[data-theme=dark] .category-section,
html[data-theme=dark] .catalogue-section,
html[data-theme=dark] .how-section,
html[data-theme=dark] .faq-section{background:var(--paper)}
html[data-theme=dark] .filters,
html[data-theme=dark] .filters button,
html[data-theme=dark] .card,
html[data-theme=dark] dialog,
html[data-theme=dark] #rto-plan,
html[data-theme=dark] .segmented button,
html[data-theme=dark] .search-control input{background:#1d211c;color:#e4e8e0}
html[data-theme=dark] .filters button.active{background:#0f110e}
html[data-theme=dark] .product-art{background:#232820}
html[data-theme=dark] .catalogue-tools,
html[data-theme=dark] .contact-section{background:#1a1e19}
html[data-theme=dark] .plan-benefits,
html[data-theme=dark] .unavailable-panel,
html[data-theme=dark] .payment-comparison{background:#242923}
html[data-theme=dark] .verification-flag,
html[data-theme=dark] .source-conflict{background:#31291d}
html[data-theme=dark] .card-actions>button,
html[data-theme=dark] .modal-cta,
html[data-theme=dark] .secondary-action,
html[data-theme=dark] .button.dark,
html[data-theme=dark] .contact-button{background:#f1f3ee;color:#161813;border-color:#f1f3ee}
html[data-theme=dark] .shop-price-main strong,
html[data-theme=dark] .cash-price .price{color:#f1f3ee}
html[data-theme=dark] .theme-toggle{border-color:#40453d}

/* ---------- responsive ---------- */
@media(max-width:68.75em){
  .desktop-nav{gap:1rem}
  .store-hero{grid-template-columns:minmax(0,1fr) minmax(20rem,.75fr);gap:1.5rem}
  .filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalogue-tools{grid-template-columns:minmax(0,1fr) minmax(16rem,.7fr)}
  #count{grid-column:1/-1;margin:0}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps li:nth-child(3){border-left:0}
}

@media(max-width:56.25em){
  .notice-trust{display:none}
  .desktop-nav{display:none}
  .store-hero{
    grid-template-columns:1fr;
    gap:0;
  }
  .hero-product{border-left:0;border-top:1px solid #2b2e28}
  .hero-product-image{min-height:24rem}
  .promotion-notes{grid-template-columns:1fr}
  .promotion-notes p+p{border-left:0;border-top:1px solid #34382f}
  .faq-section{grid-template-columns:1fr;gap:1.5rem}
  .contact-inner{grid-template-columns:1fr}
  .contact-button{width:max-content}
}

@media(max-width:43.75em){
  :root{--gutter:1rem;--section:3.4rem}
  html{scroll-padding-top:4.1rem}
  body{padding-bottom:4.1rem}
  .site-notice .shell{
    min-height:2.1rem;
    padding-block:.35rem;
    font-size:.64rem;
  }
  .header-inner{min-height:4rem;gap:.55rem}
  .brand{gap:.4rem}
  .brand strong{font-size:1.42rem}
  .brand span{font-size:.63rem}
  .header-contact{display:none}
  .theme-toggle{width:2.3rem;height:2.3rem}

  .store-hero{
    width:100%;
    margin-top:0;
    border-left:0;border-right:0;
  }
  .store-hero:before{width:.25rem}
  .hero-copy{padding:2rem 1rem 1.8rem 1.25rem}
  .hero-copy h1{font-size:clamp(2.65rem,12.5vw,3.85rem)}
  .hero-intro{font-size:.91rem}
  .hero-facts{grid-template-columns:1fr}
  .hero-facts>div{
    padding:.65rem 0;
    border-left:0!important;
  }
  .hero-facts>div+div{border-top:1px solid #353931}
  .hero-facts strong{width:4.25rem;font-size:1.1rem}
  .hero-facts span br{display:none}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:.65rem}
  .button-primary{width:100%}
  .agent-note{font-size:.67rem}
  .hero-product-image{min-height:18.5rem;padding:1rem}
  .hero-product-image img{height:17rem}
  .hero-product-info{grid-template-columns:1fr;align-items:start}
  .hero-deal-price{font-size:1.7rem}

  .category-section{
    width:100%;
    padding-left:var(--gutter);
    padding-right:0;
  }
  .simple-heading{
    display:block;
    padding-right:var(--gutter);
    margin-bottom:.8rem;
  }
  .simple-heading>p{margin-top:.25rem}
  .filters{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:7.6rem;
    grid-template-columns:none;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    padding-right:var(--gutter);
    border-left:0;
    scrollbar-width:none;
  }
  .filters::-webkit-scrollbar{display:none}
  .filters button{
    min-height:7.35rem;
    scroll-snap-align:start;
    border-left:1px solid var(--line);
  }
  .category-image{min-height:3.9rem}
  .category-image>img,.category-pair{height:3.8rem}
  .filters b{font-size:.72rem}
  .filters small{font-size:.61rem}

  .catalogue-heading{display:block;margin-bottom:1.1rem}
  .catalogue-heading>p{margin-top:.45rem}
  .campaign{display:block}
  .campaign b{display:block;margin-bottom:.2rem}
  .catalogue-tools{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding:.8rem;
  }
  #count{margin:0}
  .story-inner{display:block}
  .story-copy{margin-top:.15rem}
  .products{grid-template-columns:1fr}
  .product-art{min-height:16rem}
  .product-art>img,.combo-art{height:14rem}
  .card-content{padding:.95rem}
  .card h3{font-size:1rem}

  .promotion-list article{
    grid-template-columns:2rem 1fr;
    gap:.65rem;
  }
  .promotion-list article>a{
    grid-column:2;
    width:max-content;
  }
  .steps{grid-template-columns:1fr}
  .steps li,.steps li+li{
    min-height:0;
    padding:.9rem 0;
    border-left:0;
  }
  .steps span{margin-bottom:.6rem}
  .faq-section{padding-top:3rem}
  .contact-button{width:100%}
  .footer-inner{
    grid-template-columns:1fr;
    gap:.45rem;
    padding-block:1.15rem;
  }
  .footer-inner p{text-align:left}
  #detail-content{padding:1.3rem}
  .compare-grid>div{grid-template-columns:1fr}
  .compare-grid>div>*{padding:.08rem 0}

  .mobile-bottom-nav{
    position:fixed;
    z-index:90;
    left:0;right:0;bottom:0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    min-height:4rem;
    padding-bottom:env(safe-area-inset-bottom);
    background:rgba(16,18,14,.97);
    border-top:1px solid #30342c;
    backdrop-filter:blur(.7rem);
  }
  .mobile-bottom-nav a{
    display:grid;place-items:center;
    padding:.55rem .2rem;
    color:#a7ada3;
    font-size:.64rem;
    font-weight:720;
  }
  .mobile-bottom-nav a.active{color:var(--yellow)}
  .mobile-bottom-nav a:last-child{color:#78d4a4}
}

@media(max-width:25em){
  .brand span{display:none}
  .card-actions{align-items:stretch;flex-direction:column}
  .card-actions>button{width:100%}
  .card-whatsapp{width:max-content}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* ---------- Family-first KHIND RTO / dark-only system, October 2026 ---------- */
/* Deliberately preserve light neutral photography mats so dark appliances remain visible. */
:root{--font-body:clamp(1rem,.96rem + .14vw,1.075rem);--font-small:.84rem;--radius:.7rem}
html{color-scheme:dark}
html[data-theme=dark] body{
 background:radial-gradient(ellipse 70% 34rem at 85% -5%,rgba(209,159,15,.08),transparent),#0c100d;
 color:#e9ede6;
}
html[data-theme=dark] .site-notice{
 background:linear-gradient(100deg,#1a1d15,#343018 68%,#191e16);
 color:#f5e9b9;border-bottom:1px solid #504516;
}
html[data-theme=dark] .site-notice .shell{font-size:.78rem;line-height:1.45}
html[data-theme=dark] .site-notice strong{color:#f5cf36}
html[data-theme=dark] .notice-trust{opacity:.85;color:#d9e1d5}
html[data-theme=dark] .site-header{background:rgba(11,15,12,.97);border-color:#303b2e}
html[data-theme=dark] .brand strong{color:#f6f6f1}
html[data-theme=dark] .brand span{color:#ecc548}
html[data-theme=dark] .store-hero{
 background:radial-gradient(ellipse at 94% 12%,rgba(240,184,23,.2),transparent 50%),
 linear-gradient(112deg,#101710 0%,#1a2118 56%,#403618 100%);
 border-color:#454229;border-radius:1rem;
 box-shadow:0 1.4rem 3.4rem rgba(0,0,0,.22);
}
html[data-theme=dark] .store-hero:before{
 width:.35rem;background:linear-gradient(180deg,#f1ce36,#8d6e0b);
}
html[data-theme=dark] .hero-copy h1{font-size:clamp(2.25rem,2rem + 2.1vw,4rem);line-height:1.11}
html[data-theme=dark] .hero-copy h1 span{color:#f1d348}
html[data-theme=dark] .hero-intro{color:#d5ddd0;font-size:clamp(1rem,.93rem + .2vw,1.13rem);line-height:1.7}
html[data-theme=dark] .hero-facts{border-color:#455043}
html[data-theme=dark] .hero-facts>div{align-items:flex-start}
html[data-theme=dark] .hero-facts>div+div{border-color:#455043}
html[data-theme=dark] .hero-facts strong{color:#f3cc2c;font-size:1rem}
html[data-theme=dark] .hero-facts span{color:#d0d7cd;font-size:.78rem}
html[data-theme=dark] .hero-actions .button-primary,
html[data-theme=dark] .header-contact{
 background:#f2ca22;border-color:#f2ca22;color:#10130d;
 font-size:.88rem;min-height:3rem;font-weight:850;
}
html[data-theme=dark] .hero-actions .button-primary:hover,
html[data-theme=dark] .header-contact:hover{background:#ffe06c;border-color:#ffe06c}
html[data-theme=dark] .button-link{color:#e9eada;font-size:.87rem}
html[data-theme=dark] .agent-note{color:#c0cabe;font-size:.79rem}
html[data-theme=dark] .agent-note strong{color:#fff}
html[data-theme=dark] .hero-product{background:#e9ece6;border-color:#343a31}
html[data-theme=dark] .hero-product-image{background:linear-gradient(140deg,#fafbf9,#e6e9e3);background-size:auto}
html[data-theme=dark] .hero-product-info{
 background:#171d16;border-color:#38422f;
 grid-template-columns:minmax(0,1fr) auto;
}
html[data-theme=dark] .hero-deal-label{color:#f3cd2b;font-size:.76rem}
html[data-theme=dark] .hero-product-copy b{color:#f6f6f0;font-size:.99rem}
html[data-theme=dark] .hero-product-copy p{color:#d5ded2;font-size:.79rem;line-height:1.5}
html[data-theme=dark] .hero-deal-price{color:#f4cd31}
html[data-theme=dark] .hero-deal-price small{color:#dadfd5;font-size:.8rem}
.hero-rate-group{text-align:right}
.hero-terms{display:block;max-width:13rem;margin-top:.4rem;color:#cdd3c7;font-size:.72rem;line-height:1.35}
.budget-section{padding-block:clamp(2rem,4vw,3.4rem) 1rem;scroll-margin-top:4rem}
.budget-inner{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.9fr);
 gap:1rem 2rem;align-items:center;
 padding:clamp(1.2rem,2.6vw,2rem);
 background:linear-gradient(115deg,#202719,#2a2817 72%,#322a14);
 border:1px solid #59502c;border-radius:1rem;
}
.budget-intro .section-label{color:#f0c828;font-size:.8rem}
.budget-intro h2{font-size:clamp(1.4rem,1.13rem + .95vw,2.05rem);line-height:1.18;margin-bottom:.55rem}
.budget-intro p:not(.section-label){margin:0;color:#d5d9ce;font-size:.9rem;line-height:1.55}
.budget-intro p strong{color:#ffdf65}
.budget-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.budget-options button{
 cursor:pointer;min-height:3.2rem;padding:.6rem .75rem;
 background:#161c15;color:#e9ede4;border:1px solid #576149;border-radius:.55rem;
 font-size:.9rem;font-weight:760;
}
.budget-options button:hover{border-color:#f2c82b}
.budget-options button.active{background:#f2cd2f;border-color:#f2cd2f;color:#12140f}
.budget-options button:focus-visible, .filters button:focus-visible,
html[data-theme=dark] .card-actions button:focus-visible, 
html[data-theme=dark] .payment-switch button:focus-visible{
 outline:3px solid #f4d04d;outline-offset:3px;
}
.budget-feedback{grid-column:1/-1;margin:0;color:#c4cebb;font-size:.8rem}
.value-section{padding-block:clamp(2rem,4.2vw,3.7rem)}
.value-heading{max-width:57rem;margin-bottom:1.2rem}
.value-heading .section-label{color:#e7bd32}
.value-heading h2{font-size:clamp(1.55rem,1.25rem + 1vw,2.35rem);margin:0 0 .55rem;line-height:1.17}
.value-heading>p:not(.section-label){color:#d0d8cd;font-size:.94rem;line-height:1.65}
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.value-grid article{padding:1.3rem;background:#1c241c;border:1px solid #394539;border-radius:.75rem}
.value-grid span{display:block;margin-bottom:1rem;color:#f2cb30;font-size:.77rem;font-weight:800}
.value-grid h3{font-size:1.03rem;color:#f7f8f3;margin-bottom:.5rem}
.value-grid p{color:#c7d1c4;font-size:.88rem;line-height:1.6;margin:0}
.value-disclaimer{margin:1rem 0 0;font-size:.82rem;color:#c6cfc1}
.value-disclaimer a{color:#f5d45d;text-decoration:underline;text-underline-offset:.18rem}
html[data-theme=dark] .category-section{padding-top:2rem}
html[data-theme=dark] .section-label{color:#e9c148}
html[data-theme=dark] .simple-heading>p,
html[data-theme=dark] .catalogue-heading>p{color:#c8d1c6;font-size:.86rem}
html[data-theme=dark] .filters{background:#141b15;border-color:#3a4539;border-radius:.75rem;overflow:hidden}
html[data-theme=dark] .filters button{background:#1b231b;border-color:#3b493b}
html[data-theme=dark] .filters button:hover{background:#2a3628}
html[data-theme=dark] .filters button.active{background:#32351b;box-shadow:inset 0 .23rem 0 #f1ca2c}
html[data-theme=dark] .category-image{background:linear-gradient(145deg,#f1f3ed,#dfe4dc);border-radius:.5rem}
html[data-theme=dark] .filters b{color:#f2f5ee;font-size:.86rem}
html[data-theme=dark] .filters small{color:#d0d7cb;font-size:.75rem}
html[data-theme=dark] .filters button.active small{color:#f4d963}
html[data-theme=dark] .category-all img{filter:none}
html[data-theme=dark] .catalogue-tools{background:#1e281e;border:1px solid #435044;border-radius:.8rem}
html[data-theme=dark] .search-field label,
html[data-theme=dark] .control-label{color:#e7eae0;font-size:.8rem}
html[data-theme=dark] .search-control input{
 min-height:3.15rem;background:#111812;border-color:#5a6b59;color:#fff;font-size:1rem;border-radius:.5rem;
}
html[data-theme=dark] .search-control input::placeholder{color:#bbc7b7}
html[data-theme=dark] .payment-switch{background:#141b14;border:1px solid #566552;border-radius:.5rem;overflow:hidden}
html[data-theme=dark] .payment-switch button{background:#141b14;color:#e2e9df;font-size:.81rem;min-height:3.1rem}
html[data-theme=dark] .payment-switch button.active{background:#f1cb2e;color:#13150e}
html[data-theme=dark] .payment-switch button+button{border-color:#566552}
html[data-theme=dark] #count{color:#dce4da;font-size:.82rem}
html[data-theme=dark] .products{border-color:#415143;gap:.85rem;border:0}
html[data-theme=dark] .card{
 background:#1a211a;border:1px solid #435144;border-radius:.75rem;overflow:hidden;
}
html[data-theme=dark] .product-art{background:linear-gradient(145deg,#f5f7f2,#e2e8df);border-color:#aeb8aa}
html[data-theme=dark] .product-art img{mix-blend-mode:normal}
html[data-theme=dark] .result-category,
html[data-theme=dark] .model{color:#d2bd6d;font-size:.78rem;letter-spacing:.045em}
html[data-theme=dark] .card h3{color:#f5f7f2;font-size:1.12rem}
html[data-theme=dark] .description{color:#d2dacf;font-size:.88rem}
html[data-theme=dark] .decision-points{color:#d0dacf;font-size:.78rem}
html[data-theme=dark] .shop-price,
html[data-theme=dark] .cash-price,
html[data-theme=dark] .cash-unavailable{border-color:#4b5b4c}
html[data-theme=dark] .shop-price-label{color:#dce4d7;font-size:.82rem}
html[data-theme=dark] .shop-price-main strong{font-size:1.9rem;color:#f5d24a}
html[data-theme=dark] .shop-price-main span{color:#e1e6dc;font-size:.82rem}
html[data-theme=dark] .shop-price-next{color:#f4dd8a;font-size:.85rem;font-weight:720;margin-block:.55rem}
.shop-price-commitment{display:flex;justify-content:space-between;gap:.7rem;padding:.45rem 0;border-top:1px solid #39453b;font-size:.81rem}
.shop-price-commitment span{color:#c9d4c9}
.shop-price-commitment strong{color:#fff;text-align:right;font-weight:800}
html[data-theme=dark] .pricing-foot{font-size:.74rem;line-height:1.52;color:#c0cbbf;margin-top:.5rem}
.card-benefits{margin:.75rem 0 .15rem;padding:.8rem;border:1px solid #4e583d;background:#282b1c;color:#dfe5d7;font-size:.79rem;line-height:1.5;border-radius:.45rem}
.card-benefits b{display:block;margin-bottom:.25rem;color:#f3d35a;font-size:.8rem}
html[data-theme=dark] .stock{color:#c4ccc0;font-size:.78rem}
html[data-theme=dark] .card-actions>button{background:#f2c92a;color:#151810;border-color:#f2c92a;min-height:2.75rem;font-size:.82rem}
html[data-theme=dark] .card-actions>button:hover{background:#ffda60}
html[data-theme=dark] .card-whatsapp{font-size:.82rem;color:#a7edbd;border-color:#4d8560;padding:.7rem .15rem}
html[data-theme=dark] .empty,
html[data-theme=dark] .category-state{background:#1e271e;border:1px solid #465346;border-radius:.65rem}
html[data-theme=dark] .category-state p{font-size:.89rem;color:#d4dcd1}
html[data-theme=dark] .promotion-section{background:linear-gradient(125deg,#101610,#2a2818);border-block-color:#a78c2e}
html[data-theme=dark] .promotion-list p,
html[data-theme=dark] .promotion-notes p{color:#d6ddcf;font-size:.82rem}
html[data-theme=dark] .promotion-list a{color:#ffde6e;font-size:.81rem}
html[data-theme=dark] .steps{border-color:#425044}
html[data-theme=dark] .steps li{border-color:#425044}
html[data-theme=dark] .steps span{color:#f1ca2b;font-size:.82rem}
html[data-theme=dark] .steps h3{font-size:1.02rem}
html[data-theme=dark] .steps p{color:#ccd8cb;font-size:.88rem}
html[data-theme=dark] .security-note,
html[data-theme=dark] .security-note strong{color:#e0e9dc;font-size:.82rem}
html[data-theme=dark] .faq-heading>a{color:#ffe07e;font-size:.88rem}
html[data-theme=dark] .faq-list summary{color:#f4f5f0;font-size:.97rem;padding:1rem 0}
html[data-theme=dark] .faq-list details p{color:#d0dad0;font-size:.88rem;line-height:1.7}
html[data-theme=dark] .contact-section{background:linear-gradient(112deg,#222a21,#363015);border-color:#464a30}
html[data-theme=dark] .contact-section p:not(.section-label){color:#e0e5d9;font-size:.89rem}
html[data-theme=dark] .contact-button{background:#f1cc2e;color:#14150d;border-color:#f1cc2e;font-size:.87rem;min-height:3rem}
html[data-theme=dark] dialog{background:#1c241d;color:#eaf0e5;border:1px solid #556352;border-radius:.85rem}
html[data-theme=dark] .close{background:#28332a;color:#fff;border-color:#617161;min-width:2.75rem;min-height:2.75rem}
html[data-theme=dark] .payment-method legend,
html[data-theme=dark] #detail-plan-choice label,
html[data-theme=dark] .breakdown dt,
html[data-theme=dark] .compare-grid span{color:#cdd9cb;font-size:.8rem}
html[data-theme=dark] .breakdown dl>div,
html[data-theme=dark] .compare-grid>div{font-size:.82rem}
html[data-theme=dark] .plan-benefits,
html[data-theme=dark] .payment-comparison,
html[data-theme=dark] .unavailable-panel{background:#252f25;border-color:#50604d}
html[data-theme=dark] .plan-benefits p,
html[data-theme=dark] .payment-comparison p,
html[data-theme=dark] .unavailable-panel p{color:#d5dfd1;font-size:.86rem}
html[data-theme=dark] .segmented{border-color:#516052}
html[data-theme=dark] .segmented button{min-height:3rem;background:#1a241c;color:#e2eae1;font-size:.87rem}
html[data-theme=dark] .segmented button[aria-pressed=true]{background:#f1cc2e;color:#181a13}
html[data-theme=dark] .segmented button+button{border-color:#516052}
html[data-theme=dark] #rto-plan{color:#e9efe6;border-color:#617161;background:#202920;font-size:.93rem}
html[data-theme=dark] .modal-cta,
html[data-theme=dark] .secondary-action,
html[data-theme=dark] .button.dark{background:#f0cb2d;color:#12150e;border-color:#f0cb2d;font-size:.86rem;min-height:2.85rem}
html[data-theme=dark] .single-plan{font-size:.87rem}
html[data-theme=dark] .source{color:#f6d45b;font-size:.82rem}
html[data-theme=dark] #detail-content>.eyebrow,
html[data-theme=dark] .verification-meta,
html[data-theme=dark] #detail-content .fine{color:#c6d0c3!important;font-size:.78rem!important}
html[data-theme=dark] .mobile-bottom-nav a{font-size:.74rem;min-height:3.6rem}
@media(max-width:56.25em){
 .budget-inner{grid-template-columns:1fr}
 .value-grid{grid-template-columns:1fr}
}
@media(max-width:43.75em){
 html[data-theme=dark] .store-hero{border-radius:0;box-shadow:none}
 html[data-theme=dark] .hero-copy h1{font-size:clamp(2.15rem,9.7vw,3.2rem)}
 html[data-theme=dark] .hero-facts{grid-template-columns:1fr;gap:0}
 html[data-theme=dark] .hero-facts>div{padding:.55rem 0;gap:.8rem}
 html[data-theme=dark] .hero-facts>div+div{border-left:0;border-top:1px solid #405040;padding-left:0}
 html[data-theme=dark] .hero-product-image{min-height:17rem;padding:.9rem}
 html[data-theme=dark] .hero-product-image img{height:16.5rem}
 html[data-theme=dark] .hero-product-info{gap:.6rem;padding:1rem;align-items:start}
 html[data-theme=dark] .hero-deal-price{font-size:1.7rem}
 .hero-terms{font-size:.7rem}
 .budget-inner{padding:1.15rem;border-radius:.8rem}
 .budget-options button{font-size:.81rem;padding:.65rem .35rem}
 .value-grid article{padding:1.1rem}
 html[data-theme=dark] .products{grid-template-columns:1fr;gap:.8rem}
 html[data-theme=dark] .card-content{padding:1rem}
 html[data-theme=dark] .category-section{padding-top:1.4rem}
 html[data-theme=dark] .mobile-bottom-nav{background:rgba(9,15,10,.98);border-color:#586044}
 html[data-theme=dark] .mobile-bottom-nav a.active{color:#f4d244}
}
@media(max-width:24em){
 html[data-theme=dark] .hero-product-info{grid-template-columns:1fr}
 .hero-rate-group{text-align:left}
 .hero-terms{max-width:none}
 .budget-options{grid-template-columns:1fr 1fr}
}