/* Liquid Glass على طريقة Apple لكل صفحات تشجيعة
   - الزجاج شفاف فعلاً (تعتيم 6-14%)، والألوان اللي وراه بتبان وبتنكسر عند الحواف.
   - الحافة بتلمع من فوق وعلى الشمال (الضوء جاي من فوق)، وأخف تحت.
   - الأزرار كبسولات. الضغط بيصغّرها فوراً، والرجوع بحركة spring.
   - في Chrome و Edge فيه انكسار حقيقي للخلفية (SVG filter بيحطه site.js).
   site.js بيحط اللينك ده آخر الـ head عشان يغلب الستايلات القديمة. */

html:root{
  color-scheme:dark;
  --g-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Arabic","IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --g-text:#FFFFFF;--g-text2:rgba(255,255,255,.78);--g-muted:rgba(255,255,255,.58);
  --g-card:rgba(255,255,255,.075);--g-soft:rgba(255,255,255,.05);--g-line:rgba(255,255,255,.14);
  --g-tint:#FFB21E;--g-tint-t:#FFC94D;--g-ink:#1C1404;
  --g-blue:#64A8FF;--g-violet:#BF8CFF;--g-green:#30D158;--g-red:#FF6961;
  /* الحافة اللامعة: ضوء من فوق-يمين، ظل خفيف جوه من تحت */
  --g-rim:inset 1px 1px 0 rgba(255,255,255,.42),inset -1px -1px 0 rgba(255,255,255,.12),inset 0 0 0 .5px rgba(255,255,255,.22),inset 0 -10px 24px -14px rgba(255,255,255,.18);
  --g-lift:0 1px 1px rgba(0,0,0,.08),0 12px 36px -12px rgba(0,0,0,.45);
  --g-blur:blur(12px) saturate(180%);
  --g-fix:#FFFFFF;--g-fix2:rgba(255,255,255,.8);
  --g-sheet:rgba(30,32,52,.62);
  --g-spring:cubic-bezier(.22,1.2,.36,1);
  --g-ease:cubic-bezier(.25,1,.5,1);

  /* متغيرات الصفحات القديمة */
  --bg:rgba(8,10,24,.5);--wall:rgba(8,10,24,.5);
  --bg2:var(--g-card);--panel:var(--g-card);--card:var(--g-card);--panel2:var(--g-soft);
  --bg3:var(--g-soft);--soft:var(--g-soft);--row:var(--g-soft);
  --text:var(--g-text);--ink:var(--g-text);--text2:var(--g-text2);--ink2:var(--g-text2);--muted:var(--g-muted);
  --line:var(--g-line);--line2:rgba(255,255,255,.2);
  --red:var(--g-tint);--yellow:var(--g-tint);--accent:var(--g-tint);--accent2:var(--g-tint-t);
  --red-d:#E59A00;--yellowD:#E59A00;--red-l:var(--g-tint-t);--yellowL:var(--g-tint-t);--red2:var(--g-tint-t);
  --accent-text:var(--g-tint-t);--gold:var(--g-tint-t);
  --blue:var(--g-blue);--blueD:#4A90FF;--pink:var(--g-violet);
  --green:var(--g-green);--green-d:#28B44C;--ok:var(--g-green);
  --danger:var(--g-red);--bad:var(--g-red);--warn:#FF9F0A;
  --on-accent:var(--g-ink);
  --glow:rgba(255,178,30,.12);--glow2:rgba(255,178,30,.22);
}

/* ===== الخلفية: wallpaper ألوانه زاهية بيتحرك ببطء شديد، عشان الزجاج يبان فوقه ===== */
html{background:#05060F!important}
html body{background:transparent!important;color:var(--g-text);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:-10%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(38% 46% at 80% 8%,#2F6BFF 0%,transparent 70%),
    radial-gradient(34% 42% at 8% 30%,#9B3CFF 0%,transparent 72%),
    radial-gradient(36% 40% at 92% 70%,#FF5E7A 0%,transparent 72%),
    radial-gradient(40% 44% at 22% 96%,#FF9F0A 0%,transparent 72%),
    radial-gradient(30% 34% at 52% 52%,#00B8D9 0%,transparent 75%),
    #070816;
  opacity:.78}
/* الخلفية ثابتة: لو بتتحرك، كل لوح زجاج فوقها بيتعاد رسمه في كل فريم والصفحة بتقل */
/* طبقة تهدية فوق الألوان عشان الكلام يتقري */
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 0%,rgba(5,6,15,.15),rgba(5,6,15,.55))}

::selection{background:rgba(100,168,255,.45);color:#fff}
html{scrollbar-color:rgba(255,255,255,.28) transparent}

/* ===== الخط: خط النظام زي Apple، وتباعد أسطر أضيق في العناوين الكبيرة ===== */
html body,html body *:not(svg):not(svg *):not(.coin3d *):not(code):not(pre){font-family:var(--g-font)!important}
html body h1{line-height:1.12!important;font-weight:800}
html body h2{line-height:1.2!important;font-weight:750}
html body h3{font-weight:700}

/* ===== سطح الزجاج (.lg بيتحط من site.js) ===== */
.lg{background-color:var(--g-card)!important;
  background-image:radial-gradient(360px circle at var(--mx,50%) var(--my,-30%),rgba(255,255,255,var(--lit,0)),transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 40%)!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:var(--g-rim),var(--g-lift)!important;border-color:transparent!important;
}
.lg:hover{--lit:.10}
.lg.lg-soft{background-color:var(--g-soft)!important;box-shadow:var(--g-rim)!important}
.lg.lg-round{border-radius:26px!important}
@property --lit{syntax:'<number>';inherits:false;initial-value:0}
/* السطح بيتجسّد: blur و scale مع بعض */
.lg-in{animation:lgIn .55s var(--g-ease) backwards}
@keyframes lgIn{from{opacity:0;transform:scale(.97)}}

/* ===== شريط التنقل: كبسولة زجاج عايمة فوق المحتوى ===== */
html body nav{position:sticky!important;top:10px!important;margin:10px auto 0!important;width:calc(100% - 24px);max-width:1380px;border-radius:26px!important;
  background:rgba(255,255,255,.08)!important;-webkit-backdrop-filter:var(--g-blur)!important;backdrop-filter:var(--g-blur)!important;
  border:0!important;box-shadow:var(--g-rim),0 18px 40px -18px rgba(0,0,0,.6)!important}
html body nav .container,html body nav .wrap{height:62px}
html body nav .logo{color:#fff;font-weight:800!important}
html body nav .links a,html body nav .tabs a{color:rgba(255,255,255,.72)!important;border-radius:999px!important;border:0!important;
  transition:background-color .2s,color .2s,transform .45s var(--g-spring)}
html body nav .links a:hover,html body nav .tabs a:hover{color:#fff!important;background:rgba(255,255,255,.08)}
html body nav .links a:active,html body nav .tabs a:active{transform:scale(.94);transition-duration:.08s}
/* الصفحة الحالية: قطرة زجاج جوه الكبسولة */
html body nav .links a.lb-on,html body nav .tabs a.on{background:rgba(255,255,255,.16)!important;color:#fff!important;font-weight:700!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.45),inset -1px -1px 0 rgba(255,255,255,.12),0 4px 14px -6px rgba(0,0,0,.5)!important}

html body .lb-search,html body .lb-cart,html body nav #cartBtn,html body .lb-acct>button{
  background:rgba(255,255,255,.08)!important;border:0!important;color:#fff!important;border-radius:999px!important;clip-path:none!important;
  box-shadow:var(--g-rim)!important;transition:transform .45s var(--g-spring),background-color .2s}
html body .lb-cart:active,html body .lb-acct>button:active{transform:scale(.94);transition-duration:.08s}
html body .lb-search{padding-inline-start:4px}
html body .lb-search input{color:#fff!important;background:none!important;box-shadow:none!important}
html body .lb-search input::placeholder{color:rgba(255,255,255,.5)!important}
html body .lb-search button{color:rgba(255,255,255,.75)!important}
html body .lb-search:focus-within{background:rgba(255,255,255,.14)!important}
html body .lb-acct>button:hover,html body .lb-acct.open>button,html body .lb-cart:hover{background:rgba(255,255,255,.14)!important}
html body .lb-cart b,html body nav #cartBtn b{background:var(--g-red)!important;color:#fff!important}
html body .lb-av{background:linear-gradient(160deg,#FFD36B,#FF9F0A)!important;color:var(--g-ink)!important;border:0!important;border-radius:999px!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.6)!important}
html body .lb-guest a{border-radius:999px!important}

/* قايمة الحساب: مادة أتقل (أغمق) عشان مايبقاش زجاج فاتح فوق زجاج فاتح، وبتطلع من الزرار نفسه */
html body .lb-menu{background:rgba(28,30,48,.72)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important;backdrop-filter:blur(40px) saturate(200%)!important;
  border:0!important;border-radius:22px!important;padding:8px!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.22),inset 0 0 0 .5px rgba(255,255,255,.14),0 30px 70px -20px rgba(0,0,0,.8)!important;
  transform-origin:top left;animation:lgPop .42s var(--g-spring)}
@keyframes lgPop{from{opacity:0;transform:scale(.82);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
html body .lb-menu a,html body .lb-menu button.lb-it,html body .lb-mh b{color:#fff!important;border-radius:12px!important}
html body .lb-menu a:hover,html body .lb-menu button.lb-it:hover,html body .lb-menu a:focus-visible,html body .lb-menu button.lb-it:focus-visible{background:rgba(255,255,255,.1)!important}
html body .lb-menu svg,html body .lb-mh span{color:rgba(255,255,255,.65)!important}
html body .lb-menu hr,html body .lb-mh{border-color:rgba(255,255,255,.1)!important}
html body .lb-role{background:rgba(255,255,255,.1)!important;border:0!important;color:rgba(255,255,255,.85)!important}
html body .lb-role.adm{background:rgba(100,168,255,.22)!important;color:#CFE2FF!important}
html body .lb-role.pend{background:rgba(255,178,30,.2)!important;color:#FFD98A!important}
html body .lb-menu .lb-out,html body .lb-menu .lb-out svg{color:var(--g-red)!important}

/* ===== الأزرار: كبسولات زجاج ===== */
html body .btn,html body .buy,html body .pm-buy,html body .lb-guest a{
  border-radius:999px!important;border:0!important;position:relative;overflow:hidden;isolation:isolate;
  transform:scale(var(--lg-s,1))!important;
  transition:transform .5s var(--g-spring),background-color .2s,box-shadow .25s,filter .2s!important;font-weight:700!important}
/* رد فعل لحظة النزول بالصباع، مش بعد ما يترفع */
html body .btn:active,html body .buy:active,html body .pm-buy:active,html body .lb-guest a:active{--lg-s:.95;transition-duration:.09s!important}
html body .btn::before,html body .buy::before,html body .pm-buy::before{content:none!important}
/* النور اللي بيظهر تحت الصباع جوه الزرار */
html body .btn::after,html body .buy::after,html body .pm-buy::after,html body .lb-guest a::after{
  content:""!important;position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;
  background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.45),transparent 70%);
  transition:opacity .3s}
html body .btn:hover::after,html body .buy:hover::after,html body .pm-buy:hover::after,html body .lb-guest a:hover::after{opacity:.55}
html body .btn:active::after,html body .buy:active::after,html body .lb-guest a:active::after{opacity:1;transition-duration:.05s}

/* الثانوي: زجاج صافي */
html body .btn-ghost,html body .lb-guest a.g1,html body .btn:where(:not(.btn-red,.primary,.btn-green,.btn-ink)){
  background:rgba(255,255,255,.1)!important;color:#fff!important;
  box-shadow:var(--g-rim),0 6px 20px -10px rgba(0,0,0,.5)!important}
html body .btn-ghost:hover,html body .lb-guest a.g1:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}

/* الأساسي: زجاج ملوّن (tinted glass) بلون البراند */
html body .btn-red,html body .btn.primary,html body .buy,html body .pm-buy,html body .btn-green,html body .lb-guest a.g2{
  background:rgba(255,178,30,.86)!important;color:var(--g-ink)!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.65),inset -1px -1px 0 rgba(255,255,255,.2),inset 0 -8px 18px -10px rgba(255,255,255,.5),0 10px 28px -12px rgba(255,160,20,.75)!important}
html body .btn-red:hover,html body .btn.primary:hover,html body .buy:hover,html body .pm-buy:hover,html body .btn-green:hover,html body .lb-guest a.g2:hover{
  background:rgba(255,190,55,.92)!important;color:var(--g-ink)!important}
html body .btn-green{background:rgba(48,209,88,.85)!important}

html body .btn-ink{background:rgba(20,20,30,.72)!important;color:#fff!important}
html body .btn:focus-visible,html body .buy:focus-visible,html body .lb-guest a:focus-visible{outline:2px solid rgba(100,168,255,.9)!important;outline-offset:3px}
html body .btn[disabled],html body .buy[disabled]{opacity:.45!important;filter:saturate(.5)}

/* ===== الحقول ===== */
html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html body select,html body textarea{
  background-color:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important;border-radius:14px!important;caret-color:var(--g-blue);
  transition:background-color .2s,box-shadow .2s}
html body input::placeholder,html body textarea::placeholder{color:rgba(255,255,255,.45)!important}
html body input:focus,html body select:focus,html body textarea:focus{background-color:rgba(255,255,255,.11)!important;border-color:rgba(100,168,255,.7)!important;box-shadow:0 0 0 4px rgba(100,168,255,.22)!important;outline:0}
html body select option,html body select optgroup{background:#1C1E30!important;color:#fff!important}
html body input[type=checkbox],html body input[type=radio],html body input[type=range]{accent-color:var(--g-blue)}

/* لوحة صانع المحتوى: اليافطة بقت لوح زجاج ملوّن بلون البراند */
html body .plate{background:rgba(255,178,30,.82)!important;color:var(--g-ink)!important;border:0!important;border-radius:32px!important;
  -webkit-backdrop-filter:var(--g-blur);backdrop-filter:var(--g-blur);
  box-shadow:inset 1.5px 1.5px 0 rgba(255,255,255,.7),inset -1px -1px 0 rgba(255,255,255,.25),inset 0 -20px 40px -20px rgba(255,255,255,.45),0 30px 70px -26px rgba(255,150,20,.7)!important}
html body .plate h1,html body .plate b,html body .plate strong{color:var(--g-ink)!important}
html body .plate .screw{display:none}
html body .sign::before,html body .sign::after{background:rgba(255,255,255,.35)!important}
html body .plate .btn-ghost{background:rgba(28,20,4,.12)!important;color:var(--g-ink)!important;box-shadow:inset 0 0 0 1px rgba(28,20,4,.25)!important}
html body .plate .btn-ink,html body .plate .btn-red,html body .plate .btn.primary{background:rgba(20,18,28,.82)!important;color:#fff!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.25)!important}

/* ===== السلة: لوح زجاج عايم بيطلع من الشمال ويرجع لنفس المكان =====
   منحنى ورقة iOS (.32,.72,0,1): بيبدأ بسرعة ويهدى من غير ما يرتد. */
html body .drawer{top:12px!important;bottom:12px!important;left:12px!important;height:auto!important;width:min(400px,calc(100% - 24px))!important;
  border:0!important;border-radius:30px!important;overflow:hidden;
  background:var(--g-sheet)!important;-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);
  box-shadow:var(--g-rim),0 40px 90px -24px rgba(0,0,0,.55)!important;
  transform:translateX(calc(-100% - 28px)) scale(.98)!important;opacity:.6;visibility:hidden;
  transition:transform .62s cubic-bezier(.32,.72,0,1),opacity .4s ease,visibility 0s linear .62s!important}
html body .drawer.open{transform:none!important;opacity:1;visibility:visible;transition:transform .62s cubic-bezier(.32,.72,0,1),opacity .3s ease,visibility 0s!important}
html body .drawer header,html body .drawer footer{border-color:var(--g-line)!important}
html body .drawer #closeCart{width:34px;height:34px;border-radius:999px!important;border:0!important;display:grid;place-items:center;cursor:pointer;
  background:rgba(128,128,140,.18)!important;color:var(--g-text)!important;box-shadow:none!important;transition:transform .45s var(--g-spring),background-color .2s}
html body .drawer #closeCart:hover{background:rgba(128,128,140,.28)!important}
html body .drawer #closeCart:active{transform:scale(.88);transition-duration:.08s}
/* محتوى السلة بيدخل ورا اللوح بلحظة صغيرة، من نفس الاتجاه */
html body .drawer .items>*,html body .drawer footer{opacity:0;transform:translateX(-14px);transition:opacity .35s ease,transform .5s cubic-bezier(.32,.72,0,1)}
html body .drawer.open .items>*,html body .drawer.open footer{opacity:1;transform:none;transition-delay:.12s}
html body .drawer.open .items>*:nth-child(2){transition-delay:.16s}
html body .drawer.open .items>*:nth-child(3){transition-delay:.2s}
html body .drawer.open .items>*:nth-child(n+4){transition-delay:.24s}
/* التعتيم ورا السلة بيهدى ويظهر بدل ما يظهر فجأة */
html body .scrim{display:block!important;opacity:0;pointer-events:none;background:rgba(0,0,0,.32)!important;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity .45s ease}
html body .scrim.on{opacity:1;pointer-events:auto}

/* ===== شاشة التحميل الكاملة بين الصفحات (loader.js) =====
   بتغطي الشاشة كلها بخلفية الموقع. العملة بتلف 3D، وتحتها شريط تقدّم وخطوات بتتعلّم واحدة ورا التانية.
   الخطوات بتكمّل من الصفحة القديمة للجديدة، وبتقفل بعد "جاهز" مش أول ما الصفحة تفتح. */
#lbLoad{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;
  background:radial-gradient(60% 50% at 80% 10%,rgba(47,107,255,.55),transparent 70%),radial-gradient(50% 50% at 10% 85%,rgba(255,159,10,.4),transparent 70%),
    radial-gradient(50% 50% at 15% 20%,rgba(155,60,255,.45),transparent 70%),#070816;
  color:#fff;font-family:var(--g-font);direction:rtl;opacity:0;transition:opacity .22s ease}
#lbLoad.on{opacity:1}
#lbLoad.instant{transition:none}
#lbLoad.out{opacity:0;transition:opacity .38s ease;pointer-events:none}
#lbLoad.out .lbl-box{transform:scale(1.04);filter:blur(6px);transition:transform .38s ease,filter .38s ease}
.lbl-box{display:flex;flex-direction:column;align-items:center;gap:16px;width:min(300px,82vw);padding:30px 26px 24px;border-radius:30px;
  background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.4),inset -1px -1px 0 rgba(255,255,255,.1),inset 0 0 0 .5px rgba(255,255,255,.2),0 30px 70px -30px rgba(0,0,0,.7)}
.lbl-coin{perspective:500px;filter:drop-shadow(0 12px 26px rgba(255,170,30,.5))}
.lbl-coin img{display:block;animation:lblSpin 1.1s cubic-bezier(.45,0,.2,1) infinite}
@keyframes lblSpin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
.lbl-name{font-size:20px;font-weight:800;letter-spacing:0}
.lbl-bar{width:100%;height:5px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.lbl-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FFD36B,#FF9F0A);transform:scaleX(0);transform-origin:right;
  transition:transform .3s cubic-bezier(.25,1,.5,1);box-shadow:0 0 12px rgba(255,180,40,.8)}
.lbl-steps{list-style:none;margin:0;padding:0;width:100%;display:grid;gap:8px}
.lbl-steps li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:rgba(255,255,255,.38);transition:color .25s}
.lbl-ck{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25);color:transparent;
  transition:background-color .25s,color .25s,box-shadow .25s,transform .4s cubic-bezier(.22,1.4,.36,1)}
.lbl-steps li.on{color:#fff}
.lbl-steps li.on .lbl-ck{box-shadow:inset 0 0 0 2px #FFC94D;animation:lblPulse .8s ease-in-out infinite}
.lbl-steps li.done{color:rgba(255,255,255,.82)}
.lbl-steps li.done .lbl-ck{background:#30D158;color:#fff;box-shadow:none;transform:scale(1.08)}
@keyframes lblPulse{50%{box-shadow:inset 0 0 0 2px #FFC94D,0 0 0 5px rgba(255,201,77,.18)}}
html[data-theme=light] #lbLoad{color:#1D1D1F;background:radial-gradient(60% 50% at 80% 10%,#9CC4FF,transparent 70%),radial-gradient(50% 50% at 10% 85%,#FFD89A,transparent 70%),
    radial-gradient(50% 50% at 15% 20%,#D6B4FF,transparent 70%),#F2F2F7}
html[data-theme=light] .lbl-box{background:rgba(255,255,255,.55);box-shadow:inset 1px 1px 0 #fff,inset 0 0 0 .5px rgba(0,0,0,.06),0 30px 70px -30px rgba(30,40,80,.35)}
html[data-theme=light] .lbl-bar{background:rgba(0,0,0,.08)}
html[data-theme=light] .lbl-steps li{color:rgba(29,29,31,.35)}
html[data-theme=light] .lbl-steps li.on{color:#1D1D1F}
html[data-theme=light] .lbl-steps li.done{color:rgba(29,29,31,.8)}
html[data-theme=light] .lbl-ck{box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.18)}
html[data-theme=light] .lbl-steps li.on .lbl-ck{box-shadow:inset 0 0 0 2px #E59A00}
/* ===== شارة "قيد التطوير" جنب الألعاب ===== */
.dev-note{display:inline-flex;align-items:center;gap:10px;margin:20px auto 0;padding:9px 18px;border-radius:999px;font-size:15px;font-weight:700;
  background:rgba(255,178,30,.16);color:#FFC94D;box-shadow:inset 0 0 0 .5px rgba(255,201,77,.5)}
.lb-spin{width:16px;height:16px;border-radius:50%;flex:none;border:2.5px solid rgba(255,201,77,.28);border-top-color:#FFC94D;animation:lbDevSpin .8s linear infinite}
@keyframes lbDevSpin{to{transform:rotate(360deg)}}
html[data-theme=light] .dev-note{background:rgba(255,159,10,.14);color:#9A5B00;box-shadow:inset 0 0 0 .5px rgba(200,120,0,.4)}
html[data-theme=light] .lb-spin{border-color:rgba(154,91,0,.25);border-top-color:#9A5B00}

/* ===== زرار الثيم (فاتح / داكن) ===== */
.lb-theme{position:relative;width:40px;height:40px;flex:none;border-radius:999px;border:0;cursor:pointer;display:grid;place-items:center;padding:0;
  background:rgba(255,255,255,.08);color:#fff;box-shadow:var(--g-rim);transition:transform .45s var(--g-spring),background-color .2s}
.lb-theme:hover{background:rgba(255,255,255,.14)}
.lb-theme:active{transform:scale(.9);transition-duration:.08s}
.lb-theme svg{position:absolute;transition:transform .6s var(--g-spring),opacity .3s}
.lb-theme .sun{opacity:0;transform:rotate(-90deg) scale(.5)}
.lb-theme .moon{opacity:1;transform:none}
html[data-theme=light] .lb-theme .sun{opacity:1;transform:none}
html[data-theme=light] .lb-theme .moon{opacity:0;transform:rotate(90deg) scale(.5)}
/* تبديل الثيم: تلاشي ناعم بدل نقلة إضاءة مفاجئة */
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:ease}

/* الشاشات المتوسطة: الروابط تضيق بدل ما الشريط يطلع برا الصفحة */
html body nav .links{min-width:0;flex:0 1 auto;overflow-x:auto;scrollbar-width:none}
html body nav .links::-webkit-scrollbar{display:none}
@media (max-width:1180px){html body nav .links a{padding:7px 10px!important;font-size:14px!important}}

/* على الموبايل: الروابط تنزل سطر لوحدها وتتسحب بالعرض */
@media (max-width:860px){
  html body nav{top:8px!important;margin-top:8px!important;width:calc(100% - 16px);border-radius:22px!important}
  html body nav .container,html body nav .wrap{flex-wrap:wrap!important;height:auto!important;padding-top:8px;padding-bottom:8px;row-gap:6px!important}
  html body nav .links,html body nav .tabs{order:3;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
  html body nav .links::-webkit-scrollbar{display:none}
  html body nav .links a{padding:6px 12px!important;font-size:14px!important}
}

/* ===== التفضيلات =====
   الزجاج والحركة شغالين حتى لو ويندوز قافل "Transparency effects" أو "Reduce motion"،
   لأن صاحب الموقع طلب كده صراحة (نفس قرار العملة). التباين العالي بس هو اللي بيقلب السطح سادة. */
@media (prefers-contrast:more){
  .lg,html body .btn-ghost,html body nav{background-color:#15172A!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)!important}
}

/* =====================================================================
   الثيم الفاتح: Liquid Glass بتاع Apple على خلفية فاتحة
   زجاج أبيض لبني، حافة بيضا ساطعة، ظلال ناعمة جداً، كلام #1D1D1F
   ===================================================================== */
html[data-theme=light]:root{
  color-scheme:light;
  --g-text:#1D1D1F;--g-text2:rgba(29,29,31,.72);--g-muted:rgba(29,29,31,.52);
  --g-card:rgba(255,255,255,.52);--g-soft:rgba(255,255,255,.36);--g-line:rgba(0,0,0,.08);
  --g-tint-t:#B86E00;--g-blue:#0071E3;--g-violet:#8944AB;--g-green:#248A3D;--g-red:#D70015;
  --g-rim:inset 1px 1px 0 rgba(255,255,255,.95),inset -1px -1px 0 rgba(255,255,255,.5),inset 0 0 0 .5px rgba(0,0,0,.06),inset 0 -12px 26px -16px rgba(255,255,255,.9);
  --g-lift:0 1px 2px rgba(0,0,0,.04),0 14px 40px -16px rgba(30,40,80,.22);
  --g-blur:blur(14px) saturate(170%);
  --g-fix:#1D1D1F;--g-fix2:rgba(29,29,31,.72);
  --g-sheet:rgba(255,255,255,.62);
  --bg:rgba(255,255,255,.4);--wall:rgba(255,255,255,.4);--line2:rgba(0,0,0,.12);
  --blueD:#0058B0;--green-d:#1D6F31;--warn:#C93400;--glow:rgba(255,178,30,.14);--glow2:rgba(255,178,30,.24);
}
/* wallpaper فاتح بألوان باستيل زاهية زي خلفيات iOS */
html[data-theme=light]{background:#F2F2F7!important}
html[data-theme=light] body::before{
  background:
    radial-gradient(38% 46% at 82% 6%,#9CC4FF 0%,transparent 70%),
    radial-gradient(34% 42% at 6% 28%,#D6B4FF 0%,transparent 72%),
    radial-gradient(36% 40% at 94% 72%,#FFB8C6 0%,transparent 72%),
    radial-gradient(40% 44% at 20% 98%,#FFD89A 0%,transparent 72%),
    radial-gradient(30% 34% at 52% 50%,#A8EDF0 0%,transparent 75%),
    #F2F2F7;
  opacity:1}
html[data-theme=light] body::after{background:radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.1),rgba(255,255,255,.35))}
html[data-theme=light] ::selection{background:rgba(0,113,227,.25);color:#1D1D1F}
html[data-theme=light]{scrollbar-color:rgba(0,0,0,.25) transparent}
html[data-theme=light] .lg{background-image:radial-gradient(360px circle at var(--mx,50%) var(--my,-30%),rgba(255,255,255,calc(var(--lit,0) * 4)),transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 45%)!important}

/* شريط التنقل */
html[data-theme=light] body nav{background:rgba(255,255,255,.5)!important;box-shadow:var(--g-rim),0 16px 40px -20px rgba(30,40,80,.3)!important}
html[data-theme=light] body nav .logo{color:#1D1D1F}
html[data-theme=light] body nav .links a,html[data-theme=light] body nav .tabs a{color:rgba(29,29,31,.68)!important}
html[data-theme=light] body nav .links a:hover,html[data-theme=light] body nav .tabs a:hover{color:#1D1D1F!important;background:rgba(0,0,0,.05)}
html[data-theme=light] body nav .links a.lb-on,html[data-theme=light] body nav .tabs a.on{background:rgba(255,255,255,.85)!important;color:#1D1D1F!important;
  box-shadow:inset 1px 1px 0 #fff,inset 0 0 0 .5px rgba(0,0,0,.08),0 4px 14px -6px rgba(30,40,80,.3)!important}
html[data-theme=light] body .lb-search,html[data-theme=light] body .lb-cart,html[data-theme=light] body nav #cartBtn,html[data-theme=light] body .lb-acct>button,html[data-theme=light] .lb-theme{
  background:rgba(255,255,255,.55)!important;color:#1D1D1F!important}
html[data-theme=light] body .lb-search input{color:#1D1D1F!important}
html[data-theme=light] body .lb-search input::placeholder{color:rgba(29,29,31,.45)!important}
html[data-theme=light] body .lb-search button{color:rgba(29,29,31,.6)!important}
html[data-theme=light] body .lb-search:focus-within,html[data-theme=light] body .lb-acct>button:hover,html[data-theme=light] body .lb-acct.open>button,html[data-theme=light] body .lb-cart:hover,html[data-theme=light] .lb-theme:hover{background:rgba(255,255,255,.85)!important}

/* قايمة الحساب: أبيض أتقل */
html[data-theme=light] body .lb-menu{background:rgba(255,255,255,.78)!important;box-shadow:inset 1px 1px 0 #fff,inset 0 0 0 .5px rgba(0,0,0,.08),0 30px 70px -20px rgba(30,40,80,.35)!important}
html[data-theme=light] body .lb-menu a,html[data-theme=light] body .lb-menu button.lb-it,html[data-theme=light] body .lb-mh b{color:#1D1D1F!important}
html[data-theme=light] body .lb-menu a:hover,html[data-theme=light] body .lb-menu button.lb-it:hover,html[data-theme=light] body .lb-menu a:focus-visible,html[data-theme=light] body .lb-menu button.lb-it:focus-visible{background:rgba(0,0,0,.05)!important}
html[data-theme=light] body .lb-menu svg,html[data-theme=light] body .lb-mh span{color:rgba(29,29,31,.55)!important}
html[data-theme=light] body .lb-menu hr,html[data-theme=light] body .lb-mh{border-color:rgba(0,0,0,.08)!important}
html[data-theme=light] body .lb-role{background:rgba(0,0,0,.05)!important;color:rgba(29,29,31,.75)!important}
html[data-theme=light] body .lb-role.adm{background:rgba(0,113,227,.12)!important;color:#0058B0!important}
html[data-theme=light] body .lb-role.pend{background:rgba(255,178,30,.2)!important;color:#8A5300!important}

/* الأزرار */
html[data-theme=light] body .btn-ghost,html[data-theme=light] body .lb-guest a.g1,html[data-theme=light] body .btn:where(:not(.btn-red,.primary,.btn-green,.btn-ink)){
  background:rgba(255,255,255,.6)!important;color:#1D1D1F!important;box-shadow:var(--g-rim),0 8px 22px -12px rgba(30,40,80,.3)!important}
html[data-theme=light] body .btn-ghost:hover,html[data-theme=light] body .lb-guest a.g1:hover{background:rgba(255,255,255,.88)!important;color:#1D1D1F!important}
html[data-theme=light] body .btn-red,html[data-theme=light] body .btn.primary,html[data-theme=light] body .buy,html[data-theme=light] body .pm-buy,html[data-theme=light] body .lb-guest a.g2{
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.75),inset -1px -1px 0 rgba(255,255,255,.3),inset 0 -8px 18px -10px rgba(255,255,255,.6),0 10px 26px -12px rgba(230,140,0,.55)!important}
html[data-theme=light] body .btn::after,html[data-theme=light] body .buy::after,html[data-theme=light] body .lb-guest a::after{background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.9),transparent 70%)}

/* الحقول */
html[data-theme=light] body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),html[data-theme=light] body select,html[data-theme=light] body textarea{
  background-color:rgba(255,255,255,.6)!important;color:#1D1D1F!important;border-color:rgba(0,0,0,.1)!important}
html[data-theme=light] body .lb-search input{background:none!important}
html[data-theme=light] body input::placeholder,html[data-theme=light] body textarea::placeholder{color:rgba(29,29,31,.42)!important}
html[data-theme=light] body input:focus,html[data-theme=light] body select:focus,html[data-theme=light] body textarea:focus{background-color:rgba(255,255,255,.9)!important;border-color:rgba(0,113,227,.6)!important;box-shadow:0 0 0 4px rgba(0,113,227,.18)!important}
html[data-theme=light] body select option,html[data-theme=light] body select optgroup{background:#fff!important;color:#1D1D1F!important}

/* السلة والتعتيم */
html[data-theme=light] body .drawer{box-shadow:var(--g-rim),0 40px 90px -24px rgba(30,40,80,.4)!important}
html[data-theme=light] body .scrim{background:rgba(30,35,60,.14)!important}
html[data-theme=light] .sign::before,html[data-theme=light] .sign::after{background:rgba(0,0,0,.18)!important}

/* =====================================================================
   المتجر بس: الأزرار والقوائم كبسولات وكروت Liquid Glass زي أزرار الرئيسية
   (الأساسي كبسولة دهبي، الثانوي كبسولة زجاج، والقوائم كروت زجاج بزوايا 26px)
   ===================================================================== */
.pg-store{--s-pill:rgba(255,255,255,.1);--s-pill-h:rgba(255,255,255,.17);--s-card:rgba(255,255,255,.07);--s-row-h:rgba(255,255,255,.08);--s-txt:#fff;
  --s-rim:inset 1px 1px 0 rgba(255,255,255,.42),inset -1px -1px 0 rgba(255,255,255,.12),inset 0 0 0 .5px rgba(255,255,255,.22);
  --s-drop:0 8px 24px -12px rgba(0,0,0,.55);--s-card-drop:0 18px 44px -22px rgba(0,0,0,.7)}
html[data-theme=light] .pg-store{--s-pill:rgba(255,255,255,.66);--s-pill-h:rgba(255,255,255,.92);--s-card:rgba(255,255,255,.55);--s-row-h:rgba(255,255,255,.75);--s-txt:#1D1D1F;
  --s-rim:inset 1px 1px 0 #fff,inset -1px -1px 0 rgba(255,255,255,.6),inset 0 0 0 .5px rgba(0,0,0,.07);
  --s-drop:0 8px 22px -12px rgba(30,40,80,.3);--s-card-drop:0 18px 44px -24px rgba(30,40,80,.32)}

/* كبسولة زجاج (ثانوي) */
html body.pg-store .tab,html body.pg-store .pager button,html body.pg-store .presets button,html body.pg-store #cartBtn2,html body.pg-store .filter-toggle{
  clip-path:none!important;border:0!important;border-radius:999px!important;background:var(--s-pill)!important;color:var(--s-txt)!important;
  box-shadow:var(--s-rim),var(--s-drop)!important;font-weight:700!important;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);
  transition:transform .45s var(--g-spring),background-color .2s,box-shadow .2s!important}
html body.pg-store .tab:not(.on):hover,html body.pg-store .pager button:not(.on):not(:disabled):hover,html body.pg-store .presets button:not(.on):hover,html body.pg-store #cartBtn2:hover{
  background:var(--s-pill-h)!important;box-shadow:var(--s-rim),var(--s-drop)!important}
html body.pg-store .tab:active,html body.pg-store .pager button:active,html body.pg-store .presets button:active,html body.pg-store .buy:active{transform:scale(.95)!important;transition-duration:.08s!important}

/* كبسولة دهبي (المختار / الأساسي) */
html body.pg-store .tab.on,html body.pg-store .pager button.on,html body.pg-store .presets button.on,html body.pg-store .buy{
  clip-path:none!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#FFCF5C,#FFB21E)!important;color:#1C1404!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.7),inset -1px -1px 0 rgba(255,255,255,.22),inset 0 -8px 16px -10px rgba(255,255,255,.55),0 10px 24px -12px rgba(240,150,0,.7)!important}
html body.pg-store .buy:hover{background:linear-gradient(180deg,#FFD873,#FFBD3A)!important}
html body.pg-store .buy.in{background:var(--s-pill)!important;color:var(--s-txt)!important;box-shadow:var(--s-rim),inset 0 0 0 1.5px rgba(255,178,30,.8)!important}
html body.pg-store .pager button{min-width:42px;height:42px}
html body.pg-store .pager button:disabled{opacity:.4!important}
html body.pg-store .tabs{gap:8px}
html body.pg-store .tab{height:44px;padding:0 20px}

/* الحقول: بحث وترتيب وسعر = كبسولات زجاج */
html body.pg-store .toolbar input,html body.pg-store select,html body.pg-store .prange input{
  border:0!important;border-radius:999px!important;background-color:var(--s-pill)!important;color:var(--s-txt)!important;box-shadow:var(--s-rim)!important;outline:0!important}
html body.pg-store .toolbar input{padding:0 20px}
html body.pg-store select{padding:0 18px}
html body.pg-store .toolbar input:focus,html body.pg-store select:focus,html body.pg-store .prange input:focus{box-shadow:var(--s-rim),0 0 0 4px rgba(100,168,255,.25)!important}

/* القوائم: كروت زجاج كبيرة */
html body.pg-store .panel,html body.pg-store .stats,html body.pg-store .pcard{
  clip-path:none!important;border:0!important;border-radius:26px!important;background-color:var(--s-card)!important;
  box-shadow:var(--s-rim),var(--s-card-drop)!important;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%)}
html body.pg-store .pcard{overflow:hidden;transition:transform .5s var(--g-spring),box-shadow .3s!important}
html body.pg-store .pcard::before{display:none}
html body.pg-store .pcard:hover{transform:translateY(-4px)!important;box-shadow:var(--s-rim),0 26px 50px -22px rgba(0,0,0,.6)!important}
html body.pg-store .stats{overflow:hidden}
html body.pg-store .stats div{border-color:var(--g-line)!important}
html body.pg-store .panel{padding:18px}

/* عناصر القايمة الجانبية: صفوف بتنور كبسولة لما تقف عليها أو تختارها */
html body.pg-store .mode{border-radius:14px;padding:9px 10px;transition:background-color .2s}
html body.pg-store .mode:hover{background:var(--s-row-h)}
html body.pg-store .mode.on{background:var(--s-pill-h);box-shadow:var(--s-rim)}
html body.pg-store .mode .dot{border-radius:999px}
html body.pg-store .mode.on .rad{background:#FFB21E;border-color:#FFB21E;color:#1C1404}

/* شارات الكارت: كبسولات صغيرة */
html body.pg-store .thumb .by,html body.pg-store .thumb .disc{border-radius:999px!important;padding:2px 10px!important;border:0!important}
html body.pg-store .thumb .by{background:rgba(0,0,0,.45)!important;color:#FFD98A!important;box-shadow:inset 0 0 0 .5px rgba(255,217,138,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html body.pg-store .thumb .disc{background:linear-gradient(180deg,#FFCF5C,#FFB21E)!important;color:#1C1404!important}
html body.pg-store .thumb .play{border-radius:0}
/* ===== نافذة عرض المنتج في المتجر: لوح زجاج بزوايا ناعمة بيطلع من نص الشاشة ===== */
.pg-store{--pm-sheet:rgba(26,28,48,.74);--pm-inner:rgba(255,255,255,.06);--pm-view:rgba(255,255,255,.035);--pm-scrim:rgba(0,0,0,.42);--pm-seg:rgba(255,255,255,.08)}
html[data-theme=light] .pg-store{--pm-sheet:rgba(255,255,255,.74);--pm-inner:rgba(255,255,255,.62);--pm-view:rgba(255,255,255,.32);--pm-scrim:rgba(30,35,60,.2);--pm-seg:rgba(0,0,0,.06)}

html body.pg-store .modal{background:var(--pm-scrim)!important;-webkit-backdrop-filter:blur(10px) saturate(150%);backdrop-filter:blur(10px) saturate(150%);padding:20px}


html body.pg-store .pm{border:0!important;border-radius:34px!important;overflow:hidden;align-items:stretch;
  background:var(--pm-sheet)!important;color:var(--g-text);-webkit-backdrop-filter:blur(40px) saturate(200%);backdrop-filter:blur(40px) saturate(200%);
  box-shadow:var(--s-rim),0 50px 120px -30px rgba(0,0,0,.7)!important;
  animation:pmIn2 .55s cubic-bezier(.32,.72,0,1)!important}
@keyframes pmIn2{from{transform:scale(.94) translateY(14px)}} /* من غير opacity: لو الحركة اتأخرت النافذة تفضل ظاهرة */

/* زرار القفل: دايرة رمادي شفاف زي Apple */
html body.pg-store .pm-close{position:absolute!important;top:16px!important;left:16px!important;width:34px!important;height:34px!important;border:0!important;border-radius:999px!important;
  background:rgba(128,128,140,.22)!important;color:var(--g-text)!important;box-shadow:none!important;transition:transform .45s var(--g-spring),background-color .2s!important}
html body.pg-store .pm-close:hover{background:rgba(128,128,140,.34)!important}
html body.pg-store .pm-close:active{transform:scale(.88)!important;transition-duration:.08s!important}

/* عمود المعلومات */
html body.pg-store .pm-info{padding:30px 28px 28px}
html body.pg-store .pm-kind{color:var(--g-blue)!important}
html body.pg-store .pm-info h2{color:var(--g-text)!important;font-weight:800;line-height:1.25!important}
html body.pg-store .pm-desc{color:var(--g-text2)!important}
html body.pg-store .pm-info h4{color:var(--g-text)!important;font-weight:700}
html body.pg-store .pm-feats li,html body.pg-store .pm-steps li{color:var(--g-text2)!important}
html body.pg-store .pm-feats li::before{border-radius:999px;background:rgba(48,209,88,.18)!important;color:#30D158!important;font-family:inherit!important}
html body.pg-store .pm-steps li::before{border-radius:999px;background:rgba(255,178,30,.18)!important;color:var(--g-tint-t)!important;font-family:inherit!important}
html body.pg-store .pm-price{border:0!important;border-radius:24px!important;background:var(--pm-inner)!important;box-shadow:var(--s-rim)!important;padding:18px!important}
html body.pg-store .pm-price .big{color:var(--g-text)!important}
html body.pg-store .pm-price .cur,html body.pg-store .pm-price .usd,html body.pg-store .pm-price .once{color:var(--g-text2)!important}
html body.pg-store .pm-price .was,html body.pg-store .pm-sub{color:var(--g-muted)!important}
html body.pg-store .pm-price .once::before{color:var(--g-blue)!important}
html body.pg-store .pm-sub a{color:var(--g-tint-t)!important}
html body.pg-store .pm-buy{height:52px!important;border-radius:999px!important}
html body.pg-store .pm-buy.in{background:rgba(48,209,88,.9)!important;color:#fff!important}

/* عمود المعاينة: المعاينة في النص، والشاشة نفسها غامقة دايماً لأنها شكل البث */
html body.pg-store .pm-view{background:var(--pm-view)!important;display:flex;flex-direction:column;justify-content:center;padding:64px 26px 26px!important;
  box-shadow:inset 1px 0 0 var(--g-line)}
html body.pg-store .pm-cap{color:var(--g-text2)!important}
html body.pg-store .pm-cap b{color:var(--g-tint-t)!important}
html body.pg-store .pm-stage{border:0!important;border-radius:24px!important;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18),0 20px 44px -20px rgba(0,0,0,.6)}
html body.pg-store .pm-stage .lv b,html body.pg-store .pm-stage .lv span{border-radius:999px;padding:2px 10px}
html body.pg-store .pm-stage .lv b{background:linear-gradient(180deg,#FFCF5C,#FFB21E)!important}
html body.pg-store .pm-stage .lv span{color:#fff}
/* اختيار أكبر داعم / آخر داعم: segmented control زي iOS */
html body.pg-store .pm-tog{gap:4px!important;padding:4px;border-radius:999px;background:var(--pm-seg);box-shadow:inset 0 0 0 .5px var(--g-line)}
html body.pg-store .pm-tog button{height:38px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:var(--g-text2)!important;
  box-shadow:none!important;transition:background-color .25s,color .25s,transform .45s var(--g-spring)!important}
html body.pg-store .pm-tog button:hover{color:var(--g-text)!important}
html body.pg-store .pm-tog button.on{background:linear-gradient(180deg,#FFCF5C,#FFB21E)!important;color:#1C1404!important;
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.7),0 6px 16px -8px rgba(240,150,0,.7)!important}
html body.pg-store .pm-tog button:active{transform:scale(.95)!important}
html body.pg-store .pm-bar{height:4px!important;border-radius:999px;background:var(--pm-seg)!important}
html body.pg-store .pm-bar i{border-radius:999px;background:linear-gradient(90deg,#FFD36B,#FF9F0A)!important}
html body.pg-store .pm-note{color:var(--g-muted)!important}
@media (max-width:900px){
  html body.pg-store .pm{border-radius:28px!important}
  html body.pg-store .pm-view{padding:58px 16px 16px!important;box-shadow:inset 0 -1px 0 var(--g-line)}
  html body.pg-store .pm-info{padding:22px 18px!important}
}
/* النافذة أطول من الشاشة: ماتتقصّش من فوق. على الكمبيوتر بتقف عند طول الشاشة وعمود المعلومات بيتسحب لوحده */
html body.pg-store .modal{place-items:start center!important}
html body.pg-store .pm{margin:auto}
@media (min-width:901px){
  html body.pg-store .pm{max-height:calc(100dvh - 40px)}
  html body.pg-store .pm-info{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
}
/* شاشة المعاينة شكل البث، فكلامها فاتح في الثيمين */
html body.pg-store .pm-stage,html body.pg-store .pm-stage *{--text:#F6F1E6;--text2:#C3BBA8;--g-text:#fff;--g-text2:rgba(255,255,255,.75)}
html body.pg-store .pm-stage .frame{color:#F6F1E6}