/* ============ المتجر: Liquid Glass ============
   بيتحط آخر الصفحة عشان يغلب الستايل القديم و glass.css. السلة والدفع والفلاتر زي ما هم. */
html body.pg-store{--s-tx:#fff;--s-tx2:rgba(235,235,245,.72);--s-tx3:rgba(235,235,245,.45);--s-fill:rgba(118,118,128,.16);--s-fill2:rgba(118,118,128,.26);
  --s-sep:rgba(255,255,255,.12);--s-rim:rgba(255,255,255,.55);--s-rim2:rgba(255,255,255,.14);--s-glass:rgba(255,255,255,.07);--s-glass-hi:rgba(255,255,255,.13);
  --s-tint:#FFB21E;--s-tint2:#FFD06A;--s-wall:#06070d;--s-spring:cubic-bezier(.2,1.4,.4,1);--s-ease:cubic-bezier(.32,.72,0,1);
  --s-shadow:0 30px 70px -28px rgba(0,0,0,.7),0 2px 8px -2px rgba(0,0,0,.3);
  font-family:-apple-system,"SF Arabic","SF Pro Display","IBM Plex Sans Arabic",system-ui,sans-serif!important}
html[data-theme=light] body.pg-store{--s-tx:#0b0b10;--s-tx2:rgba(60,60,67,.78);--s-tx3:rgba(60,60,67,.5);--s-fill:rgba(120,120,128,.09);--s-fill2:rgba(120,120,128,.16);
  --s-sep:rgba(60,60,67,.13);--s-rim:rgba(255,255,255,.95);--s-rim2:rgba(255,255,255,.55);--s-glass:rgba(255,255,255,.5);--s-glass-hi:rgba(255,255,255,.78);--s-wall:#eef0f7;
  --s-shadow:0 30px 70px -30px rgba(40,30,80,.38),0 2px 8px -2px rgba(40,30,80,.12)}
html body.pg-store h1,html body.pg-store h2,html body.pg-store h3,html body.pg-store .btn,html body.pg-store .tab,html body.pg-store .buy,html body.pg-store .price,html body.pg-store .num{font-family:inherit!important}
html body.pg-store::before{background:
  radial-gradient(48vmax 42vmax at 50% 0%,rgba(255,159,30,.5),transparent 70%),
  radial-gradient(42vmax 42vmax at 100% 65%,rgba(122,60,255,.55),transparent 70%),
  radial-gradient(40vmax 40vmax at 0% 100%,rgba(10,132,255,.45),transparent 70%),var(--s-wall)!important;filter:none!important;opacity:1!important;animation:none!important}

/* الزجاج المشترك */
html body.pg-store .panel,html body.pg-store .pcard,html body.pg-store .stats,html body.pg-store .pm{
  position:relative;isolation:isolate;border:0!important;clip-path:none!important;
  background:linear-gradient(180deg,var(--s-glass-hi),var(--s-glass) 40%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(190%)!important;backdrop-filter:blur(30px) saturate(190%)!important;
  box-shadow:inset 0 1px 0 var(--s-rim2),inset 0 0 0 .5px var(--s-rim2),var(--s-shadow)!important}

/* الهيرو */
html body.pg-store .shero{border:0!important;background:none!important;padding:56px 0 10px!important}
html body.pg-store .shero .crumbs{display:none!important}
html body.pg-store .shero .eyebrow{font-size:15px!important;font-weight:600!important;color:var(--s-tint)!important;letter-spacing:0!important}
html body.pg-store .shero h1{font-size:clamp(40px,7vw,76px)!important;font-weight:700!important;letter-spacing:-.045em!important;line-height:1.04!important;margin:12px 0 14px!important;color:var(--s-tx)!important}
html body.pg-store .shero h1 em{font-style:normal;background:linear-gradient(100deg,#FFD06A 10%,#FF9F0A 50%,#FF375F 95%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
html body.pg-store .shero p{font-size:clamp(17px,2vw,20px)!important;color:var(--s-tx2)!important;max-width:620px}
html body.pg-store .stats{border-radius:26px!important;padding:6px!important;overflow:hidden}
html body.pg-store .stats>div{border:0!important;background:none!important;padding:16px 18px!important;position:relative}
html body.pg-store .stats>div+div::before{content:"";position:absolute;inset-block:22%;inset-inline-start:0;width:.5px;background:var(--s-sep)}
html body.pg-store .stats .num{font-size:30px!important;font-weight:700!important;letter-spacing:-.03em}
html body.pg-store .stats small{display:none!important}
html body.pg-store .stats span{color:var(--s-tx2)!important;font-size:13px!important}

/* التبويبات */
html body.pg-store .tab{height:42px!important;padding:0 20px!important;border-radius:999px!important;clip-path:none!important;font-size:15px!important;font-weight:600!important;
  background:var(--s-fill)!important;box-shadow:inset 0 0 0 .5px var(--s-sep)!important;color:var(--s-tx2)!important;transition:transform .45s var(--s-spring),background .25s!important}
html body.pg-store .tab:active{transform:scale(.95)}
html body.pg-store .tab.on{color:#1C1404!important;background:linear-gradient(180deg,var(--s-tint2),var(--s-tint))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px -8px rgba(255,160,20,.8)!important}

/* الفلاتر */
html body.pg-store .panel{border-radius:24px!important;padding:18px!important}
html body.pg-store .panel-h b{font-size:14px!important;font-weight:700!important;letter-spacing:0!important;color:var(--s-tx)!important;font-family:inherit!important}
html body.pg-store .panel-h b{font-size:0!important}
html body.pg-store .panel:first-child .panel-h b::before{content:"النوع";font-size:15px}
html body.pg-store .panel:nth-child(2) .panel-h b::before{content:"السعر";font-size:15px}
html body.pg-store .mode{border-radius:12px;padding:9px 10px!important;transition:background .2s}
html body.pg-store .mode:hover{background:var(--s-fill)}
html body.pg-store .mode.on .rad,html body.pg-store .mode .dot{background:var(--s-tint)!important;border-color:var(--s-tint)!important}
html body.pg-store .mode .dot{border-radius:50%}
html body.pg-store .prange input,html body.pg-store .toolbar input,html body.pg-store select,html body.pg-store .drawer input{
  border:0!important;border-radius:14px!important;background:var(--s-fill)!important;box-shadow:inset 0 0 0 .5px var(--s-sep)!important;outline:0!important;color:var(--s-tx)!important}
html body.pg-store .prange input:focus,html body.pg-store .toolbar input:focus,html body.pg-store select:focus,html body.pg-store .drawer input:focus{box-shadow:inset 0 0 0 2px var(--s-tint),0 0 0 4px rgba(255,178,30,.15)!important}
html body.pg-store .presets button{border:0!important;border-radius:999px!important;background:var(--s-fill)!important;box-shadow:inset 0 0 0 .5px var(--s-sep)}
html body.pg-store .presets button.on{background:rgba(255,178,30,.2)!important;box-shadow:inset 0 0 0 1.5px var(--s-tint)!important;color:var(--s-tx)!important}

/* كروت المنتجات */
html body.pg-store .pcard{border-radius:26px!important;overflow:hidden;transition:transform .6s var(--s-spring)!important}
html body.pg-store .pcard::before{display:none!important}
html body.pg-store .pcard:hover{transform:translateY(-5px)!important}
html body.pg-store .pcard:active{transform:scale(.98)!important;transition-duration:.1s!important}
html body.pg-store .thumb{margin:8px 8px 0;border-radius:20px;overflow:hidden}
html body.pg-store .thumb .by{border:0!important;border-radius:999px;padding:2px 10px!important;background:rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html body.pg-store .thumb .disc{border-radius:999px;padding:2px 10px!important;background:#FF375F!important;color:#fff!important}
html body.pg-store .thumb .pv{display:none!important}
html body.pg-store .thumb .play{border-radius:inherit}
html body.pg-store .body{padding:14px 18px 18px!important}
html body.pg-store .kind{color:var(--s-tx3)!important;font-weight:600}
html body.pg-store .body h3{font-size:18px!important;font-weight:700!important;letter-spacing:-.015em}
html body.pg-store .price{font-size:22px!important;font-weight:700!important;letter-spacing:-.02em}
html body.pg-store .buy{height:40px!important;padding:0 18px!important;border-radius:999px!important;clip-path:none!important;font-size:15px!important;font-weight:600!important;
  color:#1C1404!important;background:linear-gradient(180deg,var(--s-tint2),var(--s-tint))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 20px -8px rgba(255,160,20,.8)!important;
  transition:transform .45s var(--s-spring)!important}
html body.pg-store .buy:active{transform:scale(.93)}
html body.pg-store .buy.in{background:var(--s-fill2)!important;color:var(--s-tx)!important;box-shadow:inset 0 0 0 1.5px var(--s-tint)!important}

/* الصفحات */
html body.pg-store .pager button{border:0!important;border-radius:999px!important;background:var(--s-fill)!important;box-shadow:inset 0 0 0 .5px var(--s-sep)!important}
html body.pg-store .pager button.on{background:linear-gradient(180deg,var(--s-tint2),var(--s-tint))!important;color:#1C1404!important}

/* السلة: الشيت نفسه من glass.css، هنا التفاصيل بس */
html body.pg-store .citem{border-bottom:.5px solid var(--s-sep)!important}
html body.pg-store .drawer .tot{font-family:inherit!important;font-weight:700!important}
html body.pg-store .scrim.on{background:rgba(0,0,0,.35)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}

/* نافذة المنتج */
html body.pg-store .modal{background:rgba(0,0,0,.35)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}
html body.pg-store .pm{border-radius:32px!important;overflow:hidden;animation:s-pm .5s var(--s-spring)!important}
@keyframes s-pm{from{transform:translateY(14px) scale(.96)}}
html body.pg-store .pm-close{border:0!important;border-radius:50%!important;background:var(--s-fill2)!important}
html body.pg-store .pm-info h2{font-family:inherit!important;font-weight:700!important;letter-spacing:-.03em}
html body.pg-store .pm-kind{color:var(--s-tint)!important}
@media (max-width:700px){html body.pg-store .shero{padding-top:32px!important}html body.pg-store .stats .num{font-size:24px!important}}
