/* ═══════════════════════════════════════════════════════════
   NOIR v2.0 — «نُوار» دار عطور Haute Parfumerie
   مخمل ليلي بنفسجي × ذهب شمبانيا × تجوال — فواصل ◆
   ═══════════════════════════════════════════════════════════ */

:root, [data-skin="trade"]{
  --gold:#cbb26a; --gold-soft:#e2cf94; --nuit:#0d0a12; --nuit2:#161020; --nuit3:#1f1830;
  --cream:#eae4d6; --cream-mut:#9b91a8;
  --accent:var(--gold); --on-accent:#0d0a12;
  --ink:var(--nuit); --surface-d:var(--nuit); --surface-d2:var(--nuit2);
  --surface-l:var(--nuit); --surface-l2:var(--nuit2);
  --on-light:var(--cream); --on-light-mut:var(--cream-mut);
  --on-dark:var(--cream); --on-dark-mut:var(--cream-mut);
  --tint:rgba(203,178,106,.08);
  --line-l:rgba(203,178,106,.16); --line-d:rgba(203,178,106,.16);
  --r-sm:3px; --r-md:4px; --r-lg:8px; --r-pill:4px;
  --sh-md:0 18px 50px rgba(0,0,0,.55);
  --sh-lg:0 34px 90px rgba(0,0,0,.7);
}
body{background:var(--nuit);color:var(--cream)}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(680px 420px at 50% -140px, rgba(88,60,140,.2), transparent 70%),
    radial-gradient(420px 420px at 92% 92%, rgba(203,178,106,.07), transparent 70%)}
::selection{background:var(--gold);color:var(--nuit)}
h1,h2,h3,h4{font-family:'Tajawal','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);letter-spacing:.14em}
.st-line{width:auto;height:auto;background:none}
.st-line::before{content:'◆';color:var(--gold);font-size:11px;opacity:.75}
.st-head p{color:var(--cream-mut)}

.st-btn{background:linear-gradient(135deg,var(--gold),#a98f47);color:var(--nuit);
  border-radius:var(--r-md);padding:15px 36px;font-weight:900;
  box-shadow:0 14px 42px rgba(203,178,106,.25)}
.st-btn:hover{box-shadow:0 18px 58px rgba(203,178,106,.4);transform:translateY(-2px)}
.st-btn-ghost,.st-btn-line{background:transparent;border:1px solid var(--gold);color:var(--gold-soft);border-radius:var(--r-md)}
.st-btn-ghost:hover,.st-btn-line:hover{background:var(--tint)}

.st-abar-primary{background:#080610;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(13,10,18,.85);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-l)}
.st-nav-split .st-nav-bd{font-family:'Tajawal';font-size:25px;color:var(--gold);letter-spacing:.12em}
.st-nav-split .side a{color:var(--cream-mut);letter-spacing:.04em}
.st-nav-split .side a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.st-shoplinks{background:rgba(13,10,18,.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.on .bgz{animation:nr-zoom 9s ease-out forwards}
@keyframes nr-zoom{from{transform:scale(1.07)}to{transform:scale(1.005)}}
.st-slide-ov{background:linear-gradient(180deg,rgba(8,6,16,.55),rgba(8,6,16,.4) 45%,rgba(8,6,16,.95))}
.st-slide-in{border-top:1px solid rgba(203,178,106,.45);padding-top:26px}
.st-slide-in h1{font-family:'Tajawal';font-size:clamp(34px,6vw,74px);color:var(--cream);
  text-shadow:0 8px 44px rgba(0,0,0,.75)}
.st-slide-in p{color:rgba(234,228,214,.85);max-width:640px;font-size:16px}
.st-slide.on .st-slide-in h1{animation:nr-rise .95s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in p{animation:nr-rise .95s .16s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in .st-btn{animation:nr-rise .95s .32s cubic-bezier(.2,.7,.2,1) both}
@keyframes nr-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.st-dot{background:rgba(234,228,214,.3)}
.st-dot.on{background:var(--gold);box-shadow:0 0 16px rgba(203,178,106,.8)}
.st-arr{background:rgba(13,10,18,.6);border:1px solid var(--line-l);color:var(--gold)}
.st-arr:hover{background:var(--gold);color:var(--nuit)}

.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:'Tajawal';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:'Tajawal';font-size:17px}
.st-pmenu .nm small{color:var(--cream-mut)}
.st-pmenu .dots{border-color:rgba(203,178,106,.32)}
.st-pmenu em{color:var(--gold-soft);font-size:17px}

.st-person .ph img{filter:grayscale(.4) contrast(1.06);border-radius:var(--r-md)}
.st-person .ph .fr{border-color:var(--gold);opacity:.6}
.st-person .tx h2{font-family:'Tajawal';color:var(--cream)}
.st-person .role{color:var(--gold)}
.st-person blockquote{border-color:var(--gold);font-family:'Tajawal';font-size:clamp(18px,2.4vw,25px);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(--nuit);border-radius:3px}
.st-povl .ov{background:linear-gradient(180deg,transparent,rgba(8,6,16,.94))}
.st-povl .ov b{font-family:'Tajawal';font-size:17px}
.st-povl .ov em{color:var(--gold-soft)}
.st-povl .go{background:rgba(203,178,106,.16);border:1px solid rgba(203,178,106,.4);border-radius:3px}

.st-split-media>img{border-radius:var(--r-lg);filter:saturate(.85)}
.st-split-media .fc{background:rgba(22,16,32,.96);border:1px solid var(--line-l)}
.st-split-media .fc1 b{color:var(--gold-soft)}
.st-split-media .fc1 i{background:var(--tint);color:var(--gold)}
.st-split-media .fc2 p{color:var(--cream)}
.st-checks i{color:var(--gold)}

.st-brands{border-block:1px solid var(--line-l);padding-block:20px}
.st-brands .bx b{color:var(--cream-mut);font-family:'Tajawal';font-size:22px;letter-spacing:.2em}
.st-brands .bx:hover b{color:var(--gold)}

.st-band-ov{background:rgba(8,6,16,.9)}
.st-band .bs b{color:var(--gold);font-family:'Tajawal'}
.st-band .bs span{color:var(--cream-mut)}
.st-band .bs+.bs{border-color:rgba(203,178,106,.25)}
.st-gsq .gq{border-radius:var(--r-md);border:1px solid var(--line-l)}
.st-gsq .gq img{filter:saturate(.85)}
.st-twall .tw{background:var(--nuit2);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:'Tajawal'}

.st-q{background:var(--nuit2);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:'Tajawal';font-size:16px}
.st-q-h i{color:var(--gold)}
.st-q-b p{color:var(--cream-mut)}
.st-ctap{background:linear-gradient(135deg,#080610,var(--nuit3));border:1px solid var(--line-l);border-radius:var(--r-lg)}
.st-ctap .glow{background:radial-gradient(50% 65% at 50% 0%, rgba(203,178,106,.2), transparent 70%)}
.st-ctap h2{font-family:'Tajawal';color:var(--cream)}
.st-ctap p{color:var(--cream-mut)}

.st-foot{background:#080610;border-top:1px solid var(--line-l)}
.st-foot::before{content:'◆';display:block;text-align:center;color:var(--gold);
  font-size:12px;letter-spacing:.9em;margin-bottom:34px;opacity:.85}
.st-foot h4{color:var(--gold);font-family:'Tajawal';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(--nuit)}
.st-footer{background:#06040c;color:#6b6178;border-top:1px solid rgba(203,178,106,.1)}
.st-footer .nm{color:var(--gold)}
.st-paybar{background:rgba(0,0,0,.3)}

.st-page-head h1{font-family:'Tajawal';color:var(--cream)}
.st-back{background:var(--nuit2);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,.st-pcard,.acc-hd,.acc-box{background:var(--nuit2);border-color:var(--line-l)}
.st-form input,.st-form textarea,.st-form select{background:var(--nuit3);border-color:var(--line-l);color:var(--cream)}
.st-pd-bar{background:var(--nuit2);border-color:var(--line-l)}
.st-pd-trust span,.st-pd-trust .shr,.pd-meta .mo{background:var(--nuit3);border-color:var(--line-l);color:var(--cream-mut)}
.pd-acc details{background:var(--nuit2);border-color:var(--line-l)}
.st-bc a{color:var(--cream-mut)}
.st-bc a:last-child{color:var(--gold)}
.st-pcard .pr,.st-pcard .price{color:var(--gold-soft)}
.st-catbar .im{background:var(--nuit2);border-color:var(--line-l)}
.st-cattb{background:var(--nuit2);border-color:var(--line-l)}
.cn-map iframe{filter:grayscale(.4) invert(.88) contrast(.9)}
.st-cslider .cs{background:var(--nuit2);border-color:var(--line-l);border-radius:var(--r-md)}
.st-cslider .cs:hover{border-color:var(--gold);box-shadow:var(--sh-md)}
.st-cslider .bd small{color:var(--gold);letter-spacing:.1em}
.st-cslider .bd b{color:var(--cream);font-size:17px}
.st-cslider .bd p{color:var(--cream-mut)}
.st-cslider .nv button{background:var(--nuit2);border-color:var(--line-l);color:var(--gold)}
.st-cslider .nv button:hover{background:var(--gold);color:var(--nuit)}