/* ==================================================================
   ECOMNIGHT — BRAND THEME (أسود + دهبي مسطردة)
   ------------------------------------------------------------------
   ثيم واحد ثابت للموقع كله. الملف ده بيتحمّل آخر حاجة في كل صفحة
   عامة، فبيغطي على شكل الملفات القديمة من غير ما يلمس أي HTML أو
   JavaScript أو بكسل. لو حبيت تغيّر اللون بعدين: غيّر --accent
   و --accent-rgb بس.
   ================================================================== */

/* ---------- EcomNight type: self-hosted (مش من جوجل) ----------
   Hubot Sans Condensed = العناوين الإنجليزي · Mona Sans = الكلام الإنجليزي
   Estedad = العربي. كلهم OFL ومرفوعين على السيرفر في assets/fonts */
@font-face{font-family:'Hubot Sans Condensed';src:url('../assets/fonts/HubotSansCondensed-ExtraBoldItalic.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'Hubot Sans Condensed';src:url('../assets/fonts/HubotSansCondensed-BlackItalic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:'Hubot Sans Condensed';src:url('../assets/fonts/HubotSansCondensed-Black.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap}
/* الأرقام في العناوين من Mona Sans Condensed (صفر Hubot الأصلي مشطوب) */
@font-face{font-family:'Hubot Sans Condensed';src:url('../assets/fonts/MonaSansCondensed-ExtraBoldItalic-digits.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap;unicode-range:U+0030-0039}
@font-face{font-family:'Hubot Sans Condensed';src:url('../assets/fonts/MonaSansCondensed-BlackItalic-digits.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap;unicode-range:U+0030-0039}
@font-face{font-family:'Hubot Sans Condensed';src:url('../assets/fonts/MonaSansCondensed-Black-digits.woff2') format('woff2');font-weight:600 900;font-style:normal;font-display:swap;unicode-range:U+0030-0039}
@font-face{font-family:'Mona Sans';src:url('../assets/fonts/MonaSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Mona Sans';src:url('../assets/fonts/MonaSans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Mona Sans';src:url('../assets/fonts/MonaSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Mona Sans';src:url('../assets/fonts/MonaSans-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
@font-face{font-family:'Estedad';src:url('../assets/fonts/Estedad-VF.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200F,U+FB50-FDFF,U+FE70-FEFF}


html[data-theme],
html[data-theme="dark"],
html[data-theme="light"],
:root {
    --bg-void: #0B0A08;
    --bg-surface: #12100D;
    --bg-glass: #17140F;
    --bg-glass-hover: #1E1A14;
    --bg-card: #17140F;
    --bg-card-2: #1E1A14;
    --bg-inset: #0E0C0A;

    --text-primary: #F4EFE4;
    --text-secondary: #B9B09E;
    --text-muted: #7D7564;
    --line-rgb: 245, 236, 214;

    --accent: #E2AB3E;
    --accent-rgb: 226, 171, 62;
    --accent-hover: #F0C25A;
    --on-accent: #120D04;
    --accent-2: #F0C25A;
    --accent2-rgb: 240, 194, 90;
    --accent-dim: rgba(226, 171, 62, 0.12);
    --accent-glow: rgba(226, 171, 62, 0.30);
    --ecn-accent: #E2AB3E;
    --ecn-accent-rgb: 226, 171, 62;

    --border-subtle: rgba(245, 236, 214, 0.07);
    --border-glass: rgba(245, 236, 214, 0.10);
    --border-hover: rgba(245, 236, 214, 0.20);

    --green: #5BD08F;
    --green-dim: rgba(91, 208, 143, 0.1);

    --panel-bg: #17140F;
    --panel-float-bg: #1E1A14;
    --ticker-bg: #E2AB3E;
    --nav-scrolled-bg: rgba(11, 10, 8, 0.90);
    --mobile-menu-bg: #0B0A08;

    --btn-primary-bg: #E2AB3E;
    --btn-primary-color: #120D04;
    --btn-ghost-bg: transparent;
    --btn-ghost-border: rgba(245, 236, 214, 0.18);
    --btn-ghost-hover-bg: rgba(226, 171, 62, 0.06);
    --metric-card-bg: rgba(245, 236, 214, 0.025);
    --logo-svg-color: #F4EFE4;

    --r-card: 6px;
    --r-btn: 4px;

    color-scheme: dark;
}

/* English: Hubot Sans Condensed + Mona Sans. Arabic = Estedad */
html:not([lang="ar"]) {
    --font-display: 'Hubot Sans Condensed', 'Arial Narrow', sans-serif;
    --font-body: 'Mona Sans', 'Helvetica Neue', Arial, sans-serif;
}

html, body { background-color: var(--bg-void) !important; }
body { color: var(--text-primary); }
::selection { background: var(--accent); color: var(--on-accent); }

html { scrollbar-color: rgba(var(--line-rgb), .18) var(--bg-void); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-void); }
::-webkit-scrollbar-thumb { background: rgba(var(--line-rgb), .16); border-radius: 10px; border: 2px solid var(--bg-void); }
::-webkit-scrollbar-thumb:hover { background: var(--accent); }

.theme-toggle, .theme-toggle-mobile, .mobile-theme-row { display: none !important; }

/* ================= TYPOGRAPHY =================
   العناوين: Hubot Sans Condensed عريض مايل كابيتال — نفس روح خط
   ثَمبنيلز EcomNight. في العربي Estedad تقيل من غير ميل. */
h1, h2, h3,
.hero-title, .section-title, .cta-title, .services-title, .testimonials-title,
.get-started-title, .cinematic-statement {
    font-family: var(--font-display);
    text-wrap: balance;
}
html:not([lang="ar"]) h1,
html:not([lang="ar"]) h2,
html:not([lang="ar"]) h3,
html:not([lang="ar"]) .cinematic-statement {
    font-weight: 800 !important;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: -0.005em !important;
    line-height: 0.95;
}
html:not([lang="ar"]) h3 { line-height: 1; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3 { font-weight: 800 !important; }

/* Accent words inside titles: solid brand gold (no gradients) */
.gradient-text, .text-gradient, .accent-text,
.services-title-accent, .testimonials-title-accent, .get-started-title-accent,
[class*="title-accent"], .dynamic-word-container {
    color: var(--accent) !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: var(--accent) !important;
    animation: none;
}

/* ================= BACKGROUND ================= */
.bg-grid { opacity: .45; }
.bg-glow, .bg-glow-1, .bg-glow-2, .bg-glow-accent,
.philo-bg-glow, .services-bg-glow, .testimonials-bg-glow,
.get-started-bg-glow, .get-started-bg-glow-2, .ecosystem-glow, .ecosystem-glow-2 {
    background: none !important;
    box-shadow: none !important;
}

/* ================= TICKER ================= */
.top-ticker { background: var(--accent) !important; border-bottom: 1px solid #000 !important; }
.top-ticker, .top-ticker span, .top-ticker a {
    color: var(--on-accent) !important;
    font-family: 'Hubot Sans Condensed', 'Arial Narrow', sans-serif;
    font-weight: 800; font-style: italic; text-transform: uppercase; letter-spacing: .04em;
}
html[lang="ar"] .top-ticker, html[lang="ar"] .top-ticker span { font-family: 'Estedad', 'Mona Sans', sans-serif; font-style: normal; text-transform: none; letter-spacing: 0; }
.top-ticker { font-size: .82rem !important; }
.top-ticker .icon-sm, .ticker-track .icon-sm { color: var(--on-accent) !important; opacity: .8 !important; }
.ticker-track .dot { color: var(--on-accent) !important; opacity: .35; }

/* ================= NAVBAR ================= */
.navbar.scrolled {
    background: var(--nav-scrolled-bg) !important;
    border-bottom-color: var(--border-glass) !important;
    box-shadow: none !important;
}
.nav-logo, .logo-text { font-family: var(--font-display); }
html:not([lang="ar"]) .nav-logo { font-weight: 800; font-style: italic; text-transform: uppercase; font-size: 1.3rem; letter-spacing: .01em; }
.nav-link { font-weight: 600; }
.nav-link.active { color: var(--text-primary) !important; }
.nav-link.active::after { background: var(--accent) !important; height: 2px !important; }
.nav-link.active .nav-icon { color: var(--accent); }
.lang-switch .lang-active { color: var(--accent) !important; }

/* Login: clear gold-outlined button, always visible */
.navbar .login-link,
.navbar .nav-link-login {
    color: var(--accent) !important;
    border: 1.5px solid rgba(var(--accent-rgb), .6);
    border-radius: var(--r-btn);
    padding: 9px 16px !important;
    font-weight: 700 !important;
    line-height: 1;
    transition: background .2s, color .2s, border-color .2s;
}
.navbar .login-link::after, .navbar .nav-link-login::after { display: none !important; }
.navbar .login-link:hover,
.navbar .nav-link-login:hover { background: var(--accent); color: var(--on-accent) !important; border-color: var(--accent); }
.navbar .nav-right-mobile .login-link { padding: 7px 12px !important; font-size: .8rem; }

.mobile-menu, .mobile-menu-bg { background: var(--bg-void) !important; }
.mobile-link.active, .mobile-link.active .mobile-nav-icon { color: var(--accent) !important; }

/* ================= BUTTONS ================= */
.btn, .gs-submit-btn, .svc-card-cta, .footer-newsletter-btn {
    border-radius: var(--r-btn) !important;
    font-weight: 700 !important;
    letter-spacing: .02em;
}
.btn-primary, .gs-submit-btn {
    background: var(--accent) !important;
    color: var(--on-accent) !important;
    border: 1.5px solid var(--accent) !important;
    box-shadow: none !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.btn-primary:hover, .gs-submit-btn:hover {
    background: var(--accent-hover) !important;
    transform: translate(-3px, -3px) !important;
    box-shadow: 3px 3px 0 0 var(--text-primary) !important;
}
.btn-primary:active, .gs-submit-btn:active { transform: none !important; box-shadow: none !important; }
.btn-primary svg, .gs-submit-btn svg { color: var(--on-accent); }
.btn-shine, .glow-btn::before { display: none !important; }
.btn-ghost {
    background: transparent !important;
    border: 1.5px solid rgba(var(--line-rgb), .2) !important;
    color: var(--text-primary) !important;
}
.btn-ghost:hover { border-color: var(--accent) !important; color: var(--accent) !important; background: rgba(var(--accent-rgb), .06) !important; }
.btn-play-icon { background: var(--accent) !important; color: var(--on-accent) !important; }

.live-dot, .status-dot, .badge-pulse, .get-started-badge-pulse { background: var(--accent) !important; box-shadow: none !important; }

/* ================= SECTION LABELS =================
   بدل "البيلز" المدوّرة: خط صغير + كلام دهبي كابيتال */
.services-label, .testimonials-label, .get-started-badge, .card-label {
    background: transparent !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important;
    color: var(--accent) !important; letter-spacing: .18em !important; font-weight: 700 !important;
    display: inline-flex !important; align-items: center; gap: 10px;
}
.services-label::before, .testimonials-label::before, .get-started-badge::before {
    content: ''; width: 22px; height: 2px; background: var(--accent); display: inline-block; flex-shrink: 0;
}
.get-started-badge-pulse { display: none !important; }
.services-header-accent, .testimonials-header-accent { display: none !important; }

/* ================= CARDS ================= */
.svc-card-inner, .testimonial-card-inner, .gs-form-card-inner, .glass-card, .bento-box, .proof-stats-bar,
.footer-newsletter-card, .trust-logo-item, .metric-card {
    background: var(--bg-card) !important;
    backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    border: 1px solid var(--border-glass) !important;
    box-shadow: none !important;
}
.svc-card, .svc-card-inner, .testimonial-card, .testimonial-card-inner, .glass-card, .bento-box,
.gs-form-card-inner, .proof-stats-bar, .footer-newsletter-card {
    border-radius: var(--r-card) !important;
}
.svc-card-border, .svc-card-glow, .testimonial-card-glow, .gs-form-card-glow { display: none !important; }
.testimonial-card:hover .testimonial-card-inner, .glass-card:hover {
    background: var(--bg-card-2) !important;
    border-color: rgba(var(--accent-rgb), .5) !important;
}
.svc-number { background: transparent !important; border: 1.5px solid rgba(var(--accent-rgb), .5) !important; color: var(--accent) !important; border-radius: 3px !important; }
.svc-badge-popular { background: var(--accent) !important; color: var(--on-accent) !important; border: 0 !important; border-radius: 3px !important; }
.svc-badge-popular svg { color: var(--on-accent) !important; fill: var(--on-accent) !important; }
.svc-features svg { color: var(--accent) !important; }
.svc-card-cta { background: transparent !important; border: 1.5px solid rgba(var(--accent-rgb), .55) !important; color: var(--accent) !important; }
.svc-image-overlay { background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.55) 100%) !important; }

.testimonial-revenue-badge { background: rgba(var(--accent-rgb), .1) !important; border: 1px solid rgba(var(--accent-rgb), .3) !important; color: var(--accent) !important; border-radius: 3px !important; }
.testimonial-quote-icon { color: var(--accent) !important; opacity: .35 !important; }
.testimonial-avatar { border-color: rgba(var(--accent-rgb), .5) !important; }
.stars, .testimonial-rating { color: var(--accent) !important; }
.proof-stat-number, .metric-value { font-family: var(--font-display); }
html:not([lang="ar"]) .proof-stat-number, html:not([lang="ar"]) .stat-number, html:not([lang="ar"]) .micro-stat strong {
    font-weight: 800 !important; font-style: italic;
}
.proof-stat-divider { background: var(--border-glass) !important; }

/* ================= FORMS =================
   مكوّن رقم الموبايل (اختيار الدولة/الكود) زي ما هو — بنلوّنه بس */
.gs-input, .gs-textarea, .form-input, .form-textarea, .form-select {
    background: var(--bg-inset) !important;
    border-color: rgba(var(--line-rgb), .14) !important;
    color: var(--text-primary) !important;
    border-radius: var(--r-btn) !important;
}
.gs-input:focus, .gs-textarea:focus, .form-input:focus, .form-textarea:focus, .form-select:focus {
    border-color: var(--accent) !important; box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .16) !important; outline: none;
}
.gs-feature-icon { background: rgba(var(--accent-rgb), .1) !important; border: 1px solid rgba(var(--accent-rgb), .28) !important; color: var(--accent) !important; border-radius: 4px !important; }
select option { background: var(--bg-card); color: var(--text-primary); }

/* ================= FOOTER ================= */
.footer-divider-line { background: var(--accent) !important; animation: none !important; width: 100% !important; height: 2px !important; top: 0 !important; bottom: auto !important; opacity: .7; }
.footer-logo-text { font-family: var(--font-display); }
html:not([lang="ar"]) .footer-logo-text { font-weight: 800; font-style: italic; text-transform: uppercase; }
.footer-newsletter-btn { background: var(--accent) !important; color: var(--on-accent) !important; }
.footer-newsletter-btn:hover { background: var(--accent-hover) !important; }
.footer-social-link { border-radius: 4px !important; }
.footer-social-link:hover { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--on-accent) !important; box-shadow: none !important; }
.footer-link:hover { color: var(--accent) !important; }
.back-to-top { background: var(--bg-card) !important; border-color: var(--border-hover) !important; color: var(--text-primary) !important; border-radius: 4px !important; }
.back-to-top:hover { background: var(--accent) !important; color: var(--on-accent) !important; border-color: var(--accent) !important; }

@media (prefers-reduced-motion: reduce) {
    .btn-primary:hover, .gs-submit-btn:hover { transform: none !important; }
}

/* ================= HOME: HERO PORTRAIT ================= */
#operatorRoom { display: none !important; }
.hero-visual { display: flex; justify-content: flex-end; align-items: center; }
.brand-portrait { position: relative; margin: 0; width: min(100%, 500px); }
.brand-portrait-frame {
    position: relative; aspect-ratio: 4 / 5; border-radius: var(--r-card); overflow: hidden;
    background: var(--bg-card); border: 1px solid var(--border-glass);
}
.brand-portrait-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; display: block; }
.brand-portrait-frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(11,10,8,.92)); }
.brand-portrait-cap { position: absolute; inset-inline: 20px; bottom: 18px; z-index: 2; }
.brand-portrait-cap strong { display: block; font: 800 italic 30px/1 var(--font-display); text-transform: uppercase; color: var(--text-primary); }
.brand-portrait-cap small { display: block; margin-top: 5px; color: var(--text-secondary); font-size: 13px; font-weight: 600; }
.brand-pin {
    position: absolute; inset-inline-start: -64px; bottom: -30px; width: 190px; z-index: 3;
    padding: 8px 8px 10px; background: #F4EFE4; color: #111; border-radius: 4px;
    transform: rotate(-5deg); box-shadow: 0 22px 40px -12px rgba(0,0,0,.85);
}
.brand-pin img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; object-position: top; border-radius: 2px; display: block; }
.brand-pin p { margin: 8px 2px 0; line-height: 1; }
.brand-pin b { display: block; font: 800 italic 19px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: #111; }
.brand-pin span { display: block; margin-top: 4px; font: 600 11px/1.3 var(--font-body); color: #555; }
.brand-pin-tape { position: absolute; top: -10px; left: 50%; width: 70px; height: 20px; background: rgba(226,171,62,.9); transform: translateX(-50%) rotate(3deg); }
html[lang="ar"] .brand-portrait-cap strong { font-style: normal; }
@media (max-width: 1024px) {
    .hero-visual { justify-content: center; margin-top: 36px; }
    .brand-portrait { width: min(100%, 420px); }
    .brand-pin { inset-inline-start: -14px; width: 150px; bottom: -22px; }
}

/* Hero stats */
html:not([lang="ar"]) .micro-stat h4 { font-family: var(--font-display); font-weight: 800; font-style: italic; font-size: 2.1rem; }
.micro-stat p { color: var(--text-secondary) !important; }
.trust-badge { background: transparent !important; border: 1px solid rgba(var(--accent-rgb), .35) !important; border-radius: 3px !important; }

/* ================= HOME: RECEIPTS ================= */
.receipts-section { padding: clamp(70px, 9vw, 120px) 0; position: relative; }
.receipts-container { max-width: 1400px; margin: 0 auto; padding: 0 48px; }
.receipts-head { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 60px; align-items: end; margin-bottom: clamp(32px, 5vw, 56px); }
.receipts-title { font-size: clamp(2.6rem, 5.4vw, 4.8rem); margin: 16px 0 0; color: var(--text-primary); }
.receipts-desc { justify-self: end; max-width: 46ch; color: var(--text-secondary); font-size: 1.05rem; line-height: 1.6; margin: 0; }
.receipts-wall { columns: 4 230px; column-gap: 16px; }
.receipt { break-inside: avoid; margin: 0 0 16px; background: var(--bg-card); border: 1px solid var(--border-glass); border-radius: var(--r-card); overflow: hidden; transition: border-color .2s, transform .2s; }
.receipt:hover { border-color: rgba(var(--accent-rgb), .55); transform: translateY(-3px); }
.receipt img { width: 100%; height: auto; display: block; }
.receipt figcaption { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 12px 14px; border-top: 1px solid var(--border-glass); }
.receipt figcaption b { font: 800 italic 22px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: var(--accent); white-space: nowrap; }
.receipt figcaption span { font-size: 13px; color: var(--text-secondary); text-align: end; line-height: 1.3; }
.receipt-quote { padding: 22px 20px; background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.receipt-quote p { margin: 0; font: 800 italic 30px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; }
html[lang="ar"] .receipt-quote p { font: 800 24px/1.4 'Estedad', 'Mona Sans', sans-serif; }
.receipt-quote small { display: block; margin-top: 12px; font-weight: 600; font-size: 14px; line-height: 1.4; }
@media (max-width: 1024px) {
    .receipts-container { padding: 0 24px; }
    .receipts-head { grid-template-columns: 1fr; }
    .receipts-desc { justify-self: start; }
}
@media (max-width: 640px) {
    .receipts-container { padding: 0 16px; }
    .receipts-wall { columns: 2 140px; column-gap: 10px; }
    .receipt { margin-bottom: 10px; }
    .receipt figcaption { flex-direction: column; gap: 4px; }
    .receipt figcaption span { text-align: start; }
    .receipt-quote p { font-size: 22px; }
}

/* ================= SECTION BADGES (all pages) =================
   كل "البادجات" اللي فوق العناوين بقت نفس ستايل الهوم: خط + كلام دهبي */
.section-badge, .section-tag, .hero-badge, .ch-hero-badge, .sc-hero-badge,
.about-hero-badge, .pol-badge, .welcome-badge, .contact-header > .badge {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    color: var(--accent) !important;
    font-family: var(--font-body) !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase;
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
}
html[lang="ar"] .section-badge, html[lang="ar"] .section-tag, html[lang="ar"] .hero-badge,
html[lang="ar"] .ch-hero-badge, html[lang="ar"] .sc-hero-badge, html[lang="ar"] .about-hero-badge,
html[lang="ar"] .pol-badge, html[lang="ar"] .welcome-badge { letter-spacing: 0 !important; }
.section-badge svg, .section-tag svg, .hero-badge svg, .ch-hero-badge svg, .sc-hero-badge svg,
.about-hero-badge svg, .pol-badge svg, .welcome-badge svg,
.section-badge .badge-dot, .section-tag .badge-dot, .hero-badge .badge-dot, .contact-header > .badge .badge-dot { display: none !important; }
.section-badge::before, .section-tag::before, .hero-badge::before, .ch-hero-badge::before,
.sc-hero-badge::before, .about-hero-badge::before, .pol-badge::before, .welcome-badge::before, .contact-header > .badge::before {
    content: ''; width: 22px; height: 2px; background: var(--accent); flex-shrink: 0;
}
.section-badge *, .section-tag *, .hero-badge *, .ch-hero-badge * { color: inherit !important; }

/* Trust chips under heroes */
.ch-trust-badge, .sc-hero-trust-badge, .chip {
    border-radius: 3px !important;
    background: transparent !important;
    border: 1px solid rgba(var(--line-rgb), .18) !important;
}
.ch-trust-badge svg, .sc-hero-trust-badge svg { color: var(--accent) !important; }

/* Custom pages created from the admin "Layout" editor */
.section-btn { background: var(--accent) !important; color: var(--on-accent) !important; border-radius: var(--r-btn) !important; font-weight: 700 !important; }
.section-btn:hover { background: var(--accent-hover) !important; box-shadow: 3px 3px 0 var(--text-primary) !important; }

/* ================= HOME: LIFESTYLE VIDEO ================= */
.lifestyle-section { padding: clamp(40px, 6vw, 90px) 0 clamp(70px, 9vw, 120px); }
.lifestyle-container { max-width: 1400px; margin: 0 auto; padding: 0 48px; display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(32px, 6vw, 90px); align-items: center; }
.lifestyle-title { font-size: clamp(2.8rem, 6vw, 5.6rem); margin: 16px 0 20px; color: var(--text-primary); }
.lifestyle-desc { color: var(--text-secondary); font-size: 1.1rem; line-height: 1.65; max-width: 46ch; margin: 0 0 32px; }
.lifestyle-video { position: relative; margin: 0; justify-self: center; width: min(100%, 400px); aspect-ratio: 9 / 16; border-radius: var(--r-card); overflow: hidden; background: var(--bg-card); border: 1px solid var(--border-glass); box-shadow: 14px 14px 0 0 var(--accent); }
.lifestyle-video video { width: 100%; height: 100%; object-fit: cover; display: block; }
.lifestyle-sound { position: absolute; inset-inline-end: 14px; bottom: 14px; width: 46px; height: 46px; border-radius: 50%; border: 0; cursor: pointer; display: grid; place-items: center; background: rgba(11,10,8,.72); color: var(--text-primary); transition: background .2s, color .2s; }
.lifestyle-sound:hover, .lifestyle-sound.is-on { background: var(--accent); color: var(--on-accent); }
.lifestyle-sound svg { width: 20px; height: 20px; }
.lifestyle-sound .snd-on, .lifestyle-sound.is-on .snd-off { display: none; }
.lifestyle-sound.is-on .snd-on { display: block; }
html[dir="rtl"] .lifestyle-video { box-shadow: -14px 14px 0 0 var(--accent); }
@media (max-width: 1024px) {
    .lifestyle-container { grid-template-columns: 1fr; padding: 0 24px; }
    .lifestyle-video { width: min(100%, 360px); }
}
@media (max-width: 640px) {
    .lifestyle-container { padding: 0 16px; }
    .lifestyle-video { width: min(calc(100% - 14px), 340px); }
}

/* ==================================================================
   COACHING PAGE — نفس تصميم المعاينة (هيرو بعمودين، شريط التفاصيل،
   المنهج كخط زمني، النتائج والآراء زي ما هي: كاروسيل بيتسحب)
   ================================================================== */
.ch-hero { text-align: start; }
.ch-hero .container { max-width: 1240px; }
.ch-hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 4vw, 60px); align-items: center; }
.ch-hero-left { display: flex; flex-direction: column; align-items: flex-start; text-align: start; }
.ch-hero-left .ch-hero-badge { justify-content: flex-start; margin: 0 0 18px; }
.ch-hero .ch-hero-title { text-align: start; margin: 0 0 22px; }
html:not([lang="ar"]) .ch-hero .ch-hero-title > span:first-child { font-size: clamp(2.8rem, 5.4vw, 5.2rem); line-height: .92; display: inline-block; }
.ch-hero .ch-hero-title .gradient-text { display: inline-block; margin-top: 14px; font-size: clamp(1.15rem, 1.7vw, 1.5rem) !important; line-height: 1.3; font-style: normal; text-transform: none; font-family: var(--font-body) !important; font-weight: 600 !important; letter-spacing: 0 !important; }
.ch-hero .ch-hero-sub { text-align: start; margin-inline: 0; }
.ch-hero .ch-trust-badges { justify-content: flex-start; margin: 0 0 26px; }
.ch-hero .ch-hero-cta { justify-content: flex-start; margin: 0; }
.ch-hero-right { display: flex; flex-direction: column; gap: 14px; }
.ch-hero-right .ch-video-heading { text-align: start; margin: 0; }
.ch-hero-right .ch-video-heading h3 { font-size: 1.3rem; margin: 0; }
.ch-hero-right .ch-video-wrap { margin: 0; max-width: none; width: 100%; }
.ch-hero-right .ch-video-subtext { text-align: start; margin: 0; max-width: none; }

.ch-hero-spots { margin-top: 26px; display: flex; align-items: center; gap: 16px; padding: 14px 18px; border: 1px solid var(--border-hover); border-radius: var(--r-card); background: var(--bg-card); max-width: 460px; }
.ch-hero-seats { display: flex; gap: 6px; }
.ch-hero-seats i { width: 14px; height: 24px; border-radius: 2px; background: rgba(var(--line-rgb), .18); }
.ch-hero-seats i.left { background: var(--accent); }
.ch-hero-spots b { display: block; font: 800 italic 21px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: var(--text-primary); }
html[lang="ar"] .ch-hero-spots b { font: 800 18px/1.3 'Estedad', 'Mona Sans', sans-serif; }
.ch-hero-spots span { display: block; margin-top: 4px; color: var(--text-secondary); font-size: 13px; }

/* Section heads on this page: title on one side, text on the other */
.ch-specs .section-header, .ch-faq .section-header {
    text-align: start; max-width: none; margin-inline: 0;
}
.ch-specs .section-header .section-desc { margin-inline: 0; }

/* Specs: one joined strip */
.ch-specs-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 0 !important; border: 1px solid var(--border-glass); border-radius: var(--r-card); overflow: hidden; background: var(--bg-card); }
.ch-spec-card { background: transparent !important; border: 0 !important; border-inline-start: 1px solid var(--border-glass) !important; border-radius: 0 !important; text-align: start !important; padding: 24px 20px !important; box-shadow: none !important; transform: none !important; }
.ch-spec-card:first-child { border-inline-start: 0 !important; }
.ch-spec-icon-svg { display: none !important; }
.ch-spec-title { color: var(--text-muted) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .14em; text-transform: uppercase; }
html[lang="ar"] .ch-spec-title { letter-spacing: 0; font-size: 13px !important; }
.ch-spec-highlight { display: block; margin: 10px 0 8px !important; font: 800 italic 30px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; text-transform: uppercase; color: var(--accent) !important; background: none !important; padding: 0 !important; }
html[lang="ar"] .ch-spec-highlight { font: 800 22px/1.3 'Estedad', 'Mona Sans', sans-serif !important; }
.ch-spec-val { color: var(--text-secondary) !important; font-size: 14px !important; line-height: 1.5; }

/* Curriculum: side column + timeline */
.ch-curriculum .container { display: grid; grid-template-columns: .85fr 1.15fr; column-gap: clamp(30px, 5vw, 70px); align-items: start; max-width: 1240px; }
.ch-curriculum .section-header { grid-column: 1; grid-row: 1; text-align: start; margin: 0 0 24px; max-width: none; }
.ch-curriculum .section-header .section-desc { margin-inline: 0; }
.ch-curriculum .ch-by-end { grid-column: 1; grid-row: 2; margin: 0 !important; max-width: none !important; background: var(--accent) !important; color: var(--on-accent) !important; border: 0 !important; border-radius: var(--r-card) !important; padding: 22px !important; text-align: start; }
.ch-curriculum .ch-mini-cta { grid-column: 1; grid-row: 3; justify-content: flex-start; margin-top: 22px !important; }
.ch-curriculum .ch-acc-list { grid-column: 2; grid-row: 1 / span 3; margin: 0 !important; max-width: none !important; border-inline-start: 2px solid rgba(var(--line-rgb), .18); }
.ch-by-end h3 { color: var(--on-accent) !important; font-size: 22px !important; margin: 0 0 12px !important; text-align: start !important; }
.ch-by-end-list { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
.ch-by-end-list li { color: var(--on-accent) !important; font-weight: 600; display: flex; align-items: center; gap: 10px; }
.ch-by-end-check { font-size: 0 !important; width: 14px; height: 14px; flex: none; background: var(--on-accent);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3.2'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12.5l5 5L20 6.5' fill='none' stroke='black' stroke-width='3.2'/%3E%3C/svg%3E") center/contain no-repeat; }
.ch-acc-item { position: relative; background: transparent !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; padding: 0 0 8px 30px; box-shadow: none !important; }
html[dir="rtl"] .ch-acc-item { padding: 0 30px 8px 0; }
.ch-acc-item::before { content: ''; position: absolute; inset-inline-start: -8px; top: 22px; width: 14px; height: 14px; background: var(--bg-void); border: 2px solid var(--accent); transform: rotate(45deg); }
.ch-acc-header { background: transparent !important; padding: 14px 0 !important; }
.ch-acc-num { background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--accent) !important; font-weight: 700 !important; letter-spacing: .14em; text-transform: uppercase; font-size: 12px !important; }
html:not([lang="ar"]) .ch-acc-title { font: 800 italic clamp(22px, 2.3vw, 30px)/1.05 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; text-transform: uppercase; }
html[lang="ar"] .ch-acc-title { font-weight: 800 !important; font-size: 20px !important; }
.ch-acc-goal-line { color: var(--text-secondary) !important; }
.ch-acc-toggle { border-radius: 50% !important; }

/* Why coach: photo + stats */
.ch-why-coach .container { display: grid; grid-template-columns: .8fr 1.2fr; column-gap: clamp(30px, 5vw, 70px); align-items: center; max-width: 1240px; }
.ch-why-photo { grid-column: 1; grid-row: 1 / span 2; margin: 0; border-radius: var(--r-card); overflow: hidden; border: 1px solid var(--border-glass); aspect-ratio: 4 / 5; }
.ch-why-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; display: block; }
.ch-why-coach .section-header { grid-column: 2; grid-row: 1; text-align: start; margin: 0 0 24px; max-width: none; }
.ch-why-coach .section-header .section-desc { margin-inline: 0; }
.ch-why-stats { grid-column: 2; grid-row: 2; display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 1px !important; background: var(--border-glass); border: 1px solid var(--border-glass); border-radius: var(--r-card); overflow: hidden; margin: 0 !important; max-width: none !important; }
.ch-why-stat { background: var(--bg-surface) !important; border: 0 !important; border-radius: 0 !important; text-align: start !important; padding: 20px !important; }
.ch-why-stat-value { font: 800 italic 44px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; color: var(--text-primary) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
.ch-why-stat:last-child .ch-why-stat-value { color: var(--accent) !important; }
.ch-why-stat-label { color: var(--text-secondary) !important; font-weight: 600; }

/* FAQ: clean rows */
.ch-faq .container { max-width: 1000px; }
.ch-faq-list { max-width: none !important; }
.ch-faq-item { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--border-glass) !important; border-radius: 0 !important; margin: 0 !important; }
.ch-faq-q { padding: 22px 0 !important; background: transparent !important; }
html:not([lang="ar"]) .ch-faq-q-text { font: 800 italic clamp(20px, 2.1vw, 26px)/1.1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; text-transform: uppercase; }
.ch-faq-icon { color: var(--accent) !important; background: transparent !important; border: 0 !important; }

/* Apply: text on one side, form on the other */
.ch-apply .container { max-width: 1240px; }
.ch-apply-box { display: grid !important; grid-template-columns: .9fr 1.1fr; column-gap: clamp(30px, 5vw, 70px); align-items: start; max-width: none !important; background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; }
.ch-apply-header { grid-column: 1; grid-row: 1 / span 3; text-align: start !important; }
.ch-apply-header * { text-align: start; }
.ch-apply-header .ch-apply-title, .ch-apply-header h2 { font-size: clamp(2.6rem, 5vw, 4.6rem) !important; }
.ch-apply-box > .ch-before-apply, .ch-apply-box > .ch-form, .ch-apply-box > .ch-form-success { grid-column: 2; }
.ch-apply-box > .ch-form, .ch-apply-box > .ch-before-apply { background: var(--bg-card); border: 1px solid var(--border-glass); border-radius: var(--r-card); padding: clamp(20px, 3vw, 32px); }

@media (max-width: 1020px) {
    .ch-hero-grid, .ch-curriculum .container, .ch-why-coach .container, .ch-apply-box { grid-template-columns: 1fr !important; }
    .ch-curriculum .section-header, .ch-curriculum .ch-by-end, .ch-curriculum .ch-mini-cta, .ch-curriculum .ch-acc-list,
    .ch-why-photo, .ch-why-coach .section-header, .ch-why-stats,
    .ch-apply-header, .ch-apply-box > .ch-before-apply, .ch-apply-box > .ch-form, .ch-apply-box > .ch-form-success { grid-column: 1 !important; grid-row: auto !important; }
    .ch-curriculum .ch-acc-list { margin-top: 28px !important; }
    .ch-why-photo { max-width: 420px; margin-bottom: 28px; }
    .ch-apply-header { margin-bottom: 24px; }
    .ch-specs-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .ch-spec-card { border-top: 1px solid var(--border-glass) !important; }
    .ch-spec-card:nth-child(odd) { border-inline-start: 0 !important; }
    .ch-spec-card:nth-child(-n+2) { border-top: 0 !important; }
    .ch-spec-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .ch-hero-spots { max-width: 100%; }
}
/* coaching fixes */
.ch-acc-item { overflow: visible !important; }
.ch-acc-item.open { border-color: transparent !important; }
.ch-acc-item.open::before { background: var(--accent); }
.ch-why-stat { max-width: none !important; flex: none !important; width: auto !important; }
.ch-apply-box > .ch-before-apply { max-width: none !important; margin: 0 0 16px !important; text-align: start !important; }
.ch-apply-box > .ch-before-apply p, .ch-apply-box > .ch-before-apply h4 { text-align: start !important; }
.ch-hero-badge::before { display: none !important; }
.ch-hero-badge { letter-spacing: normal !important; }
.ch-hero-grid > * { min-width: 0; }
.ch-hero .ch-trust-badges { flex-wrap: wrap; }
.ch-hero-right .ch-video-box { width: 100%; max-width: 100%; }
.ch-hero .ch-hero-cta { max-width: 100%; }
.ch-hero .ch-hero-cta .btn { white-space: normal; max-width: 100%; text-align: center; line-height: 1.3; }
@media (max-width: 640px) { .ch-hero .ch-hero-cta, .ch-hero .ch-hero-cta .btn { width: 100%; justify-content: center; } }

/* ================= ONE FONT SYSTEM (EN + AR) =================
   إنجليزي: Hubot Sans Condensed للعناوين + Mona Sans للكلام والتسميات.
   عربي: Estedad لكل حاجة، ومن غير خط مايل. */
html:not([lang="ar"]) { --font-mono: 'Mona Sans', 'Helvetica Neue', Arial, sans-serif; }
html:not([lang="ar"]) h1, html:not([lang="ar"]) h2, html:not([lang="ar"]) h3 { font-family: var(--font-display) !important; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4 { font-family: 'Estedad', 'Mona Sans', sans-serif !important; font-style: normal !important; }
input, select, textarea, button, option { font-family: inherit; }
select option { font-family: var(--font-body); }
html[lang="ar"] select option, html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] button { font-family: 'Estedad', 'Mona Sans', sans-serif; }
html[lang="ar"] em, html[lang="ar"] i:not([class]), html[lang="ar"] .testimonial-text, html[lang="ar"] blockquote,
html[lang="ar"] [class*="quote"] { font-style: normal !important; }

/* ===== HOME: results as a draggable row (overrides the grid above) ===== */
.receipts-rail { position: relative; }
.receipts-wall {
    columns: auto !important; column-gap: 0 !important;
    display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden;
    scroll-snap-type: x mandatory; scroll-behavior: smooth;
    padding-bottom: 6px; cursor: grab; scrollbar-width: none;
    overscroll-behavior-x: contain;
}
.receipts-wall::-webkit-scrollbar { display: none; }
.receipts-wall.is-dragging { cursor: grabbing; scroll-snap-type: none; scroll-behavior: auto; }
.receipts-wall.is-dragging .receipt { pointer-events: none; }
.receipts-wall .receipt { flex: 0 0 260px; margin: 0 !important; scroll-snap-align: start; display: flex; flex-direction: column; user-select: none; }
.receipts-wall .receipt img { aspect-ratio: 4 / 5; object-fit: cover; object-position: top; flex: none; -webkit-user-drag: none; }
.receipts-wall .receipt-quote { justify-content: center; }
.receipts-wall .receipt figcaption { margin-top: auto; }
.receipts-arrow {
    position: absolute; top: calc(50% - 24px); z-index: 3; width: 46px; height: 46px; border-radius: 50%;
    display: grid; place-items: center; cursor: pointer; border: 1px solid var(--border-hover);
    background: rgba(11,10,8,.85); color: var(--text-primary); transition: background .2s, color .2s;
}
.receipts-arrow:hover { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.receipts-arrow svg { width: 20px; height: 20px; }
.receipts-prev { inset-inline-start: -18px; }
.receipts-next { inset-inline-end: -18px; }
html[dir="rtl"] .receipts-arrow svg { transform: scaleX(-1); }
@media (max-width: 640px) {
    .receipts-wall .receipt { flex-basis: 72%; }
    .receipts-arrow { display: none; }
    .receipts-wall .receipt figcaption { flex-direction: row; }
}

/* ===== HOME: smaller lifestyle video ===== */
.lifestyle-video { width: min(100%, 300px) !important; box-shadow: 10px 10px 0 0 var(--accent); }
html[dir="rtl"] .lifestyle-video { box-shadow: -10px 10px 0 0 var(--accent); }
.lifestyle-container { grid-template-columns: 1.3fr .7fr; max-width: 1200px; }
@media (max-width: 1024px) { .lifestyle-video { width: min(100%, 280px) !important; } }
@media (max-width: 1024px) { .lifestyle-container { grid-template-columns: 1fr !important; } .lifestyle-video { justify-self: start; } }
@media (max-width: 640px) { .lifestyle-video { justify-self: center; } }

/* ==================================================================
   SERVICE-TYPE PAGES — Services / Store Creation / Payment Gateway / Courses
   نفس لغة الهوم والكوتشينج: هيرو على الشمال، أيقونات دهبي صلب، أسئلة
   كصفوف، وشريط CTA دهبي في الآخر.
   ================================================================== */

/* Hero */
.services-hero, .sc-hero, .pg-hero, .courses-hero { text-align: start !important; }
.services-hero .container, .sc-hero .container, .pg-hero .container, .courses-hero .container { max-width: 1240px; }
.pg-hero-split { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(28px, 5vw, 70px); align-items: center; }
.pg-hero-split > * { min-width: 0; }
.pg-hero-copy, .pg-hero .container, .courses-hero .container { display: flex; flex-direction: column; align-items: flex-start; text-align: start; }
.services-hero .hero-title, .sc-hero-title, .pg-hero .hero-title, .courses-hero .hero-title {
    text-align: start !important; margin-inline: 0 !important; max-width: 16ch;
    font-size: clamp(2.8rem, 5.6vw, 5.4rem) !important; line-height: .92 !important;
}
html[lang="ar"] .services-hero .hero-title, html[lang="ar"] .sc-hero-title, html[lang="ar"] .pg-hero .hero-title, html[lang="ar"] .courses-hero .hero-title { font-size: clamp(2.2rem, 4.2vw, 3.6rem) !important; line-height: 1.3 !important; max-width: none; }
.services-hero .hero-description, .sc-hero-desc, .pg-hero .hero-description, .courses-hero .hero-description {
    text-align: start !important; margin-inline: 0 !important; max-width: 54ch;
}
.services-hero .hero-ctas, .sc-hero-cta, .pg-hero .hero-ctas { justify-content: flex-start !important; }
.services-hero .hero-badge, .sc-hero-badge, .pg-hero .hero-badge, .courses-hero .hero-badge { align-self: flex-start; justify-content: flex-start !important; margin-inline: 0 !important; }
.sc-hero-badge::before { display: none !important; }
.sc-hero-badge { letter-spacing: normal !important; }
.services-hero .hero-trust, .pg-hero .hero-trust, .sc-hero-trust-badges { justify-content: flex-start !important; flex-wrap: wrap; }
.services-hero .trust-item, .pg-hero .trust-item { font-family: var(--font-body) !important; color: var(--text-secondary) !important; }
.services-hero .trust-item svg, .pg-hero .trust-item svg { color: var(--accent) !important; }
.sc-hero-stats { justify-content: flex-start !important; width: 100%; margin-inline: 0 !important; border-top: 1px solid var(--border-glass) !important; padding-top: 22px !important; gap: 0 !important; display: grid !important; grid-template-columns: repeat(4, 1fr); }
.sc-hero-stat { text-align: start !important; padding-inline-end: 12px; }
.sc-hero-stat-val { font: 800 italic clamp(1.9rem, 3vw, 2.6rem)/1 var(--font-display) !important; color: var(--text-primary) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
html[lang="ar"] .sc-hero-stat-val { font-style: normal !important; }
.sc-hero-stat-label { font-family: var(--font-body) !important; letter-spacing: .02em !important; text-transform: none !important; color: var(--text-secondary) !important; }

.pg-hero-proof { position: relative; margin: 0; justify-self: center; width: min(100%, 440px); aspect-ratio: 1 / 1.05; }
.pg-hero-proof img { position: absolute; width: 62%; height: auto; border-radius: var(--r-card); border: 1px solid var(--border-glass); background: #fff; box-shadow: 0 30px 60px -20px rgba(0,0,0,.85); object-fit: cover; object-position: top; aspect-ratio: 4 / 5; }
.pg-proof-a { inset-inline-start: 0; top: 0; transform: rotate(-4deg); }
.pg-proof-b { inset-inline-end: 0; bottom: 0; transform: rotate(3deg); box-shadow: 10px 10px 0 0 var(--accent), 0 30px 60px -20px rgba(0,0,0,.85) !important; }
html[dir="rtl"] .pg-proof-b { box-shadow: -10px 10px 0 0 var(--accent), 0 30px 60px -20px rgba(0,0,0,.85) !important; }
.pg-hero-proof figcaption { position: absolute; inset-inline-start: 4%; bottom: 6%; z-index: 3; background: var(--accent); color: var(--on-accent); padding: 12px 16px; border-radius: 4px; max-width: 58%; box-shadow: 0 16px 30px -10px rgba(0,0,0,.7); }
.pg-hero-proof figcaption b { display: block; font: 800 italic 26px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; }
.pg-hero-proof figcaption span { display: block; margin-top: 4px; font: 600 12.5px/1.3 var(--font-body); }

/* Section heads aligned to the start on these pages */
.services-hero ~ section .section-header,
.sc-hero ~ section .section-header,
.pg-hero ~ section .section-header,
.courses-hero ~ section .section-header { text-align: start !important; margin-inline: 0 !important; max-width: 820px; }
.services-hero ~ section .section-header .section-desc, .services-hero ~ section .section-header p,
.sc-hero ~ section .section-header .section-desc, .sc-hero ~ section .section-header p,
.pg-hero ~ section .section-header .section-desc, .pg-hero ~ section .section-header p,
.courses-hero ~ section .section-header .section-desc, .courses-hero ~ section .section-header p { margin-inline: 0 !important; text-align: start !important; }
.services-hero ~ section .container, .sc-hero ~ section .container, .pg-hero ~ section .container, .courses-hero ~ section .container { max-width: 1240px; }

/* Solid gold icon boxes */
.feature-icon, .why-icon, .sc-why-icon, .why-item-icon, .card-icon, .service-icon, .highlight-icon, .pg-feature-card .feature-icon {
    background: var(--accent) !important; color: var(--on-accent) !important; border: 0 !important; border-radius: var(--r-card) !important; box-shadow: none !important;
}
.feature-icon svg, .why-icon svg, .sc-why-icon svg, .why-item-icon svg, .card-icon svg, .service-icon svg, .highlight-icon svg { color: var(--on-accent) !important; stroke: var(--on-accent) !important; }
.why-card, .sc-why-card, .why-item, .store-feature, .pg-feature-card, .pg-provider-card, .provider-card, .highlight-card, .service-card, .course-card, .sc-plan {
    background: var(--bg-card) !important; border: 1px solid var(--border-glass) !important; border-radius: var(--r-card) !important; box-shadow: none !important; backdrop-filter: none !important;
}
.why-card, .sc-why-card, .why-item { text-align: start !important; }
.why-card .why-icon, .sc-why-card .sc-why-icon, .why-item .why-item-icon { margin-inline: 0 !important; }
.why-card:hover, .sc-why-card:hover, .why-item:hover, .store-feature:hover, .pg-feature-card:hover, .service-card:hover, .course-card:hover, .pg-provider-card:hover { border-color: rgba(var(--accent-rgb), .5) !important; }
html:not([lang="ar"]) .why-card h3, html:not([lang="ar"]) .sc-why-card h3, html:not([lang="ar"]) .store-feature h3, html:not([lang="ar"]) .pg-feature-card h3, html:not([lang="ar"]) .service-card h3, html:not([lang="ar"]) .why-item h3 { font-size: 1.45rem !important; }

/* Services cards on /services */
.service-card.featured { border-color: var(--accent) !important; }
.service-card .card-badge { background: var(--accent) !important; color: var(--on-accent) !important; border: 0 !important; border-radius: 3px !important; }

/* Process / steps */
.step-number, .sc-step-num, .pg-step-number {
    background: transparent !important; border: 0 !important; box-shadow: none !important; width: auto !important; height: auto !important;
    font: 900 italic 56px/.85 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; color: transparent !important; -webkit-text-stroke: 1.5px var(--accent);
}
.sc-steps::before, .process-grid::before, .pg-steps::before { opacity: .35; }
.sc-step-icon-svg { display: none !important; }
.sc-step, .process-step, .pg-step { text-align: start !important; }

/* Pricing */
.sc-plan.popular { border-color: var(--accent) !important; box-shadow: 10px 10px 0 0 var(--accent) !important; transform: none !important; }
html[dir="rtl"] .sc-plan.popular { box-shadow: -10px 10px 0 0 var(--accent) !important; }
.sc-plan-price { font-family: var(--font-display) !important; }
html:not([lang="ar"]) .sc-plan-price { font-style: italic; }
.popular-badge { border-radius: 3px !important; }

/* Included panels */
.features-panel, .pg-included-panel { background: var(--bg-card) !important; border: 1px solid var(--border-glass) !important; border-radius: var(--r-card) !important; }
.features-checklist > *, .pg-included-grid > * { background: var(--bg-void) !important; border-color: var(--border-glass) !important; border-radius: 4px !important; }
.features-checklist svg, .pg-included-grid svg { color: var(--accent) !important; }

/* FAQ rows */
.faq-section .container, .sc-faq .container, .pg-faq .container { max-width: 1000px !important; }
.faq-list, .sc-faq-list, .pg-faq-list { max-width: none !important; }
.faq-item, .sc-faq-item { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--border-glass) !important; border-radius: 0 !important; margin: 0 !important; box-shadow: none !important; }
.faq-question, .sc-faq-q { padding: 22px 0 !important; background: transparent !important; }
html:not([lang="ar"]) .faq-question, html:not([lang="ar"]) .faq-question span, html:not([lang="ar"]) .sc-faq-q-text {
    font: 800 italic clamp(19px, 2vw, 25px)/1.15 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; text-transform: uppercase; color: var(--text-primary);
}
.faq-icon, .sc-faq-icon { color: var(--accent) !important; background: transparent !important; border: 0 !important; }
.faq-answer, .sc-faq-a { color: var(--text-secondary); }

/* Final CTA → solid gold band */
.final-cta .cta-card, .sc-cta-box, .pg-cta .cta-card, .courses-cta .cta-card {
    background: var(--accent) !important; border: 0 !important; border-radius: var(--r-card) !important; box-shadow: none !important;
    text-align: start !important; padding: clamp(36px, 6vw, 72px) clamp(24px, 5vw, 64px) !important;
}
.final-cta .cta-glow, .pg-cta .cta-glow, .courses-cta .cta-glow { display: none !important; }
.final-cta .cta-content, .pg-cta .cta-content, .courses-cta .cta-content { text-align: start !important; align-items: flex-start !important; max-width: none !important; }
.final-cta .cta-title, .sc-cta-title, .pg-cta .cta-title, .courses-cta .cta-title,
.final-cta .cta-title *, .sc-cta-title *, .pg-cta .cta-title *, .courses-cta .cta-title * {
    color: var(--on-accent) !important; -webkit-text-fill-color: var(--on-accent) !important; text-align: start !important;
}
.final-cta .cta-title, .sc-cta-title, .pg-cta .cta-title, .courses-cta .cta-title { font-size: clamp(2.6rem, 5.6vw, 5rem) !important; margin-inline: 0 !important; }
.final-cta .cta-desc, .sc-cta-desc, .pg-cta .cta-desc, .courses-cta .cta-desc { color: var(--on-accent) !important; opacity: .85; text-align: start !important; margin-inline: 0 !important; font-weight: 600; }
.final-cta .cta-buttons, .sc-cta-btns, .pg-cta .cta-buttons { justify-content: flex-start !important; }
.final-cta .btn-primary, .sc-cta-btns .btn-accent, .pg-cta .btn-primary, .courses-cta .btn-primary {
    background: var(--on-accent) !important; color: var(--accent) !important; border-color: var(--on-accent) !important;
}
.final-cta .btn-primary:hover, .sc-cta-btns .btn-accent:hover, .pg-cta .btn-primary:hover { box-shadow: 3px 3px 0 #fff !important; background: var(--on-accent) !important; }
.final-cta .btn-ghost, .sc-cta-btns .btn-ghost, .pg-cta .btn-ghost, .courses-cta .btn-ghost {
    background: transparent !important; color: var(--on-accent) !important; border-color: rgba(18,13,4,.45) !important;
}
.final-cta .cta-scarcity { background: rgba(18,13,4,.1) !important; border: 1px solid rgba(18,13,4,.25) !important; color: var(--on-accent) !important; margin-inline: 0 !important; }
.final-cta .cta-trust, .pg-cta .cta-trust, .courses-cta .cta-trust, .final-cta [class*="trust"], .pg-cta [class*="trust"], .courses-cta [class*="trust"] { justify-content: flex-start !important; color: var(--on-accent) !important; }
.final-cta [class*="trust"] svg, .pg-cta [class*="trust"] svg, .courses-cta [class*="trust"] svg { color: var(--on-accent) !important; }

@media (max-width: 1024px) {
    .pg-hero-split { grid-template-columns: 1fr; }
    .pg-hero-proof { width: min(100%, 380px); justify-self: start; margin-top: 10px; }
    .sc-hero-stats { grid-template-columns: repeat(2, 1fr); row-gap: 18px !important; }
}
@media (max-width: 640px) {
    .pg-hero-proof { justify-self: center; width: min(100%, 330px); }
    .services-hero .hero-ctas .btn, .sc-hero-cta .btn, .pg-hero .hero-ctas .btn { flex: 1 1 100%; justify-content: center; }
}

/* Coaching hero: yellow brush word (same as the thumbnail) */
.ch-hero-title .ch-brush {
    position: relative; display: inline-block; z-index: 0; white-space: nowrap;
    color: var(--on-accent) !important; -webkit-text-fill-color: var(--on-accent) !important;
    padding: 0 .16em; margin-top: .06em;
    font-size: inherit !important;
}
html:not([lang="ar"]) .ch-hero .ch-hero-title > .ch-brush { font-size: clamp(2.8rem, 5.4vw, 5.2rem) !important; line-height: .92; }
html[lang="ar"] .ch-hero .ch-hero-title > .ch-brush { font-size: 1em !important; }
.ch-hero-title .ch-brush::before {
    content: ''; position: absolute; inset: -.02em -.08em -.06em -.1em; z-index: -1; background: var(--accent);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M6 18 C60 6 140 12 210 8 C280 4 350 10 396 6 L392 30 L398 52 L390 76 C330 92 250 86 180 94 C120 98 60 90 10 96 L14 72 L4 50 L12 34 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M6 18 C60 6 140 12 210 8 C280 4 350 10 396 6 L392 30 L398 52 L390 76 C330 92 250 86 180 94 C120 98 60 90 10 96 L14 72 L4 50 L12 34 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.sc-why-grid > *, .why-grid > *, .store-features-grid > *, .payment-features-grid > * { min-width: 0; }
@media (max-width: 640px) { .sc-why-grid, .why-grid { grid-template-columns: 1fr !important; } }
.login-card-glow { display: none !important; }
/* results arrows: fixed physical sides (left/right) in both languages */
.receipts-prev { left: -18px !important; right: auto !important; inset-inline-start: auto; }
.receipts-next { right: -18px !important; left: auto !important; inset-inline-end: auto; }
html[dir="rtl"] .receipts-arrow svg { transform: none !important; }
.receipts-arrow.is-off { opacity: .3; pointer-events: none; }

/* Brand name: ECOM (cream) + NIGHT (gold), same in EN and AR */
.logo-text, .footer-logo-text {
    font-family: 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important;
    font-weight: 800 !important; font-style: italic !important; text-transform: uppercase !important;
    letter-spacing: .01em !important; font-size: 1.45rem !important; direction: ltr; unicode-bidi: isolate; white-space: nowrap;
}
.logo-text .logo-accent, .footer-logo-text .logo-accent { font-style: italic; color: var(--accent) !important; }

/* Home philosophy: real session photo + tidy pillars */
.bento-image-mask img { object-position: 50% 35% !important; filter: saturate(.85) contrast(1.05); }
.bento-image-overlay { background: linear-gradient(180deg, transparent 50%, rgba(11,10,8,.55)) !important; }
.box-pillars { padding: 22px !important; height: auto !important; min-height: 0 !important; }
.pillars-grid { display: flex !important; flex-wrap: wrap; gap: 10px !important; align-content: flex-start; }
.floating-pillar { flex: 1 1 auto; justify-content: center; border-radius: 4px !important; background: var(--bg-void) !important; border: 1px solid var(--border-glass) !important; transform: none !important; }
.floating-pillar:hover { border-color: rgba(var(--accent-rgb), .55) !important; }
.pillar-icon, .pillar-icon svg { color: var(--accent) !important; }

/* ==================================================================
   HOME v2 — مطابق لتصميم المعاينة الأولى
   ================================================================== */
/* Hero brush line */
.hero-title .hero-brush {
    position: relative; display: inline-block; z-index: 0; padding: 0 .14em; white-space: nowrap;
    color: var(--on-accent) !important; -webkit-text-fill-color: var(--on-accent) !important;
}
.hero-title .hero-brush::before {
    content: ''; position: absolute; inset: -.02em -.08em -.06em -.1em; z-index: -1; background: var(--accent);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M6 18 C60 6 140 12 210 8 C280 4 350 10 396 6 L392 30 L398 52 L390 76 C330 92 250 86 180 94 C120 98 60 90 10 96 L14 72 L4 50 L12 34 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cpath d='M6 18 C60 6 140 12 210 8 C280 4 350 10 396 6 L392 30 L398 52 L390 76 C330 92 250 86 180 94 C120 98 60 90 10 96 L14 72 L4 50 L12 34 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.hero-line-3 { color: var(--text-primary) !important; }
html:not([lang="ar"]) .hero-title { font-size: clamp(3.2rem, 6.4vw, 6.4rem) !important; line-height: .92 !important; }
.trust-badge { border: 0 !important; padding: 0 !important; background: none !important; }
.trust-badge .badge-pulse { display: none !important; }
.trust-badge .badge-text { color: var(--accent) !important; font-weight: 700 !important; letter-spacing: .16em; text-transform: uppercase; font-size: 12.5px !important; display: inline-flex; gap: 10px; align-items: center; }
.trust-badge .badge-text::before { content: ''; width: 22px; height: 2px; background: var(--accent); }
html[lang="ar"] .trust-badge .badge-text { letter-spacing: 0; font-size: 14px !important; }

/* Services → 3 كروت (GSAP في brand-motion.js) */
.services-header { text-align: start !important; max-width: 1400px !important; margin-inline: 0 !important; display: grid; grid-template-columns: 1fr 1fr; gap: 16px 60px; align-items: end; }
.services-header .services-label { grid-column: 1; justify-self: start; }
.services-header .services-title { grid-column: 1; text-align: start !important; margin: 0 !important; }
.services-header .services-subtitle { grid-column: 2; grid-row: 1 / span 2; justify-self: end; text-align: start !important; margin: 0 !important; }
.services-bento {
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px !important;
    border: 0 !important; margin-top: 56px !important; perspective: 1400px;
}
.svc-grid-row { display: contents !important; }
.svc-card {
    position: relative; border-radius: var(--r-card) !important; min-width: 0;
    transform-style: preserve-3d; will-change: transform; cursor: pointer;
}
.svc-card-glow, .svc-card-border, .svc-featured-image, .svc-standard-image { display: none !important; }
.svc-card-inner {
    position: relative; height: 100%; overflow: hidden !important; transform: none !important;
    display: flex !important; flex-direction: column;
    background: var(--bg-card) !important; border: 1px solid var(--border-glass) !important; border-radius: var(--r-card) !important;
    transition: border-color .35s, box-shadow .35s;
}
/* ضوء بيمشي ورا الماوس */
.svc-card-inner::before {
    content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0; transition: opacity .35s;
    background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(var(--accent-rgb), .16), transparent 45%);
}
.svc-card-standard:hover .svc-card-inner { background: var(--bg-card) !important; border-color: rgba(var(--accent-rgb), .55) !important; box-shadow: 10px 10px 0 rgba(var(--accent-rgb), .9); }
.svc-card:hover .svc-card-inner::before { opacity: 1; }
.svc-featured-content, .svc-standard-content {
    position: relative; z-index: 1; display: flex !important; flex-direction: column; gap: 18px;
    padding: 30px 30px 26px !important; height: 100%; min-height: 470px;
}
.svc-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin: 0 !important; }
.svc-number {
    display: block !important; font: 900 italic 76px/.8 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important;
    color: transparent !important; -webkit-text-stroke: 1.5px rgba(var(--accent-rgb), .75); letter-spacing: -.02em;
    background: none !important; padding: 0 !important; border: 0 !important;
}
.svc-badge-popular {
    font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .1em; text-transform: uppercase;
    padding: 7px 11px !important; border-radius: var(--r-btn) !important;
    background: var(--accent) !important; color: var(--on-accent) !important; border: 0 !important; white-space: nowrap;
}
.svc-badge-popular svg { display: none !important; }
html[lang="ar"] .svc-badge-popular { letter-spacing: 0; font-size: 13px !important; }
.svc-card-title {
    margin: 6px 0 0 !important; font-size: clamp(2rem, 2.6vw, 2.6rem) !important; line-height: .95 !important;
    color: var(--text-primary) !important; transition: color .25s;
}
html[lang="ar"] .svc-card-title { font-size: clamp(1.6rem, 2.2vw, 2.1rem) !important; line-height: 1.3 !important; }
.svc-card-desc { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; margin: 0 !important; color: var(--text-secondary) !important; font-size: 15.5px !important; line-height: 1.65 !important; }
.svc-features { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 10px !important; margin: 4px 0 0 !important; padding: 16px 0 0 !important; border-top: 1px solid var(--border-glass); list-style: none; }
.svc-features li { display: flex !important; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 600; color: var(--text-primary); margin: 0 !important; padding: 0 !important; border: 0 !important; }
.svc-features li svg { display: block !important; flex: none; width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: rgba(var(--accent-rgb), .15); color: var(--accent); }
.svc-card-cta {
    margin-top: auto !important; display: flex !important; width: 100% !important; max-width: none !important; align-self: stretch !important; white-space: nowrap; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 16px !important; border-radius: var(--r-btn) !important;
    border: 1px solid var(--border-hover) !important; background: transparent !important;
    color: var(--text-primary) !important; font-weight: 700 !important; font-size: 15px !important; text-decoration: none !important;
    transition: background .25s, color .25s, border-color .25s;
}
.svc-card-cta span { position: static !important; width: auto !important; height: auto !important; clip: auto !important; overflow: visible !important; }
.svc-card-cta svg { width: 20px; height: 20px; flex: none; }
html[dir="rtl"] .svc-card-cta svg { transform: scaleX(-1); }
.svc-card:hover .svc-card-cta { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--on-accent) !important; }

/* الكارت المميّز (الكوتشينج): دهبي بالكامل */
.svc-card-featured .svc-card-inner { background: var(--accent) !important; border-color: var(--accent) !important; }
.svc-card-featured .svc-card-inner::before { background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), rgba(255,255,255,.35), transparent 45%); }
.svc-card-featured:hover .svc-card-inner { background: var(--accent) !important; box-shadow: 10px 10px 0 var(--text-primary); border-color: var(--accent) !important; }
.svc-card-featured .svc-number { -webkit-text-stroke-color: rgba(18,13,4,.55); }
.svc-card-featured .svc-card-title, .svc-card-featured .svc-features li { color: var(--on-accent) !important; }
.svc-card-featured .svc-card-desc { color: rgba(18,13,4,.78) !important; }
.svc-card-featured .svc-features { border-top-color: rgba(18,13,4,.18); }
.svc-card-featured .svc-features li svg { background: rgba(18,13,4,.12); color: var(--on-accent); }
.svc-card-featured .svc-badge-popular { background: var(--on-accent) !important; color: var(--accent) !important; }
.svc-card-featured .svc-card-cta { background: var(--on-accent) !important; border-color: var(--on-accent) !important; color: var(--accent) !important; }
.svc-card-featured:hover .svc-card-cta { background: #000 !important; color: #F4CD6E !important; }

@media (max-width: 1024px) {
    .services-bento { grid-template-columns: 1fr 1fr; }
    .svc-card-featured { grid-column: 1 / -1; }
    .svc-card-featured .svc-featured-content { min-height: 0; }
}
@media (max-width: 680px) {
    .services-header { grid-template-columns: 1fr; }
    .services-header .services-subtitle { grid-column: 1; grid-row: auto; justify-self: start; }
    .services-bento { grid-template-columns: 1fr; gap: 16px !important; margin-top: 36px !important; }
    .svc-featured-content, .svc-standard-content { min-height: 0; padding: 24px 22px 22px !important; }
    .svc-number { font-size: 60px !important; }
    .svc-card:hover .svc-card-inner { box-shadow: none; }
}

/* How it works */
.hiw-section { padding: clamp(70px, 9vw, 120px) 0; }
.hiw-container { max-width: 1400px; margin: 0 auto; padding: 0 48px; }
.hiw-head { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 60px; align-items: end; margin-bottom: clamp(32px, 5vw, 56px); }
.hiw-title { font-size: clamp(2.6rem, 5.4vw, 4.8rem); margin: 16px 0 0; color: var(--text-primary); }
.hiw-desc { justify-self: end; color: var(--text-secondary); font-size: 1.05rem; margin: 0; max-width: 46ch; }
.hiw-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.hiw-step { padding: 26px 22px 28px; border: 1px solid var(--border-glass); border-radius: var(--r-card); background: var(--bg-card); display: flex; flex-direction: column; gap: 10px; }
.hiw-num { font: 900 italic 64px/.8 'Hubot Sans Condensed', 'Arial Narrow', sans-serif; color: transparent; -webkit-text-stroke: 1.5px var(--accent); }
.hiw-step h3 { margin: 10px 0 0; font-size: 1.6rem; color: var(--text-primary); }
.hiw-step p { margin: 0; color: var(--text-secondary); font-size: 15px; line-height: 1.6; }
.hiw-step-hl { background: var(--accent); border-color: var(--accent); }
.hiw-step-hl .hiw-num { -webkit-text-stroke-color: var(--on-accent); }
.hiw-step-hl h3, .hiw-step-hl p { color: var(--on-accent) !important; }

/* Gold band */
.gold-band { position: relative; overflow: hidden; background: var(--accent); color: var(--on-accent); }
.gold-band-inner { position: relative; max-width: 1400px; margin: 0 auto; padding: clamp(64px, 8vw, 110px) 48px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 30px 60px; align-items: end; }
.gold-band-eyebrow { font-weight: 700; letter-spacing: .18em; text-transform: uppercase; font-size: 13px; display: inline-flex; gap: 10px; align-items: center; }
.gold-band-eyebrow::before { content: ''; width: 22px; height: 2px; background: var(--on-accent); }
html[lang="ar"] .gold-band-eyebrow { letter-spacing: 0; font-size: 15px; }
.gold-band-title { margin: 16px 0 0; font-size: clamp(3rem, 8vw, 7.4rem) !important; color: var(--on-accent) !important; }
.gold-band-title span { color: var(--on-accent) !important; }
html[lang="ar"] .gold-band-title { font-size: clamp(2.4rem, 5vw, 4.6rem) !important; line-height: 1.3 !important; }
.gold-band-side p { margin: 0 0 22px; font-weight: 600; font-size: 1.1rem; line-height: 1.6; }
.gold-band-btn { background: var(--on-accent) !important; color: var(--accent) !important; border: 1.5px solid var(--on-accent) !important; }
.gold-band-btn:hover { transform: translate(-3px, -3px); box-shadow: 3px 3px 0 #fff; }
.gold-band-ghost { position: absolute; inset-inline-end: -2vw; top: -3vw; font: 900 italic 22vw/.8 'Hubot Sans Condensed', 'Arial Narrow', sans-serif; text-transform: uppercase; color: rgba(18,13,4,.07); pointer-events: none; white-space: nowrap; }

@media (max-width: 1024px) {
    .services-header, .hiw-head, .gold-band-inner { grid-template-columns: 1fr; }
    .services-header .services-subtitle { grid-column: 1; grid-row: auto; justify-self: start; }
    .hiw-desc { justify-self: start; }
    .hiw-steps { grid-template-columns: repeat(2, 1fr); }
    .hiw-container, .gold-band-inner { padding-inline: 24px; }
}
@media (max-width: 640px) {
    .hiw-steps { grid-template-columns: 1fr; }
    .hiw-container, .gold-band-inner { padding-inline: 16px; }
}
.bento-parallax-img { transform: none !important; height: 100% !important; top: 0 !important; object-fit: cover; }

/* Recorded course page (/courses/dropshipping) — same system as service pages */
.cd-hero ~ section .section-header { text-align: start !important; margin-inline: 0 !important; max-width: 820px; }
.cd-hero ~ section .section-header p { margin-inline: 0 !important; text-align: start !important; }
.cd-hero ~ section .container { max-width: 1100px; }
.cd-faq-list { max-width: none !important; }
.cd-faq-item { background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--border-glass) !important; border-radius: 0 !important; margin: 0 !important; }
.cd-faq-question { padding: 22px 0 !important; background: transparent !important; }
html:not([lang="ar"]) .cd-faq-question, html:not([lang="ar"]) .cd-faq-question span { font: 800 italic clamp(19px, 2vw, 25px)/1.15 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; text-transform: uppercase; }
.cd-faq-icon { color: var(--accent) !important; background: transparent !important; border: 0 !important; }
.cd-final-cta .cta-card { background: var(--accent) !important; border: 0 !important; border-radius: var(--r-card) !important; box-shadow: none !important; text-align: start !important; padding: clamp(36px, 6vw, 72px) clamp(24px, 5vw, 64px) !important; }
.cd-final-cta .cta-glow { display: none !important; }
.cd-final-cta .cta-content { text-align: start !important; align-items: flex-start !important; max-width: none !important; }
.cd-final-cta .cta-title, .cd-final-cta .cta-title * { color: var(--on-accent) !important; -webkit-text-fill-color: var(--on-accent) !important; text-align: start !important; }
.cd-final-cta .cta-title { font-size: clamp(2.6rem, 5.6vw, 5rem) !important; margin-inline: 0 !important; }
.cd-final-cta .cta-desc, .cd-final-cta .cd-cta-subtext, .cd-final-cta [class*="trust"], .cd-final-cta [class*="trust"] svg { color: var(--on-accent) !important; text-align: start !important; margin-inline: 0 !important; justify-content: flex-start !important; }
.cd-final-cta .cta-buttons { justify-content: flex-start !important; }
.cd-final-cta .btn-primary, .cd-final-cta .cd-buy-btn, .cd-final-cta a.btn { background: var(--on-accent) !important; color: var(--accent) !important; border-color: var(--on-accent) !important; }
.cd-acc-num, .cd-module-num { color: var(--accent) !important; background: transparent !important; border: 1px solid rgba(var(--accent-rgb), .45) !important; }

/* Home services: remove leftover height from old image layout */
.svc-card-featured .svc-card-inner, .svc-card-standard .svc-card-inner { min-height: 0 !important; grid-template-columns: none !important; height: auto !important; }
.svc-card, .svc-card-featured, .svc-card-standard { min-height: 0 !important; height: auto !important; }

/* Home testimonials: real proof cards */
.testimonials-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; columns: auto !important; }
.testimonials-grid .testimonial-card { grid-column: auto !important; grid-row: auto !important; margin: 0 !important; }
.testimonials-grid .testimonial-card-inner { padding: 0 !important; display: flex; flex-direction: column; height: 100%; overflow: hidden; }
.testimonial-proof { aspect-ratio: 16 / 10; overflow: hidden; background: #fff; border-bottom: 1px solid var(--border-glass); }
.testimonial-proof img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block; }
.testimonials-grid .testimonial-revenue-badge { margin: 18px 20px 0 !important; align-self: flex-start; }
.testimonials-grid .testimonial-text { margin: 14px 20px 18px !important; font-style: normal !important; color: var(--text-primary) !important; line-height: 1.7; flex: 1; }
.testimonials-grid .testimonial-author { margin: 0 20px 20px !important; padding-top: 14px; border-top: 1px solid var(--border-glass); display: flex; align-items: center; gap: 12px; }
.testimonial-avatar { width: 44px !important; height: 44px !important; border-radius: 50%; overflow: hidden; flex: none; }
.testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; }
.testimonial-avatar.is-letter { display: grid; place-items: center; background: var(--accent); color: var(--on-accent); font-weight: 800; font-size: 18px; }
.testimonial-name { display: block; font-weight: 700; color: var(--text-primary); }
.testimonial-role { display: block; font-size: 13px; color: var(--text-muted) !important; }
.testimonial-featured .testimonial-text { font: 800 italic 26px/1.15 'Hubot Sans Condensed', 'Arial Narrow', sans-serif !important; text-transform: uppercase; }
html[lang="ar"] .testimonial-featured .testimonial-text { font: 700 20px/1.6 'Estedad', 'Mona Sans', sans-serif !important; text-transform: none; }
.testimonial-featured { border-color: var(--accent) !important; }
.testimonial-featured .testimonial-card-inner { border-color: var(--accent) !important; }
@media (max-width: 1024px) { .testimonials-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 640px) { .testimonials-grid { grid-template-columns: 1fr !important; } }
.box-pillars { align-self: start !important; }
.bento-wrapper { grid-auto-rows: auto !important; }
html[lang="ar"] .gold-band-title { font-size: clamp(2.2rem, 4.4vw, 4rem) !important; word-break: normal; overflow-wrap: anywhere; }
.gold-band-inner > * { min-width: 0; }

/* ==================================================================
   MOTION (GSAP) — includes/brand-motion.js
   ================================================================== */
.ecn-progress {
    position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 100000;
    background: var(--accent); transform: scaleX(0); transform-origin: 0 50%; pointer-events: none;
}
html[dir="rtl"] .ecn-progress { transform-origin: 100% 50%; }
/* ضربة الفرشاة بتترسم من أول الكلمة لآخرها (من غير JS بتبان كاملة) */
.hero-title .hero-brush::before, .ch-hero-title .ch-brush::before {
    clip-path: inset(0 calc(100% - var(--brush, 100%)) 0 0);
}
html[dir="rtl"] .hero-title .hero-brush::before, html[dir="rtl"] .ch-hero-title .ch-brush::before {
    clip-path: inset(0 0 0 calc(100% - var(--brush, 100%)));
}
@property --brush { syntax: '<percentage>'; inherits: true; initial-value: 100%; }
@media (prefers-reduced-motion: reduce) { .ecn-progress { display: none; } }
.ecn-sheen {
    position: absolute; top: 0; bottom: 0; left: 0; width: 45%; pointer-events: none;
    background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent);
    transform: translateX(-150%) skewX(-18deg);
}
@media (prefers-reduced-motion: reduce) { .ecn-sheen { display: none; } }

/* ==================================================================
   COACHING — فورم التقديم: كارت فاتح واضح إن ده مكان تملى فيه بياناتك
   ================================================================== */
.ch-apply-box > .ch-form {
    --f-ink: #17140F; --f-ink-2: #4A4336; --f-muted: #7A7162; --f-line: #D9D0BF; --f-paper: #F6F1E7;
    background: var(--f-paper) !important; color: var(--f-ink); border: 0 !important;
    border-radius: 10px !important; padding: clamp(22px, 3vw, 36px) !important;
    box-shadow: 12px 12px 0 var(--accent), 0 30px 60px -30px rgba(0,0,0,.8);
}
.ch-apply-box > .ch-before-apply { border-inline-start: 0 !important; }
.ch-step-head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.ch-step-num {
    width: 44px; height: 44px; flex: none; border-radius: 50%; display: grid; place-items: center;
    background: var(--accent); color: var(--on-accent);
    font: 900 italic 24px/1 'Hubot Sans Condensed', 'Arial Narrow', sans-serif;
}
.ch-step-txt { display: flex; flex-direction: column; gap: 3px; }
.ch-step-txt b { font-size: 21px; font-weight: 800; color: var(--f-ink); line-height: 1.25; }
.ch-step-txt small { font-size: 13.5px; color: var(--f-muted); }
.ch-step-bar { height: 5px; border-radius: 5px; background: #E5DCCB; overflow: hidden; margin-bottom: 24px; }
.ch-step-bar i { display: block; height: 100%; background: var(--accent); border-radius: inherit; transition: width .6s cubic-bezier(.16,1,.3,1); }

.ch-apply-box > .ch-form .ch-form-grid { gap: 18px !important; }
.ch-apply-box > .ch-form .ch-form-label { color: var(--f-ink) !important; font-size: 15px !important; font-weight: 700 !important; }
.ch-apply-box > .ch-form .ch-optional-badge { color: var(--f-muted) !important; font-weight: 500; }
.ch-apply-box > .ch-form .ch-form-input,
.ch-apply-box > .ch-form .ch-form-select,
.ch-apply-box > .ch-form .ch-form-textarea {
    background-color: #FFFFFF !important; color: var(--f-ink) !important;
    border: 1.5px solid var(--f-line) !important; border-radius: 8px !important;
    min-height: 54px; padding: 14px 16px !important; font-size: 16px !important;
    box-shadow: 0 1px 0 rgba(23,20,15,.04);
}
.ch-apply-box > .ch-form .ch-form-input::placeholder { color: #A89F8F !important; }
.ch-apply-box > .ch-form .ch-form-input:hover, .ch-apply-box > .ch-form .ch-form-select:hover { border-color: #BDB29D !important; }
.ch-apply-box > .ch-form .ch-form-input:focus, .ch-apply-box > .ch-form .ch-form-select:focus {
    border-color: var(--accent) !important; box-shadow: 0 0 0 4px rgba(var(--accent-rgb), .25) !important; outline: none;
}
.ch-apply-box > .ch-form .ch-form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2317140F' stroke-width='2.2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
}
.ch-apply-box > .ch-form .ch-form-select option { background: #fff; color: var(--f-ink); }
.ch-apply-box > .ch-form .ch-form-note, .ch-apply-box > .ch-form .ecn-ph-note { color: var(--f-muted) !important; font-size: 13px !important; }
.ch-apply-box > .ch-form .ch-field-invalid .ch-form-input,
.ch-apply-box > .ch-form .ch-field-invalid .ch-form-select { border-color: #DC2626 !important; box-shadow: 0 0 0 4px rgba(220,38,38,.14) !important; }
.ch-apply-box > .ch-form .ch-form-error, .ch-apply-box > .ch-form .ch-field-error { color: #B91C1C !important; }
/* منتقي كود الدولة جوه الكارت الفاتح (القايمة نفسها زي ما هي) */
.ch-apply-box > .ch-form .ecn-ph-btn {
    background: #FFFFFF !important; color: var(--f-ink) !important; border: 1.5px solid var(--f-line) !important;
    border-radius: 8px !important; min-height: 54px;
}
.ch-apply-box > .ch-form .ecn-ph-btn:hover { border-color: #BDB29D !important; }
.ch-apply-box > .ch-form .ch-form-step-actions, .ch-apply-box > .ch-form .ch-form-submit { margin-top: 26px !important; }
.ch-apply-box > .ch-form .ch-form-submit-btn {
    max-width: none !important; width: 100% !important; min-height: 58px; font-size: 17px !important; font-weight: 800 !important;
    background: var(--f-ink) !important; color: #F4CD6E !important; border-radius: 8px !important;
    transition: transform .2s, box-shadow .2s !important;
}
.ch-apply-box > .ch-form .ch-form-submit-btn:hover { transform: translate(-3px, -3px); box-shadow: 3px 3px 0 var(--accent); }
.ch-apply-box > .ch-form .ch-form-privacy { color: var(--f-muted) !important; }
.ch-apply-box > .ch-form .ch-form-error-banner { background: #FEF2F2 !important; color: #991B1B !important; border: 1px solid #FECACA !important; }
.ch-apply-box > .ch-before-apply { background: transparent !important; border: 1px dashed rgba(var(--accent-rgb), .45) !important; }
@media (max-width: 640px) {
    .ch-apply-box > .ch-form { box-shadow: 6px 6px 0 var(--accent); padding: 20px 16px !important; }
    .ch-step-txt b { font-size: 18px; }
}

/* ===== HOME: فيديو اللايف ستايل — مربع بحواف مدوّرة زي المرجع ===== */
.lifestyle-video {
    aspect-ratio: 1 / 1 !important; width: min(100%, 420px) !important;
    border-radius: 28px !important; border: 0 !important;
    box-shadow: 0 0 0 1px rgba(var(--accent-rgb), .35), 0 30px 60px -30px rgba(0,0,0,.9) !important;
}
html[dir="rtl"] .lifestyle-video { box-shadow: 0 0 0 1px rgba(var(--accent-rgb), .35), 0 30px 60px -30px rgba(0,0,0,.9) !important; }
.lifestyle-video video { object-position: 50% 35%; }
.lifestyle-container { grid-template-columns: 1.15fr .85fr; }
@media (max-width: 1024px) {
    .lifestyle-video { justify-self: center !important; width: min(72%, 380px) !important; }
}
@media (max-width: 640px) {
    .lifestyle-video { width: 72% !important; border-radius: 24px !important; }
}

/* ── Embedded players (Vimeo / YouTube / Wistia): no light edges ──
   The player iframe is drawn a hair larger than its box and clipped,
   so sub-pixel rounding or the player's own letterbox never shows
   as thin light lines on the sides. */
.ch-video-box, .cd-video-box { background-color: #000 !important; border-color: rgba(0,0,0,.6) !important; }
.ch-video-embed-facade, .cd-video-embed-facade,
.ch-result-embed-facade, .svc-result-embed-facade { background-color: #000 !important; overflow: hidden !important; }
.ch-video-embed-facade iframe, .cd-video-embed-facade iframe,
.ch-result-embed-facade iframe, .svc-result-embed-facade iframe,
.ch-video-embed-facade wistia-player, .cd-video-embed-facade wistia-player,
.ch-result-embed-facade wistia-player, .svc-result-embed-facade wistia-player {
  position: absolute !important;
  top: -2px !important; left: -1.2% !important; right: auto !important; bottom: auto !important;
  width: 102.4% !important; height: calc(100% + 4px) !important;
  max-width: none !important;
  border: 0 !important; background-color: #000 !important; display: block;
}

/* ── Safari: framed videos stay visible ──
   Safari can drop a <video> that sits inside a rounded, clipped frame.
   The mask and own layer keep it painted; the video also rounds itself. */
.lifestyle-video, .ab-founder-video, .ch-video-box, .cd-video-box, .svc-result-media, .ch-result-media {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    isolation: isolate;
}
.lifestyle-video video { border-radius: inherit; background: #0B0A09 url("../assets/brand/ecomnight-lifestyle-poster.webp") center 35% / cover no-repeat; transform: translateZ(0); }

/* فيديو من غير صورة غلاف (لسه ماتحمّلش ولا فريم): بدل مربع أسود،
   خلفية دهبي خفيفة عشان الكارت يبان واضح وزرار التشغيل في النص */
.ch-result-video-wrapper video:not([poster]),
.svc-result-video-wrapper video:not([poster]) {
    background: radial-gradient(circle at 50% 45%, rgba(var(--accent-rgb), .28), rgba(var(--accent-rgb), 0) 58%),
                linear-gradient(165deg, #1E1A13 0%, #0B0A09 70%);
}


/* ===== فورم الكوتشينج: سهم الاختيار مايغطيش الكلام ===== */
.ch-apply-box > .ch-form .ch-form-select { padding-inline-end: 46px !important; background-position: right 16px center !important; }
html[dir="rtl"] .ch-apply-box > .ch-form .ch-form-select { background-position: left 16px center !important; }

/* ===== شاشة «تم استلام طلبك» ===== */
.ch-form-success.show {
    display: flex !important; flex-direction: column; align-items: center; text-align: center !important;
    position: relative; overflow: hidden;
    padding: 44px 28px 34px !important; border-radius: 20px;
    background: radial-gradient(420px 220px at 50% -40px, rgba(var(--accent-rgb), .20), transparent 70%), #141210;
    border: 1px solid rgba(var(--accent-rgb), .35);
    box-shadow: 0 30px 70px -40px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.04);
    animation: chSucIn .6s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes chSucIn { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } }
.ch-form-success .ch-form-success-icon {
    width: 84px !important; height: 84px !important; margin: 0 auto 20px !important;
    background: linear-gradient(145deg, #22C55E, #15803D) !important; border: 0 !important;
    box-shadow: 0 0 0 8px rgba(34,197,94,.14), 0 16px 34px -12px rgba(34,197,94,.7);
    animation: chSucPop .55s .15s cubic-bezier(.3,1.6,.5,1) both;
}
@keyframes chSucPop { from { transform: scale(.4); opacity: 0; } to { transform: scale(1); opacity: 1; } }
.ch-form-success .ch-form-success-icon svg { color: #fff !important; width: 40px !important; height: 40px !important; stroke-width: 3; }
.ch-form-success h3 { margin: 0 0 12px !important; font-size: clamp(1.5rem, 4vw, 2.1rem) !important; color: #F6F1E7 !important; }
html[dir="rtl"] .ch-form-success h3 { font-family: 'Estedad', sans-serif !important; font-style: normal !important; font-weight: 900 !important; }
.ch-form-success p { text-align: center !important; margin-left: auto; margin-right: auto; max-width: 440px; color: #CFC6B6 !important; font-size: 16px !important; line-height: 1.8 !important; }
.ch-form-success .ch-form-app-id {
    display: inline-flex !important; align-items: center; gap: 10px; margin: 18px auto 6px !important;
    padding: 10px 18px !important; border-radius: 999px !important;
    background: rgba(var(--accent-rgb), .12) !important; border: 1px dashed rgba(var(--accent-rgb), .6) !important;
    color: #CFC6B6 !important; font-size: 14px !important;
}
.ch-form-success .ch-form-app-id b { color: #F0C25A; font: 800 17px/1 'Mona Sans', sans-serif; letter-spacing: .04em; }
.ch-form-success .ch-form-app-id:empty { display: none !important; }
.ch-next-steps { list-style: none; margin: 22px auto 4px; padding: 0; width: 100%; max-width: 420px; display: flex; flex-direction: column; gap: 10px; text-align: start; }
.ch-next-steps li { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.07); color: #E8E1D3; font-size: 15px; line-height: 1.5; }
.ch-next-steps li i { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font: 800 14px/1 'Mona Sans', sans-serif; font-style: normal; background: rgba(var(--accent-rgb), .16); color: #F0C25A; }
.ch-next-steps li.done { border-color: rgba(34,197,94,.35); background: rgba(34,197,94,.08); }
.ch-next-steps li.done i { background: #22C55E; color: #fff; }
.ch-form-success .ch-form-wa-continue-btn { margin-top: 18px !important; }
@media (prefers-reduced-motion: reduce) { .ch-form-success.show, .ch-form-success .ch-form-success-icon { animation: none; } }
@media (max-width: 640px) {
    .ch-form-success.show { padding: 34px 18px 26px !important; border-radius: 18px; }
    .ch-next-steps li { font-size: 14px; }
}