/* ═══════════════════════════════════════════════════════════════════
   EVA Store — المتجر
   هيرو منقسم بشرائط الشعار · شريط بحث زجاجي · بطاقات بوتات جديدة
   قسم طرق الدفع · بطاقات مساعدة. يُحمَّل بعد store.css ويغطي عليه.
   ═══════════════════════════════════════════════════════════════════ */

body.store-eva{
  --sxe-bg:#09050a;
  --sxe-s1:#110a0e;
  --sxe-s2:#180d13;
  --sxe-s3:#21111a;
  --sxe-line:rgba(255,255,255,.07);
  --sxe-line-2:rgba(255,255,255,.13);
  --sxe-text:#f8eff3;
  --sxe-muted:#cbb4bf;
  --sxe-faint:#9e8493;
  --sxe-brand:#ac1356;
  --sxe-brand-2:#d62f7f;
  --sxe-brand-3:#f27fb3;
  --sxe-glow:rgba(214,47,127,.45);
  --sxe-ease:cubic-bezier(.2,.7,.2,1);
  --sx-gold:#f27fb3;
  --sx-gold-2:#d62f7f;
  --sx-gold-fill:linear-gradient(135deg,#d62f7f,#ac1356);
  --sx-on-gold:#fff;
  background:var(--sxe-bg) !important;
}
body.store-eva::before{
  background:
    radial-gradient(900px 560px at 85% -8%,rgba(172,19,86,.38),transparent 65%),
    radial-gradient(700px 500px at 0% 40%,rgba(110,22,60,.18),transparent 70%),
    linear-gradient(180deg,#0e070b 0%,var(--sxe-bg) 60%) !important;
}
body.store-eva .sx-orb{display:none !important}
body.store-eva .sx-main{width:min(1200px,calc(100% - 48px));margin-inline:auto;padding-top:108px;padding-bottom:110px}

/* ═══════════ الهيرو ═══════════ */
body.store-eva .sxe-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:36px 0 46px}
body.store-eva .sxe-hero-copy > *{animation:sxe-up .7s var(--sxe-ease) both}
body.store-eva .sxe-hero-copy > :nth-child(2){animation-delay:.06s}
body.store-eva .sxe-hero-copy > :nth-child(3){animation-delay:.12s}
body.store-eva .sxe-hero-copy > :nth-child(4){animation-delay:.18s}
@keyframes sxe-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
body.store-eva .sxe-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--sxe-brand-3);font:800 14px "Cairo",sans-serif}
body.store-eva .sxe-bars{display:inline-flex;flex-direction:column;gap:3px;width:22px}
body.store-eva .sxe-bars b{display:block;height:4px;border-radius:1px;background:linear-gradient(90deg,var(--sxe-brand),var(--sxe-brand-2));clip-path:polygon(0 0,100% 0,100% 100%,30% 100%)}
body.store-eva .sxe-bars b:nth-child(2){width:86%}
body.store-eva .sxe-bars b:nth-child(3){width:72%}
body.store-eva .sxe-hero h1{margin:0;font-family:"Cairo",sans-serif;font-weight:900;font-size:clamp(36px,5.4vw,68px);line-height:1.2;color:#fff;letter-spacing:0}
body.store-eva .sxe-grad{display:inline-block;padding-bottom:.08em;background:linear-gradient(100deg,#ffa6cf,var(--sxe-brand-2) 50%,var(--sxe-brand));-webkit-background-clip:text;background-clip:text;color:transparent}
body.store-eva .sxe-hero p{max-width:50ch;margin:18px 0 28px;color:var(--sxe-muted);font-size:17.5px;line-height:1.9}
body.store-eva .sxe-facts{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
body.store-eva .sxe-facts li{display:flex;flex-direction:column;min-width:130px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--sxe-line-2)}
body.store-eva .sxe-facts b{font:900 24px "Cairo",sans-serif;color:#fff}
body.store-eva .sxe-facts span{color:var(--sxe-faint);font-size:13px}

/* شرائط الشعار ثلاثية الأبعاد */
body.store-eva .sxe-hero-art{position:relative;height:340px;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-inline:20px;animation:sxe-art 1s .1s var(--sxe-ease) both}
@keyframes sxe-art{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
body.store-eva .sxe-hero-art .bar{display:block;height:74px;border-radius:6px;clip-path:polygon(0 0,100% 0,100% 100%,26% 100%);
  background:linear-gradient(100deg,#ff7ab5 0%,var(--sxe-brand-2) 35%,var(--sxe-brand) 75%,#6b0c35 100%);
  box-shadow:0 30px 60px -20px var(--sxe-glow);transform:skewY(-8deg)}
body.store-eva .sxe-hero-art .b1{width:100%}
body.store-eva .sxe-hero-art .b2{width:88%;opacity:.85}
body.store-eva .sxe-hero-art .b3{width:76%;opacity:.7}
body.store-eva .sxe-logo{position:absolute;inset-inline-start:0;bottom:6px;width:120px;height:120px;border-radius:50%;
  box-shadow:0 0 0 8px rgba(9,5,10,.9),0 24px 60px -10px var(--sxe-glow)}

/* ═══════════ شريط الأدوات ═══════════ */
body.store-eva .sx-toolbar-wrap{top:96px}
body.store-eva .sx-toolbar{border-radius:20px !important;padding:10px !important;background:rgba(17,10,14,.82) !important;
  border:1px solid var(--sxe-line-2) !important;backdrop-filter:blur(14px);box-shadow:0 20px 50px -30px rgba(0,0,0,.9) !important}
body.store-eva .sx-search{border-radius:14px !important;background:rgba(255,255,255,.04) !important;border-color:var(--sxe-line) !important}
body.store-eva .sx-chip-btn{border-radius:999px !important;border:1px solid var(--sxe-line-2) !important;background:transparent !important;color:var(--sxe-muted) !important;font-weight:700 !important}
body.store-eva .sx-chip-btn:hover{color:#fff !important;border-color:rgba(214,47,127,.5) !important}
body.store-eva .sx-chip-btn.is-active{color:#fff !important;border-color:transparent !important;background:linear-gradient(135deg,var(--sxe-brand-2),var(--sxe-brand)) !important;box-shadow:0 10px 24px -12px var(--sxe-glow)}
body.store-eva .sx-currency{border-radius:999px !important}
body.store-eva .sx-currency button.active{background:linear-gradient(135deg,var(--sxe-brand-2),var(--sxe-brand)) !important;color:#fff !important}
body.store-eva .sx-count-row{margin:26px 0 18px}
body.store-eva .sx-activate{border-radius:999px !important}

/* ═══════════ بطاقات البوتات ═══════════ */
body.store-eva .sx-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:18px}
body.store-eva .sxe-card{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:24px !important;
  background:radial-gradient(260px 180px at 100% 0%,rgba(214,47,127,.16),transparent 70%),linear-gradient(170deg,var(--sxe-s2),var(--sxe-s1)) !important;
  border:1px solid var(--sxe-line) !important;box-shadow:none !important;transition:transform .3s var(--sxe-ease),border-color .3s,box-shadow .3s !important}
body.store-eva .sxe-card:hover{transform:translateY(-5px) !important;border-color:rgba(214,47,127,.5) !important;box-shadow:0 30px 60px -30px rgba(172,19,86,.8) !important}
body.store-eva .sxe-top{display:flex;align-items:center;justify-content:space-between}
body.store-eva .sxe-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:linear-gradient(140deg,var(--sxe-brand-2),var(--sxe-brand));box-shadow:0 14px 30px -12px var(--sxe-glow)}
body.store-eva .sxe-ic img{width:32px;height:32px;object-fit:contain}
body.store-eva .sxe-cat{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--sxe-muted);border:1px solid var(--sxe-line-2)}
body.store-eva .sxe-card .sx-card-name{margin:4px 0 0;font:900 21px/1.3 "Cairo",sans-serif;color:#fff}
body.store-eva .sxe-card .sx-card-name small{display:block;margin-top:2px;font:500 13px "Tajawal",sans-serif;color:var(--sxe-faint);direction:ltr;text-align:end}
body.store-eva .sxe-desc{margin:0;color:var(--sxe-muted);font-size:14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.store-eva .sxe-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--sxe-line)}
body.store-eva .sxe-foot .sx-price{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;min-height:0}
body.store-eva .sxe-foot .sx-price small{color:var(--sxe-muted);font-size:13px}
body.store-eva .sxe-foot .sx-price strong{font:900 26px "Cairo",sans-serif;color:#fff}
body.store-eva .sxe-foot .sx-price em{flex-basis:100%;margin:0;font-size:12.5px;color:var(--sxe-faint)}
body.store-eva .sxe-more{display:inline-flex;align-items:center;gap:6px;color:var(--sxe-brand-3);font-size:13.5px;font-weight:700}
body.store-eva .sxe-more svg{width:16px;height:16px;transition:transform .25s var(--sxe-ease)}
body.store-eva .sxe-card:hover .sxe-more svg{transform:translateX(-4px)}
body.store-eva .sxe-card .sx-card-add{position:static !important;display:flex !important;align-items:center;justify-content:center;gap:9px;width:100%;height:48px !important;
  margin:0;border-radius:14px !important;border:1px solid rgba(255,255,255,.14) !important;cursor:pointer;
  background:linear-gradient(135deg,var(--sxe-brand-2),var(--sxe-brand)) !important;color:#fff !important;font:800 15px "Cairo",sans-serif !important;
  box-shadow:0 14px 30px -14px var(--sxe-glow);transition:filter .2s,transform .2s}
body.store-eva .sxe-card .sx-card-add:hover{filter:brightness(1.1);transform:translateY(-1px)}
body.store-eva .sxe-card .sx-card-add svg{width:18px;height:18px}

/* ═══════════ طرق الدفع ═══════════ */
body.store-eva .sxe-pay{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;margin-top:70px;padding:34px;border-radius:26px;
  background:linear-gradient(120deg,rgba(172,19,86,.22),rgba(17,10,14,.7) 60%);border:1px solid rgba(214,47,127,.25)}
body.store-eva .sxe-pay[hidden]{display:none}
body.store-eva .sxe-pay h2{margin:0 0 10px;font:900 30px "Cairo",sans-serif;color:#fff}
body.store-eva .sxe-pay p{margin:0;color:var(--sxe-muted);font-size:15px;line-height:1.85}
body.store-eva .sx-pay-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
body.store-eva .sx-pay-item{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:16px;background:rgba(9,5,10,.65);border:1px solid var(--sxe-line-2)}
body.store-eva .sx-pay-item b{font:800 16px "Cairo",sans-serif;color:#fff}
body.store-eva .sx-pay-item small{color:var(--sxe-faint);font-size:12.5px}
body.store-eva .sx-pay-item::before{content:"";width:22px;height:8px;margin-bottom:8px;background:linear-gradient(90deg,var(--sxe-brand-2),var(--sxe-brand));clip-path:polygon(0 0,100% 0,100% 100%,30% 100%)}
body.store-eva .sx-pay-item.is-binance::before{background:linear-gradient(90deg,#f3ba2f,#d9a21b)}
body.store-eva .sx-pay-item.is-card::before{background:linear-gradient(90deg,#6fd8a8,#3fb784)}

/* ═══════════ المساعدة ═══════════ */
body.store-eva .sxe-help{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
body.store-eva .sxe-help-card{display:flex;align-items:center;gap:16px;padding:22px;border-radius:22px;text-decoration:none;color:inherit;
  background:linear-gradient(170deg,var(--sxe-s2),var(--sxe-s1));border:1px solid var(--sxe-line);transition:border-color .25s,transform .25s}
body.store-eva .sxe-help-card:hover{border-color:rgba(214,47,127,.45);transform:translateY(-2px)}
body.store-eva .sxe-help-card .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;flex:0 0 auto;color:var(--sxe-brand-3);background:rgba(214,47,127,.13);border:1px solid rgba(214,47,127,.25)}
body.store-eva .sxe-help-card .ic svg{width:22px;height:22px}
body.store-eva .sxe-help-card b{display:block;font:800 16px "Cairo",sans-serif;color:#fff}
body.store-eva .sxe-help-card small{display:block;color:var(--sxe-faint);font-size:13.5px;margin-top:2px}

/* ═══════════ التحويل في صفحة الدفع ═══════════ */
body.store-eva .bank-accounts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
body.store-eva .bank-account-tab{padding:9px 16px;border-radius:999px;cursor:pointer;border:1px solid var(--sxe-line-2);background:transparent;color:var(--sxe-muted);font:700 14px "Cairo",sans-serif}
body.store-eva .bank-account-tab.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--sxe-brand-2),var(--sxe-brand))}

/* الزر العائم للسلة */
body.store-eva .sx-fab{background:linear-gradient(135deg,var(--sxe-brand-2),var(--sxe-brand)) !important;color:#fff !important;border-color:rgba(255,255,255,.15) !important}

/* ═══════════ الاستجابة ═══════════ */
@media (max-width:900px){
  body.store-eva .sxe-hero{grid-template-columns:1fr;padding-top:20px}
  body.store-eva .sxe-hero-art{display:none}
  body.store-eva .sxe-pay{grid-template-columns:1fr;padding:26px}
}
@media (max-width:640px){
  body.store-eva .sx-main{width:calc(100% - 32px);padding-top:150px}
  body.store-eva .sxe-facts li{flex:1 1 30%;min-width:0;padding:12px}
  body.store-eva .sxe-facts b{font-size:19px}
  body.store-eva .sxe-help{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  body.store-eva *{animation:none !important}
}