/* ═══════════════════════════════════════════════════════════════
   GLOW v2.0 — بناء فني من الصفر 💗
   كل قسم (#products #brands #jr-occ #gallery #person …) له معالجته
   الخاصة: خلفيات متناوبة مصممة، نصوص شبحية، إيقاع بصري متعمد.
   ═══════════════════════════════════════════════════════════════ */
:root{--pk:#e84393;--pk2:#fd79a8;--vi:#a55eea;--ink:#241436;
 --glowg:linear-gradient(135deg,#e84393,#a55eea);
 --glowg2:linear-gradient(135deg,#fd79a8,#e84393 45%,#8e44ad)}
h1,h2,h3,h4{font-family:'Almarai','Tajawal',sans-serif;font-weight:800}
body{background:#fffbfd}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(560px 400px at 90% -80px,rgba(232,67,147,.12),transparent 70%),
            radial-gradient(460px 400px at 2% 40%,rgba(165,94,234,.09),transparent 70%)}
::selection{background:var(--pk);color:#fff}

/* ── نظام العناوين: نص شبحي خاص بكل قسم ── */
.st-head{margin-bottom:52px;position:relative}
.st-head::before{position:absolute;inset-inline-start:50%;transform:translateX(50%);top:-34px;
 font-size:clamp(64px,11vw,120px);font-weight:900;letter-spacing:.04em;line-height:1;
 color:transparent;-webkit-text-stroke:1.5px rgba(232,67,147,.1);pointer-events:none;white-space:nowrap}
#products .st-head::before{content:'NEW IN'}
#jr-occ .st-head::before{content:'YOUR LOOK'}
#gallery .st-head::before{content:'#GLOW'}
#person .st-head::before{content:'EXPERT'}
#reviews .st-head::before,#testimonials .st-head::before{content:'LOVE'}
#faq .st-head::before{content:'ASK US'}
.st-head h2{font-size:clamp(28px,4.6vw,48px);position:relative}
.st-eyebrow{background:var(--glowg);-webkit-background-clip:text;background-clip:text;color:transparent;
 font-size:12px;font-weight:900;letter-spacing:.14em;position:relative}
.st-line{background:var(--glowg);height:5px;border-radius:99px;width:74px;position:relative}
.st-line::after{content:'✦';position:absolute;inset-inline-end:-22px;top:-9px;color:var(--vi);font-size:13px}
.st-head p{color:#7a6d8a}

/* ── إيقاع الأقسام: خلفيات مصممة قسماً قسماً ── */
#brands{padding-block:26px;background:#fff;border-block:1px solid rgba(232,67,147,.1)}
#jr-occ{background:linear-gradient(180deg,#fff5f9,#fdeef5);border-block:1px solid rgba(232,67,147,.12)}
#gallery{background:#241436}
#gallery .st-head h2{color:#fff}
#gallery .st-head p{color:#b8a6cf}
#gallery .st-head::before{-webkit-text-stroke-color:rgba(253,121,168,.14)}
#person{background:linear-gradient(180deg,#fff,#faf5ff)}
#payments{padding-block:34px}

/* ── أزرار بلمعة تمر ── */
.st-btn{background:var(--glowg);border-radius:99px;padding:14px 32px;font-weight:900;
 box-shadow:0 14px 36px rgba(232,67,147,.35);position:relative;overflow:hidden}
.st-btn::after{content:'';position:absolute;top:0;bottom:0;width:40%;left:-60%;
 background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .5s}
.st-btn:hover::after{left:130%}
.st-btn:hover{box-shadow:0 18px 50px rgba(232,67,147,.5);transform:translateY(-2px)}
.st-btn-ghost,.st-btn-line{border:2px solid var(--pk);color:#d6336c;border-radius:99px;background:#fff}
.st-btn-ghost:hover,.st-btn-line:hover{background:rgba(232,67,147,.06)}

/* ── إعلان + هيدر ── */
.st-abar-primary{background:var(--ink);color:#f3d9e6}
.st-abar-primary .st-abar-tk i{color:var(--pk2)}
.st-nav-mega{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,67,147,.14)}
.st-nav-mega .st-nav-bd{background:var(--glowg);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;font-size:22px}
.st-nav-mega .srch{border-color:rgba(232,67,147,.25)}
.st-nav-mega .srch:focus-within{border-color:var(--pk);box-shadow:0 0 0 4px rgba(232,67,147,.1)}
.st-nav-mega .srch button{background:var(--glowg)}
.st-nav-mega .acts a:hover{border-color:var(--pk);color:var(--pk)}
.st-shoplinks{background:rgba(255,255,255,.92)}
.st-shoplinks a:hover{color:var(--pk);border-bottom-color:var(--pk)}

/* ── هيرو: بطاقة زجاجية بشارة نابضة ── */
.st-slider{min-height:min(84vh,680px)}
.st-slide.on .bgz{animation:gl-zoom 8s ease-out forwards}
@keyframes gl-zoom{from{transform:scale(1.07)}to{transform:scale(1.01)}}
.st-slide-ov{background:linear-gradient(200deg,rgba(36,20,54,.12),rgba(36,20,54,.22) 45%,rgba(36,20,54,.78))}
.st-slide-in{background:rgba(255,255,255,.1);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.28);
 border-radius:28px;padding:36px 38px;max-width:620px;position:relative}
.st-slide-in::before{content:'✨ أصلي 100%';position:absolute;top:-16px;inset-inline-start:28px;
 background:#fff;color:#d6336c;font-size:11.5px;font-weight:900;padding:8px 18px;border-radius:99px;
 box-shadow:0 10px 26px rgba(232,67,147,.3);animation:gl-float 3s ease-in-out infinite}
@keyframes gl-float{50%{transform:translateY(-6px)}}
.st-slide-in h1{font-size:clamp(28px,4.8vw,52px);text-shadow:0 4px 24px rgba(36,20,54,.45)}
.st-slide-in p{color:rgba(255,255,255,.95)}
.st-slide-in .st-btn{background:#fff;color:#d6336c}
.st-slide.on .st-slide-in{animation:gl-pop .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes gl-pop{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.st-dot.on{background:var(--pk2);box-shadow:0 0 12px rgba(253,121,168,.8)}
.st-arr:hover{background:var(--pk)}

/* ── #products: أوفرلاي وردي ── */
.st-povl{gap:18px}
.st-povl .pv3{border-radius:24px;border:0;box-shadow:0 14px 40px rgba(36,20,54,.12)}
.st-povl .pv3:hover{box-shadow:0 24px 60px rgba(232,67,147,.25)}
.st-povl .of{background:#fff;color:#d6336c;border-radius:99px}
.st-povl .ov{background:linear-gradient(180deg,transparent 30%,rgba(36,20,54,.88))}
.st-povl .ov em{color:var(--pk2)}
.st-povl .go{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:99px}

/* ── #brands: ماركيه متدرج ── */
.st-brands .bx b{font-size:22px;letter-spacing:.18em;background:var(--glowg);
 -webkit-background-clip:text;background-clip:text;color:transparent;opacity:.5;filter:none}
.st-brands .bx:hover b{opacity:1}

/* ── #jr-occ: منتقي اللوك ── */
.jr-occ .oc{background:#fff;border:1.5px solid rgba(232,67,147,.15);border-radius:20px;transition:all .25s}
.jr-occ .oc:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(232,67,147,.16)}
.jr-occ .oc.on{border-color:var(--pk);background:#fff;box-shadow:0 16px 40px rgba(232,67,147,.22)}
.jr-bud .bd.on{background:var(--glowg);border-color:transparent}
.jr-sugg{background:#fff;border:1.5px dashed var(--pk);border-radius:22px}
.jr-sugg .st-btn{padding:12px 26px}

/* ── سبوتلايت بفقاعات ── */
.st-spot{background:linear-gradient(135deg,var(--ink),#5b2a72);border-radius:32px;position:relative;overflow:hidden}
.st-spot::before,.st-spot::after{content:'';position:absolute;border-radius:50%}
.st-spot::before{width:340px;height:340px;top:-120px;inset-inline-end:-100px;
 background:radial-gradient(circle,rgba(253,121,168,.35),transparent 70%)}
.st-spot::after{width:200px;height:200px;bottom:-70px;inset-inline-start:-50px;
 background:radial-gradient(circle,rgba(165,94,234,.3),transparent 70%)}
.st-spot-price b{color:var(--pk2)}
.st-spot .st-btn{background:#fff;color:#d6336c}

/* ── #gallery: مصفوفة داكنة، الأولى مزدوجة ── */
#gallery .st-gsq{grid-template-columns:repeat(4,1fr)}
#gallery .st-gsq .gq{border-radius:18px;border:1px solid rgba(253,121,168,.2)}
#gallery .st-gsq .gq:first-child{grid-column:span 2;grid-row:span 2}
#gallery .st-gsq .gq i{background:linear-gradient(135deg,rgba(232,67,147,.55),rgba(142,68,173,.55))}
@media (max-width:760px){#gallery .st-gsq{grid-template-columns:repeat(2,1fr)}}

/* ── #person: خبيرة قلو ── */
.st-person .ph img{border-radius:30px;filter:none}
.st-person .ph .fr{border-color:var(--pk);border-radius:30px;opacity:.45}
.st-person .role{color:#d6336c}
.st-person blockquote{border-color:var(--pk);font-size:clamp(17px,2.2vw,22px)}
.st-person .sign{color:#d6336c}

/* ── آراء بتينتات متناوبة ── */
.st-twall .tw{border-radius:22px;transition:all .25s}
.st-twall .tw:nth-child(odd){background:#fdf2f7;border-color:rgba(232,67,147,.2)}
.st-twall .tw:nth-child(even){background:#f7f2fb;border-color:rgba(142,68,173,.18)}
.st-twall .tw:hover{border-color:var(--pk);transform:translateY(-4px);box-shadow:0 16px 40px rgba(232,67,147,.14)}
.st-twall .strs,.st-twall-hd .strs{color:var(--pk)}
.st-twall-hd .score>b{background:var(--glowg);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ── محادثة الخبيرة ── */
.st-faq-chat .q span{background:#f7f2fb;border-color:rgba(142,68,173,.2);border-radius:20px 20px 20px 5px}
.st-faq-chat .a span{background:var(--glowg);border-radius:20px 20px 5px 20px}
.st-faq-chat .a i{color:var(--pk)}

/* ── دفع + CTA بفقاعات + فوتر ── */
.st-payblk{border-radius:22px;border-color:rgba(232,67,147,.15);background:#fff}
.st-payblk .px span:hover{border-color:var(--pk);color:#d6336c}
.st-ctap{background:linear-gradient(135deg,var(--ink),#5b2a72);border-radius:32px;position:relative;overflow:hidden}
.st-ctap::before,.st-ctap::after{content:'';position:absolute;border-radius:50%}
.st-ctap::before{width:240px;height:240px;background:radial-gradient(circle,rgba(253,121,168,.4),transparent 70%);top:-80px;inset-inline-start:-60px}
.st-ctap::after{width:190px;height:190px;background:radial-gradient(circle,rgba(165,94,234,.35),transparent 70%);bottom:-60px;inset-inline-end:-40px}
.st-ctap .glow{display:none}
.st-ctap .st-btn{background:#fff;color:#d6336c}
.st-foot{background:var(--ink)}
.st-foot::before{content:'';display:block;height:5px;margin-bottom:34px;background:var(--glowg2);border-radius:99px}
.st-foot h4{color:var(--pk2)}
.st-foot ul a:hover{color:var(--pk2)}
.st-foot-soc a:hover{background:var(--glowg);border-color:transparent}
.st-footer{background:#190d28;color:#a48fb8}
.st-footer .nm{color:var(--pk2)}
.st-paybar .lb i{color:var(--pk2)}

/* ── صفحات المتجر الداخلية بهوية قلو كاملة ── */
.st-pcard{border-radius:22px;border-color:rgba(232,67,147,.12)}
.st-pcard:hover{border-color:var(--pk);box-shadow:0 22px 55px rgba(232,67,147,.18)}
.st-pcard .qadd{background:var(--glowg)}
.st-pcard .price{background:var(--glowg);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-catbar .cb.on .im{border-color:var(--pk);box-shadow:0 8px 22px rgba(232,67,147,.35)}
.st-cattb{border-radius:18px}
.st-cattb .srt a.on{background:rgba(232,67,147,.08);color:#d6336c;border-color:var(--pk)}
.st-side .fx{border-radius:18px}
.st-side li.on a{color:#d6336c}
.st-side .tgl.on{border-color:var(--pk);color:#d6336c}
.prc-f button{background:var(--glowg)}
.st-chips a{border-color:var(--pk);color:#d6336c;background:rgba(232,67,147,.07)}
.st-pgn .on{background:var(--glowg);border-color:transparent}
.st-pgn a:hover{border-color:var(--pk);color:#d6336c}
.pd-cat{background:rgba(232,67,147,.08);color:#d6336c}
.pd-rate .strs{color:var(--pk)}
.pd-qty .stp button{color:#d6336c}
.pd-acc details[open]{border-color:var(--pk)}
.st-pd-bar .pr b{color:#d6336c}
.acc-hd .av{background:var(--glowg)}

/* هيدر mega v2 بهوية قلو */
.st-nav-mega .srch button{background:var(--glowg)}
.st-nav-mega .acts .st-cart-n{background:var(--glowg)}
.st-nav-mega .acts .ac:hover .ic{border-color:var(--pk);color:var(--pk)}
.st-shoplinks .cl.on{background:rgba(232,67,147,.08);color:#d6336c;border-color:var(--pk)}
.st-shoplinks .cl:hover{background:rgba(232,67,147,.06)}
.st-shoplinks .cl img{border:1.5px solid rgba(232,67,147,.3)}

/* ═══ GLOW FINAL PASS v2.1 — الجولة الشاملة الختامية ═══ */

/* 1) صف الفئات: أرضية صلبة لا تطفو على السلايدر */
.st-shoplinks{background:#fff;border-bottom:1px solid rgba(232,67,147,.14);box-shadow:0 6px 18px rgba(36,20,54,.05)}
.st-nav-mega{background:#fff}

/* 2) فسيفساء الأقسام (تحت الهيرو — نمط نايس ون) */
#mosaic{padding-top:44px}
.st-cmos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.st-cmos .cm{position:relative;border-radius:22px;overflow:hidden;min-height:190px;display:block;
  border:1.5px solid rgba(232,67,147,.12);transition:all .25s}
.st-cmos .cm.big{grid-row:span 2;min-height:396px}
.st-cmos .cm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.st-cmos .cm:hover img{transform:scale(1.06)}
.st-cmos .cm::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(36,20,54,.82))}
.st-cmos .cm:hover{border-color:var(--pk);box-shadow:0 20px 50px rgba(232,67,147,.22)}
.st-cmos .cm b{position:absolute;z-index:2;bottom:16px;inset-inline-start:18px;color:#fff;font-size:16.5px;font-weight:900}
.st-cmos .cm small{position:absolute;z-index:2;bottom:42px;inset-inline-start:18px;color:rgba(255,255,255,.85);font-size:11.5px;font-weight:800}
.st-cmos .cm i{position:absolute;z-index:2;bottom:16px;inset-inline-end:16px;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:12px;transition:all .2s}
.st-cmos .cm:hover i{background:var(--glowg)}
@media (max-width:820px){.st-cmos{grid-template-columns:repeat(2,1fr)}.st-cmos .cm{min-height:150px}.st-cmos .cm.big{grid-row:span 1;min-height:150px}}

/* 3) السلايدر: ضبط نهائي */
.st-slider{min-height:min(78vh,620px)}
.st-slide-in{margin-bottom:14px}
@media (max-width:700px){.st-slider{min-height:520px}.st-slide-in{padding:26px 24px;border-radius:22px}.st-slide-in::before{font-size:10.5px;padding:7px 14px}}

/* 4) الصفحات الداخلية كاملة بهوية قلو */
.st-page-head h1{background:var(--glowg);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content;max-width:100%}
.st-back{border-radius:14px}
.st-back:hover{border-color:var(--pk);color:#d6336c}
.st-form input:focus,.st-form textarea:focus,.st-form select:focus{border-color:var(--pk);box-shadow:0 0 0 4px rgba(232,67,147,.1)}
.st-form .st-btn{width:100%}
.acc-box,.acc-hd,.rp-card{border-radius:22px;border-color:rgba(232,67,147,.14)}
.acc-alt a{color:#d6336c}
.acc-orders .ord .r2 i,.acc-orders .ord .r2 em{color:#d6336c}
.st-cart-tb{border-radius:22px}
.st-cart-tb .rm:hover{color:var(--pk)}
.st-cart-sum{border-radius:22px;border-color:rgba(232,67,147,.16)}
.st-cart-sum .tot b{background:var(--glowg);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-empty i{background:var(--glowg);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-empty a{color:#d6336c}
.cn-card{border-radius:22px}
.cn-card .ic{background:var(--glowg)}
.st-pd-rel .rc{border-radius:20px}
.st-pd-rel .rc:hover{border-color:var(--pk)}
.st-pd-trust span i{color:var(--pk)}
.pd-meta .mo{border-radius:12px}
.ev-tks .tk:has(input:checked){border-color:var(--pk);background:rgba(232,67,147,.06)}
.ev-qty .stp button{color:#d6336c}

/* 5) لمسات ختامية عامة */
.st-sec{scroll-margin-top:120px}
#payments .st-payblk{box-shadow:0 14px 40px rgba(36,20,54,.06)}
.st-abar-tk b{color:#fd79a8}
@media (max-width:700px){
  .st-head{margin-bottom:36px}
  .st-head::before{font-size:52px;top:-22px}
  .st-spot,.st-ctap{border-radius:24px}
}