/* hidden لازم يغلب أي display */
[hidden] { display: none !important; }
/* InfinityKeys v5 — نفس هوية v3 المتوهجة، بمحتوى التطبيقات */

.grad-t { background: var(--ik-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nav-buy { margin-inline-start: 4px; }
@media (max-width: 640px) { .nav-buy { display: none; } }

/* أيقونات ثلاثية الأبعاد داخل الشرائح والمدار */
.orbit-chip.img { text-decoration: none; }
.orbit-chip.img img, .v3-cat-ic.img img, .sm-cat-ic.img img, .com-icon.img img { width: 64%; height: 64%; object-fit: contain; filter: drop-shadow(0 6px 10px rgba(0,0,0,.35)); }
.v3-cat-ic.img { transform: rotate(-6deg); }
.sm-packs-ic img { width: 30px; height: 30px; object-fit: contain; }

/* التطبيقات: 3 كروت، الأول كبير */
body.v3 .apps-cats { grid-template-columns: repeat(4, 1fr); }
body.v3 .apps-cats .v3-cat { text-decoration: none; color: inherit; min-height: 260px; }
body.v3 .apps-cats .v3-cat-name { font-size: 1.9rem; }
body.v3 .apps-cats .v3-cat.big .v3-cat-name { font-size: 2.6rem; }
body.v3 .apps-cats .v3-cat-count { color: var(--ik-cyan); font-weight: 700; font-size: .95rem; }
@media (max-width: 900px) { body.v3 .apps-cats { grid-template-columns: 1fr 1fr; } }

/* الباك: كرت واحد عريض */
.packs-grid.one { grid-template-columns: 1fr; max-width: 980px; margin-inline: auto; }
.pack-desc { color: var(--ik-muted); line-height: 1.8; }
.pack-art img { object-fit: cover; }

/* ---------- جرّب المؤقت ---------- */
.try-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 72px); align-items: center; }
.try-copy .eyebrow { color: var(--ik-cyan); font-weight: 700; font-size: .92rem; }
.try-copy h2 { font-family: var(--font-heading); font-weight: 800; font-size: clamp(2.2rem, 4.6vw, 3.6rem); line-height: 1.12; margin: 10px 0 16px; }
.try-copy p { color: var(--ik-muted); font-size: 1.08rem; line-height: 1.8; max-width: 34em; }
.gifts-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 26px; }
.gift {
  display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 14px 6px; cursor: pointer;
  border-radius: 20px; border: 1px solid var(--ik-line); background: var(--ik-card); color: #fff;
  font-family: inherit; font-weight: 700; transition: transform .18s var(--ease), border-color .2s, box-shadow .2s;
}
.gift:hover { transform: translateY(-4px); border-color: var(--ik-line-strong); box-shadow: 0 14px 34px rgba(139,92,246,.3); }
.gift:active { transform: scale(.93); }
.gift img { width: 44px; height: 44px; object-fit: contain; }
.gift small { color: var(--ik-cyan); direction: ltr; }

.try-stage { position: relative; }
.try-stage::before { content: ''; position: absolute; inset: 10% 8%; background: radial-gradient(circle, rgba(232,196,106,.35), transparent 70%); filter: blur(40px); z-index: 0; }
.ov {
  position: relative; z-index: 1; border-radius: 26px; padding: clamp(18px, 2.6vw, 30px); color: #f5e7c2;
  background: linear-gradient(160deg, #1a1408, #0b0905); border: 1px solid rgba(232,196,106,.35);
  box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 50px rgba(232,196,106,.15);
}
.ov-head { display: flex; align-items: center; gap: 10px; font-family: Georgia, 'Times New Roman', serif; letter-spacing: .45em; font-size: .92rem; color: #e8c46a; direction: ltr; }
.ov-bar { width: 4px; height: 18px; background: #e8c46a; }
.ov-live { margin-left: auto; letter-spacing: 0; font-family: var(--font-body); font-weight: 800; font-size: .72rem; background: #ef4444; color: #fff; padding: 3px 9px; border-radius: 6px; }
.ov-time { margin-top: 14px; text-align: center; direction: ltr; font-family: Georgia, 'Times New Roman', serif; font-variant-numeric: tabular-nums; font-size: clamp(3rem, 7vw, 5.6rem); line-height: 1.12; padding: 8px 0; border-radius: 12px; background: #18130a; border: 1px solid rgba(232,196,106,.25);
  background-image: linear-gradient(180deg, #fff0c4, #c9a24c); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 30px rgba(232,196,106,.25); }
.ov-time.bump { animation: bump .55s var(--ease); }
@keyframes bump { 35% { transform: scale(1.05); filter: brightness(1.4); } }
.ov-add { display: inline-flex; align-items: center; height: 34px; margin-top: 12px; padding: 0 14px; border-radius: 8px; background: #241c0d; border: 1px solid rgba(232,196,106,.3); font-weight: 800; opacity: 0; direction: ltr; }
.ov-add.show { animation: addIn 2.4s var(--ease) forwards; }
@keyframes addIn { 0% { opacity: 0; transform: translateY(10px); } 12%, 75% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.ov-goal, .ov-top { margin-top: 10px; background: #18130a; border: 1px solid rgba(232,196,106,.18); border-radius: 12px; padding: 12px 14px; }
.ov-goal-row { display: flex; justify-content: space-between; font-weight: 700; font-size: .95rem; }
.ov-track { margin-top: 10px; height: 8px; border-radius: 99px; background: #2b2412; overflow: hidden; }
.ov-track span { display: block; height: 100%; background: linear-gradient(90deg, #c9a24c, #fff0c4); transform-origin: right; transform: scaleX(.5); transition: transform .6s var(--ease); box-shadow: 0 0 12px rgba(232,196,106,.6); }
.ov-top-h { color: #b9a36d; font-size: .9rem; font-weight: 700; margin: 0; }
.ov-top ol { margin: 6px 0 0; padding: 0; list-style: none; counter-reset: t; }
.ov-top li { display: flex; justify-content: space-between; padding: 4px 0; font-weight: 700; counter-increment: t; }
.ov-top li span:first-child::before { content: counter(t) '   '; color: #e8c46a; }
.ov-top li span:last-child { color: #b9a36d; }
@media (max-width: 900px) { .try-grid { grid-template-columns: 1fr; } .try-stage { order: -1; } }
@media (max-width: 420px) { .gifts-row { grid-template-columns: 1fr 1fr; } }

/* ---------- أقسام التطبيقات ---------- */
.app-sec { position: relative; }
.v3-head.start { text-align: start; margin-bottom: 24px; }
.app-split { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
.app-split.rev { grid-template-columns: .85fr 1.15fr; }
.glow-media { margin: 0; position: relative; }
.glow-media::before { content: ''; position: absolute; inset: 8%; background: radial-gradient(circle, rgba(139,92,246,.5), transparent 70%); filter: blur(50px); z-index: 0; }
.glow-media.cyan::before { background: radial-gradient(circle, rgba(34,211,238,.4), transparent 70%); }
.glow-media video, .glow-media img { position: relative; z-index: 1; width: 100%; border-radius: 24px; border: 1px solid var(--ik-line-strong); background: #000; box-shadow: 0 30px 70px rgba(0,0,0,.5); }
.glow-media figcaption { position: relative; z-index: 1; margin-top: 12px; color: var(--ik-muted); font-size: .92rem; text-align: center; }
.tier { background: var(--ik-card); border: 1px solid var(--ik-line); border-radius: 24px; padding: 24px; }
.tier + .tier { margin-top: 16px; }
.tier h3 { font-family: var(--font-heading); font-weight: 800; font-size: 1.6rem; margin: 0 0 14px; color: #fff; }
.tier h3 small { font-family: var(--font-body); font-size: .95rem; color: var(--ik-lav); font-weight: 600; margin-inline-start: 8px; }
.tier.pro { background: radial-gradient(90% 120% at 100% 0%, rgba(139,92,246,.35), transparent 60%), var(--ik-card2); border-color: var(--ik-line-strong); }
.pills { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.pills li { padding: 8px 14px; border-radius: 999px; background: rgba(139,92,246,.18); border: 1px solid var(--ik-line-strong); font-weight: 700; font-size: .92rem; }
.feat-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.feat-list li { display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; border-radius: 18px; background: var(--ik-card); border: 1px solid var(--ik-line); color: var(--ik-muted); line-height: 1.7; }
.tier .feat-list li { background: transparent; border: 0; padding: 4px 0; }
.feat-list img { width: 40px; height: 40px; flex-shrink: 0; object-fit: contain; }
.feat-list b { display: block; color: #fff; font-family: var(--font-heading); font-size: 1.08rem; }
.vid-row { display: grid; grid-template-columns: 1.3fr 1fr; gap: 24px; margin-top: 56px; align-items: center; }
.theme-strip { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 40px; }
.theme-strip figure { margin: 0; background: var(--ik-card); border: 1px solid var(--ik-line); border-radius: 18px; padding: 16px 12px 12px; text-align: center; transition: transform .25s var(--ease), border-color .25s; }
.theme-strip figure:hover { transform: translateY(-4px); border-color: var(--ik-line-strong); }
.theme-strip img { width: 100%; height: 70px; object-fit: contain; }
.theme-strip figcaption { margin-top: 8px; font-weight: 700; font-size: .92rem; }
.fine { margin-top: 18px; color: var(--ik-faint); font-size: .85rem; }
@media (max-width: 900px) {
  .app-split, .app-split.rev, .vid-row { grid-template-columns: 1fr; }
  .theme-strip { grid-template-columns: repeat(3, 1fr); }
}

/* شات LiveBot */
.chat-card { position: relative; background: linear-gradient(170deg, #2a0b1c, #120814); border: 1px solid rgba(244,63,94,.35); border-radius: 26px; padding: 18px; box-shadow: 0 30px 70px rgba(0,0,0,.5), 0 0 50px rgba(244,63,94,.15); }
.chat-head { display: flex; align-items: center; gap: 10px; font-weight: 800; color: #fff; padding: 2px 4px 14px; }
.chat-live { background: #f43f5e; color: #fff; font-size: .72rem; padding: 3px 9px; border-radius: 6px; }
.chat-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; min-height: 420px; justify-content: flex-end; }
.msg { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 16px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.06); animation: msgIn .45s var(--ease); }
@keyframes msgIn { from { opacity: 0; transform: translateY(14px); } }
.msg-av { width: 34px; height: 34px; flex-shrink: 0; border-radius: 50%; display: grid; place-items: center; background: #3b1630; font-weight: 800; color: #fff; }
.msg-body { color: #fff; }
.msg-body b { display: block; font-size: .82rem; color: #f9a8d4; }
.msg.bot { background: linear-gradient(100deg, #f43f5e, #be185d); border-color: transparent; box-shadow: 0 8px 24px rgba(244,63,94,.35); }
.msg.bot .msg-av { background: #fff; color: #be185d; }
.msg.bot .msg-body b { color: #ffe4ec; }
.msg.gift-msg { background: rgba(232,196,106,.14); border-color: rgba(232,196,106,.35); }
.msg.gift-msg .msg-body b { color: #e8c46a; }

/* ---------- الأسعار ---------- */
.dur { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; width: max-content; max-width: 100%; margin: 0 auto; padding: 6px; border-radius: 999px; background: rgba(20,18,44,.8); border: 1px solid var(--ik-line); }
.dur button { min-height: 46px; padding: 0 24px; border: 0; border-radius: 999px; background: transparent; color: var(--ik-muted); font-family: var(--font-heading); font-weight: 700; font-size: 1rem; cursor: pointer; transition: background .2s, color .2s; }
.dur button:hover { color: #fff; }
.dur button[aria-checked="true"] { background: var(--ik-grad); color: #fff; box-shadow: 0 6px 20px rgba(99,102,241,.45); }
.plans { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 30px; }
.plan { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 26px 22px; border-radius: 26px; background: var(--ik-card); border: 1px solid var(--ik-line); transition: transform .25s var(--ease), border-color .25s, box-shadow .25s; }
.plan:hover { transform: translateY(-4px); border-color: var(--ik-line-strong); box-shadow: 0 20px 50px rgba(139,92,246,.22); }
.plan-ic { width: 54px; height: 54px; object-fit: contain; }
.plan h3 { font-family: var(--font-heading); font-weight: 800; font-size: 1.5rem; margin: 4px 0 0; color: #fff; }
.plan-note { color: var(--ik-muted); font-size: .92rem; line-height: 1.7; min-height: 3.2em; }
.plan-price { margin-top: auto; display: flex; align-items: baseline; gap: 8px; }
.plan-price b { font-family: var(--font-heading); font-size: 2.6rem; color: #fff; line-height: 1; }
.plan-price s { color: var(--ik-faint); }
.plan-price.none { font-family: var(--font-heading); color: var(--ik-faint); font-size: 1.15rem; }
.plan-alt { color: var(--ik-faint); font-size: .85rem; }
.plan .v3-btn { margin-top: 10px; }
.plan-hot { background: radial-gradient(100% 70% at 50% 0%, rgba(139,92,246,.45), transparent 70%), var(--ik-card2); border-color: var(--ik-vio); box-shadow: 0 0 0 1px rgba(139,92,246,.4), 0 24px 60px rgba(139,92,246,.3); }
.plan-badge { position: absolute; top: -13px; inset-inline-start: 50%; transform: translateX(50%); background: var(--ik-grad); color: #fff; font-weight: 800; font-size: .82rem; padding: 5px 14px; border-radius: 999px; white-space: nowrap; }
[dir="ltr"] .plan-badge { transform: translateX(-50%); }
.v3-btn[aria-disabled="true"] { opacity: .35; pointer-events: none; }
.upgrade { margin-top: 26px; text-align: center; color: var(--ik-muted); }
.upgrade a { color: var(--ik-cyan); font-weight: 800; text-decoration: none; }
@media (max-width: 1080px) { .plans { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .plans { grid-template-columns: 1fr; } .dur { display: grid; grid-template-columns: 1fr 1fr; border-radius: 24px; width: 100%; } }

/* ---------- المجتمع والفوتر ---------- */
.com-icon.img { background: linear-gradient(145deg, #22d3ee, #0e7490); }
.com-card.partner { justify-content: flex-end; }
body.v3 .ik-foot { grid-template-columns: 2fr 1fr 1fr; }
@media (max-width: 760px) { body.v3 .ik-foot { grid-template-columns: 1fr 1fr; } body.v3 .ik-foot .f2-brand { grid-column: 1 / -1; } }
body.v3 .back-top { color: #fff; font-size: 1.2rem; }

/* ظهور */
.rise { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--ease) var(--d, 0ms), transform .7s var(--ease) var(--d, 0ms); }
.rise.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .rise { opacity: 1; transform: none; }
  .ov-time.bump, .msg { animation: none; }
}
.vid-row { grid-template-columns: 1.4fr .8fr; }
.glow-media.tall video { max-height: 640px; object-fit: cover; object-position: top; }
@media (max-width: 900px) { .glow-media.tall video { max-height: 520px; } }

/* ---------- الفضاء: نجوم + كواكب ---------- */
.space { background: radial-gradient(120% 80% at 50% -10%, #1d1456 0%, #0b0826 45%, #05040f 100%); }
#starfield { position: absolute; inset: 0; width: 100%; height: 100%; }
.planet { position: absolute; border-radius: 50%; transform: translate3d(0, var(--py, 0px), 0); will-change: transform; }
.planet::after { content: ''; position: absolute; inset: 0; border-radius: 50%; animation: spinShade 40s linear infinite; }
/* كوكب بنفسجي بحلقة (أعلى اليسار) */
.p-ring { width: clamp(140px, 16vw, 260px); aspect-ratio: 1; top: 14%; left: -3%;
  background: radial-gradient(circle at 32% 30%, #c4b5fd 0%, #8b5cf6 28%, #4c1d95 62%, #1e0b4b 100%);
  box-shadow: inset -24px -18px 50px rgba(5,3,20,.85), 0 0 80px rgba(139,92,246,.35);
  animation: floatA 18s ease-in-out infinite; }
.p-ring .ring { position: absolute; left: -38%; right: -38%; top: 42%; height: 18%; border-radius: 50%;
  border: 3px solid rgba(103,232,249,.55); border-top-color: rgba(103,232,249,.15);
  transform: rotate(-18deg); box-shadow: 0 0 22px rgba(103,232,249,.35); }
/* كوكب سماوي (يمين الوسط) */
.p-cyan { width: clamp(90px, 9vw, 160px); aspect-ratio: 1; top: 58%; right: 4%;
  background: radial-gradient(circle at 35% 30%, #a5f3fc 0%, #22d3ee 30%, #0e7490 65%, #062033 100%);
  box-shadow: inset -16px -12px 34px rgba(3,10,22,.85), 0 0 60px rgba(34,211,238,.35);
  animation: floatB 22s ease-in-out infinite; }
/* قمر وردي صغير */
.p-moon { width: clamp(34px, 3.4vw, 56px); aspect-ratio: 1; top: 32%; right: 22%;
  background: radial-gradient(circle at 35% 30%, #fbcfe8 0%, #f472b6 40%, #831843 100%);
  box-shadow: inset -8px -6px 14px rgba(20,4,14,.8), 0 0 30px rgba(244,114,182,.4);
  animation: floatA 14s ease-in-out infinite reverse; }
@keyframes floatA { 50% { translate: 14px -18px; } }
@keyframes floatB { 50% { translate: -16px 14px; } }
@keyframes spinShade { from { background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06), transparent 40%); } to { background: radial-gradient(circle at 20% 80%, rgba(255,255,255,.06), transparent 40%); } }
@media (max-width: 700px) { .p-cyan { top: 70%; right: -6%; } .p-ring { top: 8%; left: -12%; } .p-moon { right: 8%; top: 40%; } }
@media (prefers-reduced-motion: reduce) { .planet { animation: none; } }
.vid-row { grid-template-columns: 1.35fr 1fr; }
.glow-media video { background: #000; }

/* المقاطع على أسود: الأسود يختفي وتطفو العناصر فوق الفضاء */
body.v3 main { z-index: auto; }
.glow-media.cut::before { inset: 18%; opacity: .55; }
.glow-media.cut video { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
.glow-media.cut figcaption { margin-top: 4px; }

/* شريط الإعلان (من إعدادات اللوحة) */
.ik-announce { position: relative; z-index: 30; padding: 10px 16px; text-align: center; font-weight: 800; color: #fff; background: linear-gradient(100deg, #22d3ee, #3b82f6 45%, #8b5cf6); box-shadow: 0 6px 30px rgba(99,102,241,.4); }

/* الجوال: زر الرجوع للأعلى ما يغطي سطر الحقوق */
@media (max-width: 700px) { body.v3 .v3-footer { padding-bottom: 80px; } }


/* ===== كروت الأسعار v2 — بوستر المنتج ===== */
@property --pc-a { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.plans { gap: 22px; margin-top: 36px; perspective: 1200px; align-items: stretch; }
.pc { --rx: 0deg; --ry: 0deg; --mx: 50%; --my: 0%; position: relative; border-radius: 28px; padding: 1px; background: linear-gradient(180deg, color-mix(in srgb, var(--acc) 45%, transparent), rgba(167,139,250,.08) 45%, rgba(167,139,250,.14)); transform: rotateX(var(--rx)) rotateY(var(--ry)); transform-style: preserve-3d; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; will-change: transform; }
.pc:hover { box-shadow: 0 30px 70px rgba(0,0,0,.5), 0 0 50px color-mix(in srgb, var(--acc) 28%, transparent); transition: transform .08s linear, box-shadow .35s; }
.pc-hot { background: conic-gradient(from var(--pc-a), var(--acc), #22d3ee, #ec4899, var(--acc)); animation: pcSpin 7s linear infinite; box-shadow: 0 0 60px rgba(139,92,246,.35); }
@keyframes pcSpin { to { --pc-a: 360deg; } }
.pc-frame { position: relative; height: 100%; display: flex; flex-direction: column; border-radius: 27px; overflow: hidden; background: radial-gradient(120% 60% at var(--mx) var(--my), color-mix(in srgb, var(--acc) 14%, transparent), transparent 60%), #0e0c24; }
.pc-art { position: relative; aspect-ratio: 1; overflow: hidden; background: #07061a; }
.pc-art img:not(.pc-ic) { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.001); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.pc:hover .pc-art img:not(.pc-ic) { transform: scale(1.06); }
.pc-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(14,12,36,.65) 80%, #0e0c24 100%); pointer-events: none; }
.pc-ic { width: 40%; margin: 30% auto 0; display: block; }
.pc-flag, .pc-save { position: absolute; top: 14px; z-index: 2; padding: 6px 12px; border-radius: 12px; font-size: .78rem; font-weight: 800; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.pc-flag { inset-inline-start: 14px; color: #fff; background: rgba(139,92,246,.55); border: 1px solid rgba(255,255,255,.25); }
.pc-save { inset-inline-end: 14px; color: #052e16; background: #4ade80; }
.pc-body { position: relative; z-index: 1; display: flex; flex-direction: column; flex: 1; gap: 14px; padding: 0 22px 22px; margin-top: -34px; }
.pc-body h3 { margin: 0; font-family: var(--font-heading); font-weight: 800; font-size: 1.55rem; color: #fff; text-shadow: 0 4px 20px rgba(0,0,0,.6); }
.pc-feats { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.pc-feats li { display: flex; align-items: center; gap: 9px; color: #cfcae8; font-size: .9rem; line-height: 1.5; }
.pc-feats svg { flex: none; color: var(--acc); }
.pc-price { margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(167,139,250,.14); }
.pc-num { display: flex; align-items: baseline; gap: 6px; }
.pc-num b { font-family: var(--font-heading); font-size: 2.7rem; line-height: 1; color: #fff; }
.pc-num span { color: var(--acc); font-weight: 800; }
.pc-num s { margin-inline-start: 4px; color: var(--ik-faint); font-size: .95rem; }
.pc-price small { display: block; margin-top: 6px; color: var(--ik-faint); font-size: .8rem; }
.pc-price.none b { font-family: var(--font-heading); font-size: 1.1rem; color: var(--ik-faint); }
.pc-btn { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; border-radius: 16px; font-weight: 800; text-decoration: none; color: #fff; background: color-mix(in srgb, var(--acc) 16%, rgba(255,255,255,.04)); border: 1px solid color-mix(in srgb, var(--acc) 45%, transparent); transition: background .2s, transform .2s, box-shadow .2s; }
.pc-btn:hover { background: var(--acc); color: #0b0920; box-shadow: 0 12px 30px color-mix(in srgb, var(--acc) 45%, transparent); }
.pc-btn:hover svg { transform: translateX(-4px); }
.pc-btn svg { transition: transform .2s; }
.pc-hot .pc-btn { background: linear-gradient(100deg, #22d3ee, #8b5cf6 60%, #a855f7); border-color: transparent; box-shadow: 0 12px 34px rgba(139,92,246,.45); }
.pc-hot .pc-btn:hover { color: #fff; filter: brightness(1.1); }
.pc-btn[aria-disabled="true"] { opacity: .4; pointer-events: none; }
@media (max-width: 1080px) { .plans { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .plans { grid-template-columns: 1fr; } .pc { transform: none; } }
@media (prefers-reduced-motion: reduce) { .pc-hot { animation: none; } }

/* ===== كواكب واقعية ===== */
.planet.real { background: #05040f; overflow: visible; }
.planet .surf { position: absolute; inset: 0; border-radius: 50%; background-size: 200% 100%; background-repeat: repeat-x; animation: planetSpin 90s linear infinite; }
.p-cyan .surf { animation-duration: 70s; } .p-moon .surf { animation-duration: 120s; }
@keyframes planetSpin { from { background-position: 0 0; } to { background-position: -200% 0; } }
/* إضاءة: نور من فوق يسار + ظل الليل + انحناء الحافة */
.planet.real::before { content: ''; position: absolute; inset: 0; border-radius: 50%; z-index: 1; pointer-events: none;
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.28), transparent 38%),
    radial-gradient(circle at 70% 72%, rgba(2,1,10,.96) 0%, rgba(2,1,10,.75) 32%, transparent 62%),
    radial-gradient(circle at 50% 50%, transparent 55%, rgba(2,1,10,.55) 100%); }
.planet.real::after { animation: none; z-index: 2; background: none; inset: -2px; box-shadow: inset 2px 2px 6px rgba(255,255,255,.25); }
.p-ring.real { box-shadow: 0 0 90px rgba(139,92,246,.35), -10px -10px 40px rgba(167,139,250,.18); }
.p-cyan.real { box-shadow: 0 0 70px rgba(34,211,238,.32), -6px -6px 26px rgba(165,243,252,.25); }
.p-moon.real { box-shadow: 0 0 30px rgba(244,114,182,.25); }
/* حلقة الكوكب: أحزمة غبار، ونصها الأمامي فوق الكوكب */
.p-ring.real .ring { z-index: 3; border: 0; height: 26%; top: 38%; left: -45%; right: -45%; box-shadow: none;
  background: radial-gradient(closest-side, transparent 62%, rgba(165,243,252,.0) 63%, rgba(165,243,252,.55) 66%, rgba(196,181,253,.25) 72%, rgba(165,243,252,.5) 77%, rgba(103,232,249,.15) 86%, transparent 90%);
  -webkit-mask: linear-gradient(180deg, transparent 48%, #000 52%); mask: linear-gradient(180deg, transparent 48%, #000 52%); }
.p-ring.real .ring::before { content: ''; position: absolute; inset: 0; z-index: -1; background: inherit; }
.p-ring.real::after { }
@media (prefers-reduced-motion: reduce) { .planet .surf { animation: none; } }
.p-ring.real .ring::before { content: none; }
.p-ring.real .ring-back { position: absolute; z-index: -1; height: 26%; top: 38%; left: -45%; right: -45%; transform: rotate(-18deg);
  background: radial-gradient(closest-side, transparent 62%, rgba(165,243,252,.45) 66%, rgba(196,181,253,.2) 72%, rgba(165,243,252,.4) 77%, rgba(103,232,249,.12) 86%, transparent 90%); }

/* ===== مدار متحرك ===== */
.orbit-flow { animation: orbitFlow 3s linear infinite; }
@keyframes orbitFlow { to { stroke-dashoffset: -32; } }
.comet circle:first-child { filter: drop-shadow(0 0 6px #22d3ee) drop-shadow(0 0 14px #22d3ee); }
.comet.v circle:first-child { filter: drop-shadow(0 0 6px #8b5cf6) drop-shadow(0 0 14px #8b5cf6); }

/* ===== بطاقات المعاينة حول الشخصية ===== */
.ochip { position: absolute; z-index: 3; width: clamp(170px, 14vw, 220px); display: grid; gap: 8px; padding: 14px; border-radius: 20px; text-decoration: none; color: #fff;
  background: linear-gradient(160deg, rgba(30,24,72,.78), rgba(12,10,32,.72)); border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(14px) saturate(1.3); -webkit-backdrop-filter: blur(14px) saturate(1.3);
  box-shadow: 0 20px 50px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12); animation: bob 6s ease-in-out infinite; transition: border-color .2s, box-shadow .2s; }
.ochip:hover { border-color: rgba(167,139,250,.6); box-shadow: 0 24px 60px rgba(0,0,0,.5), 0 0 40px rgba(139,92,246,.35); }
.ochip.c1 { top: 4%; inset-inline-end: 17%; transform: rotate(-4deg); }
.ochip.c2 { top: 2%; inset-inline-start: 16%; transform: rotate(3deg); animation-delay: -1.5s; }
.ochip.c3 { top: 50%; inset-inline-end: 2%; transform: rotate(3deg); animation-delay: -3s; }
.ochip.c4 { top: 48%; inset-inline-start: 3%; transform: rotate(-3deg); animation-delay: -2.2s; }
.oc-top { display: flex; align-items: center; gap: 6px; font-size: .68rem; font-weight: 800; letter-spacing: .14em; color: #c4b5fd; direction: ltr; justify-content: flex-start; }
.oc-top em { margin-left: auto; font-style: normal; letter-spacing: 0; font-size: .68rem; padding: 2px 8px; border-radius: 99px; color: #1e1b4b; background: #fbbf24; }
.oc-top em.pink { background: #f472b6; color: #3b0a24; } .oc-top em.green { background: #4ade80; color: #052e16; } .oc-top em.blue { background: #60a5fa; color: #0b1a3a; }
.oc-live { width: 7px; height: 7px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 0 rgba(239,68,68,.6); animation: ocPulse 1.6s infinite; }
@keyframes ocPulse { 70% { box-shadow: 0 0 0 7px rgba(239,68,68,0); } }
.oc-timer { font-family: var(--font-heading); font-size: 1.9rem; line-height: 1; letter-spacing: .04em; font-variant-numeric: tabular-nums; text-align: center; background: linear-gradient(180deg, #fff, #a5f3fc); -webkit-background-clip: text; background-clip: text; color: transparent; }
.oc-gift { display: flex; align-items: center; gap: 6px; font-size: .78rem; padding: 6px 8px; border-radius: 10px; background: rgba(255,255,255,.06); }
.oc-gift i { width: 8px; height: 8px; border-radius: 50%; background: #f472b6; }
.oc-gift strong { margin-inline-start: auto; color: #4ade80; }
.oc-gift.pop { animation: ocPop .5s ease; }
@keyframes ocPop { 30% { transform: scale(1.06); background: rgba(74,222,128,.18); } }
.oc-msg { display: flex; gap: 8px; align-items: flex-start; font-size: .78rem; line-height: 1.45; color: #e2defa; }
.oc-msg i { flex: none; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-weight: 800; font-size: .7rem; background: #334155; }
.oc-msg b { display: block; font-size: .72rem; color: #a5b4fc; }
.oc-msg.bot i { background: linear-gradient(135deg, #f472b6, #8b5cf6); }
.oc-msg.bot span { padding: 4px 8px; border-radius: 10px; background: rgba(244,114,182,.14); }
.oc-msg.bot b { color: #f9a8d4; }
.oc-bar { display: grid; grid-template-columns: 46px 1fr 22px; align-items: center; gap: 8px; font-size: .74rem; color: #cbd5e1; }
.oc-bar i { height: 6px; border-radius: 99px; background: rgba(255,255,255,.08); position: relative; overflow: hidden; }
.oc-bar i::after { content: ''; position: absolute; inset: 0 auto 0 0; width: var(--v); border-radius: inherit; background: linear-gradient(90deg, #22c55e, #4ade80); animation: ocFill 2.4s cubic-bezier(.2,.8,.2,1) infinite alternate; }
@keyframes ocFill { from { width: 30%; } }
.oc-bar b { color: #4ade80; font-size: .78rem; }
.oc-key { display: block; text-align: center; padding: 8px; border-radius: 10px; font-weight: 800; letter-spacing: .08em; color: #67e8f9; background: rgba(34,211,238,.08); border: 1px dashed rgba(34,211,238,.4); font-size: .92rem; }
.oc-sub { font-size: .74rem; color: #94a3b8; text-align: center; }
@media (max-width: 1100px) { .ochip { width: 160px; padding: 11px; } .oc-timer { font-size: 1.5rem; } }
@media (max-width: 760px) { .ochip.c3, .ochip.c4 { display: none; } .ochip { width: 140px; } .ochip.c1 { top: 0; inset-inline-end: 0; } .ochip.c2 { top: 0; inset-inline-start: 0; } .oc-msg:first-of-type { display: none; } }
@media (prefers-reduced-motion: reduce) { .orbit-flow, .ochip, .oc-live, .oc-bar i::after { animation: none; } }
.ochip.c1 { inset-inline-end: 9%; top: 6%; }
.ochip.c2 { inset-inline-start: 9%; top: 4%; }
.ochip.c3 { inset-inline-end: -3%; top: 54%; }
.ochip.c4 { inset-inline-start: -2%; top: 52%; }

/* بطاقة التسليم */
.oc-flow { list-style: none; margin: 2px 0 0; padding: 0; display: grid; gap: 10px; position: relative; }
.oc-flow::before { content: ''; position: absolute; top: 9px; bottom: 9px; inset-inline-start: 8px; width: 2px; background: rgba(255,255,255,.08); }
.oc-flow::after { content: ''; position: absolute; top: 9px; inset-inline-start: 8px; width: 2px; height: calc((100% - 18px) * var(--p, 0)); background: linear-gradient(180deg, #22d3ee, #4ade80); transition: height .5s ease; box-shadow: 0 0 10px #22d3ee; }
.oc-flow li { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; font-size: .8rem; color: #64748b; transition: color .3s; }
.oc-flow i { flex: none; width: 18px; height: 18px; border-radius: 50%; background: #0e0c24; border: 2px solid rgba(255,255,255,.15); display: grid; place-items: center; transition: all .3s; }
.oc-flow li.on { color: #fff; }
.oc-flow li.on i { border-color: #4ade80; background: #4ade80; box-shadow: 0 0 12px rgba(74,222,128,.7); }
.oc-flow li.on i::after { content: ''; width: 7px; height: 4px; border: 2px solid #052e16; border-top: 0; border-right: 0; transform: rotate(-45deg) translate(1px, -1px); }
.oc-flow li.cur i { border-color: #22d3ee; animation: ocPulse2 1s infinite; }
@keyframes ocPulse2 { 50% { box-shadow: 0 0 0 5px rgba(34,211,238,.2); } }
.oc-flow small { margin-inline-start: auto; color: #475569; font-variant-numeric: tabular-nums; opacity: 0; transition: opacity .3s; }
.oc-flow li.on small { opacity: 1; color: #94a3b8; }
.oc-done { text-align: center; font-size: .78rem; font-weight: 800; padding: 6px; border-radius: 10px; color: #052e16; background: #4ade80; opacity: .15; transform: scale(.96); transition: all .35s cubic-bezier(.2,.8,.2,1); }
.oc-done.on { opacity: 1; transform: none; box-shadow: 0 0 20px rgba(74,222,128,.45); }

/* ===== عنوان الواجهة v2 ===== */
.hero-title.hv2 { margin: 8px 0 0; display: grid; justify-items: center; gap: 2px; line-height: 1.05; }
.hv2 .l1 { font-size: clamp(3.6rem, 8vw, 6.6rem); font-weight: 800; letter-spacing: -.02em;
  background: linear-gradient(180deg, #ffffff 30%, #c4b5fd 100%); -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 10px 40px rgba(139,92,246,.35)); }
.hv2 .l2 { font-size: clamp(2.2rem, 4.8vw, 4rem); font-weight: 800; color: #fff; letter-spacing: -.01em; }
.hv2 .l2 em { position: relative; font-style: normal; background: linear-gradient(90deg, #22d3ee, #a855f7); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hv2 .l2 em svg { position: absolute; left: -2%; right: -2%; bottom: -.28em; width: 104%; height: .32em; overflow: visible; }
.hv2 .l2 em path { stroke-dasharray: 220; stroke-dashoffset: 220; animation: hvDraw 1.1s .5s cubic-bezier(.6,0,.2,1) forwards; filter: drop-shadow(0 0 8px rgba(34,211,238,.6)); }
@keyframes hvDraw { to { stroke-dashoffset: 0; } }
.hero-lead.hv2 { max-width: 46ch; margin: 22px auto 0; color: #cfcaea; font-size: clamp(1rem, 1.3vw, 1.15rem); line-height: 1.85; text-wrap: balance; }
@media (prefers-reduced-motion: reduce) { .hv2 .l2 em path { animation: none; stroke-dashoffset: 0; } }
/* إصلاح: الشدّة فوق «بثّك» كانت تنقص + وضوح الوصف */
.hv2 .l1 { display: inline-block; line-height: 1.35; padding: .18em .12em 0; margin-bottom: -.12em; }
.hv2 .l2, .hv2 .l2 em { line-height: 1.3; padding-top: .08em; }
.hero-lead.hv2 { max-width: 56ch; text-align: center; color: #ece9ff; font-weight: 500; font-size: clamp(1.05rem, 1.4vw, 1.22rem); text-shadow: 0 2px 14px rgba(5,4,15,.9); }

/* ===== شريط الأرقام (بدل الأشرطة المائلة) ===== */
.specs { position: relative; margin: 80px 0 30px; overflow: hidden; }
.specs-big { position: absolute; inset: 50% 0 auto; transform: translateY(-50%); pointer-events: none; opacity: .5; }
.specs-big .specs-track { gap: 60px; animation-duration: 90s; }
.specs-big span { font-family: var(--font-heading); font-weight: 800; font-size: clamp(4rem, 9vw, 8rem); letter-spacing: .04em; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(167,139,250,.18); direction: ltr; }
.specs-row { position: relative; border-block: 1px solid rgba(167,139,250,.18); background: linear-gradient(90deg, rgba(5,4,15,.9), rgba(20,16,50,.55) 20%, rgba(20,16,50,.55) 80%, rgba(5,4,15,.9)); backdrop-filter: blur(6px); -webkit-mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.specs-track { display: flex; width: max-content; animation: marq 55s linear infinite; }
.specs-track.rev { animation-direction: reverse; }
.specs-row:hover .specs-track { animation-play-state: paused; }
.specs .dup { display: contents; }
.specs .st { display: flex; align-items: baseline; gap: 12px; padding: 22px 38px; border-inline-end: 1px solid rgba(167,139,250,.14); white-space: nowrap; }
.specs .st b { font-family: var(--font-heading); font-weight: 800; font-size: clamp(1.6rem, 2.4vw, 2.2rem); line-height: 1; background: linear-gradient(180deg, #fff, #a5f3fc); -webkit-background-clip: text; background-clip: text; color: transparent; font-variant-numeric: tabular-nums; }
.specs .st small { color: #b9b3d9; font-size: .95rem; font-weight: 600; }
@media (max-width: 640px) { .specs { margin-top: 50px; } .specs .st { padding: 16px 24px; } }
@media (prefers-reduced-motion: reduce) { .specs-track { animation: none; } }
/* النصوص المتدرّجة (background-clip) تنقص فوق/تحت بالخط العربي — مساحة إضافية */
.specs .st b { line-height: 1.45; padding: .12em .04em; }
.specs .st { align-items: center; }

/* ===== القائمة الجانبية v2 ===== */
.side-menu.sm2 { display: flex; flex-direction: column; gap: 14px; overflow-y: auto; background: radial-gradient(120% 40% at 100% 0%, rgba(139,92,246,.22), transparent 60%), radial-gradient(90% 40% at 0% 100%, rgba(34,211,238,.1), transparent 60%), #0d0b22; }
.sm2-bundle { position: relative; display: block; min-height: 150px; border-radius: 22px; overflow: hidden; text-decoration: none; color: #fff; border: 1px solid rgba(251,191,36,.35); box-shadow: 0 16px 40px rgba(0,0,0,.4); }
.sm2-bundle img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.sm2-bundle:hover img { transform: scale(1.05); }
.sm2-bundle::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,8,30,.95) 10%, rgba(10,8,30,.3) 70%, transparent); }
.sm2-b-txt { position: absolute; inset: auto 16px 14px; z-index: 1; display: grid; gap: 2px; }
.sm2-b-txt small { color: #fbbf24; font-weight: 800; font-size: .75rem; }
.sm2-b-txt b { font-family: var(--font-heading); font-size: 1.25rem; }
.sm2-b-txt > span { color: #cbd5e1; font-size: .82rem; }
.sm2-b-txt strong { color: #fff; }
.sm2-apps { display: grid; gap: 6px; }
.sm2-apps a { display: grid; grid-template-columns: 52px 1fr 16px; align-items: center; gap: 12px; padding: 8px; border-radius: 16px; text-decoration: none; color: #fff; border: 1px solid transparent; transition: background .2s, border-color .2s; }
.sm2-apps a:hover { background: rgba(255,255,255,.04); border-color: rgba(167,139,250,.25); }
.sm2-apps img { width: 52px; height: 52px; border-radius: 14px; object-fit: cover; border: 1px solid rgba(255,255,255,.08); }
.sm2-apps b { display: flex; align-items: center; gap: 8px; font-size: .98rem; }
.sm2-apps em { font-style: normal; font-size: .66rem; font-weight: 800; padding: 2px 8px; border-radius: 99px; color: #fff; background: rgba(139,92,246,.5); }
.sm2-apps small { display: block; color: #8f89b4; font-size: .78rem; margin-top: 2px; }
.sm2-apps svg { color: #6b6592; transition: transform .2s, color .2s; }
.sm2-apps a:hover svg { color: #c4b5fd; transform: translateX(-3px); }
.sm2-links { display: grid; margin-top: 4px; border-top: 1px solid rgba(255,255,255,.07); }
.sm2-links a { padding: 13px 4px; text-decoration: none; color: #d8d4f0; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,.05); transition: color .2s, padding .2s; }
.sm2-links a:hover { color: #fff; padding-inline-start: 10px; }
.sm2-foot { margin-top: auto; display: grid; gap: 8px; padding-top: 10px; }
.sm2-foot a { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; border-radius: 16px; text-decoration: none; font-weight: 800; color: #fff; }
.sm2-orders { background: linear-gradient(100deg, #22d3ee, #8b5cf6); box-shadow: 0 12px 30px rgba(139,92,246,.35); }
.sm2-discord { background: rgba(88,101,242,.16); border: 1px solid rgba(88,101,242,.45); }
.sm2-discord:hover { background: rgba(88,101,242,.3); }
.sm2 .sm-label { margin: 4px 0 -4px; color: #8f89b4; font-size: .78rem; font-weight: 800; letter-spacing: .02em; }