/* ═══════════════════════════════════════════════════════════
   Cacao Atelier v2.0 — «كاكاو» 🍫 فخامة الشوكولاتية الداكنة
   إخراج سينمائي: فحمي عميق × ذهب مطفأ × تجوال للعناوين.
   ═══════════════════════════════════════════════════════════ */

:root, [data-skin="trade"]{
  --gold:#d4af37; --gold-soft:#e6c96a; --char:#14100b; --char2:#1d1712; --char3:#26201a;
  --cream:#ece4d4; --cream-mut:#9d9078;
  --accent:var(--gold); --on-accent:#14100b;
  --ink:var(--char); --surface-d:var(--char); --surface-d2:var(--char2);
  --surface-l:var(--char); --surface-l2:var(--char2);
  --on-light:var(--cream); --on-light-mut:var(--cream-mut);
  --on-dark:var(--cream); --on-dark-mut:var(--cream-mut);
  --tint:rgba(212,175,55,.08);
  --line-l:rgba(212,175,55,.16); --line-d:rgba(212,175,55,.16);
  --r-sm:4px; --r-md:6px; --r-lg:10px; --r-pill:6px;
  --sh-md:0 18px 50px rgba(0,0,0,.5);
  --sh-lg:0 34px 90px rgba(0,0,0,.65);
}
body{background:var(--char);color:var(--cream)}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(700px 420px at 50% -140px, rgba(212,175,55,.07), transparent 70%),
    radial-gradient(420px 420px at 8% 88%, rgba(109,58,36,.12), transparent 70%)}
::selection{background:var(--gold);color:var(--char)}
h1,h2,h3,h4{font-family:'Almarai','Tajawal',sans-serif;font-weight:700}

.st-head{margin-bottom:54px}
.st-head h2{font-size:clamp(28px,4.4vw,50px);color:var(--cream)}
.st-eyebrow{color:var(--gold);font-size:11px;font-weight:900}
.st-line{width:auto;height:auto;background:none}
.st-line::before{content:'✦ ✦ ✦';color:var(--gold);font-size:10px;letter-spacing:.6em;opacity:.7}
.st-head p{color:var(--cream-mut)}

.st-btn{background:linear-gradient(135deg,var(--gold),#b8942c);color:var(--char);
  border-radius:var(--r-md);padding:15px 34px;font-weight:900;
  box-shadow:0 14px 40px rgba(212,175,55,.28)}
.st-btn:hover{box-shadow:0 18px 55px rgba(212,175,55,.45);transform:translateY(-2px)}
.st-btn-ghost,.st-btn-line{background:transparent;border:1px solid var(--gold);color:var(--gold);border-radius:var(--r-md)}
.st-btn-ghost:hover,.st-btn-line:hover{background:var(--tint)}

.st-abar-primary{background:#0d0a06;color:var(--cream-mut);border-bottom:1px solid var(--line-l)}
.st-abar-primary .st-abar-tk i{color:var(--gold)}
.st-nav,.st-nav-split{background:rgba(20,16,11,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-l)}
.st-nav-split .st-nav-bd{font-family:'Almarai';font-size:24px;color:var(--gold)}
.st-nav-split .side a{color:var(--cream-mut)}
.st-nav-split .side a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.st-shoplinks{background:rgba(20,16,11,.92);border-color:var(--line-l)}
.st-shoplinks a{color:var(--cream-mut)}
.st-shoplinks a:hover{color:var(--gold);border-bottom-color:var(--gold)}

.st-slider{min-height:min(92vh,760px)}
.st-slide .bgz{transform:scale(1.06)}
.st-slide.on .bgz{animation:cc-zoom 8s ease-out forwards}
@keyframes cc-zoom{to{transform:scale(1.01)}}
.st-slide-ov{background:linear-gradient(180deg,rgba(13,10,6,.5),rgba(13,10,6,.35) 45%,rgba(13,10,6,.94))}
.st-slide-in{border-top:1px solid rgba(212,175,55,.4);padding-top:26px}
.st-slide-in h1{font-family:'Almarai';font-size:clamp(34px,6vw,72px);color:var(--cream);
  text-shadow:0 8px 40px rgba(0,0,0,.7)}
.st-slide-in p{color:rgba(236,228,212,.85);max-width:640px;font-size:16px}
.st-slide.on .st-slide-in h1{animation:cc-rise .9s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in p{animation:cc-rise .9s .15s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in .st-btn{animation:cc-rise .9s .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes cc-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.st-dot{background:rgba(236,228,212,.3)}
.st-dot.on{background:var(--gold);box-shadow:0 0 14px rgba(212,175,55,.7)}
.st-arr{background:rgba(20,16,11,.6);border:1px solid var(--line-l);color:var(--gold)}
.st-arr:hover{background:var(--gold);color:var(--char)}

.st-fstrip{border-color:var(--line-l)}
.st-fstrip .fs+.fs::before{background:var(--line-l)}
.st-fstrip i{color:var(--gold)}
.st-fstrip b{color:var(--cream);font-family:'Almarai';font-size:16px}
.st-fstrip p{color:var(--cream-mut)}

.st-pmenu .mi{color:var(--cream)}
.st-pmenu a.mi:hover{background:var(--tint)}
.st-pmenu .nm b{font-family:'Almarai';font-size:17px}
.st-pmenu .nm small{color:var(--cream-mut)}
.st-pmenu .dots{border-color:rgba(212,175,55,.3)}
.st-pmenu em{color:var(--gold);font-size:17px}

.st-person .ph img{filter:grayscale(.35) contrast(1.05);border-radius:var(--r-md)}
.st-person .ph .fr{border-color:var(--gold);opacity:.65}
.st-person .tx h2{font-family:'Almarai';color:var(--cream)}
.st-person .role{color:var(--gold)}
.st-person blockquote{border-color:var(--gold);font-family:'Almarai';font-size:clamp(18px,2.4vw,24px);color:var(--cream)}
.st-person p{color:var(--cream-mut)}
.st-person .sign{color:var(--gold-soft);font-size:26px}

.st-povl .pv3{border-radius:var(--r-md);border:1px solid var(--line-l)}
.st-povl .of{background:var(--gold);color:var(--char);border-radius:4px}
.st-povl .ov{background:linear-gradient(180deg,transparent,rgba(13,10,6,.92))}
.st-povl .ov b{font-family:'Almarai';font-size:17px}
.st-povl .ov em{color:var(--gold)}
.st-povl .go{background:rgba(212,175,55,.18);border:1px solid rgba(212,175,55,.4);border-radius:4px}

.jr-jy::before{background:repeating-linear-gradient(90deg,rgba(212,175,55,.4) 0 8px,transparent 8px 16px)}
.jr-jy .jst{background:var(--char2);border-color:var(--line-l);border-radius:var(--r-md)}
.jr-jy .jst:hover{border-color:var(--gold);box-shadow:var(--sh-md)}
.jr-jy .tm{background:var(--gold);color:var(--char);border-radius:4px}
.jr-jy .ic{background:var(--tint);color:var(--gold)}
.jr-jy b{color:var(--cream);font-family:'Almarai';font-size:16px}
.jr-jy p{color:var(--cream-mut)}

.st-band-ov{background:rgba(13,10,6,.88)}
.st-band .bs b{color:var(--gold);font-family:'Almarai'}
.st-band .bs span{color:var(--cream-mut)}
.st-band .bs+.bs{border-color:rgba(212,175,55,.25)}
.st-gsq .gq{border-radius:var(--r-md);border:1px solid var(--line-l)}
.st-gsq .gq img{filter:saturate(.9)}
.st-twall .tw{background:var(--char2);border-color:var(--line-l);border-radius:var(--r-md)}
.st-twall .tw:hover{border-color:var(--gold)}
.st-twall .tw p{color:var(--cream)}
.st-twall .strs,.st-twall-hd .strs{color:var(--gold)}
.st-twall-hd .score>b{color:var(--cream);font-family:'Almarai'}

.st-q{background:var(--char2);border:1px solid var(--line-l);border-radius:var(--r-md)}
.st-q.open{border-color:var(--gold)}
.st-q-h span{color:var(--cream);font-family:'Almarai';font-size:16px}
.st-q-h i{color:var(--gold)}
.st-q-b p{color:var(--cream-mut)}
.st-ctap{background:linear-gradient(135deg,#0d0a06,var(--char3));border:1px solid var(--line-l);border-radius:var(--r-lg)}
.st-ctap .glow{background:radial-gradient(50% 65% at 50% 0%, rgba(212,175,55,.22), transparent 70%)}
.st-ctap h2{font-family:'Almarai';color:var(--cream)}
.st-ctap p{color:var(--cream-mut)}

.st-foot{background:#0d0a06;border-top:1px solid var(--line-l)}
.st-foot::before{content:'✦';display:block;text-align:center;color:var(--gold);
  font-size:13px;letter-spacing:.8em;margin-bottom:34px;opacity:.8}
.st-foot h4{color:var(--gold);font-family:'Almarai';font-size:18px}
.st-foot p,.st-foot ul a,.st-foot-ct li{color:var(--cream-mut)}
.st-foot ul a:hover{color:var(--gold)}
.st-foot-soc a{background:transparent;border:1px solid var(--line-l);border-radius:var(--r-md);color:var(--cream-mut)}
.st-foot-soc a:hover{background:var(--gold);border-color:var(--gold);color:var(--char)}
.st-footer{background:#0a0805;color:#6f6350;border-top:1px solid rgba(212,175,55,.1)}
.st-footer .nm{color:var(--gold)}

.st-page-head h1{font-family:'Almarai';color:var(--cream)}
.st-back{background:var(--char2);border-color:var(--line-l);color:var(--cream)}
.st-back:hover{border-color:var(--gold);color:var(--gold)}
.rp-card,.ci,.sv-card,.dr-card,.st-pd-rel .rc{background:var(--char2);border-color:var(--line-l)}
.st-form input,.st-form textarea,.st-form select,.jr-cw-tx textarea,.jr-cw-tx input{background:var(--char3);border-color:var(--line-l);color:var(--cream)}
.st-pd-bar{background:var(--char2);border-color:var(--line-l)}
.st-pd-trust span,.st-pd-trust .shr{background:var(--char3);border-color:var(--line-l);color:var(--cream-mut)}
.st-bc a{color:var(--cream-mut)}
.st-bc a:last-child{color:var(--gold)}
.st-pcard{background:var(--char2);border-color:var(--line-l)}
.st-pcard .pr{color:var(--gold)}
.cn-map iframe{filter:grayscale(.4) invert(.88) contrast(.9)}