/* ══ هوية v34 على صفحة الدفع ══
 *
 * الصفحة دي فيها منطق الدفع وإنشاء الطلبات والعناوين والكوبونات، فمالمستش
 * المنطق ولا المعرّفات. الملف ده بيضيف الهوية البصرية فوقه:
 * الشريط الأحمر، الترويسة الداكنة، والشريط السفلي، ونفس الألوان والزوايا.
 */
:root{--pcr:#e0121a;--pck:#151515;--pcb:#e6e8eb;--pcm:#6b7280;--pcg:#0f7d37}

/* الشريط الأحمر العلوي */
.co-rb{background:var(--pcr);color:#fff;text-align:center;font-size:12px;font-weight:600;padding:7px 12px;line-height:1.5}

/* الترويسة الداكنة */
.co-hd{background:var(--pck);color:#fff;padding:12px 14px;position:sticky;top:0;z-index:30}
.co-hd .rw{display:flex;align-items:center;gap:14px;max-width:1120px;margin:auto}
.co-hd .logo{font-size:22px;font-weight:800;color:var(--pcr);line-height:1;text-decoration:none}
.co-hd .logo b{color:#fff}
.co-hd .logo small{display:block;color:#fff;font-size:11.5px;font-weight:400;margin-top:2px}
.co-hd .ic{color:#fff;position:relative;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;text-decoration:none}
.co-hd .sp{margin-inline-start:auto}
.co-hd svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* الشريط السفلي — نفس شريط باقي الموقع */
.co-bn{position:fixed;inset-inline:0;bottom:0;z-index:28;max-width:520px;margin-inline:auto;background:#fff;
  border-top:1px solid var(--pcb);display:grid;grid-template-columns:repeat(5,1fr);
  padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 16px #0000000f}
.co-bn a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  min-height:62px;font-size:11.5px;font-weight:500;color:#1f2937;text-decoration:none}
.co-bn a[aria-current=page]{color:var(--pcr)}
.co-bn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.store-editorial{padding-bottom:78px}
@media(min-width:640px) and (max-width:899px){.co-bn{max-width:760px}}
@media(min-width:900px){.co-bn{display:none}body.store-editorial{padding-bottom:0}}

/* مواءمة الهوية: نفس الأحمر والزوايا وأهداف اللمس بتاعة باقي الموقع */
.checkout-v2{--co-blue:var(--pcr);--co-line:var(--pcb);--co-muted:var(--pcm);--co-green:var(--pcg)}
.checkout-v2 .place-order,.checkout-v2 .btn,.checkout-v2 button[type=submit]{border-radius:12px}
.checkout-v2 .payment-option,.checkout-v2 .checkout-section{border-radius:12px}
.checkout-v2 .inp,.checkout-v2 input,.checkout-v2 select,.checkout-v2 textarea{border-radius:10px}
/* الحقول 16px على الموبايل عشان المتصفح مايكبّرش الصفحة لوحده عند الكتابة */
@media(max-width:700px){.checkout-v2 input:not([type=checkbox]):not([type=radio]),.checkout-v2 select,.checkout-v2 textarea{font-size:16px}}

/* shop.js بيحقن ترويسته الخاصة — نخفيها عشان متبقاش ترويستين،
   والترويسة الداكنة بتاعة v34 هي اللي تفضل. */
body[data-editorial-page="checkout"] .se-header,
body[data-editorial-page="checkout"] .se-footer{display:none}