/* Ratin Special — white theme layer. Loaded LAST. Design only (no JS/IDs/API touched).
   Covers: leftover dark bits in the live panel, the Store (#buy) section, the Community CTA, the cart bar. */

/* ---------- panel leftovers ---------- */
.dp-badge{background:rgba(255,255,255,.92);color:#6e6e73;border:1px solid #d2d2d7}
.dp-bt span.sw{background:#d1d1d6}
.dp-foot input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#d2d2d7;outline:0}
.dp-foot input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#d2d2d7}
.dp-foot input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#d2d2d7}
.dp-foot input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.dp-foot input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}

/* ---------- Store (#buy) + Community: light sections ---------- */
#buy, #community{background:#f5f5f7;color:#1d1d1f;
  --text:#1d1d1f;--muted:#6e6e73;--surface:#ffffff;--field:#f5f5f7;--line:rgba(0,0,0,.08);--line-strong:rgba(0,0,0,.2)}
#buy .section-head h2{color:#1d1d1f}
#buy .section-head p{color:#6e6e73}

/* store bar */
#buy .store-bar{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 18px rgba(0,0,0,.04)}
#buy .store-id b{color:#1d1d1f}
#buy .store-id span{color:#6e6e73}
#buy .store-cart{color:#8a6a00;border-color:rgba(190,140,0,.45);background:rgba(255,202,10,.16)}

/* product cards */
#buy .pricing-grid > .buy{color:#1d1d1f;
  background:linear-gradient(#ffffff,#ffffff) padding-box,
             linear-gradient(160deg, rgba(var(--a),.75), rgba(0,0,0,.07) 36%, rgba(0,0,0,.06) 68%, rgba(var(--a),.35)) border-box;
  box-shadow:0 18px 50px -24px rgba(0,0,0,.25)}
#buy .pricing-grid > .buy.buy--combo{
  background:linear-gradient(#fffbea,#fffbea) padding-box,
             linear-gradient(160deg,#ffd60a,rgba(255,202,10,.3) 40%,rgba(255,202,10,.18) 70%,rgba(255,202,10,.7)) border-box}
#buy .buy::after{background:radial-gradient(75% 40% at 88% 0%, rgba(var(--a), .14) 0%, rgba(var(--a), 0) 72%),
                            radial-gradient(60% 30% at 0% 100%, rgba(var(--a), .06) 0%, rgba(var(--a), 0) 70%)}
#buy .prod-tag{color:#1d1d1f}
#buy .buy .buy-main > h2{color:#1d1d1f}
#buy .buy .buy-main > p{color:#6e6e73}
#buy .buy .price{color:#1d1d1f !important;-webkit-text-fill-color:#1d1d1f !important}
#buy .buy .price::before{background:linear-gradient(90deg, rgba(var(--a), .6), rgba(0,0,0,.08) 60%, transparent)}
#buy .buy .price::after{color:#6e6e73;-webkit-text-fill-color:#6e6e73}
#buy .buy .price s.was{color:#86868b;-webkit-text-fill-color:#86868b}
#buy .buy .promo{color:#c25e00}
#buy .buy .usd-line{color:#6e6e73}
#buy .buy .combo-save{color:#1a8a3a;background:rgba(48,209,88,.16)}
#buy .buy .buy-actions .btn-primary:disabled{background:#e5e5ea !important;color:#86868b !important}
#buy .buy .buy-actions .add-cart{color:rgb(var(--a));filter:brightness(.8)}
#buy .buy--pr .buy-actions .add-cart,#buy .buy .buy-actions .add-cart{background:transparent}
#buy .buy-side h3{color:#6e6e73}
#buy .buy-side ul{background:#f5f5f7;border:1px solid rgba(0,0,0,.06)}
#buy .buy-side li{color:#1d1d1f}
#buy .buy-side li small{color:#6e6e73}
#buy .buy--combo .prod-head .prod-badge + .prod-badge{outline-color:#fffbea}

/* community CTA */
#community .community{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 18px rgba(0,0,0,.04)}
#community .community h2{color:#1d1d1f}
#community .community p{color:#6e6e73}

/* cart bar (floating) */
.cart-bar{background:rgba(255,255,255,.97);border:1px solid rgba(0,0,0,.1);box-shadow:0 18px 50px -12px rgba(0,0,0,.3);color:#1d1d1f}
.cart-row{border-bottom:1px solid rgba(0,0,0,.08)}
.cart-row span{color:#8a6a00}
.cart-row button{background:rgba(0,0,0,.07);color:#1d1d1f}
.cart-note,.cart-sum small{color:#6e6e73}
.cart-sum b{color:#1d1d1f}

/* ---------- Nav, Hero, ticker band: light ---------- */
html, body, body::before{background:#f5f5f7}
.nav, .nav.scrolled{background:rgba(255,255,255,.82);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:none}
.nav .brand, .nav .brand span{color:#1d1d1f}
.nav .brand small{color:#6e6e73}
.nav-links a{color:#3a3a3c}
.nav-links a:hover, .nav-links a.active{color:#111100;background:var(--brand,#ffca0a)}
.nav-actions .btn-ghost{color:#7a5c00;border-color:rgba(160,120,0,.45)}
.nav-actions .btn-ghost:hover{background:rgba(255,202,10,.18);text-decoration:none}

.hero{background:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--line:rgba(0,0,0,.08);--line-strong:rgba(0,0,0,.2)}
.hero h1{color:#1d1d1f}
.hero h1 em{background:linear-gradient(90deg,#e0a100 0%,#bf5af2 55%,#ff6482 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero-lead{color:#6e6e73}
.hero .btn-ghost{color:#0066cc;border-color:#0066cc}
.hero .btn-ghost:hover{background:rgba(0,102,204,.08);border-color:#0066cc;color:#0066cc}
.checks{color:#6e6e73}
.checks svg{color:#c99700}
.hero .deal-banner{border-color:rgba(0,0,0,.12) !important;background:rgba(0,0,0,.04) !important;color:#1d1d1f}
.cover::before{opacity:.55}
.cover img{box-shadow:0 40px 90px -30px rgba(0,0,0,.45)}

.trust-band{background:#fff;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.band-title{color:#1d1d1f}
.ticker-track{color:#6e6e73}
.ticker-track b{color:#d9a400;-webkit-text-fill-color:#d9a400;background:none}

/* footer already light in apple.css; keep it consistent */
.foot{background:#fff}