@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Cairo:wght@400;600;700;900&family=Readex+Pro:wght@300;400;600;700&family=Syncopate:wght@400;700&family=Space+Grotesk:wght@400;600&display=swap');

/* ============================================================
   Store Studio — طبقة الثيمات
   theme-sand  : رمال الصحراء (الافتراضي)
   theme-rock  : أسود ROCK + أكسنت رملي
   theme-neon  : أزرق مضيء
   ============================================================ */

/* الغلاف بياخد نسبته الطبيعية دايمًا — مفيش قص */
.cover{aspect-ratio:auto !important; height:auto !important; object-fit:contain}

/* ---------------- 1) رمال الصحراء ---------------- */
body.theme-sand{ color-scheme:light; }

/* ---------------- 2) ROCK الداكن ---------------- */
body.theme-rock{
  --bg:#0A0A0A; --bg-2:#101010; --paper:#151515; --sand:#1C1C1C; --sand-2:#262626;
  --ink:#F5F5F3; --ink-soft:#BCBCB7; --muted:#8A8A85; --line:#232323; --line-2:#303030;
  --terra:#C5A880; --terra-deep:#DCC4A0; --gold:#C5A880; --green:#2FBF71;
  --head:'Syncopate','Readex Pro','Tajawal',sans-serif;
  --body:'Readex Pro','Tajawal','Almarai',sans-serif;
  --latin:'Syncopate','Space Grotesk',monospace;
  --r:10px;
  --soft:0 24px 48px -34px rgba(0,0,0,.9);
  --shadow-lift:0 36px 70px -40px rgba(0,0,0,.95);
  color-scheme:dark;
}
body.theme-rock .hdr{background:rgba(10,10,10,.92); border-bottom-color:#242424}
body.theme-rock .logo-chip{background:#111; border-color:#2E2E2E; box-shadow:none}
body.theme-rock .nav a.on{background:#F5F5F3; color:#0A0A0A}
body.theme-rock .icon-btn{background:#141414; border-color:#2E2E2E; color:#DADAD5}
body.theme-rock .icon-btn:hover{background:#1E1E1E; border-color:var(--gold); color:#fff}
body.theme-rock .cart{background:#F5F5F3; color:#0A0A0A; border-color:#F5F5F3}
body.theme-rock .cart:hover{background:var(--gold); border-color:var(--gold); color:#0A0A0A}
body.theme-rock .cart b{background:#0A0A0A; color:#F5F5F3}
body.theme-rock .cart .cart-total{color:#3B3B3B; border-color:rgba(0,0,0,.18)}
body.theme-rock .cover-badge{background:rgba(16,16,16,.93); border-color:#333; color:#F5F5F3}
body.theme-rock .eyebrow{color:var(--gold)}
body.theme-rock .eyebrow::before,body.theme-rock .eyebrow::after{background:#2E2E2E}
body.theme-rock .btn{color:#0A0A0A; box-shadow:0 16px 34px -22px rgba(197,168,128,.55)}
body.theme-rock .btn.ghost{color:#F5F5F3; background:transparent}
body.theme-rock .btn.ghost:hover{background:#1A1A1A; border-color:var(--gold)}
body.theme-rock .cat-pill:hover{background:#1A1A1A; color:#fff}
body.theme-rock .cat-pill.on{background:#F5F5F3; border-color:#F5F5F3; color:#0A0A0A}
body.theme-rock .sec-head .side{background:#141414; border-color:#2E2E2E}
body.theme-rock .sec-head .side:hover{background:#F5F5F3; color:#0A0A0A; border-color:#F5F5F3}
body.theme-rock .card-img{background:linear-gradient(160deg,#1A1A1A,#0E0E0E)}
body.theme-rock .card-img .inner{background:#0C0C0C; border-color:#262626}
body.theme-rock .badge{background:rgba(245,245,243,.94); color:#0A0A0A}
body.theme-rock .badge.warm{background:var(--gold); color:#0A0A0A}
body.theme-rock .badge.gold{background:var(--gold); color:#0A0A0A}
body.theme-rock .size.off{background:#161616; color:#5D5D5D; border-color:#262626}
body.theme-rock .size.on{background:#F5F5F3; border-color:#F5F5F3; color:#0A0A0A}
body.theme-rock .card.more{background:transparent}
body.theme-rock .card.more:hover{background:rgba(255,255,255,.02)}
body.theme-rock .card.more .orn{background:#141414}
body.theme-rock .skeleton .sk-img{background:linear-gradient(100deg,#181818 30%,#242424 50%,#181818 70%); background-size:200% 100%}
body.theme-rock .skeleton .sk-line{background:#1D1D1D}
body.theme-rock .whole-in{background:linear-gradient(140deg,#171717,#0A0A0A); color:#D9D9D4}
body.theme-rock .whole-in h2{color:#F5F5F3}
body.theme-rock .whole-in p{color:#A8A8A3}
body.theme-rock .whole-in::before{background:radial-gradient(circle, rgba(197,168,128,.22), transparent 70%)}
body.theme-rock .whole-in::after{background:radial-gradient(circle, rgba(197,168,128,.14), transparent 70%)}
body.theme-rock .whole-in .btn{background:#F5F5F3; border-color:#F5F5F3; color:#0A0A0A}
body.theme-rock .ftr{background:#070707; color:#9A9A95}
body.theme-rock .ftr .brand-txt b{color:#F5F5F3}
body.theme-rock .ftr .brand-txt i{color:#777}
body.theme-rock .ftr .logo-chip{border-color:#262626; background:#111}
body.theme-rock .ftr-brand p,body.theme-rock .ftr-col a{color:#8E8E89}
body.theme-rock .ftr-col h4{color:#F5F5F3}
body.theme-rock .ftr-col .wa-n{color:var(--gold)}
body.theme-rock .ftr-bot{border-top-color:#1E1E1E}
body.theme-rock .ftr-bot a{color:#B5B5B0; border-color:#2A2A2A}
body.theme-rock .drawer,body.theme-rock .drawer-foot,body.theme-rock .drawer-head{background:#0D0D0D}
body.theme-rock .drawer-head{border-color:#242424}
body.theme-rock .ci-img{background:#161616}
body.theme-rock .ship-track{background:#262626}
body.theme-rock input,body.theme-rock select,body.theme-rock textarea{background:#141414; border-color:#2E2E2E; color:#F0F0EC}
body.theme-rock input::placeholder,body.theme-rock textarea::placeholder{color:#6E6E69}

/* ---------------- 3) الأزرق المضيء ---------------- */
body.theme-neon{
  --bg:#050B1A; --bg-2:#071126; --paper:#0A1630; --sand:#0E1F42; --sand-2:#153063;
  --ink:#EAF3FF; --ink-soft:#A9C2E8; --muted:#6E88B8; --line:#122A52; --line-2:#1B3A6B;
  --terra:#38BDF8; --terra-deep:#22D3EE; --gold:#67E8F9; --green:#34D399;
  --head:'Cairo','Tajawal',sans-serif;
  --body:'Tajawal','Cairo','Almarai',sans-serif;
  --latin:'Space Grotesk',monospace;
  --r:16px;
  --soft:0 24px 60px -34px rgba(56,189,248,.30);
  --shadow-lift:0 34px 80px -38px rgba(56,189,248,.45);
  color-scheme:dark;
}
body.theme-neon .ticker{background:#071126; border-bottom-color:#122A52}
body.theme-neon .ticker-in i{color:#67E8F9; text-shadow:0 0 12px rgba(103,232,249,.8)}
body.theme-neon .hdr{background:rgba(5,11,26,.9); border-bottom-color:#122A52; box-shadow:0 10px 40px -28px #38BDF8}
body.theme-neon .logo-chip{background:#0A1630; border-color:#1B3A6B; box-shadow:0 0 22px -8px #38BDF8}
body.theme-neon .nav a.on{background:linear-gradient(120deg,#0EA5E9,#22D3EE); color:#03121F; box-shadow:0 0 24px -6px rgba(56,189,248,.8)}
body.theme-neon .icon-btn{background:#0A1630; border-color:#1B3A6B; color:#CFE4FF}
body.theme-neon .icon-btn:hover{background:#0E1F42; border-color:#38BDF8; color:#fff; box-shadow:0 0 18px -6px #38BDF8}
body.theme-neon .cart{background:linear-gradient(120deg,#0EA5E9,#22D3EE); color:#03121F; border-color:transparent; box-shadow:0 0 28px -8px rgba(56,189,248,.9)}
body.theme-neon .cart b{background:#03121F; color:#67E8F9}
body.theme-neon .cart .cart-total{color:#04303F; border-color:rgba(3,18,31,.22)}
body.theme-neon .cover-wrap{box-shadow:0 0 90px -42px #38BDF8, 0 0 0 1px rgba(56,189,248,.18); border-color:#1B3A6B}
body.theme-neon .cover-badge{background:rgba(10,22,48,.92); border-color:#1B3A6B; color:#BAE6FD}
body.theme-neon .cover-badge i{background:#38BDF8; box-shadow:0 0 10px #38BDF8}
body.theme-neon .eyebrow{color:#67E8F9; text-shadow:0 0 16px rgba(103,232,249,.6)}
body.theme-neon .eyebrow::before,body.theme-neon .eyebrow::after{background:linear-gradient(90deg,transparent,#38BDF8)}
body.theme-neon .hero h1 em{color:#67E8F9; text-shadow:0 0 26px rgba(56,189,248,.55)}
body.theme-neon .hero h1 em::after{background:linear-gradient(90deg,rgba(56,189,248,0),#38BDF8,rgba(56,189,248,0)); height:6px}
body.theme-neon .btn{color:#03121F; box-shadow:0 0 34px -10px rgba(56,189,248,.85); border-color:transparent}
body.theme-neon .btn:hover{box-shadow:0 0 44px -8px rgba(56,189,248,1)}
body.theme-neon .btn.ghost{background:rgba(56,189,248,.06); color:#BAE6FD; border-color:#1B3A6B}
body.theme-neon .btn.ghost:hover{background:rgba(56,189,248,.12); border-color:#38BDF8; color:#fff}
body.theme-neon .stats{border-color:#122A52}
body.theme-neon .stats div + div{border-color:#122A52}
body.theme-neon .stats b{color:#67E8F9; text-shadow:0 0 18px rgba(103,232,249,.5)}
body.theme-neon .cat-pill{background:#0A1630; border-color:#1B3A6B; color:#A9C2E8}
body.theme-neon .cat-pill:hover{border-color:#38BDF8; color:#fff; background:#0E1F42}
body.theme-neon .cat-pill.on{background:linear-gradient(120deg,#0EA5E9,#22D3EE); border-color:transparent; color:#03121F; box-shadow:0 0 22px -8px #38BDF8}
body.theme-neon .sec-head .side{background:#0A1630; border-color:#1B3A6B}
body.theme-neon .sec-head .side:hover{background:linear-gradient(120deg,#0EA5E9,#22D3EE); color:#03121F; border-color:transparent}
body.theme-neon .card{border-color:#122A52}
body.theme-neon .card:hover{border-color:#2C6BB3; box-shadow:0 0 60px -34px #38BDF8}
body.theme-neon .card-img{background:linear-gradient(160deg,#0B1B38,#071126)}
body.theme-neon .card-img .inner{background:#061024; border-color:#14315F}
body.theme-neon .badge{background:rgba(10,22,48,.94); border-color:#1B3A6B; color:#BAE6FD}
body.theme-neon .badge.warm{background:linear-gradient(120deg,#0EA5E9,#22D3EE); color:#03121F; border-color:transparent}
body.theme-neon .badge.gold{background:#67E8F9; color:#03121F; border-color:transparent}
body.theme-neon .size{background:#081128; border-color:#1B3A6B; color:#A9C2E8}
body.theme-neon .size:hover{border-color:#38BDF8; color:#fff}
body.theme-neon .size.on{background:linear-gradient(120deg,#0EA5E9,#22D3EE); border-color:transparent; color:#03121F; box-shadow:0 0 16px -6px #38BDF8}
body.theme-neon .size.off{background:#070F22; color:#3E5A8A; border-color:#122A52}
body.theme-neon .card.more{background:rgba(56,189,248,.02)}
body.theme-neon .card.more:hover{background:rgba(56,189,248,.05)}
body.theme-neon .card.more .orn{background:#0A1630}
body.theme-neon .skeleton{background:#0A1630; border-color:#122A52}
body.theme-neon .skeleton .sk-img{background:linear-gradient(100deg,#0A1630 30%,#122A52 50%,#0A1630 70%); background-size:200% 100%}
body.theme-neon .skeleton .sk-line{background:#122A52}
body.theme-neon .trust{background:#071126; border-color:#122A52}
body.theme-neon .trust-it + .trust-it{border-color:#122A52}
body.theme-neon .trust-it i{background:#0A1630; border-color:#1B3A6B; color:#67E8F9}
body.theme-neon .whole-in{background:linear-gradient(140deg,#0B2246,#050B1A); color:#C7DFFF; box-shadow:0 0 80px -40px #38BDF8}
body.theme-neon .whole-in h2{color:#EAF3FF}
body.theme-neon .whole-in p{color:#9FC0EA}
body.theme-neon .whole-in .tag-line{color:#67E8F9}
body.theme-neon .whole-in .btn{background:linear-gradient(120deg,#0EA5E9,#22D3EE); color:#03121F; border-color:transparent}
body.theme-neon .ftr{background:#03060F; color:#8FA9CE}
body.theme-neon .ftr .brand-txt b{color:#EAF3FF}
body.theme-neon .ftr .brand-txt i{color:#5B76A3}
body.theme-neon .ftr .logo-chip{background:#0A1630; border-color:#1B3A6B}
body.theme-neon .ftr-brand p,body.theme-neon .ftr-col a{color:#8FA9CE}
body.theme-neon .ftr-col h4{color:#CBE4FF}
body.theme-neon .ftr-col .wa-n{color:#67E8F9; text-shadow:0 0 18px rgba(103,232,249,.4)}
body.theme-neon .ftr-bot{border-top-color:#0E2144}
body.theme-neon .ftr-bot a{color:#9FBBE0; border-color:#15335F}
body.theme-neon .drawer,body.theme-neon .drawer-foot,body.theme-neon .drawer-head{background:#071126}
body.theme-neon .drawer-head{border-color:#122A52}
body.theme-neon .ci-img{background:#0A1630}
body.theme-neon .ship-track{background:#122A52}
body.theme-neon .ship-track i{background:linear-gradient(90deg,#0EA5E9,#67E8F9); box-shadow:0 0 12px #38BDF8}
body.theme-neon input,body.theme-neon select,body.theme-neon textarea{background:#081128; border-color:#1B3A6B; color:#EAF3FF}
body.theme-neon input:focus,body.theme-neon select:focus,body.theme-neon textarea:focus{border-color:#38BDF8; box-shadow:0 0 0 3px rgba(56,189,248,.18)}
body.theme-neon input::placeholder,body.theme-neon textarea::placeholder{color:#55719E}
body.theme-neon .toast{background:#0A1630; border-color:#1B3A6B; color:#EAF3FF}