/* ============================================================
   🎨 v98 — التصميم الموحّد للموقع كله (نفس الألوان)
   سطح واحد، زوايا واحدة، وخطوط واحدة بكل الصفحات. ما في طبقات خلفية ولا ضبابية،
   والمحتوى ظاهر من أول لحظة. الأساس بـ site-base.css (مولّد)، وكل التعديل هون.
   ============================================================ */
:root{
  --bg:#0b0b0f; --bg-2:#101015; --surface:#15151c; --surface-2:#1d1d26; --surface-3:#272732;
  --line:#2c2c38; --line-soft:#212129; --text:#f5f5f7; --text-2:#a9a9b6; --text-3:#72727f;
  --r-sm:10px; --r:14px; --r-lg:18px; --r-xl:22px;
  --shadow-sm:0 2px 10px rgba(0,0,0,.3); --shadow:0 10px 30px rgba(0,0,0,.42); --shadow-lg:0 22px 60px rgba(0,0,0,.6);
  --edge:0 0 0 0 transparent; --edge-strong:0 0 0 0 transparent; --sheen:none; --sheen-sm:none;
  --header-h:66px; --pad:clamp(16px, 4vw, 28px);
}

/* ---------- الأساس ---------- */
html{ background:var(--bg); }
body{ background:var(--bg); animation:none; font-size:15.5px; line-height:1.7; }
body::before, body::after, .site-header::after, .hero-px::after{ display:none !important; }
.container{ padding-inline:var(--pad) !important; }
.section{ padding-block:clamp(14px, 2vw, 22px); }
h1, h2, h3, h4, .pixel{ font-family:var(--font-display); letter-spacing:0; }
.pixel{ font-weight:800; }
.reveal, .reveal-scale{ opacity:1 !important; transform:none !important; transition:none; will-change:auto; }
.scroll-bar{ display:none; }

/* ---------- الأزرار ---------- */
.btn{
  min-height:44px; padding:10px 18px; font-weight:800; font-size:14.5px; border-radius:12px !important; border:1px solid transparent;
  box-shadow:none !important; clip-path:none !important; filter:none !important;
  transition:background .16s, border-color .16s, color .16s, transform .12s;
}
.btn::after, .btn::before{ display:none !important; }
.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0) scale(.98); }
.btn-lg{ min-height:50px; padding:12px 24px; font-size:15.5px; }
.btn-sm{ min-height:36px; padding:7px 13px; font-size:13px; border-radius:10px !important; }
.btn-primary{ color:#fff; background:var(--orange); }
.btn-primary:hover{ background:#ff7d1f; }
.btn-ghost{ color:var(--text); background:var(--surface-2); border-color:var(--line); }
.btn-ghost:hover{ background:var(--surface-3); border-color:#4a3b2d; }
.btn-outline{ color:var(--flame-2); background:transparent; border-color:rgba(255,138,51,.5); }
.btn-outline:hover{ background:rgba(255,106,0,.1); }
.btn-wa{ background:#1fae5b; } .btn-wa:hover{ background:#22c066; }
.btn-ig{ background:linear-gradient(120deg, #d9465f, #a13bb0); }
.btn-px{ filter:none !important; }

/* ---------- الحقول ---------- */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select, textarea{
  border-radius:12px !important; background:var(--bg-2); border:1px solid var(--line); color:var(--text); box-shadow:none;
  transition:border-color .16s, box-shadow .16s;
}
input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--flame) !important; box-shadow:0 0 0 3px rgba(255,106,0,.16) !important; }
.search-box, .select-wrap{ border-radius:12px !important; background:var(--bg-2); border:1px solid var(--line); box-shadow:none; }
.search-box input, .select-wrap select{ border:0 !important; background:transparent; box-shadow:none !important; }
.search-box:focus-within{ border-color:var(--flame); box-shadow:0 0 0 3px rgba(255,106,0,.16); }

/* ---------- البطاقات ---------- */
.card, .feature-card, .sub-card, .rv-card, .pay-card, .order-card, .cu-card, .gate-card, .empty-state, .soon-state,
.policy-sec, .faq-q, .rv-summary, .notice, .cart-item, .toolbar, .bn-card, .cta-band{
  border-radius:var(--r) !important; box-shadow:none; background-image:none;
}
.card, .feature-card, .sub-card, .rv-card, .pay-card, .gate-card, .cart-item{ background-color:var(--surface); border:1px solid var(--line-soft); }
.card{ padding:clamp(16px, 2.4vw, 24px); }
.toolbar{ background:none; border:0; padding:0; }
.brk::before{ display:none; }
.chip, .chip-btn, .tag, .trust-chip, .pay-chip, .badge-pill, .ptab, .ptab-menu, .pmenu-item, .nav-more-menu, .acct-menu, .acct-btn{ border-radius:10px !important; }
.notice{ background:rgba(255,201,61,.06); border:1px solid rgba(255,201,61,.2); }
.toast{ border-radius:12px !important; background:var(--surface-2); border:1px solid var(--line); box-shadow:var(--shadow); filter:none; clip-path:none; }

/* ---------- الهيدر ---------- */
.site-header{ background:rgba(11,11,15,.94) !important; border-bottom:1px solid var(--line-soft); backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none !important; }
.site-header.scrolled{ background:rgba(11,11,15,.97) !important; }
.nav-wrap{ min-height:var(--header-h); }
.nav-links a, .nav-more-btn{ border-radius:10px; font-weight:700; font-size:14.5px; padding:8px 12px; color:var(--text-2); }
.nav-links a::before{ display:none; }
.nav-links a:hover, .nav-more-btn:hover{ color:var(--text); background:var(--surface); }
.nav-links a.active{ color:var(--flame-2); background:rgba(255,106,0,.1); border:0; box-shadow:none; }
.icon-btn{ width:42px; height:42px; border-radius:12px !important; background:var(--surface); border:1px solid var(--line-soft); box-shadow:none; transition:background .15s, border-color .15s; }
.icon-btn:hover{ transform:none; background:var(--surface-2); border-color:var(--line); }
.brand-text{ font-size:12px; }
.promo-bar{ border-radius:0 !important; background:#101015; border-block-end:1px solid var(--line-soft); }
.cart-count{ box-shadow:none; }
.cart-count.bump{ animation:cartBump .4s var(--ease-out); }

/* ---------- عناوين الصفحات ---------- */
.page-hero{ padding:clamp(22px, 3.6vw, 36px) var(--pad) 4px; text-align:center; }
.page-hero h1{ font-size:clamp(25px, 3.4vw, 36px); font-weight:900; letter-spacing:0; animation:none; margin-bottom:4px; }
.page-hero h1 .emo{ font-size:.8em; }
.page-hero p{ color:var(--text-2); font-size:15px; animation:none; }
.page-hero::after{ display:none; }
.section-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.section-head h2{ font-family:var(--font-display); font-size:clamp(19px, 2.4vw, 24px); font-weight:800; line-height:1.4; margin:0; }
.section-head .sub{ margin-top:0; font-size:13.5px; }
.section-head .line, .kicker{ display:none; }
.sec-count{ font-family:var(--font); font-size:12px; font-weight:700; color:var(--text-2); background:var(--surface-2); border:0; border-radius:8px; padding:2px 8px; margin-inline-start:8px; vertical-align:middle; }
.sec-all, .sec-clear{ flex:none; font-size:13.5px; font-weight:700; color:var(--flame-2); background:none; border:0; padding:4px 2px; cursor:pointer; }
.sec-all:hover, .sec-clear:hover{ color:var(--text); }

/* ---------- الواجهة السينمائية ---------- */
.hs-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:clamp(14px, 2.2vw, 22px); padding-bottom:10px; }
.hs-head h1{ margin:0; font-family:var(--font-display); font-weight:900; font-size:clamp(20px, 2.6vw, 28px); line-height:1.3; color:#fff; }
.hs-head h1 em{ font-style:normal; color:var(--orange-2); }
.hs-head .badge-pill{ flex:none; margin:0; padding:4px 10px; font-size:12px; background:var(--surface); border:1px solid var(--line-soft); color:var(--text-2); box-shadow:none; }
.hs{ display:grid; grid-template-columns:minmax(0, 1fr) 272px; gap:12px; }
.hs-main{ position:relative; min-width:0; }
.hs-stage{ position:relative; height:clamp(320px, 33vw, 440px); overflow:hidden; border-radius:var(--r-lg); background:linear-gradient(110deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%); background-size:220% 100%; animation:hsSk 1.5s linear infinite; }
.hs.ready .hs-stage{ animation:none; background:var(--surface); }
@keyframes hsSk{ to{ background-position:-120% 0; } }
.hs-slide{ position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .55s ease, visibility 0s .55s; }
.hs-slide.on{ opacity:1; visibility:visible; transition:opacity .55s ease; z-index:1; }
.hs-slide::after{ content:""; position:absolute; inset:0; background:linear-gradient(to left, rgba(11,11,15,.94) 0%, rgba(11,11,15,.76) 34%, rgba(11,11,15,.12) 68%, rgba(11,11,15,0) 100%), linear-gradient(to top, rgba(11,11,15,.6), transparent 42%); }
.hs-art{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .45s ease; }
.hs-art.in{ opacity:1; }
.hs-art.soft{ filter:saturate(1.05); object-position:center; }
.hs-slide.on .hs-art.in{ animation:hsZoom 9s ease-out both; }
@keyframes hsZoom{ from{ transform:scale(1.05); } to{ transform:scale(1); } }
.hs-tx{ position:absolute; z-index:2; inset-block:0; inset-inline-start:0; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:6px; width:min(560px, 62%); padding:clamp(18px, 3vw, 40px); }
.hs-slide.on .hs-tx > *{ animation:pxUp .45s var(--ease-out) both; }
.hs-slide.on .hs-tx > *:nth-child(2){ animation-delay:.05s; } .hs-slide.on .hs-tx > *:nth-child(3){ animation-delay:.1s; } .hs-slide.on .hs-tx > *:nth-child(4){ animation-delay:.15s; }
@keyframes pxUp{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
.hs-tag{ padding:3px 10px; font-size:12px; font-weight:800; border-radius:8px; color:#fff; background:var(--orange); }
.hs-tx h2{ margin:2px 0 0; font-family:var(--font-display); font-weight:900; font-size:clamp(25px, 3.5vw, 44px); line-height:1.22; text-align:right; }
.hs-tx h2 a{ color:#fff; }
.hs-tx h2 bdi{ unicode-bidi:plaintext; }
.hs-tx p{ margin:0 0 6px; font-size:14px; color:#c9c9d4; }
.hs-buy{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.hs-price{ display:inline-flex; align-items:baseline; gap:8px; margin-inline-end:6px; }
.hs-price b{ font-family:var(--font-display); font-weight:900; font-size:clamp(22px, 2.4vw, 28px); color:#fff; white-space:nowrap; }
.hs-price s{ font-size:14px; color:#a9a9b6; white-space:nowrap; }
.hs-buy .btn-ghost{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.14); }
.hs-buy .btn-ghost:hover{ background:rgba(255,255,255,.18); }
.hs-side{ display:grid; grid-auto-rows:1fr; gap:8px; min-width:0; height:clamp(320px, 33vw, 440px); }
.hs-side:empty{ background:var(--surface); border-radius:var(--r-lg); }
.hs-th{ position:relative; display:flex; align-items:center; gap:10px; min-width:0; width:100%; padding:7px; overflow:hidden; text-align:right; color:var(--text-2); background:var(--surface); border:1px solid transparent; border-radius:var(--r); cursor:pointer; transition:background .16s, color .16s, border-color .16s; }
.hs-th:hover{ background:var(--surface-2); color:var(--text); }
.hs-th.on{ background:var(--surface-2); color:#fff; border-color:rgba(255,138,51,.5); }
.hs-th img{ flex:none; width:92px; height:100%; max-height:64px; object-fit:cover; border-radius:9px; }
.hs-th span{ min-width:0; font-size:13px; font-weight:700; line-height:1.4; }
.hs-th bdi{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; unicode-bidi:plaintext; }
.hs-th small{ display:block; font-size:12px; font-weight:600; color:var(--text-3); }
@keyframes hsBar{ to{ transform:scaleX(1); } }
.stat-strip{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:10px; margin-top:12px; border:0; background:none; backdrop-filter:none; }
.stat-cell{ display:flex; align-items:center; gap:10px; padding:11px 14px; border:1px solid var(--line-soft); border-radius:var(--r); background:var(--surface); }
.stat-cell.hidden{ display:none; }
.stat-cell::after{ display:none; }
.stat-cell > .emo{ font-size:21px; color:var(--orange-2); }
.stat-cell b{ display:block; font-family:var(--font-display); font-size:17px; font-weight:900; line-height:1.25; color:#fff; }
.stat-cell div > span{ display:block; margin:0; font-size:12px; line-height:1.4; color:var(--text-3); font-weight:500; }

.cats{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:10px; margin-block:clamp(14px, 2.4vw, 22px) 0; }
.cats a{ display:flex; flex-direction:column; align-items:center; gap:1px; padding:13px 8px; text-align:center; border-radius:var(--r); color:var(--text); background:var(--surface); border:1px solid var(--line-soft); transition:border-color .16s, background .16s, transform .16s; }
.cats a:hover{ transform:translateY(-3px); border-color:rgba(255,138,51,.55); background:var(--surface-2); }
.cats .emo{ font-size:24px; height:30px; }
.cats b{ font-size:14.5px; font-weight:800; line-height:1.4; }
.cats small{ min-height:1.4em; font-size:12px; color:var(--text-3); }

.why{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
.why-i{ display:flex; gap:11px; padding:14px; border-radius:var(--r); background:var(--surface); border:1px solid var(--line-soft); }
.why-i .emo{ font-size:22px; height:26px; margin-top:2px; }
.why-i b{ display:block; font-size:14.5px; font-weight:800; }
.why-i p{ margin:0; font-size:13px; line-height:1.65; color:var(--text-2); }
.px-ui2 .px-flow--home{ padding-block:clamp(16px, 2.6vw, 26px); }
.px-ui2 .px-flow-h{ align-items:flex-start; text-align:start; margin-bottom:12px; }
.px-ui2 .px-flow-h .kicker{ display:none; }
.px-ui2 .px-flow-h h2{ font-size:clamp(19px, 2.4vw, 24px); font-weight:800; }
.px-ui2 .px-flow-h h2 em{ color:var(--orange-2); }
.px-ui2 .px-flow-l li{ background:var(--surface); border-color:var(--line-soft); align-items:flex-start; text-align:start; padding:14px; }
.px-ui2 .px-flow-n{ justify-content:flex-start; text-align:start; background:rgba(255,201,61,.05); border-color:rgba(255,201,61,.18); }

/* ---------- بطاقات الألعاب ---------- */
.games-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(218px, 1fr)); gap:14px; }
.games-grid.rail{ display:grid; grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:minmax(218px, calc((100% - 56px) / 5)); gap:14px; overflow-x:auto; padding-bottom:6px; scroll-snap-type:x proximity; scrollbar-width:none; }
.games-grid.rail::-webkit-scrollbar{ display:none; }
.games-grid.rail > *{ scroll-snap-align:start; }
.grid-more{ grid-column:1 / -1; height:1px; }
.game-card, .px-ui2 .games-grid:not(.recent-row) > .game-card{ position:relative; display:flex; flex-direction:column; overflow:hidden; isolation:isolate; border-radius:var(--r) !important; background:var(--surface); border:1px solid var(--line-soft); box-shadow:none; transition:transform .16s var(--ease-out), border-color .16s, box-shadow .16s; contain:layout paint; }
.game-card::before{ display:none; }
.game-card:hover{ transform:translateY(-3px); border-color:rgba(255,138,51,.55); box-shadow:0 10px 24px rgba(0,0,0,.38); }
.game-card::after{ content:""; position:absolute; inset:0; z-index:4; pointer-events:none; opacity:0; transition:opacity .2s; background:radial-gradient(220px circle at var(--mx, 50%) var(--my, 0%), rgba(255,201,61,.1), transparent 68%); }
.game-card:hover::after{ opacity:1; }
.game-card.tilt{ transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(-3px); transition:transform .08s linear, border-color .16s, box-shadow .16s; }
.gc-link{ display:flex; flex-direction:column; flex:1; color:inherit; }
.gc-link::after{ display:none !important; }
.game-thumb, .px-ui2 .games-grid:not(.recent-row) .game-thumb{ position:relative; aspect-ratio:460/215; height:auto; border-radius:0 !important; overflow:hidden; background:var(--surface-2); }
.game-thumb .bg{ display:none; }
.game-thumb .fg, .px-ui2 .game-thumb .fg{ position:absolute; inset:0; display:block; padding:0; }
.game-thumb .fg img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:0; box-shadow:none; transition:transform .3s var(--ease-out); }
.game-card:hover .game-thumb .fg img{ transform:scale(1.04); }
.game-thumb .fallback{ position:absolute; inset:0; align-items:center; justify-content:center; gap:6px; padding:10px; text-align:center; font-size:13px; }
.bnd-collage-veil{ display:none; }
.gc-on, .px-ui2 .games-grid:not(.recent-row) .gc-on{ position:static; flex:1; padding:10px 12px 2px; z-index:auto; }
.gc-on h3, .px-ui2 .games-grid:not(.recent-row) .gc-on h3{ font-family:var(--font-display); font-size:14.5px; font-weight:800; line-height:1.45; color:var(--text); text-shadow:none; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-align:right; }
.gc-on h3 bdi{ unicode-bidi:plaintext; }
.gc-on .game-cat, .px-ui2 .games-grid:not(.recent-row) .gc-on .game-cat{ display:block; margin-top:2px; font-size:12px; line-height:1.5; color:var(--text-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gc-drop{ position:static; display:inline-flex; margin-bottom:4px; font-size:11px; }
.game-card{ container-type:inline-size; }
.gc-best{ position:absolute; z-index:3; top:calc(46.7cqw - 27px); inset-inline-start:8px; margin:0; padding:2px 7px; font-size:11px; font-weight:800; line-height:1.5; border-radius:7px; color:#1c1206; background:var(--gold); box-shadow:none; }
.gc-best .emo{ filter:grayscale(1) brightness(.28); }
.gc-foot, .px-ui2 .games-grid:not(.recent-row) .gc-foot{ display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding:8px 12px 12px; }
.gc-price, .px-ui2 .games-grid:not(.recent-row) .gc-price{ display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:0; background:none; }
.gc-price::after{ display:none !important; }
.gc-price .pr, .px-ui2 .games-grid:not(.recent-row) .gc-price .pr{ display:inline-flex; align-items:baseline; gap:6px; justify-content:flex-start; }
.gc-price .price-now, .px-ui2 .games-grid:not(.recent-row) .gc-price .price-now{ font-family:var(--font-display); font-size:17px; font-weight:900; color:#fff; text-shadow:none; white-space:nowrap; }
.gc-price .price-old{ font-size:12px; white-space:nowrap; }
.gc-save{ display:block; font-size:11px; line-height:1.4; color:var(--green); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.gc-price, .px-ui2 .games-grid:not(.recent-row) .gc-price{ flex:1; }
.gc-acts, .px-ui2 .games-grid:not(.recent-row) .gc-acts{ display:flex; align-items:center; gap:6px; flex:none; }
.gc-foot .btn, .px-ui2 .games-grid:not(.recent-row) .gc-foot .btn{ min-height:36px; padding:6px 11px; font-size:13px; border-radius:10px !important; }
.game-card .tag{ top:8px; padding:2px 7px; font-size:11px; font-weight:800; box-shadow:none; filter:none; border-radius:7px !important; }
.game-card .tag-platform{ display:none; }
.game-card .tag-offline{ display:none; }
.game-card .tag-new{ inset-inline-start:8px; background:var(--orange); color:#fff; }
.game-card .tag-discount{ top:32px; bottom:auto; inset-inline-start:8px; inset-inline-end:auto; color:#1c1206; background:var(--gold); }
.game-card .tag-new ~ .tag-discount{ top:32px; }
.game-card .tag-discount:first-of-type{ top:8px; }
.game-card .tag-bogo{ top:calc(46.7cqw - 27px); inset-block-start:calc(46.7cqw - 27px); inset-inline-end:8px; padding:2px 6px; }
.game-card .fav-btn{ position:absolute; z-index:5; top:7px; inset-inline-end:7px; width:32px; height:32px; border-radius:9px !important; background:rgba(12,9,6,.62); border:0; box-shadow:none; }
.game-card .fav-btn:hover{ background:rgba(12,9,6,.85); }
.sk-card{ border-radius:var(--r) !important; background:var(--surface); border:1px solid var(--line-soft); }

/* ---------- المتجر والفلاتر ---------- */
.store-sec{ padding-top:10px !important; }
.platform-tabs{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; margin-bottom:10px; }
.ptab{ min-height:52px; padding:8px 12px; background:var(--surface); border:1px solid var(--line-soft); box-shadow:none; }
.ptab::before, .ptab::after{ display:none; }
.ptab.active{ background:rgba(255,106,0,.12); border-color:var(--orange); box-shadow:none; }
.ptab-ico{ background:none !important; border:0 !important; width:auto; height:auto; box-shadow:none !important; font-size:20px; }
.ptab-txt{ font-size:14.5px; }
.ptab-txt small{ font-size:12px; }
.ptab-menu{ background:var(--surface-2); border:1px solid var(--line); box-shadow:var(--shadow); }
.toolbar{ display:flex; gap:8px; margin-bottom:10px; }
.toolbar .search-box{ flex:1; }
.filters{ display:flex; flex-wrap:nowrap; gap:6px; overflow-x:auto; margin-bottom:8px; padding-bottom:2px; scrollbar-width:none; }
.filters::-webkit-scrollbar{ display:none; }
.chip-btn{ flex:none; min-height:34px; padding:5px 12px; font-size:13px; font-weight:700; color:var(--text-2); background:var(--surface); border:1px solid var(--line-soft); box-shadow:none !important; transition:background .14s, color .14s, border-color .14s; }
.chip-btn:hover{ transform:none; color:var(--text); border-color:var(--line); }
.chip-btn.active{ color:#fff; background:var(--orange); border-color:var(--orange); }
.results-count{ margin:2px 0 10px; font-size:12.5px; color:var(--text-3); }

/* ---------- العناصر العائمة والفوتر ---------- */
.wa-float{ width:52px; height:52px; border-radius:16px !important; clip-path:none !important; filter:none !important; box-shadow:0 8px 20px rgba(0,0,0,.4) !important; }
.wa-float::before{ display:none; }
.to-top{ border-radius:12px !important; background:var(--surface-2); border:1px solid var(--line); clip-path:none; filter:none; box-shadow:none; }
.site-footer{ margin-top:clamp(24px, 4vw, 40px); padding:clamp(22px, 3.4vw, 34px) 0 14px; background:#08080b; border-top:1px solid var(--line-soft); }
.site-footer::before{ display:none; }
.footer-grid{ gap:clamp(16px, 3vw, 30px); }
.footer-col h4{ font-family:var(--font-display); font-size:14.5px; font-weight:800; margin-bottom:8px; }
.footer-col a, .footer-col li{ font-size:13.5px; color:var(--text-2); }
.footer-col a:hover{ color:var(--flame-2); }
.footer-col ul{ display:grid; gap:4px; }
.footer-about p{ font-size:13.5px; color:var(--text-2); }
.trust-chip{ background:var(--surface); border:1px solid var(--line-soft); box-shadow:none; font-size:12px; }
.footer-bottom{ margin-top:16px; padding-top:12px; border-top:1px solid var(--line-soft); font-size:12.5px; color:var(--text-3); }

/* ---------- السلة والدفع ---------- */
.cart-layout{ gap:16px; }
.cart-item{ padding:12px; margin-bottom:10px; animation:none; }
.summary{ background:var(--surface) !important; border:1px solid var(--line-soft) !important; border-radius:var(--r) !important; }
.summary-row{ padding:7px 0; }
.summary-row.total .price-now{ font-family:var(--font-display); font-weight:900; color:#fff; }
.qty-ctl{ border-radius:10px; background:var(--bg-2); border:1px solid var(--line-soft); }
.qty-fill{ border-radius:var(--r) !important; }
.co-sec{ border-radius:var(--r) !important; background:var(--surface-2) !important; border:1px solid var(--line-soft) !important; box-shadow:none !important; }
.pay-option{ border-radius:12px !important; }
.pay-option.selected{ border-color:var(--orange) !important; background:rgba(255,106,0,.1) !important; box-shadow:none !important; }
.px-ui2 .px-flow--compact, .px-ui2 .px-flow--cart, .px-ui2 .px-flow--checkout{ background:var(--surface); border-color:var(--line-soft); border-radius:var(--r); }

/* ---------- صفحة اللعبة ---------- */
.product-media{ border-radius:var(--r-lg) !important; overflow:hidden; background:var(--surface-2); }
.product-media .bg{ display:none; }
.product-media .fg img{ border-radius:0 !important; box-shadow:none !important; }
.product-title{ font-family:var(--font-display); font-weight:900; font-size:clamp(23px, 3vw, 32px); line-height:1.35; letter-spacing:0; }
.price-block .price-now{ font-family:var(--font-display); font-weight:900; color:#fff; font-size:clamp(25px, 3vw, 32px); }
.pd-buy{ border-radius:var(--r) !important; background:var(--surface) !important; border:1px solid var(--line-soft) !important; box-shadow:none !important; }
.deliv-box, .warranty-box, .trailer-box, .pd-desc, .usage-note{ border-radius:var(--r) !important; box-shadow:none !important; background-image:none; }
.chips .chip{ font-size:12px; }

/* ---------- الجوال ---------- */
@media (max-width:1023px){
  .games-grid.rail{ grid-auto-columns:minmax(200px, 42%); }
  .why{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:760px){
  body{ font-size:15px; }
  .hx-in{ grid-template-columns:minmax(0, 1fr) auto; gap:10px; }
  .hx h1{ font-size:clamp(30px, 9vw, 40px); }
  .hx-search, .hx-acts{ grid-column:1 / -1; }
  .hx .pxlogo{ --lw:clamp(84px, 25vw, 120px); }
  .hx .logo-stage::after{ width:150px; }
  .hx-acts .btn{ flex:1 1 auto; min-height:40px; padding:7px 10px; font-size:13px; }
  .cats{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px; }
  .cats a{ padding:10px 4px; }
  .cats b{ font-size:13.5px; }
  .games-grid, .px-ui2 .games-grid:not(.recent-row){ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
  .games-grid.rail, .px-ui2 .games-grid.rail:not(.recent-row){ display:grid; grid-template-columns:none; grid-auto-columns:minmax(150px, 46%); gap:10px; }
  .gc-foot, .px-ui2 .games-grid:not(.recent-row) .gc-foot{ flex-direction:column; align-items:stretch; gap:6px; padding:6px 10px 10px; }
  .gc-acts, .px-ui2 .games-grid:not(.recent-row) .gc-acts{ width:100%; }
  .gc-acts .btn, .px-ui2 .games-grid:not(.recent-row) .gc-acts .btn{ flex:1; }
  .platform-tabs{ gap:6px; }
  .ptab{ min-height:46px; padding:6px; }
  .ptab-txt{ font-size:12.5px; }
  .ptab-ico{ display:none; }
}
@media (max-width:420px){
  .why{ grid-template-columns:minmax(0, 1fr); }
}
@media (prefers-reduced-motion:reduce){
  .hx .pxlogo, .hx-tx, .bogo-ico, .bogo-card::before, .tag-bogo, .bogo-hero-art i, .bogo-hero-art .emo{ animation:none !important; }
}

/* offers *//
/* ---------- ١) 🎁 عرض «اشترِ واحصل» ---------- */
.bogo-host{ margin:14px 0; }
.bogo-card{
  position:relative; overflow:hidden; display:grid; gap:10px; padding:14px; border-radius:var(--r);
  background:linear-gradient(150deg, rgba(255,106,0,.2), rgba(255,106,0,.05) 60%), var(--surface);
  border:1px solid rgba(255,138,51,.5); box-shadow:var(--edge);
  animation:bogoIn .5s var(--ease-out) both;
}
.bogo-card.near{ background:var(--surface); border-style:dashed; border-color:rgba(255,138,51,.4); grid-template-columns:1fr auto; align-items:center; }
.bogo-card.ready::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg, transparent 40%, rgba(255,201,61,.14) 50%, transparent 60%);
  transform:translateX(100%); animation:bogoSheen 3.8s ease-in-out infinite;
}
.bogo-card-h{ display:flex; align-items:center; gap:11px; min-width:0; }
.bogo-card-h > div{ min-width:0; }
.bogo-card-h b{ display:block; font-family:var(--font-display); font-weight:900; font-size:15.5px; line-height:1.45; color:var(--text); }
.bogo-card-h small{ display:block; font-size:12.5px; line-height:1.7; color:var(--text-2); }
.bogo-card-h small b{ display:inline; font-size:inherit; color:var(--gold); }
.bogo-ico{ flex:none; font-size:28px; line-height:1; animation:bogoBob 2.4s ease-in-out infinite; }
.bogo-picks{ display:grid; gap:7px; }
.bogo-pick{ display:flex; align-items:center; gap:10px; padding:7px 8px; border-radius:var(--r-sm); background:rgba(0,0,0,.26); border:1px solid rgba(46,214,130,.32); animation:bogoIn .35s var(--ease-out) both; }
.bogo-pick-im{ flex:none; width:58px; height:34px; border-radius:6px; overflow:hidden; display:grid; place-items:center; background:var(--surface-3); }
.bogo-pick-im img{ width:100%; height:100%; object-fit:cover; display:block; }
.bogo-pick-t{ flex:1; min-width:0; font-size:13.5px; font-weight:700; line-height:1.4; text-align:right; }
.bogo-pick-t bdi{ display:inline-block; max-width:100%; vertical-align:bottom; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bogo-pick-t small{ display:block; text-align:start; font-size:12px; color:var(--text-3); }
.bogo-pick-t small b{ color:var(--green); }
.bogo-pick-x{ flex:none; width:30px; height:30px; border-radius:8px; color:var(--text-2); background:rgba(255,255,255,.06); transition:background .18s, color .18s; }
.bogo-pick-x:hover{ background:rgba(255,77,94,.2); color:var(--red); }
.bogo-chg{ justify-self:start; font-size:12.5px; }
.bogo-rule{ margin:0; font-size:12px; line-height:1.7; color:var(--text-3); }
.bogo-rule .emo{ font-size:13px; }
.bogo-choice{ display:grid; gap:8px; margin:0 0 14px; }
.bogo-choice-h{ margin:0; font-size:12.5px; font-weight:800; color:var(--text-2); }
.bogo-opt{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:var(--r-sm); border:1px solid var(--line); background:var(--bg-2); cursor:pointer; transition:border-color .18s, background .18s; }
.bogo-opt.on{ border-color:rgba(255,138,51,.7); background:rgba(255,106,0,.1); }
.bogo-opt input{ accent-color:var(--orange); }
.bogo-opt b{ display:block; font-size:13.5px; }
.bogo-opt small{ color:var(--text-2); font-size:12px; }

/* نافذة الاختيار */
html.bogo-lock{ overflow:hidden; }
.bogo-modal{ position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:16px; background:rgba(10,7,5,.72); backdrop-filter:blur(5px); animation:bogoFade .22s ease both; }
.bogo-sheet{ display:flex; flex-direction:column; width:min(860px, 100%); max-height:min(86vh, 760px); border-radius:var(--r-lg); overflow:hidden; background:var(--bg-2); border:1px solid rgba(255,138,51,.45); box-shadow:var(--shadow-lg), var(--glow-orange); animation:bogoPop .34s var(--ease-out) both; }
.bogo-sheet-h{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:16px 18px 10px; }
.bogo-sheet-h h3{ margin:0; font-family:var(--font-display); font-size:19px; font-weight:900; }
.bogo-sheet-h p{ margin:3px 0 0; font-size:13px; line-height:1.7; color:var(--text-2); }
.bogo-sheet-h p b{ color:var(--gold); }
.bogo-x{ flex:none; width:36px; height:36px; border-radius:10px; color:var(--text-2); background:rgba(255,255,255,.07); }
.bogo-x:hover{ color:var(--text); background:rgba(255,255,255,.14); }
.bogo-tools{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:0 18px 12px; border-bottom:1px solid var(--line-soft); }
.bogo-tools input{ flex:1 1 220px; min-width:0; padding:10px 13px; font:inherit; font-size:14px; color:var(--text); background:var(--surface); border:1px solid var(--line); border-radius:var(--r-sm); }
.bogo-pf{ display:flex; gap:5px; flex-wrap:wrap; }
.bogo-pf:empty{ display:none; }
.bogo-pf button{ padding:7px 12px; border-radius:99px; font-size:12.5px; font-weight:700; color:var(--text-2); background:var(--surface); border:1px solid var(--line); }
.bogo-pf button.on{ color:#1a0e04; background:var(--flame); border-color:var(--flame); }
.bogo-grid{ flex:1; min-height:160px; overflow:auto; display:grid; grid-auto-rows:max-content; grid-template-columns:repeat(auto-fill, minmax(170px, 1fr)); gap:10px; padding:14px 18px; align-content:start; }
.bogo-g{ position:relative; display:flex; flex-direction:column; text-align:start; padding:0; overflow:hidden; border-radius:var(--r-sm); color:var(--text); background:var(--surface); border:1px solid var(--line); cursor:pointer; transition:transform .2s var(--ease-out), border-color .2s, box-shadow .2s; animation:bogoIn .36s var(--ease-out) both; }
.bogo-g:hover{ transform:translateY(-3px); border-color:rgba(255,138,51,.6); box-shadow:var(--glow-flame); }
.bogo-g.on{ border-color:var(--green); box-shadow:0 0 0 1px var(--green), 0 8px 24px rgba(46,214,130,.2); }
.bogo-g-im{ flex:0 0 auto; display:grid; place-items:center; width:100%; height:88px; overflow:hidden; background:var(--surface-3); }
.bogo-g-im img{ width:100%; height:100%; object-fit:cover; display:block; }
.bogo-g-t{ flex:1; padding:8px 10px 0; font-size:13px; font-weight:700; line-height:1.45; text-align:right; }
.bogo-g-p{ padding:2px 10px 9px; font-size:12px; color:var(--text-3); text-align:right; }
.bogo-g-p b{ color:var(--green); }
.bogo-g-c{ position:absolute; inset-block-start:7px; inset-inline-end:7px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; font-size:14px; font-weight:900; color:#fff; background:rgba(0,0,0,.6); }
.bogo-g.on .bogo-g-c{ color:#062b16; background:var(--green); }
.bogo-none{ grid-column:1 / -1; text-align:center; color:var(--text-2); padding:26px 0; }
.bogo-sheet-f{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 18px; border-top:1px solid var(--line-soft); font-size:13px; font-weight:700; color:var(--text-2); }
.bogo-px{ position:fixed; z-index:1300; width:8px; height:8px; pointer-events:none; }

/* الشارة والشريط والرئيسية */
.game-card .tag-bogo{ position:absolute; z-index:3; inset-block-end:auto; inset-block-start:calc(46.7cqw - 27px); inset-inline-start:auto; inset-inline-end:8px; color:var(--gold); background:rgba(16,11,7,.86); border:1px solid rgba(255,201,61,.55); font-weight:800; animation:bogoPulse 2.6s ease-in-out infinite; }
.bogo-chip{ display:flex; align-items:center; gap:11px; margin:10px 0; padding:10px 13px; border-radius:var(--r-sm); color:var(--text); background:linear-gradient(120deg, rgba(255,106,0,.2), rgba(255,201,61,.07)); border:1px solid rgba(255,138,51,.5); transition:transform .2s var(--ease-out); }
.bogo-chip:hover{ transform:translateY(-2px); }
.bogo-chip b{ display:block; font-size:14px; line-height:1.5; }
.bogo-chip small{ color:var(--text-2); font-size:12.5px; }
#bogoSec{ display:grid; gap:14px; padding-block:18px; }
#bogoSec.hidden{ display:none; }
.bogo-hero{
  position:relative; overflow:hidden; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:22px; padding:22px 26px; border-radius:var(--r-lg);
  background:radial-gradient(120% 160% at 100% 0%, rgba(255,106,0,.36), transparent 58%), radial-gradient(100% 130% at 0% 100%, rgba(255,201,61,.14), transparent 60%), var(--surface);
  border:1px solid rgba(255,138,51,.5); box-shadow:var(--shadow), var(--edge);
}
.bogo-hero-art{ position:relative; display:grid; place-items:center; width:92px; height:92px; border-radius:22px; background:rgba(0,0,0,.28); box-shadow:inset 0 0 0 1px rgba(255,201,61,.3); }
.bogo-hero-art .emo{ font-size:52px; line-height:1; animation:bogoBob 2.4s ease-in-out infinite; }
.bogo-hero-art i{ position:absolute; width:7px; height:7px; background:var(--gold); animation:bogoTwinkle 2.2s ease-in-out infinite; }
.bogo-hero-art i:nth-of-type(1){ inset-block-start:10px; inset-inline-start:12px; }
.bogo-hero-art i:nth-of-type(2){ inset-block-end:14px; inset-inline-end:10px; background:var(--flame); animation-delay:.7s; }
.bogo-hero-art i:nth-of-type(3){ inset-block-start:16px; inset-inline-end:16px; background:var(--green); animation-delay:1.4s; }
.bogo-hero-tx{ min-width:0; }
.bogo-hero-tx .kicker{ margin-bottom:4px; }
.bogo-hero-tx h2{ margin:0 0 4px; font-family:var(--font-display); font-size:clamp(20px, 3.2vw, 28px); font-weight:900; line-height:1.4; }
.bogo-hero-tx p{ margin:0; color:var(--text-2); font-size:13.5px; line-height:1.8; }
.bogo-count{ display:inline-block; margin-top:8px; padding:4px 11px; border-radius:8px; font-family:var(--font-pixel); font-size:12px; color:var(--gold); background:rgba(0,0,0,.34); border:1px solid rgba(255,201,61,.28); }
.ord-free{ color:var(--green); background:rgba(46,214,130,.12); }
@media (max-width:760px){
  .bogo-hero{ grid-template-columns:auto 1fr; padding:16px; gap:14px; }
  .bogo-hero .btn{ grid-column:1 / -1; justify-content:center; }
  .bogo-hero-art{ width:64px; height:64px; border-radius:16px; }
  .bogo-hero-art .emo{ font-size:36px; }
  .bogo-modal{ padding:0; place-items:end stretch; }
  .bogo-sheet{ width:100%; max-height:92vh; border-radius:var(--r-lg) var(--r-lg) 0 0; }
  .bogo-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); padding:12px 14px; }
  .bogo-card.near{ grid-template-columns:1fr; }
}
@keyframes bogoIn{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
@keyframes bogoFade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes bogoPop{ from{ opacity:0; transform:translateY(18px) scale(.97); } to{ opacity:1; transform:none; } }
@keyframes bogoBob{ 0%,100%{ transform:translateY(0) rotate(-3deg); } 50%{ transform:translateY(-5px) rotate(3deg); } }
@keyframes bogoSheen{ 0%,55%{ transform:translateX(100%); } 100%{ transform:translateX(-100%); } }
@keyframes bogoPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,201,61,.5); } 50%{ box-shadow:0 0 0 6px rgba(255,201,61,0); } }
@keyframes bogoTwinkle{ 0%,100%{ opacity:.25; transform:scale(.7); } 50%{ opacity:1; transform:scale(1); } }


/* ---------- الأيقونات ---------- */
.emo.ic{ width:1.2em; height:1.2em; filter:none !important; translate:none; line-height:0; vertical-align:middle; }
.emo.ic svg{ width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.section-head h2 .emo.ic, .px-flow-l .ic, .bogo-ico.ic, .why-i .emo.ic, .cats .emo.ic, .footer-col .emo.ic, .page-hero h1 .emo.ic, .deliv-head .emo.ic, .jny-hero .emo.ic{ color:var(--orange-2); }
.px-ui2 .px-flow-l .ic{ width:24px; height:24px; color:var(--orange-2); }
.cats .emo.ic{ width:26px; height:26px; }
.why-i .emo.ic{ width:22px; height:22px; }
.bogo-ico.ic{ width:26px; height:26px; }
.bogo-hero-art .emo.ic{ width:48px; height:48px; color:var(--orange-2); }

/* ---------- عناوين الصفحات: من اليمين وأهدأ ---------- */
.page-hero{ text-align:start; }
.page-hero h1 .emo.ic{ width:.82em; height:.82em; }
.page-hero p{ margin-inline:0; }

/* ---------- صفحة اللعبة: خلفية من الغلاف ---------- */
.pd-art{ position:absolute; z-index:-1; inset-inline:0; top:0; height:430px; background-size:cover; background-position:center 30%; opacity:.17; filter:blur(26px) saturate(1.1); -webkit-mask:linear-gradient(to bottom, #000 30%, transparent); mask:linear-gradient(to bottom, #000 30%, transparent); pointer-events:none; }
main{ position:relative; isolation:isolate; overflow-x:clip; }

@media (max-width:1023px){
  .hs{ grid-template-columns:minmax(0, 1fr); }
  .hs-side{ display:none; }
}
@media (max-width:760px){
  .hs-stage{ height:clamp(330px, 92vw, 420px); }
  .hs-slide::after{ background:linear-gradient(to top, rgba(11,11,15,.97) 0%, rgba(11,11,15,.82) 38%, rgba(11,11,15,.1) 72%, rgba(11,11,15,0) 100%); }
  .hs-tx{ inset-block:auto 0; inset-inline:0; width:100%; padding:14px 14px 26px; justify-content:flex-end; }
  .hs-tx h2{ font-size:clamp(22px, 7vw, 28px); }
  .hs-buy .btn{ min-height:42px; padding:8px 14px; font-size:14px; }
  .stat-strip{ gap:6px; }
  .stat-cell{ padding:8px; justify-content:center; text-align:center; }
  .stat-cell > .emo{ display:none; }
  .stat-cell b{ font-size:15px; }
  .stat-cell div > span{ font-size:11px; }
  .hs-head h1{ font-size:19px; }
}
@media (prefers-reduced-motion:reduce){
  .hs-slide.on .hs-art.in, .hs-slide.on .hs-tx > *, .hs-stage{ animation:none !important; }
}
/* البحث ظاهر بالهيدر على الشاشات العريضة */
@media (min-width:1200px){
  .icon-btn.pxs-open{ width:230px; display:inline-flex; align-items:center; justify-content:flex-start; gap:8px; padding-inline:12px; color:var(--text-3); }
  .icon-btn.pxs-open::after{ content:"ابحث عن لعبة…"; font-size:13.5px; font-weight:500; }
}
main > .section, main > .hs + .container + .cats + .section{ padding-block:clamp(12px, 1.8vw, 20px) !important; }
main > .section.hidden{ display:none; }
.px-flow--home.section{ padding-block:clamp(14px, 2vw, 22px) !important; }
/* النص القديم بيختفي فوراً، والصور بس هي اللي بتتداخل وقت التبديل */
.hs-slide:not(.on) .hs-tx{ opacity:0; }
/* ============================================================
   ✨ الألوان والحركة بكل الموقع
   ============================================================ */
:root{ --c1:#ff6a00; --c2:#ffb020; --c3:#ff2e7e; --c4:#8a4dff; --grad:linear-gradient(100deg, #ffb020, #ff6a00 45%, #ff2e7e); }

/* خلفية حيّة: بقع لون بطيئة (تحريك transform فقط) */
.px-aura{ position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.px-aura i{ position:absolute; display:block; width:70vmax; height:70vmax; border-radius:50%; will-change:transform; }
.px-aura i:nth-child(1){ top:-36vmax; inset-inline-end:-22vmax; background:radial-gradient(circle, rgba(255,106,0,.13), transparent 62%); animation:pxD1 24s ease-in-out infinite alternate; }
.px-aura i:nth-child(2){ bottom:-40vmax; inset-inline-start:-24vmax; background:radial-gradient(circle, rgba(138,77,255,.1), transparent 62%); animation:pxD2 30s ease-in-out infinite alternate; }
.px-aura i:nth-child(3){ top:30%; inset-inline-start:30%; width:50vmax; height:50vmax; background:radial-gradient(circle, rgba(255,46,126,.055), transparent 62%); animation:pxD1 36s ease-in-out infinite alternate-reverse; }
@keyframes pxD1{ to{ transform:translate(-14vmax, 16vmax) scale(1.15); } }
@keyframes pxD2{ to{ transform:translate(16vmax, -14vmax) scale(1.2); } }

/* شريط التقدّم */
.scroll-bar{ display:block !important; height:3px; background:var(--grad); box-shadow:0 0 12px rgba(255,106,0,.6); z-index:90; }

/* دخول الصفحة */
main{ animation:pxIn .34s ease-out backwards; }
@keyframes pxIn{ from{ opacity:.25; } }

/* الهيدر */
.brand-mark{ transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s; animation:pxGlow 4.5s ease-in-out infinite; }
.brand:hover .brand-mark{ transform:rotate(-8deg) scale(1.1); }
@keyframes pxGlow{ 0%,100%{ box-shadow:0 0 0 1px rgba(255,106,0,.3), 0 0 10px rgba(255,106,0,.18); } 50%{ box-shadow:0 0 0 1px rgba(255,106,0,.6), 0 0 22px rgba(255,106,0,.45); } }
.nav-links a{ position:relative; transition:color .16s, background .16s; }
.nav-links a::after{ content:""; position:absolute; inset-inline:12px; bottom:3px; height:2px; border-radius:2px; background:var(--grad); transform:scaleX(0); transition:transform .22s var(--ease-out); }
.nav-links a:hover::after, .nav-links a.active::after{ transform:scaleX(1); }
.nav-links a.active{ background:none; color:#fff; }
.icon-btn{ transition:transform .16s var(--ease-out), background .15s, border-color .15s, box-shadow .15s; }
.icon-btn:hover{ transform:translateY(-2px); border-color:rgba(255,106,0,.5); box-shadow:0 6px 16px rgba(255,106,0,.2); }
.cart-count{ background:var(--grad); }

/* الأزرار */
.btn-primary{ background:linear-gradient(100deg, #ff8a1f, #ff6a00 40%, #ff4a2e); background-size:180% 100%; background-position:0 0; transition:background-position .35s, transform .12s, box-shadow .2s; }
.btn-primary:hover{ background-position:100% 0; box-shadow:0 8px 22px rgba(255,90,20,.42) !important; transform:translateY(-2px); }
.btn:active{ transform:translateY(0) scale(.97); }

/* واجهة الهوية */
.bh{ position:relative; overflow:hidden; isolation:isolate; min-height:clamp(520px, 74vh, 660px); display:flex; align-items:center; background:radial-gradient(60% 70% at 50% 34%, rgba(255,106,0,.2), transparent 70%), radial-gradient(44% 60% at 14% 80%, rgba(138,77,255,.17), transparent 70%), radial-gradient(44% 60% at 88% 74%, rgba(255,46,126,.14), transparent 70%); border-bottom:1px solid var(--line-soft); }
.bh::after{ content:""; position:absolute; inset:0; z-index:-1; opacity:.5; background-image:linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px); background-size:26px 26px; -webkit-mask:radial-gradient(62% 70% at 50% 40%, #000 20%, transparent 80%); mask:radial-gradient(62% 70% at 50% 40%, #000 20%, transparent 80%); }
#bhFx{ position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none; }
.bh-in{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; text-align:center; width:100%; padding-block:clamp(20px, 3vw, 34px); pointer-events:none; }
.bh-in a, .bh-in .bh-logo{ pointer-events:auto; }
.bh .badge-pill{ margin:0 0 10px; padding:4px 11px; font-size:12px; background:rgba(21,21,28,.72); border:1px solid var(--line); color:var(--text-2); box-shadow:none; }
.bh-logo{ position:relative; width:clamp(190px, 25vw, 320px); aspect-ratio:20/16; cursor:pointer; }
.bh-logo::before{ content:""; position:absolute; z-index:-1; inset:-34%; border-radius:50%; background:radial-gradient(circle, rgba(255,106,0,.34), rgba(255,46,126,.12) 44%, transparent 68%); animation:pxBreath 4.5s ease-in-out infinite; }
@keyframes pxBreath{ 0%,100%{ transform:scale(.94); opacity:.75; } 50%{ transform:scale(1.08); opacity:1; } }
.bh-word{ margin-top:clamp(20px, 2.4vw, 26px); font-family:var(--font-pixel); font-size:clamp(25px, 4.4vw, 50px); line-height:1.2; letter-spacing:2px; background:linear-gradient(100deg, #ffd27a, #ff8a1f 30%, #ff4a2e 55%, #ff2e7e 76%, #ffd27a); background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:pxShift 7s linear infinite; direction:ltr; }
.bh-word small{ display:block; margin-top:7px; font-size:.3em; letter-spacing:.42em; text-indent:.42em; color:var(--text-2); -webkit-text-fill-color:var(--text-2); }
@keyframes pxShift{ to{ background-position:-220% 0; } }
.bh h1{ margin:clamp(10px, 1.4vw, 16px) 0 4px; font-family:var(--font-display); font-weight:900; font-size:clamp(25px, 3.6vw, 42px); line-height:1.25; color:#fff; }
.bh h1 em{ font-style:normal; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bh-in > p{ margin:0 0 16px; max-width:52ch; color:var(--text-2); font-size:clamp(14px, 1.4vw, 16px); }
.bh-cta{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.bh-go{ animation:pxPulse 2.6s ease-in-out infinite; }
@keyframes pxPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,106,0,.5) !important; } 60%{ box-shadow:0 0 0 12px rgba(255,106,0,0) !important; } }
.bh-covers{ position:absolute; inset:0; z-index:0; pointer-events:none; perspective:1000px; }
.bh-c{ position:absolute; width:clamp(150px, 15.5vw, 236px); aspect-ratio:460/215; border-radius:12px; overflow:hidden; opacity:0; box-shadow:0 18px 44px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08); transform:translate3d(calc(var(--mx, 0) * var(--z) * 1px), calc(var(--my, 0) * var(--z) * 1px), 0) rotateY(var(--ry)) rotate(var(--rz)); transition:opacity .7s ease, transform .4s ease-out; }
.bh-c.in{ opacity:var(--o, .82); }
.bh-c img{ display:block; width:100%; height:100%; object-fit:cover; animation:pxBob var(--t, 7s) ease-in-out infinite alternate; }
@keyframes pxBob{ from{ transform:translateY(-3px) scale(1.03); } to{ transform:translateY(5px) scale(1.07); } }

/* الشريط المتحرك */
.tick{ overflow:hidden; padding:9px 0; background:linear-gradient(90deg, rgba(255,106,0,.12), rgba(255,46,126,.1), rgba(138,77,255,.12)); border-bottom:1px solid var(--line-soft); direction:ltr; -webkit-mask:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask:linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
.tick-r{ display:flex; gap:42px; width:max-content; animation:pxTick 46s linear infinite; }
.tick span{ display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:700; color:var(--text); white-space:nowrap; direction:rtl; }
.tick .emo{ color:var(--c2); font-style:normal; }
@keyframes pxTick{ to{ transform:translateX(-50%); } }

.hs-title{ padding-top:clamp(16px, 2.4vw, 24px); }
.hs-title .section-head{ margin-bottom:10px; }

/* الأقسام بألوانها */
.cats a{ --c:#ff8a33; position:relative; overflow:hidden; transition:transform .22s cubic-bezier(.34,1.56,.64,1), border-color .18s, box-shadow .18s; }
.cats a:nth-child(1){ --c:#4da3ff; } .cats a:nth-child(2){ --c:#7d8cff; } .cats a:nth-child(3){ --c:#3ddc84; }
.cats a:nth-child(4){ --c:#ff8a33; } .cats a:nth-child(5){ --c:#ffc93d; } .cats a:nth-child(6){ --c:#ff4d8d; }
.cats a::before{ content:""; position:absolute; inset:auto 0 0; height:2px; background:var(--c); opacity:.8; transform:scaleX(.25); transition:transform .25s var(--ease-out); }
.cats a:hover{ transform:translateY(-5px); border-color:var(--c); box-shadow:0 12px 26px -8px var(--c); background:var(--surface-2); }
.cats a:hover::before{ transform:scaleX(1); }
.cats .emo.ic{ color:var(--c); transition:transform .28s cubic-bezier(.34,1.56,.64,1); }
.cats a:hover .emo.ic{ transform:scale(1.2) rotate(-7deg); }

/* العناوين */
.section-head h2{ position:relative; }
.section-head h2 .emo.ic{ color:var(--c1); transition:transform .4s cubic-bezier(.34,1.56,.64,1); }
.section-head.in h2 .emo.ic{ animation:pxPop .5s cubic-bezier(.34,1.56,.64,1) backwards; }
@keyframes pxPop{ from{ transform:scale(.3) rotate(-30deg); opacity:0; } }
.sec-all{ transition:color .15s, transform .15s; }
.sec-all:hover{ transform:translateX(-4px); }
.page-hero{ position:relative; }
.page-hero h1{ background:linear-gradient(100deg, #fff 30%, #ffc9a0 55%, #fff 80%); background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:pxShift 8s linear infinite; }
.page-hero h1 .emo.ic{ -webkit-text-fill-color:initial; }
.page-hero::before{ content:""; position:absolute; z-index:-1; inset:-60px -10% -30px; background:radial-gradient(50% 80% at 85% 20%, rgba(255,106,0,.15), transparent 70%), radial-gradient(40% 70% at 30% 0%, rgba(138,77,255,.1), transparent 70%); pointer-events:none; }

/* البطاقات */
.game-card{ transition:transform .2s var(--ease-out), border-color .18s, box-shadow .2s; }
.game-card:hover{ transform:translateY(-5px); border-color:rgba(255,106,0,.65); box-shadow:0 16px 34px -10px rgba(255,80,30,.45), 0 8px 20px rgba(0,0,0,.4); }
.game-thumb::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.22) 50%, transparent 62%); transform:translateX(120%); }
.game-card:hover .game-thumb::after{ transition:transform .65s ease; transform:translateX(-120%); }
.game-card:hover .game-thumb .fg img{ transform:scale(1.07); }
.game-card:hover .gc-on h3{ color:#fff; }
.gc-foot .btn-primary{ box-shadow:none; }
.game-card .tag-new{ background:linear-gradient(100deg, #ff8a1f, #ff4a2e); }
.card, .why-i, .px-ui2 .px-flow-l li, .stat-cell, .sub-card, .rv-card, .pay-card, .cart-item{ transition:transform .2s var(--ease-out), border-color .18s, box-shadow .2s; }
.why-i:hover, .px-ui2 .px-flow-l li:hover, .stat-cell:hover, .pay-card:hover{ transform:translateY(-3px); border-color:rgba(255,106,0,.45); box-shadow:0 10px 24px -10px rgba(255,90,20,.35); }
.why-i .emo.ic, .stat-cell > .emo.ic{ transition:transform .28s cubic-bezier(.34,1.56,.64,1); }
.why-i:hover .emo.ic, .stat-cell:hover > .emo.ic{ transform:scale(1.18) rotate(-6deg); }
.chip-btn{ transition:background .14s, color .14s, border-color .14s, transform .14s; }
.chip-btn:hover{ transform:translateY(-1px); }
.chip-btn.active{ background:linear-gradient(100deg, #ff8a1f, #ff4a2e); border-color:transparent; }
.ptab{ transition:transform .16s, border-color .16s, background .16s; }
.ptab:hover{ transform:translateY(-2px); }
.hs-stage{ box-shadow:0 18px 44px -18px rgba(255,90,20,.35); }
.hs-th{ transition:background .16s, color .16s, border-color .16s, transform .16s; }
.hs-th:hover{ transform:translateX(-3px); }
.hs-tag{ background:linear-gradient(100deg, #ff8a1f, #ff2e7e); }
.bogo-hero{ animation:pxBorder 5s ease-in-out infinite; }
@keyframes pxBorder{ 0%,100%{ box-shadow:0 0 0 1px rgba(255,106,0,.25); } 50%{ box-shadow:0 0 0 1px rgba(255,46,126,.5), 0 0 26px rgba(255,46,126,.14); } }
.summary::before{ content:""; position:absolute; inset-inline:18px; inset-block-start:0; height:2px; background:var(--grad); background-size:200% 100%; animation:pxShift 5s linear infinite; }
.summary-row.total .price-now{ display:inline-block; }
.pay-option{ transition:transform .16s, border-color .16s, background .16s; }
.pay-option:hover{ transform:translateY(-2px); }
.toast{ transition:opacity .22s, transform .3s cubic-bezier(.34,1.56,.64,1); }
.wa-float{ background:linear-gradient(135deg, #ff8a1f, #ff4a2e) !important; animation:pxFloat 3.2s ease-in-out infinite; }
@keyframes pxFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-5px); } }
.product-media{ animation:pxZoomIn .5s var(--ease-out) backwards; }
@keyframes pxZoomIn{ from{ opacity:0; transform:scale(.97); } }
.pd-buy #addBtn{ animation:pxPulse 2.8s ease-in-out 3; }
.site-footer{ position:relative; }
.site-footer::after{ content:""; position:absolute; inset:-1px 0 auto; height:2px; background:var(--grad); background-size:200% 100%; animation:pxShift 7s linear infinite; }
.footer-col a{ transition:color .15s, padding .15s; }
.footer-col a:hover{ padding-inline-start:4px; }
.footer-col h4{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; display:inline-block; }

@media (max-width:1023px){
  .bh-covers{ display:none; }
  .bh{ min-height:0; }
}
@media (max-width:760px){
  .px-aura i{ animation:none; }
  .bh-logo{ width:clamp(170px, 50vw, 230px); }
  .bh-word small{ margin-top:5px; }
  .wa-float{ animation:none; }
  .tick span{ font-size:12.5px; }
}
@media (prefers-reduced-motion:reduce){
  .px-aura i, .brand-mark, .bh-logo::before, .bh-word, .bh-go, .bh-c img, .tick-r, .page-hero h1, .bogo-hero, .wa-float, .summary::before, .site-footer::after, .pd-buy #addBtn, main, .product-media{ animation:none !important; }
}

/* ============================================================
   🌈 v98 ج: الهوية، العروض، الصفحات الداخلية، اللعبة، الرسائل
   ============================================================ */

/* الهوية */
.bh{ min-height:clamp(540px, 80vh, 700px); }
#bhLg{ position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; will-change:transform; }
.bh-logo{ width:clamp(230px, 27vw, 370px); aspect-ratio:464/376; }
.bh-logo::before{ inset:-46%; background:radial-gradient(circle, rgba(255,120,20,.55), rgba(255,46,126,.2) 42%, rgba(138,77,255,.08) 58%, transparent 70%); }
.bh-ring{ position:absolute; z-index:-1; left:50%; top:50%; width:132%; aspect-ratio:1; margin:0; translate:-50% -50%; border-radius:50%; pointer-events:none; background:conic-gradient(from 0deg, transparent 0 58%, rgba(255,176,32,.9) 74%, rgba(255,46,126,.9) 86%, transparent 96%); -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px)); mask:radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1px)); animation:pxSpin 7s linear infinite; }
.bh-ring.b{ width:156%; opacity:.5; animation:pxSpin 13s linear infinite reverse; background:conic-gradient(from 90deg, transparent 0 62%, rgba(138,77,255,.9) 80%, rgba(255,106,0,.8) 92%, transparent); }
@keyframes pxSpin{ to{ transform:rotate(360deg); } }
.bh h1{ margin-top:clamp(20px, 3vw, 34px); font-size:clamp(30px, 4.6vw, 54px); }
.bh-in > p{ margin-bottom:18px; font-size:clamp(14.5px, 1.5vw, 17px); }
.btn-wa{ background:linear-gradient(100deg, #27d36d, #129e4e); } .btn-wa:hover{ background:linear-gradient(100deg, #2ee47a, #16b058); transform:translateY(-2px); box-shadow:0 8px 22px rgba(37,211,102,.35) !important; }
.btn-ig{ background:linear-gradient(100deg, #f9a03f, #e1306c 55%, #833ab4); } .btn-ig:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(225,48,108,.4) !important; }
.bh-stats{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px 22px; margin-top:18px; font-size:13.5px; color:var(--text-2); }
.bh-stats .hidden{ display:none; }
.bh-stats b{ font-family:var(--font-display); font-weight:900; color:#fff; }
.bh-stats i{ font-style:normal; }

/* الأقسام: خمسة */
.cats{ grid-template-columns:repeat(5, minmax(0, 1fr)); margin-top:clamp(18px, 3vw, 28px); }

/* العروض */
.offers-wrap{ margin-top:clamp(20px, 3vw, 32px); }
.offers-wrap.hidden, .offers > .hidden{ display:none !important; }
.offers{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
.offers[data-n="1"]{ grid-template-columns:minmax(0, 1fr); }
.offers[data-n="3"] > :not(.hidden):first-child{ grid-column:1 / -1; }
.offers > *{ min-width:0; }
.offers #bogoSec{ display:grid; gap:12px; padding:0; }
.offers .bogo-hero{ height:100%; padding:20px; gap:16px; grid-template-columns:auto 1fr; }
.offers .bogo-hero .btn{ grid-column:1 / -1; justify-content:center; }
.offers[data-n="1"] .bogo-hero{ grid-template-columns:auto 1fr auto; }
.offers[data-n="1"] .bogo-hero .btn{ grid-column:auto; }
.offers .bogo-hero .kicker{ display:none; }
.offers .bogo-hero-tx h2{ font-size:clamp(19px, 2.2vw, 25px); }
.offers .deal-box{ height:100%; margin:0; border-radius:var(--r-lg) !important; }
.offers .cb-promo{ display:flex; height:100%; align-items:center; gap:14px; padding:20px; margin:0; border-radius:var(--r-lg) !important; color:var(--text); background:radial-gradient(90% 130% at 100% 0%, rgba(138,77,255,.32), transparent 62%), radial-gradient(80% 120% at 0% 100%, rgba(255,46,126,.18), transparent 62%), var(--surface); border:1px solid rgba(138,77,255,.45); transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .2s; }
.offers .cb-promo:hover{ transform:translateY(-4px); box-shadow:0 16px 34px -12px rgba(138,77,255,.6); }
.of-coupon{ display:flex; align-items:center; gap:14px; height:100%; padding:20px; border-radius:var(--r-lg); background:radial-gradient(90% 130% at 100% 0%, rgba(46,214,130,.24), transparent 62%), var(--surface); border:1px solid rgba(46,214,130,.4); }
.of-coupon .emo{ flex:none; font-size:32px; color:var(--green); }
.of-coupon b{ display:block; font-family:var(--font-display); font-size:clamp(19px, 2.2vw, 25px); font-weight:900; line-height:1.35; }
.of-coupon small{ display:block; font-size:13px; color:var(--text-2); }
.of-coupon .promo-code{ flex:none; margin-inline-start:auto; padding:9px 14px; font-family:var(--font-pixel); font-size:12px; color:#0c1a12; background:var(--green); border:0; border-radius:10px; cursor:pointer; transition:transform .15s; }
.of-coupon .promo-code:hover{ transform:scale(1.05); }

/* الصفحات الداخلية: رأس ملوّن حي */
.page-hero{ position:relative; overflow:hidden; isolation:isolate; width:calc(100% - 2 * var(--pad)); max-width:calc(var(--maxw) - 2 * var(--pad)); margin:clamp(14px, 2vw, 22px) auto 0; padding:clamp(20px, 3vw, 34px) clamp(18px, 3vw, 34px) !important; border-radius:var(--r-xl); text-align:start; border:1px solid rgba(255,138,51,.28); background:linear-gradient(115deg, rgba(255,106,0,.26), rgba(255,46,126,.16) 48%, rgba(138,77,255,.22)); background-size:200% 200%; animation:pxWave 11s ease-in-out infinite alternate; }
@keyframes pxWave{ to{ background-position:100% 100%; } }
.page-hero::before{ content:""; position:absolute; z-index:-1; inset:auto; inset-inline-end:7%; top:-12px; width:10px; height:10px; background:var(--c2); box-shadow:40px 44px 0 -1px var(--c3), -46px 78px 0 -2px var(--c1), 92px 92px 0 -3px var(--c4), -96px 26px 0 -2px var(--c2), 130px 30px 0 -1px var(--c1), -150px 88px 0 -3px var(--c3); animation:pxDrift 7s ease-in-out infinite alternate; opacity:.9; }
@keyframes pxDrift{ to{ transform:translateY(24px) rotate(9deg); } }
.page-hero h1{ margin:0 0 2px; }
.page-hero h1 .emo.ic{ color:#fff; }
.page-hero p{ margin:0; color:#d8d3dc; }

/* صفحة اللعبة */
.product-wrap, html.px-ui2 .product-wrap{ display:grid !important; grid-template-columns:minmax(0, 1.65fr) minmax(320px, 1fr); grid-template-areas:"media side" "more side"; gap:16px 22px; align-items:start; }
.pd-col-media{ grid-area:media; min-width:0; display:grid; gap:12px; }
html.px-ui2 .product-side, .product-side{ grid-area:side; display:flex !important; flex-direction:column; gap:12px; position:sticky; top:calc(var(--header-h) + 14px); min-width:0; }
.pd-col-more{ grid-area:more; min-width:0; display:grid; gap:12px; }
.pd-head, .pd-buy, .pd-trust, .pd-more{ grid-area:auto !important; margin:0 !important; order:0 !important; }
.pd-head{ padding:0; }
.product-title{ margin:6px 0; }
.pd-buy{ padding:16px; position:relative; overflow:hidden; border-color:rgba(255,138,51,.4) !important; background:linear-gradient(160deg, rgba(255,106,0,.14), transparent 55%), var(--surface) !important; }
.pd-buy .price-block{ padding:0 0 10px; margin:0; border:0; }
.pd-buy .qty-row{ padding:8px 0; border:0; }
.pd-cta{ display:grid !important; grid-template-columns:1fr; gap:8px; }
.pd-cta .btn{ width:100%; justify-content:center; }
.pd-assure{ border:0; padding-top:8px; margin:0; font-size:12.5px; }
.pd-col-more .pd-more{ display:grid; gap:12px; }
.pd-more-b > .grid-2, .pd-more-b > hr{ display:none !important; }
.pd-more > *, .deliv-box, .usage-note, .bnd-inline, .p-desc, .pd-desc, .warranty-box, .specs, .trailer-box{ margin:0 !important; }
.pd-col-more .card, .deliv-box, .bnd-inline{ background:var(--surface); border:1px solid var(--line-soft); border-radius:var(--r) !important; padding:16px; }
.deliv-head h3, .trailer-head h3{ font-family:var(--font-display); font-size:16px; font-weight:800; }
.deliv-list{ gap:6px; font-size:14px; }
.deliv-list li{ line-height:1.75; color:var(--text-2); }
.chips{ gap:5px; }
.chips .chip{ padding:3px 9px; color:var(--text-2); background:var(--surface-2); border:1px solid var(--line-soft); }
.chips .chip.amber{ color:var(--c2); border-color:rgba(255,176,32,.3); background:rgba(255,176,32,.08); }
.warranty-box{ padding:12px 14px; border-color:rgba(46,214,130,.3) !important; background:rgba(46,214,130,.06) !important; }
.pd-art{ opacity:.26; height:520px; }
.muted.mb-3{ margin-bottom:12px !important; }

/* 💬 الرسائل */
.chat-panel{ background:var(--bg-2) !important; border:1px solid rgba(255,138,51,.3) !important; border-radius:20px !important; box-shadow:var(--shadow-lg), 0 0 40px rgba(255,90,20,.14) !important; overflow:hidden; clip-path:none !important; filter:none !important; }
.chat-panel.open{ animation:pxChat .32s cubic-bezier(.34,1.3,.64,1) backwards; }
@keyframes pxChat{ from{ transform:translateY(20px) scale(.96); } }
.chat-h{ background:linear-gradient(110deg, #ff7a0a, #ff3d5e 62%, #8a4dff) !important; border:0 !important; color:#fff; padding:12px 14px !important; }
.chat-h-logo{ border-radius:12px !important; background:rgba(0,0,0,.25) !important; box-shadow:none !important; border:0 !important; }
.chat-h-t, .chat-h-t *, .chat-h-s{ color:#fff !important; }
.chat-h-s{ opacity:.85; }
.chat-x{ color:#fff !important; background:rgba(0,0,0,.2) !important; border:0 !important; border-radius:10px !important; }
.chat-x:hover{ background:rgba(0,0,0,.35) !important; }
.chat-body{ background:radial-gradient(80% 50% at 100% 0%, rgba(255,106,0,.07), transparent 70%), radial-gradient(70% 50% at 0% 100%, rgba(138,77,255,.07), transparent 70%), var(--bg) !important; padding:14px !important; }
.chat-msg{ border-radius:16px !important; border:0 !important; box-shadow:none !important; clip-path:none !important; animation:pxMsg .28s cubic-bezier(.34,1.3,.64,1) backwards; }
@keyframes pxMsg{ from{ transform:translateY(8px) scale(.97); } }
.chat-msg.me{ color:#fff !important; background:linear-gradient(120deg, #ff8a1f, #ff4a2e) !important; border-end-end-radius:5px !important; }
.chat-msg.them{ color:var(--text) !important; background:var(--surface-2) !important; border-end-start-radius:5px !important; }
.chat-msg.me a{ color:#fff; }
.chat-qa{ border:0 !important; background:none !important; }
.chat-qa-h{ color:var(--text-3) !important; }
.chat-qa-b{ color:var(--text) !important; background:var(--surface-2) !important; border:1px solid var(--line) !important; border-radius:99px !important; box-shadow:none !important; clip-path:none !important; transition:background .15s, border-color .15s, transform .15s; }
.chat-qa-b:hover{ transform:translateY(-1px); border-color:var(--c1) !important; background:rgba(255,106,0,.12) !important; }
.chat-msg-go, .chat-qa-copy{ border-radius:10px !important; clip-path:none !important; filter:none !important; }
.chat-f{ background:var(--bg-2) !important; border-top:1px solid var(--line-soft) !important; }
.chat-row{ align-items:flex-end; gap:6px; }
.chat-row textarea, #chatInput{ border-radius:14px !important; background:var(--surface) !important; border:1px solid var(--line) !important; color:var(--text) !important; }
.chat-send{ color:#fff !important; background:linear-gradient(120deg, #ff8a1f, #ff4a2e) !important; border:0 !important; border-radius:12px !important; box-shadow:none !important; clip-path:none !important; filter:none !important; }
.chat-att{ color:var(--text-2) !important; background:var(--surface-2) !important; border:1px solid var(--line) !important; border-radius:12px !important; box-shadow:none !important; clip-path:none !important; }
.chat-help a{ border-radius:10px !important; clip-path:none !important; }

@media (max-width:1023px){
  .product-wrap, html.px-ui2 .product-wrap{ grid-template-columns:minmax(0, 1fr); grid-template-areas:"media" "side" "more"; }
  html.px-ui2 .product-side, .product-side{ position:static; }
}
@media (max-width:760px){
  .cats{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
  .bh-logo{ width:clamp(190px, 56vw, 250px); }
  .bh-cta{ width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .bh-cta .bh-go{ grid-column:1 / -1; }
  .bh-cta .btn{ min-height:44px; padding:8px 10px; font-size:13.5px; justify-content:center; }
  .offers{ grid-template-columns:minmax(0, 1fr); }
  .of-coupon{ flex-wrap:wrap; }
  .page-hero::before{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .bh-ring, .page-hero, .page-hero::before, .chat-msg, .chat-panel.open{ animation:none !important; }
}

.px-sparks{ position:fixed; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; }

/* ضبط بطاقات العروض */
.of-coupon > div{ flex:1; min-width:0; }
.of-coupon .promo-code{ width:auto !important; max-width:44%; min-width:0; height:auto; }
.of-coupon b{ white-space:nowrap; }
.offers .bogo-hero{ align-content:center; }
.offers .deal-box{ display:grid; grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr); gap:16px; align-items:center; padding:16px; background:radial-gradient(90% 130% at 100% 0%, rgba(255,176,32,.2), transparent 62%), var(--surface); border:1px solid rgba(255,176,32,.42); box-shadow:none; }
.offers .deal-media{ border-radius:12px; overflow:hidden; min-width:0; }
.offers .deal-media .product-media{ aspect-ratio:460/215; border-radius:12px !important; animation:none; }
.offers .deal-info{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:3px; }
.offers .deal-info h3{ font-family:var(--font-display); font-size:clamp(18px, 2vw, 23px); font-weight:800; line-height:1.35; margin:2px 0; text-align:right; }
.offers .deal-kick{ padding:2px 9px; border-radius:7px; font-size:12px; font-weight:800; color:#1c1206; background:linear-gradient(100deg, #ffc93d, #ff9a1f); box-shadow:none; }
.offers .deal-kick .emo.ic{ color:#1c1206; }
.offers .deal-meta{ font-size:12.5px; color:var(--text-3); }
.offers .deal-price{ margin:0; }
.offers .deal-price b{ font-family:var(--font-display); font-size:22px; font-weight:900; color:#fff; }
.offers .deal-price s{ font-size:13px; color:var(--text-3); }
.offers .deal-timer{ margin:4px 0 8px; font-size:12.5px; }
.offers .deal-acts{ display:flex; flex-wrap:wrap; gap:6px; }
.offers .deal-box .btn{ min-height:38px; padding:7px 12px; font-size:13px; }
@media (max-width:560px){ .offers .deal-box{ grid-template-columns:minmax(0, 1fr); } }
@media (max-width:760px){
  .cats{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
  .cats a{ grid-column:span 2; }
  .cats a:nth-child(n+4){ grid-column:span 3; }
}
/* v98 د: النص، التايمر، الأكثر مبيعاً */
.bh-in > p{ max-width:64ch; line-height:1.85; text-wrap:balance; }
.bh-in > p b{ color:var(--c2); font-weight:700; }
.hs-th{ animation:hsIn .3s var(--ease-out) backwards; }
@keyframes hsIn{ from{ opacity:0; transform:translateX(-14px); } }
.hs-ui{ position:absolute; z-index:4; inset-block-end:14px; inset-inline-end:14px; display:flex; align-items:center; gap:6px; padding:4px; border-radius:12px; background:rgba(11,11,15,.62); }
.hs-nav{ display:grid; place-items:center; width:32px; height:32px; padding:0; border:0; border-radius:9px; color:#fff; background:rgba(255,255,255,.1); cursor:pointer; transition:background .15s, transform .15s; }
.hs-nav:hover{ background:var(--c1); transform:scale(1.08); }
.hs-nav:first-child svg{ transform:rotate(180deg); }
.hs-nav svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.hs-count{ min-width:46px; text-align:center; font-size:12.5px; font-weight:800; color:#fff; }
.hs-bar{ position:absolute; z-index:4; inset-inline:0; inset-block-end:0; height:3px; background:var(--grad); box-shadow:0 0 12px rgba(255,106,0,.7); transform:scaleX(0); transform-origin:right; }
.hs-bar.run{ animation:hsBar var(--step, 5s) linear both; }
.hs.off .hs-bar{ animation-play-state:paused; }
@media (hover:hover){ .hs:hover .hs-bar{ animation-play-state:paused; } }
.gc-rank{ position:absolute; z-index:5; top:calc(46.7cqw - 39px); inset-inline-start:7px; display:grid; place-items:center; min-width:32px; height:32px; padding:0 7px; font-family:var(--font-display); font-size:17px; font-weight:900; border-radius:10px; color:#fff; background:rgba(12,9,6,.72); box-shadow:0 0 0 1px rgba(255,255,255,.14); }
.gc-rank.top{ color:#1c1206; background:linear-gradient(135deg, #ffd27a, #ff9a1f); box-shadow:0 4px 14px rgba(255,154,31,.5); }
#bestSec .gc-best, #bestSec .tag-new{ display:none; }
#bestSec .section-head .sub{ margin:2px 0 0; font-size:13px; color:var(--text-3); }
@media (max-width:760px){
  .hs-ui{ inset-block-end:auto; inset-block-start:10px; inset-inline-end:10px; }
  .hs-tx{ padding-bottom:18px; }
}
@media (prefers-reduced-motion:reduce){ .hs-th{ animation:none; } }

/* v99: أسهم الشرائط، الفلاتر، صفحة اللعبة، الأيقونات */
.rail-box{ position:relative; }
.games-grid.rail, .px-ui2 .games-grid.rail:not(.recent-row){ --n:5; --g:14px; gap:var(--g); grid-auto-columns:calc((100% - (var(--n) - 1) * var(--g)) / var(--n)) !important; padding-block:6px; margin-block:-6px; }
.rail-nav{ position:absolute; z-index:6; top:27%; display:grid; place-items:center; width:42px; height:42px; padding:0; color:#fff; background:rgba(21,21,28,.94); border:1px solid var(--line); border-radius:50%; box-shadow:0 6px 18px rgba(0,0,0,.5); cursor:pointer; transform:translateY(-50%); transition:background .16s, border-color .16s, transform .16s; }
.rail-nav[hidden]{ display:none; }
.rail-nav:hover{ background:var(--c1); border-color:var(--c1); transform:translateY(-50%) scale(1.08); }
.rail-nav.next{ inset-inline-end:-14px; }
.rail-nav.prev{ inset-inline-start:-14px; }
.rail-nav.prev svg{ transform:rotate(180deg); }
.rail-nav svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.filters{ gap:8px; margin-bottom:0; padding-bottom:0; }
.filters + .filters{ margin-top:12px; }
.results-count{ margin-top:14px; }
html.px-ui2 .pd-col-media, .pd-col-media{ position:static !important; top:auto !important; }
.pd-col-media .product-media{ aspect-ratio:460/215 !important; }
.product-media .fg img{ width:100%; height:100%; object-fit:cover; }
.footer-col li{ display:flex; align-items:center; gap:8px; line-height:1.5; }
.footer-col li > a{ display:inline-flex; align-items:center; gap:8px; }
.fi{ flex:none; display:inline-grid; place-items:center; width:20px; height:20px; margin:0; line-height:0; }
.fi .emo.ic{ display:block; width:18px; height:18px; }
@media (max-width:1180px){ .games-grid.rail, .px-ui2 .games-grid.rail:not(.recent-row){ --n:4; } }
@media (max-width:900px){ .games-grid.rail, .px-ui2 .games-grid.rail:not(.recent-row){ --n:3; } }
@media (max-width:620px){
  .games-grid.rail, .px-ui2 .games-grid.rail:not(.recent-row){ --n:2; --g:10px; }
  .rail-nav{ width:36px; height:36px; }
  .rail-nav.next{ inset-inline-end:-8px; }
  .rail-nav.prev{ inset-inline-start:-8px; }
}