/* ═══════════════════════════════════════════════════════════
   KISWA v2.0 — «كِسوة» إيديتوريال نيو-بروتاليزم
   عظمي × حبر صلب × ناري — حدود 2px وظلال مزاحة، لا يشبه أحداً
   ═══════════════════════════════════════════════════════════ */
:root, [data-skin="trade"]{
  --ink:#141414; --bone:#f2efe9; --bone2:#ffffff; --fire:#e8490f;
  --accent:var(--fire); --on-accent:#fff;
  --surface-l:var(--bone); --surface-l2:var(--bone2);
  --on-light:var(--ink); --on-light-mut:#5c5850;
  --surface-d:var(--ink); --surface-d2:#1e1e1e;
  --on-dark:var(--bone); --on-dark-mut:#a9a49a;
  --tint:rgba(232,73,15,.07);
  --line-l:#141414; --line-d:rgba(242,239,233,.2);
  --r-sm:2px; --r-md:2px; --r-lg:4px; --r-pill:2px;
  --sh-md:6px 6px 0 var(--ink);
  --sh-lg:10px 10px 0 var(--ink);
}
body{background:var(--bone);color:var(--ink)}
::selection{background:var(--ink);color:var(--bone)}
h1,h2,h3,h4{font-family:'Changa','Tajawal',sans-serif;font-weight:800}

.st-head{margin-bottom:50px}
.st-head h2{font-size:clamp(30px,5vw,58px);letter-spacing:-.01em;line-height:1.15}
.st-eyebrow{color:var(--fire);background:var(--ink);color:var(--bone);
  padding:5px 14px;display:inline-block;font-size:11px;letter-spacing:.16em}
.st-line{height:4px;background:var(--ink);width:70px}
.st-head p{color:var(--on-light-mut)}

.st-btn{background:var(--ink);color:var(--bone);border:2px solid var(--ink);
  border-radius:2px;padding:14px 32px;font-weight:900;box-shadow:5px 5px 0 var(--fire);
  transition:all .18s}
.st-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--fire)}
.st-btn-ghost,.st-btn-line{background:var(--bone2);border:2px solid var(--ink);color:var(--ink);
  border-radius:2px;box-shadow:5px 5px 0 rgba(20,20,20,.18)}
.st-btn-ghost:hover,.st-btn-line:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(20,20,20,.25)}

.st-abar-primary{background:var(--ink);color:var(--bone)}
.st-abar-primary .st-abar-tk i{color:var(--fire)}
.st-nav,.st-nav-split{background:var(--bone);border-bottom:2px solid var(--ink)}
.st-nav-split .st-nav-bd{font-family:'Changa';font-size:24px;font-weight:800;letter-spacing:.06em}
.st-nav-split .side a{color:var(--ink);font-weight:900;border-bottom:2px solid transparent}
.st-nav-split .side a:hover{border-bottom-color:var(--fire);color:var(--fire)}
.st-shoplinks{background:var(--bone2);border-bottom:2px solid var(--ink)}
.st-shoplinks a{color:var(--ink);font-weight:900}
.st-shoplinks a:hover{color:var(--fire);border-bottom-color:var(--fire)}

.st-slider{min-height:min(86vh,700px);border-bottom:2px solid var(--ink)}
.st-slide.on .bgz{animation:ks-zoom 8s ease-out forwards}
@keyframes ks-zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
.st-slide-ov{background:linear-gradient(180deg,rgba(20,20,20,.2),rgba(20,20,20,.15) 40%,rgba(20,20,20,.78))}
.st-slide-in h1{font-family:'Changa';font-weight:800;font-size:clamp(36px,7vw,86px);
  color:#fff;line-height:1.08;text-shadow:4px 4px 0 rgba(20,20,20,.6)}
.st-slide-in p{color:rgba(255,255,255,.92);max-width:600px;font-size:15.5px;font-weight:700}
.st-slide-in .st-btn{background:var(--fire);border-color:var(--fire);box-shadow:5px 5px 0 #fff;color:#fff}
.st-slide-in .st-btn:hover{box-shadow:8px 8px 0 #fff}
.st-slide.on .st-slide-in h1{animation:ks-up .8s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in p{animation:ks-up .8s .12s cubic-bezier(.2,.7,.2,1) both}
.st-slide.on .st-slide-in .st-btn{animation:ks-up .8s .24s cubic-bezier(.2,.7,.2,1) both}
@keyframes ks-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.st-dot{background:rgba(255,255,255,.5);border-radius:0;width:22px;height:4px}
.st-dot.on{background:var(--fire)}
.st-arr{background:#fff;border:2px solid var(--ink);color:var(--ink);border-radius:2px}
.st-arr:hover{background:var(--fire);border-color:var(--fire);color:#fff}

.st-fstrip{border-block:2px solid var(--ink)}
.st-fstrip .fs+.fs::before{background:var(--ink);width:2px}
.st-fstrip i{color:var(--fire)}
.st-fstrip b{font-family:'Changa';font-size:16px}
.st-fstrip p{color:var(--on-light-mut)}

.st-pbtq .pb3{color:var(--ink)}
.st-pbtq .im{background:var(--bone2);border:2px solid var(--ink);border-radius:2px;
  box-shadow:6px 6px 0 rgba(20,20,20,.14);transition:all .2s}
.st-pbtq .pb3:hover .im{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--fire)}
.st-pbtq .im .of{background:var(--fire);color:#fff;border-radius:0}
.st-pbtq b{font-family:'Changa';font-size:15px}
.st-pbtq small{color:var(--on-light-mut)}
.st-pbtq em{color:var(--ink);font-size:15.5px}
.st-pbtq em del{color:var(--on-light-mut)}

.st-person .ph img{filter:contrast(1.08);border-radius:2px;border:2px solid var(--ink);
  box-shadow:10px 10px 0 var(--fire)}
.st-person .ph .fr{display:none}
.st-person .tx h2{font-family:'Changa';font-size:clamp(28px,3.8vw,46px)}
.st-person .role{color:var(--fire)}
.st-person blockquote{border-inline-start:4px solid var(--ink);font-family:'Changa';
  font-weight:700;font-size:clamp(17px,2.2vw,23px)}
.st-person p{color:var(--on-light-mut)}
.st-person .sign{color:var(--fire)}

.st-brands{border-block:2px solid var(--ink);padding-block:18px;background:var(--bone2)}
.st-brands .bx b{color:var(--ink);font-family:'Changa';font-size:26px;font-weight:800;
  letter-spacing:.14em;opacity:1;filter:none}
.st-brands .bx:nth-child(even) b{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.st-brands .bx:hover b{color:var(--fire);-webkit-text-stroke:0}

.st-band{border-block:2px solid var(--ink)}
.st-band-ov{background:rgba(20,20,20,.82)}
.st-band .bs b{color:#fff;font-family:'Changa'}
.st-band .bs span{color:rgba(255,255,255,.75)}
.st-band .bs+.bs{border-color:rgba(255,255,255,.3)}
.st-gsq .gq{border-radius:2px;border:2px solid var(--ink)}
.st-gsq .gq:hover{box-shadow:6px 6px 0 var(--fire)}
.st-gsq .gq i{background:rgba(232,73,15,.55)}

.st-twall .tw{background:var(--bone2);border:2px solid var(--ink);border-radius:2px;box-shadow:5px 5px 0 rgba(20,20,20,.12)}
.st-twall .tw:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--fire);border-color:var(--ink)}
.st-twall .strs,.st-twall-hd .strs{color:var(--fire)}
.st-twall-hd .score>b{font-family:'Changa'}

.st-faq-cards .fqc{background:var(--bone2);border:2px solid var(--ink);border-radius:2px;box-shadow:5px 5px 0 rgba(20,20,20,.12)}
.st-faq-cards .fqc:hover{transform:translate(-2px,-4px);box-shadow:8px 8px 0 var(--fire);border-color:var(--ink)}
.st-faq-cards .n{color:rgba(232,73,15,.16)}
.st-faq-cards b{font-family:'Changa'}

.st-ctap{background:var(--ink);border-radius:4px;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--fire)}
.st-ctap .glow{display:none}
.st-ctap h2{font-family:'Changa';color:var(--bone);font-size:clamp(26px,4vw,44px)}
.st-ctap p{color:var(--on-dark-mut)}
.st-ctap .st-btn{background:var(--fire);border-color:var(--fire);box-shadow:5px 5px 0 var(--bone)}

.st-foot{background:var(--ink);border-top:4px solid var(--fire)}
.st-foot h4{color:var(--bone);font-family:'Changa';font-size:17px}
.st-foot p,.st-foot ul a,.st-foot-ct li{color:var(--on-dark-mut)}
.st-foot ul a:hover{color:var(--fire)}
.st-foot-soc a{background:transparent;border:2px solid rgba(242,239,233,.3);border-radius:2px;color:var(--bone)}
.st-foot-soc a:hover{background:var(--fire);border-color:var(--fire)}
.st-footer{background:#0c0c0c;color:#8b8478}
.st-footer .nm{color:var(--fire)}
.st-paybar{background:#0c0c0c;border-top:1px solid rgba(242,239,233,.15)}
.st-paybar .px span{border-radius:2px}

.st-page-head h1{font-family:'Changa'}
.st-back{background:var(--bone2);border:2px solid var(--ink);color:var(--ink);border-radius:2px}
.st-back:hover{background:var(--ink);color:var(--bone)}
.rp-card,.ci,.sv-card,.dr-card,.st-pd-rel .rc,.acc-hd,.acc-box{background:var(--bone2);border:2px solid var(--ink);border-radius:2px}
.st-pcard{background:var(--bone2);border:2px solid var(--ink);border-radius:2px}
.st-pcard:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--fire);border-color:var(--ink)}
.st-pcard .price{color:var(--ink)}
.st-pcard .qadd{background:var(--fire);border-radius:2px}
.st-form input,.st-form textarea,.st-form select{background:var(--bone2);border:2px solid var(--ink);border-radius:2px;color:var(--ink)}
.st-catbar .im{border:2px solid var(--ink);background:var(--bone2)}
.st-catbar .cb.on .im{border-color:var(--fire);box-shadow:4px 4px 0 var(--fire)}
.st-cattb{background:var(--bone2);border:2px solid var(--ink);border-radius:2px}
.st-cattb .srt a.on{background:var(--ink);color:var(--bone);border-color:var(--ink)}
.pd-acc details{background:var(--bone2);border:2px solid var(--ink);border-radius:2px}
.pd-acc details[open]{border-color:var(--fire)}
.st-pd-bar{background:var(--bone2);border-top:2px solid var(--ink)}