/* مظهر «ليل بابل» (theme.skin = night): بنفسجي عميق + زجاج + توهّج. يُحمَّل بعد site.css فقط عند اختياره؛ الرجوع للكلاسيكي بتغيير الخيار. */
body.skin-night{--brand:#a66bff;--brand-strong:#8f4dff;--soft:rgba(166,107,255,.15);--surface:rgba(255,255,255,.06);--line:rgba(190,160,255,.18);--ink:#f3eeff;--dim:#aba1c9;--navy:#07030f;--navy2:#120a26;--bg:#0b0618;--card:#140c2b;--sale:#ff4d85;--success:#35d39a;--ann-bg:linear-gradient(90deg,#3b1a85,#6d28d9 50%,#3b1a85);--ann-fg:#fff;
 --nfield:rgba(255,255,255,.07);--nglass:rgba(255,255,255,.05);--grad:linear-gradient(135deg,#8b3dff,#c06bff);--neon:0 0 0 1px rgba(166,107,255,.35),0 12px 40px -10px rgba(139,61,255,.7);--sh1:0 1px 2px rgba(0,0,0,.4),0 10px 26px -14px rgba(0,0,0,.7);--sh2:0 2px 6px rgba(0,0,0,.4),0 24px 48px -20px rgba(139,61,255,.55);
 background:#0b0618;color:var(--ink);color-scheme:dark;position:relative}
body.skin-night::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(640px 420px at 88% -6%,rgba(139,61,255,.42),transparent 70%),
 radial-gradient(520px 380px at 6% 38%,rgba(77,31,170,.42),transparent 70%),
 radial-gradient(520px 320px at 60% 105%,rgba(192,107,255,.2),transparent 70%)}
.skin-night ::selection{background:rgba(166,107,255,.5);color:#fff}
/* الشريط والهيدر */
.skin-night .hd::before{background:rgba(11,6,24,.74);backdrop-filter:saturate(1.6) blur(18px);-webkit-backdrop-filter:saturate(1.6) blur(18px)}
.skin-night .hd.scrolled{border-color:var(--line);box-shadow:0 14px 30px -22px #000}
.skin-night .brand{font-weight:800;color:#fff}
.skin-night .brand-img{background:#fff;border-color:var(--line)}
.skin-night .nav a{color:#d9cdf7;font-weight:500}
.skin-night .nav a:hover,.skin-night .nav a[aria-current]{background:rgba(166,107,255,.18);color:#fff}
.skin-night .nav .sub,.skin-night .sug,.skin-night .combo-list{background:#150c2c;border-color:var(--line);box-shadow:0 30px 60px -20px #000}
.skin-night .sug a:hover,.skin-night .sug a[aria-selected=true],.skin-night .sub a:hover,.skin-night .combo-list li:hover,.skin-night .combo-list li.hi{background:rgba(166,107,255,.16)}
.skin-night .sbox input,.skin-night .f input,.skin-night .f select,.skin-night .f textarea,.skin-night .pr input,.skin-night .tb-s select,.skin-night .rvw-bar select,.skin-night .rvp-fld select,.skin-night .verify .row input,.skin-night .tpanel textarea,.skin-night .combo input,.skin-night .tinv-f input[name=phone4]{background-color:var(--nfield);border-color:var(--line);color:#fff}
.skin-night .sbox input::placeholder,.skin-night .f input::placeholder,.skin-night .f textarea::placeholder{color:#8f84b3}
.skin-night .sbox input:focus,.skin-night .f input:focus,.skin-night .f select:focus,.skin-night .f textarea:focus{background-color:rgba(255,255,255,.1);border-color:var(--brand);box-shadow:0 0 0 4px rgba(166,107,255,.22)}
.skin-night .f select option{background:#150c2c;color:#fff}
.skin-night .ib{color:#e8defc}.skin-night .ib:hover{background:rgba(166,107,255,.18)}
.skin-night .cnt{background:var(--grad)}
.skin-night .lang-sw{background:var(--nglass);color:#e4d8ff}.skin-night .lang-sw:hover{background:var(--grad);color:#fff}
.skin-night .scrim{background:rgba(5,2,12,.7)}
/* أزرار */
.skin-night .btn-pri{background:var(--grad);box-shadow:var(--neon);border:0;color:#fff}
.skin-night .btn-pri:hover:not([disabled]){background:linear-gradient(135deg,#9a55ff,#d27bff);box-shadow:0 0 0 1px rgba(210,123,255,.6),0 16px 50px -8px rgba(166,107,255,.9)}
.skin-night .btn-ghost,.skin-night .btn-light{background:var(--nglass);border:1px solid var(--line);color:#fff}
.skin-night .btn-ghost:hover,.skin-night .btn-light:hover{border-color:#c9a7ff;background:rgba(255,255,255,.1)}
.skin-night .btn-dark{background:rgba(255,255,255,.12);color:#fff}.skin-night .btn-dark:hover:not([disabled]){background:rgba(255,255,255,.2)}
.skin-night .more{background:var(--nglass);color:#e4d8ff;border:1px solid var(--line)}
.skin-night .more:hover,.skin-night .car-btn:hover{background:var(--grad);color:#fff}
.skin-night .car-btn{background:#1a1036;color:#fff;border:1px solid var(--line)}
/* الهيرو */
.skin-night .hero-card{border-radius:44px;border:1px solid var(--line);background:
 radial-gradient(560px 380px at 100% 0%,rgba(166,107,255,.38),transparent 68%),
 radial-gradient(420px 320px at 0% 100%,rgba(90,40,200,.35),transparent 70%),
 linear-gradient(160deg,#160c30,#0d0720);box-shadow:0 50px 90px -50px rgba(139,61,255,.75)}
.skin-night .eyebrow{background:rgba(166,107,255,.16);color:#e0ceff;box-shadow:0 0 0 1px rgba(166,107,255,.4) inset}
.skin-night .hero h1{color:#fff;font-weight:800;letter-spacing:-.02em}
.skin-night h1 em,.skin-night h2 em{font-style:normal;background:linear-gradient(120deg,#b98bff,#ff9bf0);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(185,139,255,.55))}
.skin-night .hero-sub{color:#c1b6df}
.skin-night .sc{background:rgba(255,255,255,.07);border:1px solid rgba(190,160,255,.25);backdrop-filter:blur(14px);box-shadow:0 30px 60px -26px rgba(0,0,0,.8)}
.skin-night .sc-1{box-shadow:0 0 0 1px rgba(166,107,255,.5),0 30px 70px -20px rgba(139,61,255,.8)}
.skin-night .sc-img,.skin-night .pc-media,.skin-night .gal-track,.skin-night .th,.skin-night .qv-img,.skin-night .line img,.skin-night .sug img,.skin-night .gal-empty,.skin-night .cat-img,.skin-night .hs-slide{background:#fff}
.skin-night .sc-t,.skin-night .sc-meta .sc-t{color:#bcb0dc}.skin-night .sc-meta b{color:#fff}
/* الثقة والعناوين */
.skin-night .trust li{background:var(--nglass);border:1px solid var(--line);backdrop-filter:blur(8px)}
.skin-night .trust b,.skin-night .sec-h h2{color:#fff}.skin-night .trust span,.skin-night .sec-h p{color:var(--dim)}
.skin-night .fi{background:var(--grad);color:#fff;box-shadow:0 0 18px rgba(166,107,255,.6)}
.skin-night .sec-h h2{font-weight:800}
.skin-night .sec-h h2::after{content:"";display:block;width:54px;height:4px;border-radius:4px;margin-top:8px;background:linear-gradient(90deg,#a66bff,#ff9bf0);box-shadow:0 0 14px rgba(166,107,255,.9)}
/* بطاقات المنتجات */
.skin-night .pc{background:linear-gradient(170deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:28px;backdrop-filter:blur(8px)}
.skin-night .pc:hover{box-shadow:0 0 0 1px rgba(166,107,255,.6),0 24px 50px -16px rgba(139,61,255,.7);border-color:transparent}
.skin-night .pc-media{margin:8px 8px 0;border-radius:22px}
.skin-night .pc-t,.skin-night .pc-t a{color:#efe8ff}.skin-night .price b{color:#fff}.skin-night .price s,.skin-night .price small{color:#8f84b3}
.skin-night .pc-add{background:var(--grad);box-shadow:0 0 16px rgba(166,107,255,.7)}.skin-night .pc-add:hover{background:linear-gradient(135deg,#9a55ff,#d27bff)}
.skin-night .pc-wish,.skin-night .gal-zoom,.skin-night .modal-x{background:rgba(20,12,43,.9);color:#fff;border:1px solid var(--line)}
.skin-night .pc-qv{background:rgba(20,12,43,.92);color:#fff}
.skin-night .bdg-sale{background:linear-gradient(135deg,#ff3d7a,#ff7aa6)}.skin-night .bdg-deal{background:linear-gradient(135deg,#7a35f0,#b66bff)}.skin-night .bdg-out{background:#3a2c63}
.skin-night .pc-badges{max-width:calc(100% - 66px)}.skin-night .bdg{white-space:normal;line-height:1.4;padding-block:3px}
/* الصفحات والبطاقات العامة */
.skin-night .card,.skin-night .faq details,.skin-night .doc,.skin-night .flt,.skin-night .pd-buy,.skin-night .pd-desc,.skin-night .pcard,.skin-night .pdet>div,.skin-night .thread li,.skin-night .signin,.skin-night .note,.skin-night .ck-sum,.skin-night .pay-ins,.skin-night .ok-code,.skin-night .verify,.skin-night .pm-o,.skin-night .popt,.skin-night .qty,.skin-night .vo,.skin-night .cpy,.skin-night .rvp-src,.skin-night .rvp-ei{background:var(--nglass);border-color:var(--line);color:var(--ink)}
.skin-night .pd-buy,.skin-night .card,.skin-night .doc,.skin-night .pd-desc,.skin-night .flt{backdrop-filter:blur(10px)}
.skin-night .vo[aria-checked=true],.skin-night .catl a[aria-current]{background:var(--grad);border-color:transparent;color:#fff}
.skin-night .qty button{color:#fff}.skin-night .qty input{background:transparent;color:#fff}
.skin-night .pill,.skin-night .pd-cat{background:var(--soft);color:#dccbff}
.skin-night .free{background:var(--nglass)}.skin-night .free progress::-webkit-progress-bar{background:rgba(255,255,255,.1)}
.skin-night .tl li .dot{background:#150c2c;border-color:var(--line)}.skin-night .tl li.done .dot,.skin-night .tl li.done::before,.skin-night .pnum,.skin-night .rvf-rm{background:var(--grad);border-color:transparent;color:#fff}
.skin-night .tnote{background:rgba(255,255,255,.06);color:#e6dcfb}.skin-night .tnote.bad{background:rgba(255,77,133,.16);color:#ffb3cb}.skin-night .tnote.ok{background:rgba(53,211,154,.15);color:#8ff0cb}.skin-night .tnote.wait{background:rgba(255,184,77,.15);color:#ffd9a0}.skin-night .tnote.info{background:var(--soft);color:#dccbff}
.skin-night .prose p,.skin-night .plist li,.skin-night .copy{color:#c4b9e0}
.skin-night .catl a:hover{background:rgba(166,107,255,.14)}
.skin-night .pinfo{background:#150c2c;color:#dccbff;border-color:var(--dim)}.skin-night .pinfo:hover,.skin-night .pinfo[aria-expanded="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
/* درج السلة والنوافذ */
.skin-night .drawer,.skin-night .df,.skin-night .modal-in{background:#120a26;color:var(--ink);border-color:var(--line)}
.skin-night .df{border-top-color:var(--line)}
.skin-night .modal{background:rgba(5,2,12,.78)}
.skin-night .toast{background:#251648;border:1px solid rgba(166,107,255,.5);color:#fff}.skin-night .toast .i{color:#c9a7ff}
@media (max-width:900px){.skin-night .sbox{background:#0b0618;border-color:var(--line)}.skin-night .nav{background:#0f0722;border-inline-start:1px solid var(--line)}}
/* التقييمات */
.skin-night .rvc,.skin-night .rvi-reply,.skin-night .rvw-bars{background:var(--nglass);border:1px solid var(--line);color:#e6dcfb}
.skin-night .rvw-bars progress,.skin-night .rvw-bars progress::-webkit-progress-bar{background:rgba(255,255,255,.1)}
.skin-night .rvf-stars label{color:#5f5480}.skin-night .rvf-stars label.on{color:#ffc94d}
/* الدردشة وواتساب */
.skin-night .chat{background:#120a26;border:1px solid var(--line);color:#e6dcfb}
.skin-night .chat-in,.skin-night .chat-f,.skin-night .rec-bar{background:#150c2c}
.skin-night .cb-in{background:#241647;color:#efe8ff;box-shadow:none}
.skin-night .chat-fab{background:var(--grad);box-shadow:var(--neon)}
.skin-night .wa-float{box-shadow:0 0 0 1px rgba(53,211,154,.4),0 12px 30px -10px rgba(15,122,64,.8)}
/* الفوتر */
.skin-night .ft{background:linear-gradient(180deg,#0b0618,#05020c);border-top:1px solid var(--line);border-radius:44px 44px 0 0;color:#b8add6}
.skin-night .ft-badges li{background:var(--nglass);border-color:var(--line)}
.skin-night .ft a:hover{color:#fff}
/* عناصر تحتفظ بلونها (شعارات/QR/بطاقات الدفع) */
.skin-night .popt .plogo,.skin-night .lh-img img,.skin-night .wp-logo,.skin-night .pc-q{background:#fff}
/* ---------- أيقونات الأقسام: بطاقة زجاجية + كرة بحلقة متوهّجة + عدّاد كبسولة ---------- */
.skin-night .cats{gap:20px 18px}
.skin-night .cat{position:relative;isolation:isolate;overflow:hidden;gap:0;padding:20px 10px 16px;border-radius:30px;border:1px solid var(--line);background:linear-gradient(175deg,rgba(255,255,255,.09),rgba(255,255,255,.025));transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.skin-night .cat::before{content:"";position:absolute;z-index:-1;inset:-30% -10% auto;height:75%;background:radial-gradient(closest-side,rgba(166,107,255,.38),transparent 75%);opacity:.7;transition:opacity .35s,transform .5s var(--ease)}
.skin-night .cat::after{content:"";position:absolute;z-index:-1;inset-inline:0;bottom:0;height:3px;background:linear-gradient(90deg,transparent,#a66bff,#ff9bf0,transparent);opacity:0;transition:opacity .35s}
.skin-night .cat:hover{transform:translateY(-8px);border-color:rgba(190,150,255,.55);box-shadow:0 0 0 1px rgba(166,107,255,.35),0 26px 50px -18px rgba(139,61,255,.85)}
.skin-night .cat:hover::before{opacity:1;transform:scale(1.15)}
.skin-night .cat:hover::after{opacity:1}
.skin-night .cat-img{width:82%;margin:0 auto 12px;padding:4px;border:0;border-radius:50%;overflow:visible;background:conic-gradient(from 200deg,#8b3dff,#ff9bf0 28%,#6d28d9 55%,#c06bff 80%,#8b3dff);box-shadow:0 0 0 7px rgba(166,107,255,.12),0 16px 32px -10px rgba(139,61,255,.9);position:relative}
.skin-night .cat-img::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgba(190,150,255,.35);transition:transform 1.2s var(--ease),border-color .3s}
.skin-night .cat:hover .cat-img::after{transform:rotate(180deg);border-color:rgba(255,155,240,.7)}
.skin-night .cat-i{border-radius:50%;background:#fff;border:3px solid #0d0720;box-sizing:border-box;transition:transform .5s var(--ease)}
.skin-night .cat:hover .cat-i{transform:scale(1.09) rotate(-3deg)}
.skin-night .cat b{color:#fff;font-size:15.5px;font-weight:700;margin-top:4px}
.skin-night .cat small{display:inline-block;margin-top:6px;padding:2px 12px;border-radius:999px;background:rgba(166,107,255,.18);color:#e0ceff;font-size:12px;font-weight:600;box-shadow:0 0 0 1px rgba(166,107,255,.3) inset}
@media (max-width:900px){.skin-night .cat{flex:0 0 118px;padding:16px 8px 13px;border-radius:26px}.skin-night .cat-img{width:80%}.skin-night .cat b{font-size:14px}.skin-night .cats{padding-top:14px;padding-bottom:16px}}
@media (prefers-reduced-motion:reduce){.skin-night .cat,.skin-night .cat-i,.skin-night .cat-img::after,.skin-night .cat::before{transition:none}}
.skin-night .cat b{min-height:2.7em;display:flex;align-items:center;justify-content:center;line-height:1.35}

/* الأيقونات دائرية تماماً على أي هاتف: قياس صريح + منع الانكماش */
.skin-night .cat-img{flex:none;height:auto;aspect-ratio:1/1;min-width:0}
.skin-night .cat-i{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;max-width:none}
@media (max-width:900px){.skin-night .cat-img{width:84px;height:84px;aspect-ratio:auto;margin-inline:auto}}
/* شارة «اشترِ N أو أكثر» تحت الصورة */
.skin-night .pc-deal .bdg-deal{border-radius:12px;line-height:1.4;padding:5px 8px;box-shadow:0 6px 14px -8px rgba(90,30,200,.8)}
