/* ══════════════════════════════════════════════════════════════════════
   BRAND — هوية الوجهة الأولى
   آخر ورقة أنماط تُحمَّل (بعد @yield('css')) فتتجاوز style.css وملفات الصفحات
   دون تعديلها. الترتيب: 1) tokens  2) base  3) components  4) pages
   ══════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────── 1) TOKENS ─────────────────────────────── */
:root {
    /* الألوان: ثلاثة + الأبيض، ومشتقات محدودة */
    --brand-teal: #0F8B88;
    --brand-navy: #0D1F2D;
    --brand-mist: #E8ECEF;
    --white: #FFFFFF;
    --teal-dark: #0A5F5D;
    --teal-50: #EEF7F7;
    --text-muted: #5B6672;
    --surface-alt: #F7F9FA;

    /* الخطوط: Montserrat أولًا للحروف والأرقام اللاتينية، والعربي يسقط إلى Alexandria */
    --font-sans: "Montserrat", "Alexandria", "Readex Pro", Tahoma, sans-serif;
    --font-latin: "Montserrat", "Alexandria", sans-serif;

    /* الأشكال */
    --radius-pill: 999px;
    --radius-card: 12px;
    --radius-field: 10px;
    --radius-icon: 16px;
    --border: 1px solid var(--brand-mist);
    --shadow-hover: 0 6px 20px rgba(13, 31, 45, 0.06);

    /* الحركة */
    --dur: 250ms;
    --ease-brand: cubic-bezier(0.4, 0, 0.2, 1);

    /* الهيدر: شعار 76px + حشوة 12px×2 + حد 1px */
    --site-header-h: 101px;
    --fast-news-height: 36px;

    /* ── ربط المتغيرات القديمة بالهوية حتى لا تنكسر الصفحات الأخرى ── */
    --rp-900: var(--brand-navy);
    --rp-800: var(--teal-dark);
    --rp-700: var(--brand-teal);
    --rp-600: var(--brand-teal);
    --rp-500: var(--brand-teal);
    --rp-400: var(--brand-teal);
    --rp-300: var(--brand-mist);
    --rp-200: var(--brand-mist);
    --rp-100: var(--brand-mist);
    --rp-50: var(--surface-alt);

    --rt-700: var(--teal-dark);
    --rt-600: var(--teal-dark);
    --rt-500: var(--brand-teal);
    --rt-400: var(--brand-teal);
    --rt-300: var(--teal-50);

    --rg-900: var(--brand-navy);
    --rg-800: var(--brand-navy);
    --rg-700: var(--brand-navy);
    --rg-500: var(--text-muted);
    --rg-300: var(--brand-mist);
    --rg-100: var(--surface-alt);
    --rg-50: var(--surface-alt);

    --shadow: none;
    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
    --shadow-pp: none;

    --bl-ink: var(--brand-navy);
    --bl-text: var(--brand-navy);
    --bl-muted: var(--text-muted);
    --bl-teal: var(--brand-teal);
    --bl-teal-dark: var(--teal-dark);
    --bl-teal-soft: var(--teal-50);
    --bl-teal-50: var(--teal-50);
    --bl-line: var(--brand-mist);
    --bl-bg: var(--surface-alt);
    --bl-ease: var(--ease-brand);

    --fast-news-bg: var(--brand-navy);
    --fast-news-fg: var(--white);
    --fast-news-accent: var(--brand-teal);
    --fast-news-edge: transparent;
    --fast-news-bullet: var(--brand-teal);
}
@media (max-width: 1199.98px) {
    :root { --site-header-h: 89px; }   /* شعار 64px */
}
@media (max-width: 767.98px) {
    :root {
        --site-header-h: 75px;            /* شعار 54px + حشوة 10px×2 */
        --fast-news-height: 32px;
    }
}

/* ─────────────────────────────── 2) BASE ─────────────────────────────── */
body {
    font-family: var(--font-sans);
    color: var(--brand-navy);
    background: var(--white);
}
/* ملفات الثيم تثبّت "Tajawal" على عشرات العناصر؛ نوحّد الخط مع استثناء الأيقونات */
body *:not(i):not(svg):not(svg *):not([class*="fa-"]):not(.fa) {
    font-family: var(--font-sans) !important;
}

:focus-visible {
    outline: 2px solid var(--brand-teal) !important;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ─────────────────────────────── 3) COMPONENTS ─────────────────────────────── */

/* ── أزرار pill ── */
.br-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    padding: 10px 24px;
    border-radius: var(--radius-pill);
    border: 1.5px solid transparent;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--dur) var(--ease-brand), color var(--dur) var(--ease-brand),
        border-color var(--dur) var(--ease-brand);
}
.br-btn--primary {
    background: var(--brand-teal);
    border-color: var(--brand-teal);
    color: var(--white) !important;
}
.br-btn--primary:hover {
    background: var(--teal-dark);
    border-color: var(--teal-dark);
}
.br-btn--outline {
    background: transparent;
    border-color: var(--brand-navy);
    color: var(--brand-navy) !important;
}
.br-btn--outline:hover {
    border-color: var(--brand-teal);
    color: var(--brand-teal) !important;
}
.br-btn--outline-light {
    background: transparent;
    border-color: var(--white);
    color: var(--white) !important;
}
.br-btn--outline-light:hover {
    background: var(--white);
    color: var(--brand-navy) !important;
}
/* السهم يشير لاتجاه القراءة: ← في العربي و → في الإنجليزي */
.br-btn__arrow {
    font-size: 0.85em;
    transition: transform var(--dur) var(--ease-brand);
}
html[dir="ltr"] .br-btn__arrow {
    transform: scaleX(-1);
}
.br-btn:hover .br-btn__arrow {
    transform: translateX(-3px);
}
html[dir="ltr"] .br-btn:hover .br-btn__arrow {
    transform: scaleX(-1) translateX(-3px);
}

/* ── الشريط الإخباري: رفيع، كحلي، نقطة teal ── */
.fast-news {
    background: var(--brand-navy);
    border-bottom: 0;
    box-shadow: none;
}
.fast-news__label {
    background: transparent;
    color: var(--white);
    padding-inline: 0 4px;
    font-weight: 600;
}
.fast-news__dot {
    background: var(--brand-teal);
}
.fast-news__item {
    color: var(--white);
}

/* ═════════════ الهيدر ═════════════ */
header {
    background: var(--white);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    border-bottom: 1px solid var(--brand-mist);
    box-shadow: none !important;
    transition: background-color var(--dur) var(--ease-brand), border-color var(--dur) var(--ease-brand);
}
body.is-scrolled header {
    background: var(--white);
    box-shadow: none;
}
header nav {
    max-width: 1360px !important;
    padding: 12px 24px !important;
    gap: 20px;
    font-weight: 500;
}
header nav .logo img {
    height: 76px;
    transition: filter var(--dur) var(--ease-brand);
}

/* الروابط */
header nav .nav_links {
    gap: 20px;
}
header nav .nav_links a,
header nav .nav_links .dropdown-link .card-header .user-info .email {
    color: var(--brand-navy);
    font-size: 15px;
    font-weight: 500;
    transition: color var(--dur) var(--ease-brand);
}
header nav .nav_links a::after {
    bottom: -6px;
    height: 2px;
    border-radius: 0;
    background: var(--brand-teal);
    transition: transform var(--dur) var(--ease-brand);
}
header nav .nav_links a.active,
header nav .nav_links .dropdown-link .card-header.active .user-info .email {
    color: var(--brand-teal);
    font-weight: 600;
}
/* الرابط النشط في القوائم المنسدلة يأخذ نفس الخط السفلي */
header nav .nav_links .dropdown-link .card-header.active::after {
    transform: scaleX(1);
}
/* سهم القائمة المنسدلة يتبع لون النص في الحالتين */
header nav .dropdown-link .card-header .user-info .email::after {
    border-color: currentColor !important;
    opacity: 0.7;
}

/* القوائم المنسدلة: حد mist بلا ظل */
header nav .dropdown-link .menu {
    border: var(--border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-hover);
    padding: 6px;
    transition: opacity var(--dur) var(--ease-brand), transform var(--dur) var(--ease-brand),
        visibility var(--dur);
}
header nav .dropdown-link .menu .menu-item {
    border-radius: 8px;
    font-size: 14px;
    padding: 9px 14px;
}
header nav .dropdown-link .menu .menu-item:hover {
    background: var(--teal-50);
}

/* الإجراءات */
header nav .actions {
    gap: 10px;
}
header nav .actions .br-btn {
    min-height: 42px;
    padding: 8px 20px;
    font-size: 14px;
}
/* زر الدخول: ثانوي بحد */
header nav .actions .login-btn.btn-door {
    background: transparent;
    border: 1.5px solid var(--brand-mist);
    border-radius: var(--radius-pill);
    box-shadow: none;
    padding: 8px 18px;
    min-height: 42px;
    transform: none;
    transition: border-color var(--dur) var(--ease-brand), color var(--dur) var(--ease-brand);
}
header nav .actions .login-btn.btn-door,
header nav .actions .login-btn.btn-door .text,
header nav .actions .login-btn.btn-door .btn-door__ico {
    color: var(--brand-navy);
    font-size: 14px;
    font-weight: 600;
}
header nav .actions .login-btn.btn-door:hover {
    border-color: var(--brand-teal);
    transform: none;
    box-shadow: none;
}
header nav .actions .login-btn.btn-door:hover .text,
header nav .actions .login-btn.btn-door:hover .btn-door__ico {
    color: var(--brand-teal);
}
/* مبدّل اللغة: هادئ بلا ظل */
header nav .actions .lang-switch {
    background: var(--surface-alt) !important;
    border-color: var(--brand-mist) !important;
}
header nav .actions .lang-switch:hover {
    box-shadow: none;
}
header nav .actions .lang-switch__knob {
    box-shadow: none;
}
header nav .actions .lang-switch__opt {
    color: var(--text-muted);
}
header nav .actions .toggler {
    color: var(--brand-navy);
    font-size: 22px;
}

/* ── الحالة الشفافة: أعلى الرئيسية فوق الفيديو ── */
body.is-home:not(.is-scrolled) header {
    background: transparent;
    border-bottom-color: transparent;
}
body.is-home:not(.is-scrolled) header nav .logo img {
    filter: brightness(0) invert(1);
}
body.is-home:not(.is-scrolled) header nav .actions .toggler,
body.is-home:not(.is-scrolled) header nav .actions .dropdown-link .card-header .user-info .email {
    color: var(--white) !important;
}
body.is-home:not(.is-scrolled) header nav .actions .login-btn.btn-door {
    border-color: rgba(255, 255, 255, 0.6);
}
body.is-home:not(.is-scrolled) header nav .actions .login-btn.btn-door .text,
body.is-home:not(.is-scrolled) header nav .actions .login-btn.btn-door .btn-door__ico {
    color: var(--white);
}
body.is-home:not(.is-scrolled) header nav .actions .lang-switch {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}
body.is-home:not(.is-scrolled) header nav .actions .lang-switch__knob {
    background: var(--white);
}
body.is-home:not(.is-scrolled) header nav .actions .lang-switch[data-active="ar"] .lang-switch__opt[lang="ar"],
body.is-home:not(.is-scrolled) header nav .actions .lang-switch[data-active="en"] .lang-switch__opt[lang="en"] {
    color: var(--brand-navy);
}
body.is-home:not(.is-scrolled) header nav .actions .lang-switch[data-active="ar"] .lang-switch__opt[lang="en"],
body.is-home:not(.is-scrolled) header nav .actions .lang-switch[data-active="en"] .lang-switch__opt[lang="ar"] {
    color: rgba(255, 255, 255, 0.85);
}
@media (min-width: 1200px) {
    body.is-home:not(.is-scrolled) header nav .nav_links > li > a,
    body.is-home:not(.is-scrolled) header nav .nav_links .dropdown-link .card-header .user-info .email {
        color: var(--white) !important;
    }
    body.is-home:not(.is-scrolled) header nav .nav_links > li > a.active,
    body.is-home:not(.is-scrolled) header nav .nav_links > li > a:hover {
        color: var(--white) !important;
    }
    body.is-home:not(.is-scrolled) header nav .nav_links > li > a::after {
        background: var(--white);
    }
}

/* شعار القائمة الجانبية: يظهر داخل لوحة الجوال فقط */
header nav .nav_links > li.nav_links__brand {
    display: none;
}

/* ── الديسكتوب الضيق: نختصر قبل أن تتحول القائمة إلى لوحة ── */
@media (min-width: 1200px) and (max-width: 1599.98px) {
    header nav .nav_links { gap: 16px; }
    header nav .nav_links a,
    header nav .nav_links .dropdown-link .card-header .user-info .email { font-size: 14px; }
    header nav .actions .login-btn.btn-door .text { display: none; }
    header nav .actions .login-btn.btn-door { padding-inline: 12px; }
}

/* ── لوحة الجوال/التابلت (حتى 1199px) ── */
@media (max-width: 1199.98px) {
    header nav {
        padding: 12px 20px !important;
    }
    header nav .logo img {
        height: 64px;
    }
    header nav .actions .toggler {
        display: flex;
    }
    body header nav .nav_links {
        position: fixed;
        top: 0;
        bottom: 0;
        left: auto;
        right: auto;
        inset-inline-start: 0;
        z-index: 1001;
        width: min(340px, 86vw);
        height: 100dvh;
        margin: 0;
        padding: 20px 24px 32px;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        gap: 2px;
        overflow-y: auto;
        background: var(--white);
        border-radius: 0;
        border-inline-end: var(--border);
        box-shadow: none;
        visibility: hidden;
        transform: translateX(100%);
        transition: transform var(--dur) var(--ease-brand), visibility var(--dur), box-shadow var(--dur);
    }
    html[dir="ltr"] body header nav .nav_links {
        transform: translateX(-100%);
    }
    /* قواعد قديمة تزيح اللوحة بقيم يسار/يمين ثابتة؛ نثبّتها على حافة البداية */
    html[dir="rtl"] body header nav .nav_links,
    html[dir="rtl"] body header nav .nav_links.active {
        right: 0 !important;
        left: auto !important;
    }
    html[dir="ltr"] body header nav .nav_links,
    html[dir="ltr"] body header nav .nav_links.active {
        left: 0 !important;
        right: auto !important;
    }
    /* التعتيم خلف اللوحة: ظل منتشر يغطي الصفحة */
    body header nav .nav_links.active {
        left: auto;
        right: auto;
        inset-inline-start: 0;
        z-index: 1001;
        visibility: visible;
        transform: none !important;
        box-shadow: 0 0 0 100vmax rgba(13, 31, 45, 0.45);
    }
    header nav .nav_links > li {
        width: 100%;
        display: block;
        margin: 0 !important;
    }
    header nav .nav_links > li > a:not(.card-header) {
        padding: 12px 4px !important;
    }
    header nav .nav_links > li.nav_links__brand {
        display: flex;
        justify-content: center;
        padding: 4px 0 18px;
        margin-bottom: 8px;
        border-bottom: var(--border);
    }
    header nav .nav_links > li.nav_links__brand img {
        height: 72px;
        width: auto;
    }
    header nav .nav_links a,
    header nav .nav_links .dropdown-link .card-header .user-info .email {
        color: var(--brand-navy) !important;
        font-size: 16px !important;
        padding: 12px 4px;
        width: 100%;
    }
    header nav .nav_links a.active {
        color: var(--brand-teal) !important;
    }
    header nav .nav_links a::after {
        display: none;
    }
    header nav .nav_links .dropdown-link .card-header {
        width: 100%;
        padding: 0;
    }
    header nav .nav_links .dropdown-link .card-header .user-info .email {
        justify-content: space-between;
        display: flex;
    }
    /* القوائم الفرعية داخل اللوحة تنفتح في مكانها (أكورديون) */
    header nav .nav_links .dropdown-link .menu {
        position: static;
        display: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        min-width: 0;
        margin: 0 0 8px;
        padding: 4px;
        border: 0;
        border-radius: var(--radius-field);
        background: var(--surface-alt);
        box-shadow: none;
    }
    header nav .nav_links .dropdown-link.is-open .menu {
        display: block;
    }
    header nav .nav_links .dropdown-link .menu .menu-item {
        font-size: 15px;
        padding: 10px 14px;
    }
    header nav .nav_links .dropdown-link .menu .menu-item::after {
        display: none;
    }
    header nav .nav_links > li:not(.nav_links__brand) {
        border-bottom: var(--border);
    }
}
@media (max-width: 767.98px) {
    header nav {
        padding: 10px 16px !important;
        gap: 10px;
    }
    header nav .logo img {
        height: 54px;
    }
    header nav .actions {
        gap: 8px;
    }
    header nav .actions .hdr-cta {
        display: none;
    }
    header nav .actions .login-btn.btn-door {
        padding: 0;
        width: 40px;
        min-height: 40px;
    }
}

/* ─────────────────────────────── 4) PAGES ─────────────────────────────── */

/* ── الرئيسية: الـ Hero يبدأ من أعلى الصفحة خلف الهيدر ── */
body.is-home .vh-hero {
    min-height: 100svh;
    padding-top: 0;
}
body.is-home .vh-hero__inner {
    padding-block: calc(var(--site-header-h) + 32px) 96px;
}
body.is-home.has-fast-news .vh-hero__inner {
    padding-top: calc(var(--site-header-h) + var(--fast-news-height) + 32px);
}
body.is-home .vh-hero__video {
    filter: none;
}
body.is-home .vh-hero__veil {
    background: linear-gradient(180deg, rgba(13, 31, 45, 0.55) 0%, rgba(13, 31, 45, 0.15) 45%, rgba(13, 31, 45, 0.6) 100%);
}

/* رمز الدبوس وحده (نقطتان + دبوس فيه 1) — يُستخدم علامة مائية على الخلفيات الكحلية */
:root {
    --brand-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cg fill='%23fff'%3E%3Ccircle cx='37' cy='11' r='10'/%3E%3Ccircle cx='63' cy='11' r='10'/%3E%3Cpath fill-rule='evenodd' d='M50 28a40 40 0 0 1 30 66.4L58 118v-24h0a22 22 0 1 0-16 0v24L20 94.4A40 40 0 0 1 50 28z'/%3E%3Cpath d='M44 52l14-9v87l-7 10-7-10V60l-6 4v-9z'/%3E%3C/g%3E%3C/svg%3E");
}

/* ── الرئيسية: الـ Hero ── */
.vh-slide__title {
    font-weight: 700;
    letter-spacing: 0;
    text-shadow: none;
}
.vh-slide__desc {
    color: rgba(255, 255, 255, 0.88);
    font-weight: 400;
}
.vh-btn {
    border-radius: var(--radius-pill) !important;
    min-height: 50px;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color var(--dur) var(--ease-brand), color var(--dur) var(--ease-brand),
        border-color var(--dur) var(--ease-brand) !important;
}
.vh-btn::after { display: none !important; }
.vh-btn--solid {
    background: var(--brand-teal) !important;
    border: 1.5px solid var(--brand-teal) !important;
    color: var(--white) !important;
}
.vh-btn--solid:hover { background: var(--teal-dark) !important; border-color: var(--teal-dark) !important; }
.vh-btn--ghost {
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.85) !important;
    color: var(--white) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.vh-btn--ghost:hover { background: var(--white) !important; color: var(--brand-navy) !important; }

/* ═════ عناوين الأقسام: سطر صغير بين خطين + عنوان كحلي هادئ ═════ */
.hp .sh-head { margin-bottom: 48px; }
.hp .sh-badge {
    gap: 14px;
    color: var(--brand-teal);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
    margin-bottom: 14px;
}
html[lang="en"] .hp .sh-badge {
    font-size: 12px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
}
.hp .sh-badge::before,
.hp .sh-badge::after,
.hp .sh-head--dark .sh-badge::before,
.hp .sh-head--dark .sh-badge::after {
    width: 48px;
    height: 1px;
    border-radius: 0;
    background: currentColor;
    opacity: 0.6;
}
.hp .sh-badge i { display: none; }
.hp .sh-title {
    font-size: clamp(1.75rem, 3.2vw, 2.5rem);
    font-weight: 700;
    color: var(--brand-navy);
    margin-bottom: 12px;
}
.hp .sh-title::before,
.hp .sh-head .sh-title::after { display: none; }
.hp .sh-sub {
    font-size: 1.02rem;
    color: var(--text-muted);
    line-height: 1.85;
    padding-top: 0;
}
.hp .sh-sub::before { display: none; }
.hp .sh-head--dark .sh-badge { color: var(--brand-teal); }
.hp .sh-head--dark .sh-title { color: var(--brand-navy); }
.hp .sh-head--dark .sh-sub { color: var(--text-muted); }

/* أزرار ثانوية عامة في الرئيسية */
.hp .btn-out {
    border-radius: var(--radius-pill) !important;
    border: 1.5px solid var(--brand-navy) !important;
    color: var(--brand-navy) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 600;
    padding: 11px 26px;
    transform: none !important;
}
.hp .btn-out:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }

/* ═════ تناوب الخلفيات: أبيض ثم #F7F9FA ═════ */
.hp-svc,
.hp-latest,
.hp-wsearch,
.hp-why,
.hp-agents,
.hp-blog,
.hp-contact { background: var(--white) !important; }
.hp-offers,
.hp-about,
.hp-nat,
.hp-proc,
.hp-musaned { background: var(--surface-alt) !important; }
.hp-svc, .hp-offers, .hp-latest, .hp-about, .hp-wsearch, .hp-nat,
.hp-why, .hp-proc, .hp-agents, .hp-musaned, .hp-blog, .hp-contact {
    padding-block: 96px !important;
    border-top: 0;
}
.hp-contact.hp-contact--has-map { padding-bottom: 0 !important; }
/* إطفاء الهالات والزخارف الملوّنة الخلفية */
.hp-latest::before, .hp-latest::after,
.hp-why::before, .hp-why::after,
.hp-proc::before, .hp-proc::after,
.hp-musaned::before, .hp-musaned::after,
.hp-blog::before, .hp-blog::after,
.hp-agents::before, .hp-agents::after,
.hp-svc::before, .hp-svc::after,
.hp-offers::before, .hp-offers::after { display: none !important; }
@media (max-width: 767px) {
    .hp-svc, .hp-offers, .hp-latest, .hp-about, .hp-wsearch, .hp-nat,
    .hp-why, .hp-proc, .hp-agents, .hp-musaned, .hp-blog, .hp-contact { padding-block: 64px !important; }
    .hp .sh-head { margin-bottom: 32px; }
}

/* ═════ 1) شريط الإحصائيات: أبيض يتداخل مع الفيديو ═════ */
.vh-stats {
    background: transparent;
    padding: 0;
    margin-top: -64px;
    z-index: 5;
}
.vh-stats > .container { max-width: 1200px; }
.vh-stats__row {
    background: var(--white);
    border: var(--border);
    border-radius: var(--radius-card);
}
.vh-stat {
    padding: 30px 16px;
    border-inline-end: var(--border);
}
.vh-stat:hover { background: transparent; }
.vh-stat__num {
    font-family: var(--font-latin) !important;
    font-weight: 300;
    font-size: clamp(32px, 3.4vw, 44px);
    color: var(--brand-teal);
}
.vh-stat__lbl {
    margin-top: 10px;
    color: var(--brand-navy);
    font-weight: 500;
    font-size: 14px;
}
@media (max-width: 767px) {
    .vh-stats { margin-top: -40px; }
    .vh-stat:nth-child(-n + 2) { border-bottom: var(--border); }
    .vh-stat__num { font-size: 30px; }
}

/* ═════ 2) الشركاء: رمادي وشفافية تتلوّن عند المرور ═════ */
.hp-partners {
    background: var(--white) !important;
    border-block: 0 !important;
    padding-block: 48px 24px !important;
}
.hp-partners::before, .hp-partners::after { display: none !important; }
.hp-partners__logo img {
    filter: grayscale(1) !important;
    opacity: 0.6 !important;
    transition: filter var(--dur) var(--ease-brand), opacity var(--dur) var(--ease-brand);
}
.hp-partners__logo:hover img { filter: none !important; opacity: 1 !important; }

/* ═════ 3) الخدمات ═════ */
.hp-svc-card {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand) !important;
}
.hp-svc-card:hover { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; }
.hp-svc-card__bg, .hp-svc-card__shade { display: none !important; }
.hp-svc-card__ico {
    width: 56px !important;
    height: 56px !important;
    border-radius: var(--radius-icon) !important;
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    box-shadow: none !important;
    font-size: 22px !important;
}
.hp-svc-card__num {
    font-family: var(--font-latin) !important;
    font-weight: 300 !important;
    color: var(--brand-mist) !important;
    -webkit-text-stroke: 0 !important;
}
.hp-svc-card__title { color: var(--brand-navy) !important; font-weight: 600 !important; }
.hp-svc-card__desc { color: var(--text-muted) !important; }
.hp-svc-card__points li { color: var(--brand-navy) !important; }
.hp-svc-card__points i {
    background: var(--teal-50) !important;
    color: var(--brand-teal) !important;
}
/* "طلب الخدمة" رابط نصي بسهم بدل زر داكن */
.hp-svc-card__cta {
    background: transparent !important;
    color: var(--brand-teal) !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}
.hp-svc-card:hover .hp-svc-card__cta { color: var(--teal-dark) !important; }

/* ═════ 4) العروض ═════ */
.offer-card {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand);
}
.offer-card:hover { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; }
.offer-card__badge {
    background: var(--teal-50) !important;
    color: var(--brand-teal) !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
    font-family: var(--font-latin) !important;
    font-weight: 600 !important;
}
.offer-card__title { color: var(--brand-navy) !important; font-weight: 600 !important; }
.offer-card__desc { color: var(--text-muted) !important; }
.offer-card__old-price { color: var(--text-muted) !important; opacity: 0.8; font-size: 0.9em !important; }
.offer-card__new-price {
    color: var(--brand-navy) !important;
    font-family: var(--font-latin) !important;
    font-weight: 600 !important;
    font-size: 1.5rem !important;
}
.offer-card__btn {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    border: 1.5px solid var(--brand-teal) !important;
    color: var(--white) !important;
    box-shadow: none !important;
}
.offer-card__btn:hover { background: var(--teal-dark) !important; border-color: var(--teal-dark) !important; }
.offer-card__btn--outline {
    background: transparent !important;
    border-color: var(--brand-mist) !important;
    color: var(--brand-navy) !important;
}
.offer-card__btn--outline:hover { background: transparent !important; border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }

/* ═════ 5) أحدث السير ═════ */
.hp-latest-card {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    transform: none !important;
}
.hp-latest-card:hover { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; }
.hp-latest-card__top { background: transparent !important; }
.hp-latest-card__type {
    background: var(--teal-50) !important;
    color: var(--brand-teal) !important;
    border-radius: var(--radius-pill) !important;
}
.hp-latest-card__code {
    font-family: var(--font-latin) !important;
    background: var(--surface-alt) !important;
    border: var(--border) !important;
    box-shadow: none !important;
}
.hp-latest-card__ring { background: var(--brand-mist) !important; }
.hp-latest-card__name { color: var(--brand-navy) !important; font-weight: 600 !important; }
.hp-latest-card__meta li,
.hp-latest-card__meta > * { background: var(--surface-alt) !important; }
.hp-latest-card__price { color: var(--brand-teal) !important; font-family: var(--font-latin) !important; }
.hp-latest-card__btn {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    box-shadow: none !important;
}
.hp-latest-card__btn:hover { background: var(--teal-dark) !important; }
.hp-latest-nav {
    border: var(--border) !important;
    box-shadow: none !important;
    background: var(--white) !important;
    color: var(--brand-navy) !important;
}

/* ═════ 6) من نحن: تخطيط تحريري — نص على جانب وصورة على الآخر ═════ */
.hp-about { color: var(--brand-navy) !important; }
.hp-about__bg, .hp-about__veil { display: none !important; }
.hp-about .sh-title { color: var(--brand-navy) !important; }
.hp-about__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) !important;
    gap: 64px !important;
    align-items: stretch !important;
}
.hp-about__text,
.hp-about__text p { color: var(--text-muted) !important; line-height: 1.95; }
.hp-about__points li {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    color: var(--brand-navy) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
}
.hp-about__points li::before {
    background: var(--teal-50) !important;
    color: var(--brand-teal) !important;
    box-shadow: none !important;
}
.hp-about__btn {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    border: 1.5px solid var(--brand-teal) !important;
    color: var(--white) !important;
    box-shadow: none !important;
    transform: none !important;
}
.hp-about__btn:hover { background: var(--teal-dark) !important; }
.hp-about__btn--ghost {
    background: transparent !important;
    border-color: var(--brand-navy) !important;
    color: var(--brand-navy) !important;
}
.hp-about__btn--ghost:hover { background: transparent !important; border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
/* العمود الجانبي يحمل صورة القسم، والبطاقة والأرقام فوقها */
.hp-about__side {
    position: relative;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    gap: 12px;
    min-height: 520px;
    padding: 20px;
    border-radius: var(--radius-card);
    overflow: hidden;
    background: var(--brand-navy) var(--about-img) center / cover no-repeat;
    animation: none !important;
}
.hp-about__card,
.hp-about__mini > div {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--brand-navy) !important;
    animation: none !important;
}
.hp-about__card h4 { color: var(--brand-navy) !important; }
.hp-about__card p { color: var(--text-muted) !important; }
.hp-about__card-ico {
    background: var(--brand-teal) !important;
    border-radius: var(--radius-icon) !important;
    box-shadow: none !important;
    color: var(--white) !important;
}
.hp-about__phone {
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
}
.hp-about__mini strong {
    color: var(--brand-teal) !important;
    font-family: var(--font-latin) !important;
    font-weight: 300 !important;
    font-size: 1.9rem !important;
}
.hp-about__mini span { color: var(--brand-navy) !important; }
@media (max-width: 991px) {
    .hp-about__grid { grid-template-columns: 1fr !important; gap: 32px !important; }
    .hp-about__side { min-height: 420px; }
}

/* ═════ 7) البحث السريع ═════ */
.hp-wsearch__card {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
}
.hp-wsearch__head {
    background: var(--white) !important;
    border-bottom: var(--border) !important;
}
.hp-wsearch__head::before, .hp-wsearch__head::after { display: none !important; }
.hp-wsearch__title { color: var(--brand-navy) !important; font-weight: 600 !important; }
.hp-wsearch__sub { color: var(--text-muted) !important; }
.hp-wsearch__icon {
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    border: 0 !important;
    border-radius: var(--radius-icon) !important;
    box-shadow: none !important;
}
.hp-wsearch__icon i { color: var(--white) !important; }
.hp-wsearch__toggle {
    background: transparent !important;
    border: var(--border) !important;
    color: var(--brand-navy) !important;
    border-radius: var(--radius-pill) !important;
}
.hp-wsearch__field label { color: var(--brand-navy) !important; font-weight: 500 !important; font-size: 13px !important; }
.hp-wsearch__control {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-field) !important;
    box-shadow: none !important;
}
.hp-wsearch__control:focus-within { border-color: var(--brand-teal) !important; }
.hp-wsearch__control i { color: var(--brand-teal) !important; }
.hp-wsearch__actions { border-top: var(--border) !important; }
.hp-wsearch__submit {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    box-shadow: none !important;
    color: var(--white) !important;
}
.hp-wsearch__submit:hover { background: var(--teal-dark) !important; transform: none !important; }
.hp-wsearch__reset {
    background: transparent !important;
    border: 0 !important;
    color: var(--text-muted) !important;
    box-shadow: none !important;
}
.hp-wsearch__reset:hover { color: var(--brand-teal) !important; }

/* ═════ 8) الدول: علم دائري صغير + الاسم في شبكة بسيطة ═════ */
.hp-nat__map, .hp-nat__veil { display: none !important; }
.hp-nat__grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
    gap: 16px !important;
}
.hp-nat-card {
    aspect-ratio: auto !important;
    display: flex !important;
    align-items: flex-start;
    gap: 14px;
    padding: 18px !important;
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    color: var(--brand-navy) !important;
    transform: none !important;
    transition: border-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand) !important;
}
.hp-nat-card::after { display: none !important; }
.hp-nat-card:hover,
.hp-nat-card:focus-visible { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; color: var(--brand-navy) !important; }
.hp-nat-card__flag {
    position: static !important;
    flex: 0 0 48px;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    object-fit: cover;
    border: var(--border);
    transform: none !important;
}
.hp-nat-card__shade { display: none !important; }
.hp-nat-card__body {
    position: static !important;
    flex: 1;
    min-width: 0;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.hp-nat-card__name { color: var(--brand-navy) !important; font-size: 1rem !important; font-weight: 600 !important; text-shadow: none !important; }
.hp-nat-card__go {
    background: transparent !important;
    border: 0 !important;
    color: var(--brand-teal) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
}
html[dir="ltr"] .hp-nat-card__go i { transform: scaleX(-1); }
/* التكلفة والمدة ظاهرتان دائمًا بخط صغير */
.hp-nat-card__details { grid-template-rows: 1fr !important; }
.hp-nat-card__details-inner { opacity: 1 !important; transform: none !important; padding-top: 8px !important; }
.hp-nat-card__stats { gap: 16px !important; }
.hp-nat-card__stat { background: transparent !important; border: 0 !important; padding: 0 !important; }
.hp-nat-card__stat .lbl { color: var(--text-muted) !important; font-size: 12px !important; }
.hp-nat-card__stat .lbl i { color: var(--brand-teal) !important; }
.hp-nat-card__stat .val { color: var(--brand-navy) !important; font-family: var(--font-latin) !important; font-size: 14px !important; }
.hp-nat-card__stat .val small { color: var(--text-muted) !important; }
.hp-nat-card__vat { color: var(--text-muted) !important; font-size: 11px !important; }

/* ═════ 9) لماذا نحن: خلفية بيضاء وبطاقات بحدود ═════ */
.hp-why { color: var(--brand-navy) !important; }
.hp-why .sh-title .accent { color: var(--brand-teal) !important; }
.hp-why-card {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--brand-navy) !important;
}
.swiper-slide-active .hp-why-card { border-color: var(--brand-teal) !important; }
.hp-why-card__num { color: var(--brand-mist) !important; font-family: var(--font-latin) !important; font-weight: 300 !important; -webkit-text-stroke: 0 !important; }
.hp-why-card__ico {
    background: var(--brand-teal) !important;
    border-radius: var(--radius-icon) !important;
    color: var(--white) !important;
    box-shadow: none !important;
}
.hp-why-card h3 { color: var(--brand-navy) !important; font-weight: 600 !important; }
.hp-why-card p { color: var(--text-muted) !important; }
.hp-why-card__line { background: var(--brand-teal) !important; }
.hp-why__btn {
    background: var(--white) !important;
    border: var(--border) !important;
    color: var(--brand-navy) !important;
    box-shadow: none !important;
}
.hp-why__btn:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
.hp-why__pg .swiper-pagination-bullet { background: var(--brand-mist) !important; opacity: 1 !important; }
.hp-why__pg .swiper-pagination-bullet-active { background: var(--brand-teal) !important; }

/* ═════ 10) متطلبات الاستقدام: خطوات 01 / 02 / 03 يربطها خط teal ═════ */
.hp-proc__tabs {
    background: var(--white) !important;
    border: var(--border) !important;
    box-shadow: none !important;
    border-radius: var(--radius-pill) !important;
    padding: 4px !important;
}
.hp-proc__tab {
    border-radius: var(--radius-pill) !important;
    border: 0 !important;
    color: var(--brand-navy) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-weight: 500 !important;
}
.hp-proc__tab.active { background: var(--brand-teal) !important; color: var(--white) !important; }
.hp-flow { counter-reset: hp-step; }
.hp-flow__step { counter-increment: hp-step; }
.hp-flow__track {
    top: 36px !important;
    height: 1px !important;
    background: var(--brand-teal) !important;
    opacity: 0.5;
}
.hp-flow__runner, .hp-flow__arrow { display: none !important; }
.hp-flow__node {
    width: 56px !important;
    height: 56px !important;
    background: var(--surface-alt) !important;
    border: 1.5px solid var(--brand-teal) !important;
    box-shadow: 0 0 0 8px var(--surface-alt) !important;
    transform: none !important;
}
/* الرقم بخانتين بخط Montserrat بدل أيقونة الخطوة */
.hp-flow__ico { display: none !important; }
.hp-flow__num {
    position: static !important;
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--brand-teal) !important;
    font-size: 0 !important;
}
.hp-flow__num::before {
    content: counter(hp-step, decimal-leading-zero);
    font-family: var(--font-latin);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
}
.hp-flow__step:hover .hp-flow__node { background: var(--brand-teal) !important; }
.hp-flow__step:hover .hp-flow__num { color: var(--white) !important; }
.hp-flow__card {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    padding: 0 8px !important;
}
.hp-flow__card h4 { color: var(--brand-navy) !important; font-weight: 600 !important; }
.hp-flow__card p { color: var(--text-muted) !important; }
@media (max-width: 991px) {
    /* رأسي على الجوال والتابلت: الخط يمر بجانب الأرقام */
    .hp-flow {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }
    .hp-flow__step:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 56px;
        bottom: -28px;
        inset-inline-start: 28px;
        width: 1px;
        background: var(--brand-teal);
        opacity: 0.5;
    }
    .hp-flow__track { display: none !important; }
    .hp-proc__tab { white-space: nowrap; font-size: 14px !important; padding-inline: 16px !important; }
    .hp-flow__step {
        flex-direction: row !important;
        align-items: flex-start !important;
        text-align: start !important;
        gap: 20px !important;
    }
    .hp-flow__node { flex: 0 0 56px; }
    .hp-flow__card { padding: 6px 0 0 !important; }
}

/* ═════ 11) مركز الاتصال ومساند والمدونة: بطاقات موحدة ═════ */
.hp-agent-card,
.hp-msn__office,
.hp-msn__panel,
.hp-msn-contact,
.blog-card {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    transform: none !important;
    transition: border-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand) !important;
}
.hp-agent-card:hover,
.hp-msn-contact:hover,
.blog-card:hover { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; }
.hp-agent-card::before,
.hp-agent-card__glow,
.hp-agent-card__wave { display: none !important; }
.hp-agent-card__ava-in {
    background: var(--brand-teal) !important;
    border-radius: var(--radius-icon) !important;
    box-shadow: none !important;
    color: var(--white) !important;
}
.hp-agent-card__online { border-color: var(--white) !important; background: var(--brand-teal) !important; }
.hp-agent-card__name { color: var(--brand-navy) !important; font-weight: 600 !important; }
.hp-agent-card__role { color: var(--text-muted) !important; }
.hp-agent-stars i { color: var(--brand-teal) !important; }
.hp-agent-btn {
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
    transform: none !important;
}
.hp-agent-btn.wa { background: var(--brand-teal) !important; border: 1.5px solid var(--brand-teal) !important; color: var(--white) !important; }
.hp-agent-btn.wa:hover { background: var(--teal-dark) !important; }
.hp-agent-btn.tel { background: transparent !important; border: 1.5px solid var(--brand-mist) !important; color: var(--brand-navy) !important; }
.hp-agent-btn.tel:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }

.hp-musaned .sh-title .accent { color: var(--brand-teal) !important; }
.hp-msn__seal { background: var(--white) !important; border: var(--border) !important; box-shadow: none !important; }
.hp-msn__office h3, .hp-msn__panel-title { color: var(--brand-navy) !important; }
.hp-msn__panel-title i, .hp-msn-ring__lbl i { color: var(--brand-teal) !important; }
.hp-msn__rank { background: var(--teal-50) !important; color: var(--brand-teal) !important; border: 0 !important; }
.hp-msn__view {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    box-shadow: none !important;
}
.hp-msn__view:hover { background: var(--teal-dark) !important; }
.hp-msn-ring__track { stroke: var(--brand-mist) !important; }
.hp-msn-ring__val { stroke: var(--brand-teal) !important; filter: none !important; }
.hp-msn-ring strong { color: var(--brand-navy) !important; font-family: var(--font-latin) !important; font-weight: 500 !important; }
.hp-msn-stars i { color: var(--brand-teal) !important; }
.hp-msn-rev { border-color: var(--brand-mist) !important; background: transparent !important; }
.hp-msn-rev__num, .hp-msn-bar__head b { font-family: var(--font-latin) !important; color: var(--brand-navy) !important; }
.hp-msn-bar__track { background: var(--brand-mist) !important; }
.hp-msn-bar__fill { background: var(--brand-teal) !important; box-shadow: none !important; }
.hp-msn-contact__ico {
    background: var(--brand-teal) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.hp-msn-contact__ico i { color: var(--white) !important; }
.hp-msn-contact__txt small { color: var(--text-muted) !important; }
.hp-msn-contact__txt strong { color: var(--brand-navy) !important; }

.blog-card__category {
    background: var(--teal-50) !important;
    color: var(--brand-teal) !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.blog-card__title { color: var(--brand-navy) !important; font-weight: 600 !important; }
.blog-card__excerpt, .blog-card__meta { color: var(--text-muted) !important; }
.blog-card__more { color: var(--brand-teal) !important; }
.blog-card:hover .blog-card__media img { transform: scale(1.03) !important; }
.hp-blog__all {
    border-radius: var(--radius-pill) !important;
    border: 1.5px solid var(--brand-navy) !important;
    color: var(--brand-navy) !important;
    background: transparent !important;
    box-shadow: none !important;
}
.hp-blog__all:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
.hp-blog__btn {
    background: var(--white) !important;
    border: var(--border) !important;
    color: var(--brand-navy) !important;
    box-shadow: none !important;
}
.hp-blog__btn:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
.hp-blog__pg .swiper-pagination-bullet { background: var(--brand-mist) !important; opacity: 1 !important; }
.hp-blog__pg .swiper-pagination-bullet-active { background: var(--brand-teal) !important; }

/* ═════ 12) CTA: كحلي مع علامة الدبوس المائية ═════ */
.hp-cta {
    position: relative;
    overflow: hidden;
    padding-block: 88px !important;
    background: var(--brand-navy) !important;
}
.hp-cta::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: -60px;
    bottom: -60px;
    inset-inline-start: -30px;
    width: 380px;
    background: var(--brand-pin) center / contain no-repeat !important;
    opacity: 0.04 !important;
    pointer-events: none;
    animation: none !important;
}
.hp-cta::after,
.hp-cta__rings,
.hp-cta__grid,
.hp-cta__icons { display: none !important; }
.hp-cta .container { position: relative; z-index: 1; }
.hp-cta__badge {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--brand-teal) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.hp-cta__badge i { display: none; }
.hp-cta__h2 { color: var(--white) !important; font-weight: 700 !important; }
.hp-cta__h2 span { color: var(--white) !important; background: none !important; -webkit-text-fill-color: currentColor !important; }
.hp-cta__h2 span::before, .hp-cta__h2 span::after { display: none !important; }
.hp-cta__sub { color: rgba(255, 255, 255, 0.75) !important; }
.hp-cta__actions {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 0 !important;
}
.hp-cta__btn-w,
.hp-cta__btn-o {
    border-radius: var(--radius-pill) !important;
    min-height: 52px;
    box-shadow: none !important;
    transform: none !important;
    font-weight: 600 !important;
}
.hp-cta__btn-w { background: var(--brand-teal) !important; border: 1.5px solid var(--brand-teal) !important; color: var(--white) !important; }
.hp-cta__btn-w:hover { background: var(--teal-dark) !important; border-color: var(--teal-dark) !important; }
.hp-cta__btn-o { background: transparent !important; border: 1.5px solid rgba(255, 255, 255, 0.85) !important; color: var(--white) !important; }
.hp-cta__btn-o:hover { background: var(--white) !important; color: var(--brand-navy) !important; }

/* ═════ 13) نموذج التواصل ═════ */
.hp-contact-info,
.hp-cform-wrap {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
}
.hp-contact-info::before, .hp-contact-info::after,
.hp-cform-wrap::before, .hp-cform-wrap::after { display: none !important; }
.hp-cinfo-item { border-color: var(--brand-mist) !important; background: transparent !important; box-shadow: none !important; }
.hp-cinfo-item h6 { color: var(--brand-navy) !important; }
.hp-cinfo-item p, .hp-cinfo-item a { color: var(--text-muted) !important; }
.hp-cinfo-item__ico {
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
.hp-contact-wa {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    box-shadow: none !important;
}
.hp-fg label { color: var(--brand-navy) !important; font-weight: 500 !important; }
.hp-fg label i { color: var(--brand-teal) !important; }
.hp-fc {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-field) !important;
    box-shadow: none !important;
}
.hp-fc:focus { border-color: var(--brand-teal) !important; outline: none; }
.hp-cform__submit {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--white) !important;
    transform: none !important;
}
.hp-cform__submit:hover { background: var(--teal-dark) !important; }
.hp-contact-map { border-top: var(--border); }
.hp-contact-map__open {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-navy) !important;
    box-shadow: none !important;
}

/* حركة الظهور: fade + translateY(8px) بمدة 250ms */
.hp .fu {
    transform: translateY(8px);
    transition: opacity var(--dur) var(--ease-brand), transform var(--dur) var(--ease-brand) !important;
    transition-delay: 0s !important;
}
.hp .fu.vis { transform: none; }

/* ═════ 14) الفوتر: كحلي صريح بلا تدرّج، مع علامة الدبوس ═════ */
.site-footer {
    background: var(--brand-navy) !important;
    color: rgba(255, 255, 255, 0.7);
}
.site-footer::before { display: none !important; }
.site-footer::after {
    background: var(--brand-pin) center / contain no-repeat !important;
    filter: none !important;
    opacity: 0.04 !important;
    width: 320px !important;
    height: 420px !important;
    bottom: -80px !important;
}
.site-footer h4, .site-footer h5, .site-footer h6,
.site-footer__col > h3, .site-footer__col > h4 { color: var(--white) !important; }
.site-footer__col h3::after, .site-footer__col h4::after, .site-footer__col h5::after {
    background: var(--brand-teal) !important;
}
.site-footer a,
.site-footer li,
.site-footer__brand p { color: rgba(255, 255, 255, 0.7) !important; }
.site-footer a:hover { color: var(--white) !important; }
.site-footer li::before { background: var(--brand-teal) !important; }
.site-footer__social a,
.site-footer__ico {
    background: var(--brand-teal) !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: var(--white) !important;
    box-shadow: none !important;
}
.site-footer__ico i, .site-footer__social a i { color: var(--white) !important; }
.site-footer__social a:hover { background: var(--teal-dark) !important; transform: none !important; }
.site-footer__top { border-bottom-color: rgba(255, 255, 255, 0.1) !important; }
.site-footer__tax {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: var(--radius-pill) !important;
}
.site-footer__copy, .site-footer__powered { color: rgba(255, 255, 255, 0.6) !important; }

/* ── تصحيحات الرئيسية ── */
/* عدّاد قديم مكرر فوق رقم البطاقة، وشريط متدرّج أسفلها */
.hp .hp-why-card::before,
.hp .hp-why-card::after { display: none !important; }
/* عنصر واحد يتوسّط بدل أن يلتصق بالطرف */
.hp-agents__grid:has(> :only-child) { grid-template-columns: minmax(0, 340px) !important; justify-content: center; }
.hpLatestSwiper .swiper-wrapper:has(> .swiper-slide:only-child) { justify-content: center; }
/* علامة الدبوس المائية أخفت */
.hp-cta::before,
.site-footer::after { opacity: 0.03 !important; }

/* ═════════════ الصفحات الداخلية (VP KIT في pages.css) ═════════════ */
:root {
    --vp-700: var(--teal-dark);
    --vp-600: var(--teal-dark);
    --vp-500: var(--brand-teal);
    --vp-400: var(--brand-teal);
    --vp-300: var(--brand-mist);
    --vp-200: var(--brand-mist);
    --vp-100: var(--teal-50);
    --vp-50: var(--teal-50);
    --vp-ink: var(--brand-navy);
    --vp-900: var(--brand-navy);
    --vp-800: var(--brand-navy);
    --vp-700n: var(--brand-navy);
    --vp-muted: var(--text-muted);
    --vp-line: var(--brand-mist);
    --vp-soft: var(--surface-alt);
    --vp-bg: var(--surface-alt);
    --vp-shadow: none;
    --vp-r-sm: var(--radius-field);
    --vp-r-md: var(--radius-card);
    --vp-r-lg: var(--radius-card);
    --vp-r-xl: var(--radius-card);
}

/* ترويسة الصفحة: شريط فاتح #F7F9FA بدل الكتلة الكحلية */
.vp-hero {
    background: var(--surface-alt) !important;
    border-bottom: var(--border);
    padding-block: calc(var(--site-header-h) + 48px) 48px !important;
}
.has-fast-news .vp-hero {
    padding-block-start: calc(var(--site-header-h) + var(--fast-news-height) + 48px) !important;
}
.vp-hero::before,
.vp-hero::after { display: none !important; }
.vp-hero__eyebrow {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--brand-teal) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
    gap: 12px !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
html[lang="en"] .vp-hero__eyebrow { font-size: 12px !important; letter-spacing: 0.25em; text-transform: uppercase; }
.vp-hero__dot { display: none !important; }
.vp-hero__eyebrow::before {
    content: "";
    width: 40px;
    height: 1px;
    background: currentColor;
    opacity: 0.6;
}
.vp-hero--center .vp-hero__eyebrow::after {
    content: "";
    width: 40px;
    height: 1px;
    background: currentColor;
    opacity: 0.6;
}
.vp-hero__title {
    color: var(--brand-navy) !important;
    font-weight: 700 !important;
    font-size: clamp(1.9rem, 3.6vw, 2.75rem) !important;
}
.vp-hero__desc { color: var(--text-muted) !important; }
.vp-hero__chip {
    background: var(--white) !important;
    border: var(--border) !important;
    color: var(--brand-navy) !important;
    border-radius: var(--radius-pill) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.vp-hero__chip i { color: var(--brand-teal) !important; }
.vp-hero__crumbs a { color: var(--text-muted) !important; }
.vp-hero__crumbs a:hover { color: var(--brand-teal) !important; }
.vp-hero__crumbs [aria-current] { color: var(--brand-teal) !important; }
.vp-hero__crumbs li + li::before { background: var(--brand-mist) !important; color: var(--text-muted) !important; }

/* رؤوس الأقسام داخل الصفحات */
.vp-eyebrow {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--brand-teal) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
}
.vp-eyebrow i { display: none; }
.vp-title { color: var(--brand-navy) !important; font-weight: 700 !important; }
.vp-title::before, .vp-title::after { display: none !important; }
.vp-subtitle { color: var(--text-muted) !important; }

/* بطاقات بحدود بلا ظل */
.vp-card,
.vp-feature,
.vp-form-shell,
.vp-aside__card,
.vp-infocard,
.vp-step,
.vp-flow__item,
.vp-block {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.vp-card--flat { background: var(--surface-alt) !important; }
.vp-feature,
.vp-step,
.vp-flow__item { transition: border-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand) !important; transform: none !important; }
.vp-feature:hover,
.vp-step:hover,
.vp-flow__item:hover { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; transform: none !important; }
.vp-feature::before, .vp-feature::after,
.vp-card::before { display: none !important; }
.vp-feature__title, .vp-step__title, .vp-flow__title, .vp-aside__title, .vp-info__title { color: var(--brand-navy) !important; font-weight: 600 !important; }
.vp-feature__text, .vp-step__text, .vp-flow__text, .vp-aside__text { color: var(--text-muted) !important; }

/* أيقونة داخل مربع teal بزوايا 16px */
.vp-ico {
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    border-radius: var(--radius-icon) !important;
    box-shadow: none !important;
}
.vp-ico i { color: var(--white) !important; }
.vp-ico--sm { border-radius: 10px !important; }

/* الأرقام بخط Montserrat */
.vp-step__num,
.vp-flow__badge,
.vp-flow__step {
    font-family: var(--font-latin) !important;
    background: transparent !important;
    border: 1.5px solid var(--brand-teal) !important;
    color: var(--brand-teal) !important;
    box-shadow: none !important;
}

/* أزرار pill */
.vp-btn {
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
    transform: none !important;
    font-weight: 600 !important;
}
.vp-btn--solid { background: var(--brand-teal) !important; border-color: var(--brand-teal) !important; color: var(--white) !important; }
.vp-btn--solid:hover { background: var(--teal-dark) !important; border-color: var(--teal-dark) !important; }
.vp-btn--ghost { background: transparent !important; border: 1.5px solid var(--brand-navy) !important; color: var(--brand-navy) !important; }
.vp-btn--ghost:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
.vp-btn--dark { background: var(--brand-navy) !important; color: var(--white) !important; }

/* الحقول */
.vp-label { color: var(--brand-navy) !important; font-weight: 500 !important; }
.vp-input,
.vp-phone,
.vp-dropzone {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-field) !important;
    box-shadow: none !important;
}
.vp-input:focus,
.vp-phone:focus-within { border-color: var(--brand-teal) !important; outline: none; box-shadow: none !important; }
.vp-dropzone { border-style: dashed !important; }
.vp-note {
    background: var(--teal-50) !important;
    border: 0 !important;
    border-radius: var(--radius-card) !important;
    color: var(--brand-navy) !important;
}
.vp-map { border-radius: var(--radius-card) !important; border: var(--border); box-shadow: none !important; }

/* أي شريط CTA كحلي داخل الصفحات: كحلي صريح بلا تدرّج مع علامة الدبوس */
.vp-cta,
.vp-banner {
    background: var(--brand-navy) !important;
    box-shadow: none !important;
    position: relative;
    overflow: hidden;
}
.vp-cta::before, .vp-banner::before {
    content: "" !important;
    position: absolute;
    top: -40px;
    bottom: -40px;
    inset-inline-end: -20px;
    width: 260px;
    background: var(--brand-pin) center / contain no-repeat !important;
    opacity: 0.04 !important;
    pointer-events: none;
}
.vp-cta::after, .vp-banner::after { display: none !important; }

/* الصفحات تتناوب: أبيض ثم #F7F9FA */
.vp-section--soft { background: var(--surface-alt) !important; }
.vp-cta__title { color: var(--white) !important; }
.vp-cta__text { color: rgba(255, 255, 255, 0.75) !important; }
.vp-cta .vp-btn--ghost { border-color: rgba(255, 255, 255, 0.85) !important; color: var(--white) !important; }
.vp-cta .vp-btn--ghost:hover { background: var(--white) !important; color: var(--brand-navy) !important; }
.vp-pillar {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color var(--dur) var(--ease-brand) !important;
}
.vp-pillar:hover { border-color: var(--brand-teal) !important; }
.vp-pillar::before { color: var(--brand-mist) !important; font-family: var(--font-latin) !important; font-weight: 300 !important; -webkit-text-stroke: 0 !important; opacity: 1 !important; }
.vp-pillar__title { color: var(--brand-navy) !important; font-weight: 600 !important; }
.vp-pillar__text { color: var(--text-muted) !important; }
.vp-tag { background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--brand-teal) !important; font-weight: 600 !important; }

.site-footer__powered img { filter: brightness(0) invert(1); width: 40px !important; height: auto !important; }
/* ═════════════ صفحة العاملات (/all-workers) ═════════════ */

/* رأس الصفحة: شريط فاتح + عنوان + مسار التنقل (يُستخدم أيضًا في صفحات أخرى بنفس البنية) */
main > nav.breadcrumb {
    background: var(--surface-alt) !important;
    border-bottom: var(--border);
    padding: calc(var(--site-header-h) + 40px) 0 36px !important;
    margin: 0;
    min-height: 0 !important;
}
.has-fast-news main > nav.breadcrumb {
    padding-top: calc(var(--site-header-h) + var(--fast-news-height) + 40px) !important;
}
main > nav.breadcrumb::before,
main > nav.breadcrumb::after,
main > nav.breadcrumb .decorative-shape { display: none !important; }
main > nav.breadcrumb .container { text-align: start; align-items: flex-start !important; }
main > nav.breadcrumb h2 {
    color: var(--brand-navy) !important;
    font-weight: 700 !important;
    font-size: clamp(1.75rem, 3.2vw, 2.5rem) !important;
    margin-bottom: 10px;
    text-shadow: none !important;
}
main > nav.breadcrumb h2::after { display: none !important; }
main > nav.breadcrumb ul {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
main > nav.breadcrumb li,
main > nav.breadcrumb li a { color: var(--text-muted) !important; font-size: 14px; }
main > nav.breadcrumb li[aria-current] { color: var(--brand-teal) !important; }
main > nav.breadcrumb li a:hover { color: var(--brand-teal) !important; }

.workers-cv-section.wk {
    background: var(--white) !important;
    padding: 40px 0 96px !important;
}
.wk-layout {
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 32px !important;
}

/* ── عمود الفلاتر ── */
.wk-side { top: calc(var(--site-header-h) + 20px) !important; }
.wk-filter {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
}
.wk-filter__head {
    background: var(--white) !important;
    border-bottom: var(--border) !important;
    padding: 16px 20px !important;
}
.wk-filter__head::before, .wk-filter__head::after { display: none !important; }
.wk-filter__head h3 { color: var(--brand-navy) !important; font-size: 15px !important; font-weight: 600 !important; }
.wk-filter__head h3 i { background: transparent !important; color: var(--brand-teal) !important; box-shadow: none !important; }
/* "مسح الفلترة" رابط نصي */
.wk-clear {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: var(--text-muted) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.wk-clear i { display: none; }
.wk-clear:hover { color: var(--brand-teal) !important; background: transparent !important; }
.wk-field label {
    color: var(--brand-navy) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.wk-field label i { display: none; }
.wk-select select,
.wk-input input {
    background-color: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-field) !important;
    box-shadow: none !important;
    color: var(--brand-navy) !important;
    font-weight: 400 !important;
    min-height: 44px;
}
.wk-select select:focus,
.wk-input input:focus { border-color: var(--brand-teal) !important; box-shadow: none !important; }
.wk-submit {
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    box-shadow: none !important;
    transform: none !important;
    min-height: 46px;
    font-weight: 600 !important;
}
.wk-submit:hover { background: var(--teal-dark) !important; }

/* ── شريط أعلى النتائج ── */
.wk-toolbar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 20px;
}
.wk-seg {
    display: inline-flex !important;
    flex-wrap: nowrap;
    gap: 2px !important;
    align-self: flex-start;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 4px;
    background: var(--white);
    border: var(--border);
    border-radius: var(--radius-pill);
}
.wk-seg::-webkit-scrollbar { display: none; }
.wk-seg .cv-service-tab {
    flex: 0 0 auto;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    background: transparent !important;
    color: var(--brand-navy) !important;
    box-shadow: none !important;
    padding: 9px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap;
    transform: none !important;
    transition: background-color var(--dur) var(--ease-brand), color var(--dur) var(--ease-brand);
}
.wk-seg .cv-service-tab:hover { color: var(--brand-teal) !important; }
.wk-seg .cv-service-tab.is-active { background: var(--brand-teal) !important; color: var(--white) !important; }
.wk-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.wk-chips:empty { display: none; }
.wk-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border: 0;
    border-radius: var(--radius-pill);
    background: var(--teal-50);
    color: var(--brand-teal);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color var(--dur) var(--ease-brand);
}
.wk-chip i { font-size: 11px; }
.wk-chip:hover { background: var(--brand-mist); color: var(--brand-navy); }

/* عداد النتائج أعلى الشبكة والترقيم أسفلها (العنصران داخل غلاف واحد يُعاد رسمه بالـ AJAX) */
#maids_list { display: flex; flex-direction: column; }
#maids_list .workers-pagination-wrap { display: contents; }
#maids_list .workers-pagination-status {
    order: -1;
    margin: 0 0 14px;
    color: var(--text-muted) !important;
    font-size: 14px !important;
    text-align: start;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
#maids_list .workers-pagination {
    margin-top: 32px;
    justify-content: center;
    gap: 6px;
}
.workers-pagination-btn {
    min-width: 40px;
    height: 40px;
    border-radius: var(--radius-pill) !important;
    border: var(--border) !important;
    background: var(--white) !important;
    color: var(--brand-navy) !important;
    box-shadow: none !important;
    font-family: var(--font-latin) !important;
    font-weight: 500 !important;
    transform: none !important;
}
.workers-pagination-btn:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
.workers-pagination-btn.is-active { background: var(--brand-teal) !important; border-color: var(--brand-teal) !important; color: var(--white) !important; }
.workers-pagination-btn[aria-disabled="true"] { opacity: 0.4; }
html[dir="ltr"] .workers-pagination-btn i { transform: scaleX(-1); }

/* ── الشبكة: 3 / 2 / 1 ── */
.wk-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
.wk-grid > .worker-service-card { animation: none !important; }

/* ── بطاقة العاملة ── */
.cvc {
    padding: 0 !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: border-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand) !important;
}
.cvc::before { display: none !important; }
.cvc:hover { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; }
.cvc > * { margin-inline: 16px; }
/* الصورة بعرض البطاقة بنسبة 4:5 */
.cvc__avatar {
    order: -1;
    width: auto !important;
    height: auto !important;
    margin: 0 0 14px !important;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--surface-alt);
    border-bottom: var(--border);
}
.cvc__ring { display: none !important; }
.cvc__photo {
    position: static !important;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}
.cvc__photo::after { display: none !important; }
.cvc__photo img {
    border-radius: 0 !important;
    transition: transform var(--dur) var(--ease-brand) !important;
}
.cvc:hover .cvc__photo img { transform: scale(1.03) !important; }
/* الشارة والكود فوق الصورة */
.cvc__top {
    position: absolute !important;
    top: 12px;
    inset-inline: 12px;
    margin: 0 !important;
    z-index: 2;
}
.cvc__type {
    background: var(--white) !important;
    color: var(--brand-teal) !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    padding: 5px 12px !important;
}
.cvc__type i { display: none; }
.cvc__code {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: none !important;
    color: var(--brand-navy) !important;
    font-family: var(--font-latin) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.04em;
    padding: 5px 10px !important;
}
.cvc__code i { display: none; }
.cvc__wa {
    position: absolute !important;
    top: 52px !important;
    bottom: auto !important;
    inset-inline-end: 12px !important;
    inset-inline-start: auto !important;
    left: auto;
    right: auto;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    animation: none !important;
    box-shadow: none !important;
    z-index: 3;
}
html[dir="rtl"] .cvc__wa { left: 12px !important; right: auto !important; }
html[dir="ltr"] .cvc__wa { right: 12px !important; left: auto !important; }
.cvc__name {
    color: var(--brand-navy) !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    text-align: start !important;
}
.cvc__sub {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-start !important;
    text-align: start !important;
    color: var(--text-muted) !important;
    font-size: 13px !important;
    margin-bottom: 14px !important;
}
.cvc__sub .dot { color: var(--brand-mist) !important; margin: 0 !important; }
.cvc__sub .cvc__flag {
    position: static !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50%;
    overflow: hidden;
    border: var(--border) !important;
    box-shadow: none !important;
    flex: 0 0 18px;
}
.cvc__branch {
    align-self: flex-start;
    background: var(--teal-50) !important;
    color: var(--brand-teal) !important;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    margin-bottom: 12px;
}
/* شبكة 2×2 للمعلومات: التسمية رمادية صغيرة والقيمة كحلية */
.cvc__meta {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 16px !important;
    margin-bottom: 14px !important;
}
.cvc__item {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    gap: 0 !important;
}
.cvc__item > i { display: none !important; }
.cvc__item small { color: var(--text-muted) !important; font-size: 12px !important; font-weight: 400 !important; }
.cvc__item b { color: var(--brand-navy) !important; font-size: 14px !important; font-weight: 600 !important; }
/* المهارة (خبرة الطبخ) كـ tag بخلفية mist */
.cvc__item:has(> .fa-utensils) {
    grid-column: 1 / -1;
    order: 5;
}
.cvc__item:has(> .fa-utensils) small { display: none; }
.cvc__item:has(> .fa-utensils) b {
    display: inline-block;
    align-self: flex-start;
    background: var(--brand-mist);
    color: var(--brand-navy) !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    padding: 5px 12px;
    border-radius: var(--radius-pill);
    white-space: normal !important;
}
/* الراتب وقيمة الاستقدام/الباقة: بعد فاصل، الرقم teal كبير */
.cvc__item--price,
.cvc__item:has(> .fa-sack-dollar) {
    order: 10;
    border-top: var(--border) !important;
    padding-top: 12px !important;
    grid-column: auto !important;
}
.cvc__item--price:only-of-type,
.cvc__item--price + .cvc__item--price { grid-column: auto !important; }
.cvc__item--price b,
.cvc__item:has(> .fa-sack-dollar) b {
    color: var(--brand-teal) !important;
    font-family: var(--font-latin) !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
}
/* سطر الضمان */
.cvc__note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-align: start !important;
    color: var(--text-muted) !important;
    font-size: 12px !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 14px !important;
}
.cvc__note i { color: var(--brand-teal) !important; font-size: 13px !important; margin-top: 2px; }
/* الأزرار */
.cvc__actions {
    margin-top: auto !important;
    padding-bottom: 16px;
    gap: 8px !important;
}
.cvc-btn--main {
    flex: 1;
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    box-shadow: none !important;
    transform: none !important;
    min-height: 42px;
    font-weight: 600 !important;
}
.cvc-btn--main::after { display: none !important; }
.cvc-btn--main:hover { background: var(--teal-dark) !important; }
.cvc-ico {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: 1.5px solid var(--brand-mist) !important;
    background: var(--white) !important;
    color: var(--brand-navy) !important;
    box-shadow: none !important;
    transform: none !important;
}
.cvc-ico:hover,
.cvc-ico--cv:hover,
.cvc-ico--dl:hover,
.cvc-ico--vid:hover {
    background: var(--white) !important;
    border-color: var(--brand-teal) !important;
    color: var(--brand-teal) !important;
    box-shadow: none !important;
}
.cvc-ico:hover i { animation: none !important; }

/* ── الحالة الفارغة: أيقونة الدبوس الخطية ── */
.wk-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 64px 24px !important;
    background: var(--white) !important;
    border: 1px dashed var(--brand-mist) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: none !important;
    text-align: center;
}
.wk-empty__pin {
    width: 56px;
    height: 72px;
    margin-bottom: 10px;
    background: var(--brand-teal);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' fill='none' stroke='%23000' stroke-width='5' stroke-linejoin='round'%3E%3Ccircle cx='37' cy='12' r='8'/%3E%3Ccircle cx='63' cy='12' r='8'/%3E%3Cpath d='M50 30a38 38 0 0 1 28 63.6L50 130 22 93.6A38 38 0 0 1 50 30z'/%3E%3Cpath d='M45 54l10-6v52'/%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 100 140' fill='none' stroke='%23000' stroke-width='5' stroke-linejoin='round'%3E%3Ccircle cx='37' cy='12' r='8'/%3E%3Ccircle cx='63' cy='12' r='8'/%3E%3Cpath d='M50 30a38 38 0 0 1 28 63.6L50 130 22 93.6A38 38 0 0 1 50 30z'/%3E%3Cpath d='M45 54l10-6v52'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wk-empty h3 { color: var(--brand-navy) !important; font-weight: 600 !important; }
.wk-empty p { color: var(--text-muted) !important; margin-bottom: 14px !important; }

/* ── Skeleton أثناء التحميل ── */
@keyframes wkSkel { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
.wk-skel {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 18px;
    border: var(--border);
    border-radius: var(--radius-card);
    overflow: hidden;
    background: var(--white);
}
.wk-skel span {
    display: block;
    background: linear-gradient(90deg, var(--surface-alt) 25%, var(--brand-mist) 50%, var(--surface-alt) 75%);
    background-size: 200% 100%;
    animation: wkSkel 1.2s linear infinite;
}
.wk-skel__img { aspect-ratio: 4 / 5; margin-bottom: 6px; }
.wk-skel__line { height: 12px; margin-inline: 16px; border-radius: var(--radius-pill); }
.wk-skel__line--short { width: 50%; }

/* زر الفلاتر وعدّادها */
.wk-toggle__count {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    margin-inline-start: auto;
    border-radius: var(--radius-pill);
    background: var(--white);
    color: var(--brand-teal);
    font-family: var(--font-latin);
    font-size: 12px;
    font-weight: 600;
}
.wk-toggle__count[hidden] { display: none; }

/* ── التابلت: عمودان بلا عمود جانبي، والفلاتر في bottom sheet ── */
@media (max-width: 1199.98px) {
    .wk-layout { grid-template-columns: 260px minmax(0, 1fr) !important; gap: 24px !important; }
    .wk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 991.98px) {
    .wk-layout { grid-template-columns: 1fr !important; }
    .wk-side { position: static !important; }
    /* زر pill ثابت أسفل الشاشة */
    .wk-toggle {
        position: fixed !important;
        bottom: 20px;
        left: 50% !important;
        transform: translateX(-50%);
        z-index: 1003;
        display: inline-flex !important;
        width: auto !important;
        gap: 10px !important;
        padding: 12px 22px !important;
        border: 0 !important;
        border-radius: var(--radius-pill) !important;
        background: var(--brand-teal) !important;
        color: var(--white) !important;
        box-shadow: 0 6px 20px rgba(13, 31, 45, 0.18) !important;
        font-weight: 600 !important;
        white-space: nowrap;
    }
    .wk-toggle i:first-child { color: var(--white) !important; }
    .wk-toggle .wk-toggle__chev { display: none; }
    /* الورقة السفلية */
    .wk-filter { display: block !important; }
    .wk-side .wk-filter {
        position: fixed;
        inset-inline: 0;
        bottom: 0;
        z-index: 1002;
        max-height: 85dvh;
        overflow-y: auto;
        margin: 0 !important;
        border-radius: 16px 16px 0 0 !important;
        border-bottom: 0 !important;
        padding-bottom: 88px;
        transform: translateY(100%);
        visibility: hidden;
        transition: transform var(--dur) var(--ease-brand), visibility var(--dur);
    }
    .wk-side.is-open .wk-filter {
        transform: none;
        visibility: visible;
        box-shadow: 0 0 0 100vmax rgba(13, 31, 45, 0.45) !important;
    }
    .wk-filter__body { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .wk-submit { grid-column: 1 / -1; }
    body.wk-sheet-open { overflow: hidden; }
    /* لا يتعارض زر واتساب العائم مع زر الفلاتر */
    body:has(.wk-toggle) .whatsapp-float { bottom: 84px !important; }
}
@media (max-width: 767.98px) {
    .wk-grid { grid-template-columns: 1fr !important; }
    .wk-filter__body { grid-template-columns: 1fr !important; }
    .workers-cv-section.wk { padding: 24px 0 112px !important; }
}
.wk-filter__head h3,
.wk-clear { white-space: nowrap; }
.wk-filter__head { gap: 12px; }
body.wk-sheet-open .whatsapp-float { display: none !important; }
/* الزر الرئيسي لا يُضغط أبدًا: يلتف صف الأيقونات تحته عند ضيق البطاقة */
.cvc__actions { flex-wrap: wrap; }
.cvc-btn--main { flex: 1 1 150px !important; white-space: nowrap; padding-inline: 16px !important; }
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* ══════════════════════════════════════════════════════════════════════
   الرئيسية — الجولة الثانية (هوية خاصة بالشركة)
   ══════════════════════════════════════════════════════════════════════ */
:root {
    /* دبوس ممتلئ + نقطتان (رمز الشعار) — قناع لأيقونات الخدمات */
    --pin-mark-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 130'%3E%3Ccircle cx='36' cy='10' r='9'/%3E%3Ccircle cx='64' cy='10' r='9'/%3E%3Cpath d='M50 24c19.9 0 36 16.1 36 36 0 14.4-8.6 23-17.3 31.7L50 128 31.3 91.7C22.6 83 14 74.4 14 60c0-19.9 16.1-36 36-36z'/%3E%3C/svg%3E");
    /* دبوس ممتلئ وحده — قناع صورة "من نحن" */
    --pin-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 480' preserveAspectRatio='none'%3E%3Cpath d='M200 0C310.5 0 400 89.5 400 200c0 80-48 128-96 176L200 480 96 376C48 328 0 280 0 200 0 89.5 89.5 0 200 0z'/%3E%3C/svg%3E");
    /* إطار الدبوس حول الصورة + نقطتا الأشخاص فوقه */
    --pin-frame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 432 572' preserveAspectRatio='none'%3E%3Ccircle cx='170' cy='28' r='22' fill='%230F8B88'/%3E%3Ccircle cx='262' cy='28' r='22' fill='%230F8B88'/%3E%3Cpath d='M216 64c118 0 212 94 212 212 0 84-50 134-100 186L216 568 104 462C54 410 4 360 4 276 4 158 98 64 216 64z' fill='%23EEF7F7' stroke='%230F8B88' stroke-width='2.5'/%3E%3C/svg%3E");
}

/* ── 1) الـ Hero: تعتيم أغمق قليلًا ── */
body.is-home .vh-hero__veil {
    background: linear-gradient(180deg, rgba(13, 31, 45, 0.72) 0%, rgba(13, 31, 45, 0.45) 45%, rgba(13, 31, 45, 0.8) 100%) !important;
}

/* ── 2) خدمات الاستقدام: صورة علوية + أيقونة على شكل رمز الشعار ── */
.hp-svc:not(.hp-other-services) .hp-svc-card {
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}
.hp-svc:not(.hp-other-services) .hp-svc-card__bg {
    display: block !important;
    position: absolute;
    inset: 0 0 auto 0;
    height: 168px;
    opacity: 1 !important;
    clip-path: none !important;
    transform: none !important;
    transition: transform 0.6s var(--ease-brand) !important;
}
.hp-svc:not(.hp-other-services) .hp-svc-card__shade {
    display: block !important;
    position: absolute;
    inset: 0 0 auto 0;
    height: 168px;
    opacity: 1 !important;
    background: linear-gradient(180deg, rgba(13, 31, 45, 0.15) 0%, rgba(13, 31, 45, 0.65) 100%) !important;
}
.hp-svc:not(.hp-other-services) .hp-svc-card:hover .hp-svc-card__bg { transform: scale(1.05) !important; }
.hp-svc:not(.hp-other-services) .hp-svc-card__body {
    margin-top: 168px;
    padding: 0 26px 24px;
    gap: 12px;
}
.hp-svc:not(.hp-other-services) .hp-svc-card__top { position: static; margin: 0; }
/* الأيقونة داخل دبوس الشعار ونقطتيه، نصفها فوق الصورة */
.hp-svc:not(.hp-other-services) .hp-svc-card__ico {
    width: 60px !important;
    height: 78px !important;
    margin-top: -52px;
    border-radius: 0 !important;
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    font-size: 20px !important;
    padding-top: 10px;
    -webkit-mask: var(--pin-mark-mask) center / contain no-repeat;
    mask: var(--pin-mark-mask) center / contain no-repeat;
    transition: background-color var(--dur) var(--ease-brand) !important;
}
.hp-svc:not(.hp-other-services) .hp-svc-card:hover .hp-svc-card__ico { background: var(--teal-dark) !important; transform: none !important; }
/* رقم الخدمة أبيض على الصورة */
.hp-svc:not(.hp-other-services) .hp-svc-card__num {
    position: absolute;
    top: 18px;
    inset-inline-end: 22px;
    z-index: 2;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 2.6rem !important;
}
.hp-svc:not(.hp-other-services) .hp-svc-card__title { font-size: 1.3rem !important; }
.hp-svc:not(.hp-other-services) .hp-svc-card__points li i {
    width: 8px !important;
    height: 8px !important;
    font-size: 0 !important;
    border-radius: 50% !important;
    background: var(--brand-teal) !important;
}
.hp-svc:not(.hp-other-services) .hp-svc-card__points li { font-weight: 500 !important; font-size: 0.95rem !important; }
/* "طلب الخدمة": سطر سفلي بفاصل وسهم داخل دائرة */
.hp-svc:not(.hp-other-services) .hp-svc-card__cta {
    align-self: stretch !important;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 16px !important;
    border-top: var(--border);
    border-radius: 0 !important;
}
.hp-svc:not(.hp-other-services) .hp-svc-card__cta i {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    border: 1.5px solid var(--brand-teal);
    font-size: 13px;
    transition: background-color var(--dur) var(--ease-brand), color var(--dur) var(--ease-brand);
}
.hp-svc:not(.hp-other-services) .hp-svc-card:hover .hp-svc-card__cta i { background: var(--brand-teal); color: var(--white); }
html[dir="ltr"] .hp-svc-card__cta i { transform: scaleX(-1); }

/* ── 7) خدمات أخرى: بطاقة مدمجة بقدر المحتوى ── */
.hp-other-services .hp-svc-card {
    min-height: 0 !important;
    height: 100%;
    padding: 24px !important;
}
.hp-other-services .hp-svc-card__body {
    display: grid !important;
    grid-template-columns: 52px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 6px;
    align-content: start;
    height: auto;
}
.hp-other-services .hp-svc-card__top { grid-row: 1 / span 3; margin: 0; display: block; }
.hp-other-services .hp-svc-card__ico {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
}
.hp-other-services .hp-svc-card__num { display: none; }
.hp-other-services .hp-svc-card__title { font-size: 1.08rem !important; line-height: 1.5; align-self: center; }
.hp-other-services .hp-svc-card__desc { font-size: 0.93rem !important; line-height: 1.8; }
.hp-other-services .hp-svc-card__cta { margin-top: 6px; }

/* ── 3) العروض: بطاقة على شكل قسيمة ── */
.offer-card {
    overflow: hidden !important;
    border-radius: 16px !important;
}
.offer-card__media {
    position: relative;
    height: 190px !important;
    aspect-ratio: auto !important;
    overflow: hidden;
}
.offer-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s var(--ease-brand);
}
.offer-card:hover .offer-card__media img { transform: scale(1.04); }
/* فتحتا القسيمة على الجانبين وخط مثقّب بين الصورة والمحتوى */
.offer-card::before,
.offer-card::after {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: 178px;
    z-index: 3;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--surface-alt);
    border: var(--border);
    opacity: 1 !important;
    transform: none !important;
}
.offer-card::before { left: -13px; right: auto; }
.offer-card::after { right: -13px; left: auto; }
.hp-blog .offer-card::before, .hp-blog .offer-card::after,
.vp-section:not(.vp-section--soft) .offer-card::before,
.vp-section:not(.vp-section--soft) .offer-card::after { background: var(--white); }
.offer-card__body {
    position: relative;
    border-top: 2px dashed var(--brand-mist);
    padding: 22px 22px 22px !important;
    gap: 10px;
}
/* شارة الخصم: ختم دائري */
.offer-card__badge {
    top: 14px !important;
    inset-inline-start: 14px !important;
    inset-inline-end: auto !important;
    left: auto;
    right: auto;
    display: grid !important;
    place-items: center;
    width: 82px;
    height: 82px;
    padding: 10px !important;
    border-radius: 50% !important;
    background: var(--white) !important;
    color: var(--brand-teal) !important;
    border: 0 !important;
    outline: 1.5px dashed var(--brand-teal);
    outline-offset: -7px;
    font-size: 13px !important;
    line-height: 1.25;
    text-align: center;
    transform: rotate(-10deg);
}
html[dir="rtl"] .offer-card__badge { right: 14px !important; left: auto !important; }
html[dir="ltr"] .offer-card__badge { left: 14px !important; right: auto !important; }
.offer-card__title { font-size: 1.12rem !important; }
/* الأسعار في شريط ناعم: الجديد كبير والقديم مشطوب */
.offer-card__prices {
    display: flex !important;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto !important;
    padding: 12px 16px !important;
    border-radius: var(--radius-field);
    background: var(--teal-50);
}
.offer-card__new-price { order: -1; font-size: 1.55rem !important; color: var(--brand-navy) !important; }
.offer-card__old-price { text-decoration: line-through; text-decoration-color: var(--brand-teal); }
.offer-card__actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px !important;
    border: 0 !important;
    padding: 0 !important;
}
.offer-card__btn { min-height: 44px; justify-content: center; }

/* ── 4) من نحن / لماذا نحن: الصورة داخل دبوس الشعار وإطاره ونقطتيه ── */
.hp-about__side {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    justify-self: center;
    width: 100%;
    max-width: 440px;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: none !important;
}
.hp-about__side::before {
    content: "";
    grid-area: 1 / 1;
    aspect-ratio: 432 / 572;
    background: var(--pin-frame) center / 100% 100% no-repeat;
}
.hp-about__side::after {
    content: "";
    grid-area: 1 / 1;
    /* الصورة داخل الإطار بفاصل منتظم (نِسَب من عرض الإطار 432) */
    margin: 17.6% 3.7% 3.7%;
    background: var(--brand-navy) var(--about-img) center / cover no-repeat;
    -webkit-mask: var(--pin-mask) center / 100% 100% no-repeat;
    mask: var(--pin-mask) center / 100% 100% no-repeat;
}
/* بطاقة المساعدة تتداخل مع أسفل الدبوس من جهة واحدة فلا تغطي رأسه */
.hp-about__card {
    grid-row: 2;
    grid-column: 1;
    position: relative;
    z-index: 2;
    justify-self: end;
    width: min(260px, 62%);
    margin-top: -190px;
    padding: 20px !important;
    text-align: center;
}
.hp-about__card-ico { width: 48px !important; height: 48px !important; margin-inline: auto; font-size: 18px !important; }
.hp-about__card h4 { font-size: 1rem !important; margin: 10px 0 4px !important; }
.hp-about__card p { font-size: 0.88rem !important; margin-bottom: 12px !important; }
.hp-about__phone { justify-content: center; font-size: 0.9rem !important; }
.hp-about__mini {
    grid-row: 3;
    grid-column: 1;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px !important;
    margin-top: 16px;
}
.hp-about__mini > div { padding: 14px 8px !important; text-align: center; }
.hp-about__mini strong { font-size: 1.5rem !important; }
.hp-about__mini span { font-size: 0.8rem !important; }
@media (max-width: 991px) {
    .hp-about__side { max-width: 400px; }
}

/* ── 5) الدول: نصف علم ونصف محتوى، والعلم يملأ البطاقة عند المرور ── */
.hp-nat__grid {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)) !important;
    gap: 18px !important;
}
.hp-nat-card {
    position: relative !important;
    display: block !important;
    height: 168px;
    padding: 0 !important;
    overflow: hidden !important;
    isolation: isolate;
}
.hp-nat-card__flag {
    position: absolute !important;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    width: 44% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: 0 !important;
    object-fit: cover;
    z-index: 0;
    transition: width 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important;
}
.hp-nat-card__shade {
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(13, 31, 45, 0.62) !important;
    opacity: 0 !important;
    transition: opacity 0.45s var(--ease-brand) 0.1s !important;
}
.hp-nat-card__body {
    position: absolute !important;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    z-index: 2;
    width: 56%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 14px 12px !important;
    text-align: center;
    transition: width 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important;
}
.hp-nat-card__head { justify-content: center !important; gap: 8px; }
.hp-nat-card__go { display: none !important; }
.hp-nat-card__stats { justify-content: center; }
.hp-nat-card__name,
.hp-nat-card__stat .lbl,
.hp-nat-card__stat .val,
.hp-nat-card__stat .val small,
.hp-nat-card__vat { transition: color 0.35s var(--ease-brand) 0.12s !important; }
.hp-nat-card:hover .hp-nat-card__flag,
.hp-nat-card:focus-visible .hp-nat-card__flag { width: 100% !important; }
.hp-nat-card:hover .hp-nat-card__shade,
.hp-nat-card:focus-visible .hp-nat-card__shade { opacity: 1 !important; }
.hp-nat-card:hover .hp-nat-card__body,
.hp-nat-card:focus-visible .hp-nat-card__body { width: 100%; }
.hp-nat-card:hover .hp-nat-card__name,
.hp-nat-card:hover .hp-nat-card__stat .val,
.hp-nat-card:focus-visible .hp-nat-card__name,
.hp-nat-card:focus-visible .hp-nat-card__stat .val { color: var(--white) !important; }
.hp-nat-card:hover .hp-nat-card__stat .lbl,
.hp-nat-card:hover .hp-nat-card__stat .lbl i,
.hp-nat-card:hover .hp-nat-card__stat .val small,
.hp-nat-card:hover .hp-nat-card__vat,
.hp-nat-card:focus-visible .hp-nat-card__stat .lbl,
.hp-nat-card:focus-visible .hp-nat-card__vat { color: rgba(255, 255, 255, 0.82) !important; }
/* المحتوى يرتفع قليلًا عند وصوله إلى المنتصف */
.hp-nat-card__head,
.hp-nat-card__details { transition: transform 0.55s cubic-bezier(0.65, 0, 0.35, 1) !important; }
.hp-nat-card:hover .hp-nat-card__head { transform: translateY(-4px) scale(1.06); }
.hp-nat-card:hover .hp-nat-card__details { transform: translateY(-2px); }

/* ── 6) خطوات الاستقدام: Flow متعرّج — كل بطاقة تسلّم التي بعدها ── */
.hp-recruitment-steps .hp-flow {
    position: relative;
    display: flex !important;
    flex-direction: column;
    gap: 0 !important;
    max-width: 980px;
    margin: 0 auto !important;
    padding: 0 !important;
}
/* الخط الأوسط المتقطع الذي تمرّ عليه كل الخطوات */
.hp-recruitment-steps .hp-flow::before {
    content: "";
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 50%;
    width: 0;
    border-inline-start: 2px dashed rgba(15, 139, 136, 0.45);
    transform: translateX(-1px);
}
.hp-recruitment-steps .hp-flow__step {
    position: relative;
    display: block !important;
    width: calc(50% - 56px);
    flex: none !important;
    text-align: start !important;
}
.hp-recruitment-steps .hp-flow__step:nth-child(odd) { align-self: flex-start; }
.hp-recruitment-steps .hp-flow__step:nth-child(even) { align-self: flex-end; }
/* تتداخل الخطوات رأسيًا فتبدو كل بطاقة وكأنها تسلّم التالية */
.hp-recruitment-steps .hp-flow__step + .hp-flow__step { margin-top: -36px; }
.hp-recruitment-steps .hp-flow__step:not(:last-child)::after { display: none !important; }
/* الرقم على الخط الأوسط */
.hp-recruitment-steps .hp-flow__node {
    position: absolute !important;
    top: 22px;
    z-index: 2;
    width: 56px !important;
    height: 56px !important;
    background: var(--white) !important;
    box-shadow: 0 0 0 8px var(--surface-alt) !important;
}
.hp-recruitment-steps .hp-flow__step:nth-child(odd) .hp-flow__node { inset-inline-end: -84px; }
.hp-recruitment-steps .hp-flow__step:nth-child(even) .hp-flow__node { inset-inline-start: -84px; }
.hp-recruitment-steps .hp-flow__step:hover .hp-flow__node { background: var(--brand-teal) !important; }
/* البطاقة بسهم يشير إلى الخط */
.hp-recruitment-steps .hp-flow__card {
    position: relative;
    padding: 22px 24px !important;
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-card) !important;
    transition: border-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand) !important;
}
.hp-recruitment-steps .hp-flow__card::before {
    content: "";
    position: absolute;
    top: 42px;
    width: 14px;
    height: 14px;
    background: var(--white);
    border: var(--border);
    transform: rotate(45deg);
}
.hp-recruitment-steps .hp-flow__step:nth-child(odd) .hp-flow__card::before {
    inset-inline-end: -8px;
    border-inline-start: 0;
    border-bottom: 0;
}
.hp-recruitment-steps .hp-flow__step:nth-child(even) .hp-flow__card::before {
    inset-inline-start: -8px;
    border-inline-end: 0;
    border-top: 0;
}
html[dir="ltr"] .hp-recruitment-steps .hp-flow__step:nth-child(odd) .hp-flow__card::before { border: var(--border); border-left: 0; border-bottom: 0; }
html[dir="ltr"] .hp-recruitment-steps .hp-flow__step:nth-child(even) .hp-flow__card::before { border: var(--border); border-right: 0; border-top: 0; }
.hp-recruitment-steps .hp-flow__step:hover .hp-flow__card { border-color: var(--brand-teal) !important; box-shadow: var(--shadow-hover) !important; }
.hp-recruitment-steps .hp-flow__step:hover .hp-flow__card::before { border-color: var(--brand-teal); }
.hp-recruitment-steps .hp-flow__card h3 { margin: 0 0 8px !important; }
.hp-recruitment-steps__payments { justify-content: flex-start !important; }
/* الجوال: الخط على طرف البداية والبطاقات بعده */
@media (max-width: 767.98px) {
    .hp-recruitment-steps .hp-flow::before { left: auto; inset-inline-start: 27px; transform: none; }
    .hp-recruitment-steps .hp-flow__step,
    .hp-recruitment-steps .hp-flow__step:nth-child(even) {
        width: auto;
        align-self: stretch;
        margin-inline-start: 76px;
    }
    .hp-recruitment-steps .hp-flow__step + .hp-flow__step { margin-top: 20px; }
    .hp-recruitment-steps .hp-flow__step:nth-child(odd) .hp-flow__node,
    .hp-recruitment-steps .hp-flow__step:nth-child(even) .hp-flow__node {
        inset-inline-start: -76px;
        inset-inline-end: auto;
        top: 12px;
    }
    .hp-recruitment-steps .hp-flow__step:nth-child(odd) .hp-flow__card::before,
    .hp-recruitment-steps .hp-flow__step:nth-child(even) .hp-flow__card::before {
        top: 32px;
        inset-inline-start: -8px;
        inset-inline-end: auto;
        border: var(--border);
        border-inline-end: 0;
        border-top: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    .hp-nat-card__flag, .hp-nat-card__body, .hp-nat-card__head, .hp-nat-card__details { transition: none !important; }
}

/* ── تصحيحات الجولة الثانية ── */
/* محتوى بطاقة الدولة يبقى في نصفه: إلغاء inset القديم من home.css */
.hp-nat-card__body {
    inset-inline-start: auto !important;
    left: auto;
    right: auto;
    bottom: 0 !important;
    border-radius: 0 !important;
}
html[dir="rtl"] .hp-nat-card__body { left: 0 !important; right: auto !important; }
html[dir="ltr"] .hp-nat-card__body { right: 0 !important; left: auto !important; }
html[dir="rtl"] .hp-nat-card__flag { right: 0 !important; left: auto !important; }
html[dir="ltr"] .hp-nat-card__flag { left: 0 !important; right: auto !important; }
.hp-nat-card__stat .val { white-space: nowrap; overflow: visible !important; text-overflow: clip !important; }
.hp-nat-card__vat { line-height: 1.5; }

/* صورة الخدمة غير المتوفرة: أرضية كحلية بعلامة الدبوس بدل مساحة رمادية فارغة */
.hp-svc:not(.hp-other-services) .hp-svc-card__bg {
    background:
        var(--svc-img) center / cover no-repeat,
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140'%3E%3Cg fill='%230F8B88' fill-opacity='.45'%3E%3Ccircle cx='37' cy='11' r='10'/%3E%3Ccircle cx='63' cy='11' r='10'/%3E%3Cpath fill-rule='evenodd' d='M50 28a40 40 0 0 1 30 66.4L58 118v-24a22 22 0 1 0-16 0v24L20 94.4A40 40 0 0 1 50 28z'/%3E%3C/g%3E%3C/svg%3E") 12% 30% / 120px no-repeat,
        var(--brand-navy) !important;
}

/* أزرار العرض في سطر واحد */
.offer-card__btn {
    white-space: nowrap;
    padding-inline: 12px !important;
    font-size: 14px !important;
    gap: 8px !important;
}

/* بطاقة المساعدة لا تغطي رأس الدبوس */
.hp-about__card { width: min(220px, 48%); margin-top: -170px; padding: 16px !important; }
/* إزالة اللوحة الزجاجية القديمة خلف تفاصيل الدولة */
.hp-nat-card__details,
.hp-nat-card__details-inner,
.hp-nat-card__stats {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}
.hp-nat-card__details-inner::before,
.hp-nat-card__details-inner::after { display: none !important; }
@media (max-width: 575.98px) {
    .hp-about__side { max-width: 340px; }
    .hp-about__card { justify-self: center; width: 78%; margin-top: -80px; }
}
@media (max-width: 575.98px) {
    .hp-nat-card { height: 196px; }
    .hp-nat-card__flag { width: 40% !important; }
    .hp-nat-card__body { width: 60%; padding: 12px 10px !important; }
    .hp-nat-card__stats { gap: 6px 14px !important; flex-wrap: wrap; }
}

/* ══════════════════════════════════════════════════════════════════════
   الجولة الثالثة: شريط الأخبار · بانر الصفحات · صفحة العاملات
   ══════════════════════════════════════════════════════════════════════ */
:root {
    --fast-news-height: 40px;
    /* دبوس خطي + نقطتان (للبانر) */
    --pin-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' fill='none' stroke='%230F8B88' stroke-width='1.6' stroke-linejoin='round'%3E%3Ccircle cx='37' cy='12' r='8'/%3E%3Ccircle cx='63' cy='12' r='8'/%3E%3Cpath d='M50 30a38 38 0 0 1 28 63.6L50 130 22 93.6A38 38 0 0 1 50 30z'/%3E%3Cpath d='M50 46a18 18 0 1 1 0 36 18 18 0 0 1 0-36z'/%3E%3C/svg%3E");
}
@media (max-width: 767.98px) {
    :root { --fast-news-height: 34px; }
}

/* ═════ 1) شريط آخر الأخبار ═════ */
.fast-news {
    background: var(--brand-navy) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    box-shadow: none !important;
}
.fast-news__inner { gap: 14px !important; max-width: 1400px; }
/* الوسم: نقطة teal نابضة + نص أبيض + فاصل رأسي */
.fast-news__label {
    position: relative;
    gap: 9px !important;
    padding: 0 !important;
    padding-inline-end: 16px !important;
    background: transparent !important;
    color: var(--white) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}
.fast-news__label::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    width: 1px;
    height: 16px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.2);
}
.fast-news__dot {
    width: 8px !important;
    height: 8px !important;
    background: var(--brand-teal) !important;
    box-shadow: 0 0 0 0 rgba(15, 139, 136, 0.6);
    animation: fnPing 1.8s ease-out infinite !important;
}
@keyframes fnPing {
    0% { box-shadow: 0 0 0 0 rgba(15, 139, 136, 0.65); }
    80%, 100% { box-shadow: 0 0 0 8px rgba(15, 139, 136, 0); }
}
/* المسار يبدأ من الحافة نفسها في الاتجاهين (كان يخرج خارج الشاشة في العربية) */
.fast-news__viewport { direction: ltr; }
.fast-news__item {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    gap: 22px !important;
    padding-inline-end: 22px !important;
}
/* فاصل بين الأخبار: معيّن teal صغير */
.fast-news__item::after {
    width: 6px !important;
    height: 6px !important;
    border-radius: 1px !important;
    background: var(--brand-teal) !important;
    opacity: 1 !important;
    transform: rotate(45deg);
}
.fast-news__close {
    width: 24px !important;
    height: 24px !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 15px !important;
}
.fast-news__close:hover { border-color: var(--brand-teal) !important; color: var(--white) !important; }

/* ═════ 2) بانر موحّد للصفحات الداخلية ═════
   أرضية فاتحة، نقاط خريطة teal تتلاشى، ودبوس الشعار الخطي في الطرف — بسيط ويعبّر عن "الوجهة". */
.vp-hero,
main > nav.breadcrumb {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    background: var(--surface-alt) !important;
    border-bottom: var(--border);
    min-height: 0;
}
.vp-hero::before,
main > nav.breadcrumb::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    inset-inline-start: auto !important;
    width: 55% !important;
    height: auto !important;
    z-index: -1 !important;
    opacity: 1 !important;
    transform: none !important;
    background: radial-gradient(rgba(15, 139, 136, 0.28) 1.2px, transparent 1.6px) 0 0 / 18px 18px !important;
    -webkit-mask: linear-gradient(to left, #000 0%, transparent 100%);
    mask: linear-gradient(to left, #000 0%, transparent 100%);
    filter: none !important;
}
html[dir="rtl"] .vp-hero::before,
html[dir="rtl"] main > nav.breadcrumb::before {
    -webkit-mask: linear-gradient(to right, #000 0%, transparent 100%);
    mask: linear-gradient(to right, #000 0%, transparent 100%);
}
.vp-hero::after,
main > nav.breadcrumb::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: auto !important;
    bottom: -60px !important;
    inset-inline-end: 7% !important;
    inset-inline-start: auto !important;
    left: auto;
    right: auto;
    width: 210px !important;
    height: 294px !important;
    z-index: -1 !important;
    opacity: 0.55 !important;
    transform: none !important;
    background: var(--pin-outline) center / contain no-repeat !important;
    border: 0 !important;
    filter: none !important;
}
html[dir="rtl"] .vp-hero::after,
html[dir="rtl"] main > nav.breadcrumb::after { left: 7% !important; right: auto !important; }
html[dir="ltr"] .vp-hero::after,
html[dir="ltr"] main > nav.breadcrumb::after { right: 7% !important; left: auto !important; }
/* العنوان: خط teal قصير قبله يربطه بأسلوب العناوين في الهوية */
main > nav.breadcrumb h2 {
    position: relative;
    padding-top: 22px;
}
main > nav.breadcrumb h2::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 48px;
    height: 2px;
    background: var(--brand-teal);
}
.vp-hero__crumbs,
main > nav.breadcrumb ul {
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
    padding: 7px 16px !important;
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: var(--radius-pill) !important;
}
.vp-hero__crumbs li,
main > nav.breadcrumb li { font-size: 13px !important; }
@media (max-width: 767.98px) {
    .vp-hero::after,
    main > nav.breadcrumb::after { width: 130px !important; height: 182px !important; bottom: -50px !important; opacity: 0.4 !important; }
    .vp-hero::before,
    main > nav.breadcrumb::before { width: 100% !important; }
}

/* ═════ 3) صفحة العاملات ═════ */
/* أعرض قليلًا حتى لا تتزاحم البيانات */
.workers-cv-section.wk > .container,
main > nav.breadcrumb .container { max-width: 1440px !important; }
.wk-layout {
    grid-template-columns: 300px minmax(0, 1fr) !important;
    gap: 28px !important;
}

/* ── كارد الفلتر ── */
@media (min-width: 992px) {
    /* الكارد يتسع لارتفاع الشاشة ويتمرّر من الداخل، وزر البحث ثابت أسفله */
    .wk-filter {
        display: flex !important;
        flex-direction: column;
        max-height: calc(100vh - var(--site-header-h) - 40px);
    }
    .has-fast-news .wk-filter { max-height: calc(100vh - var(--site-header-h) - var(--fast-news-height) - 40px); }
    .has-fast-news .wk-side { top: calc(var(--site-header-h) + var(--fast-news-height) + 20px) !important; }
    .wk-filter__body {
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--brand-mist) transparent;
    }
}
.wk-filter {
    border-radius: 16px !important;
    overflow: hidden;
}
.wk-filter__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px !important;
    background: var(--white) !important;
    border-bottom: var(--border) !important;
    position: relative;
}
/* شريط teal رفيع أعلى الكارد */
.wk-filter__head::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    top: 0;
    inset-inline: 0;
    height: 3px;
    background: var(--brand-teal);
}
.wk-filter__head h3 {
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    margin: 0;
    font-size: 15px !important;
}
.wk-filter__head h3 i {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center;
    background: var(--brand-teal) !important;
    color: var(--white) !important;
    font-size: 14px !important;
}
.wk-filter__count {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: var(--radius-pill);
    background: var(--teal-50);
    color: var(--brand-teal);
    font-family: var(--font-latin);
    font-size: 12px;
    font-weight: 600;
}
.wk-filter__count[hidden] { display: none; }
.wk-filter__body {
    padding: 8px 20px 0 !important;
    gap: 0 !important;
}
/* كل حقل سطر مستقل بفاصل رفيع وأيقونة teal */
.wk-field {
    gap: 8px !important;
    padding: 14px 0;
    border-bottom: 1px dashed var(--brand-mist);
}
.wk-field label {
    display: flex !important;
    align-items: center;
    gap: 8px !important;
    font-size: 13px !important;
}
.wk-field label i {
    display: inline-grid !important;
    place-items: center;
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px;
    background: var(--teal-50);
    color: var(--brand-teal) !important;
    font-size: 11px !important;
}
.wk-select select,
.wk-input input {
    min-height: 42px;
    background-color: var(--surface-alt) !important;
    border-color: transparent !important;
    font-size: 14px !important;
    transition: border-color var(--dur) var(--ease-brand), background-color var(--dur) var(--ease-brand);
}
.wk-select select:hover,
.wk-input input:hover { border-color: var(--brand-mist) !important; }
.wk-select select:focus,
.wk-input input:focus { background-color: var(--white) !important; border-color: var(--brand-teal) !important; }
.wk-select::after { color: var(--brand-teal) !important; border-color: var(--brand-teal) !important; }
/* الحقل المختار يتلوّن ليعرف المستخدم ما فعّله من فلاتر */
.wk-field:has(option:checked:not([value=""])) select,
.wk-field:has(input:not(:placeholder-shown)) input {
    background-color: var(--teal-50) !important;
    border-color: var(--brand-teal) !important;
    color: var(--teal-dark) !important;
    font-weight: 600 !important;
}
.wk-field:has(option:checked:not([value=""])) label,
.wk-field:has(input:not(:placeholder-shown)) label { color: var(--brand-teal) !important; }
.wk-field:has(option:checked:not([value=""])) label i,
.wk-field:has(input:not(:placeholder-shown)) label i { background: var(--brand-teal); color: var(--white) !important; }
/* زر البحث ثابت أسفل الكارد */
.wk-submit {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin: 16px -20px 0;
    width: calc(100% + 40px);
    border-radius: 0 !important;
    min-height: 54px !important;
    font-size: 15px !important;
}
@media (max-width: 991.98px) {
    .wk-submit { margin: 16px 0 0; width: 100%; border-radius: var(--radius-pill) !important; position: static; }
    .wk-field { padding: 10px 0; }
}

/* ── شريط الأدوات: الخدمة + طريقة العرض ── */
.wk-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px 16px !important;
}
.wk-toolbar .wk-chips { grid-column: 1 / -1; }
.wk-view {
    display: inline-flex;
    gap: 2px;
    padding: 4px;
    border: var(--border);
    border-radius: var(--radius-pill);
    background: var(--white);
}
.wk-view__btn {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--text-muted);
    font-size: 15px;
    cursor: pointer;
    transition: background-color var(--dur) var(--ease-brand), color var(--dur) var(--ease-brand);
}
.wk-view__btn:hover { color: var(--brand-teal); }
.wk-view__btn.is-active { background: var(--brand-teal); color: var(--white); }

/* ── الشبكة والبطاقة الأكبر قليلًا ── */
.wk-grid { gap: 24px !important; }
@media (min-width: 1400px) {
    .wk-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
.cvc { border-radius: 14px !important; }
.cvc > * { margin-inline: 20px; }
.cvc__name { font-size: 1.15rem !important; margin-top: 2px; }
.cvc__sub { font-size: 13.5px !important; }
.cvc__meta { gap: 14px 18px !important; margin-bottom: 16px !important; }
.cvc__item small { font-size: 12.5px !important; }
.cvc__item b { font-size: 14.5px !important; }
.cvc__item--price b,
.cvc__item:has(> .fa-sack-dollar) b { font-size: 1.3rem !important; }
.cvc__actions { padding-bottom: 20px; }
.cvc-btn--main { min-height: 46px; font-size: 15px !important; }
.cvc-ico { width: 46px !important; height: 46px !important; }

/* ── العرض الأفقي: نصف صورة ونصف بيانات ── */
@media (min-width: 768px) {
    .wk-main.is-list .wk-grid { grid-template-columns: minmax(0, 1fr) !important; }
    .wk-main.is-list .cvc {
        display: grid !important;
        grid-template-columns: 40% minmax(0, 1fr);
        grid-auto-rows: min-content;
        align-content: start;
        min-height: 400px;
    }
    .wk-main.is-list .cvc > * { grid-column: 2; margin-inline: 28px; }
    .wk-main.is-list .cvc__avatar {
        grid-column: 1;
        grid-row: 1 / span 20;
        margin: 0 !important;
        aspect-ratio: auto;
        height: 100%;
        min-height: 400px;
        border-bottom: 0;
        border-inline-end: var(--border);
    }
    .wk-main.is-list .cvc__name { margin-top: 26px; font-size: 1.3rem !important; }
    .wk-main.is-list .cvc__meta { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .wk-main.is-list .cvc__item--price,
    .wk-main.is-list .cvc__item:has(> .fa-sack-dollar) { grid-column: auto !important; }
    .wk-main.is-list .cvc__actions { margin-top: auto !important; padding-bottom: 24px; }
    .wk-main.is-list .cvc-btn--main { flex: 0 1 220px !important; }
    /* الشارات وزر واتساب فوق نصف الصورة فقط */
    .wk-main.is-list .cvc__top { inset-inline-end: calc(60% + 12px) !important; }
    html[dir="rtl"] .wk-main.is-list .cvc__wa { left: calc(60% + 12px) !important; }
    html[dir="ltr"] .wk-main.is-list .cvc__wa { right: calc(60% + 12px) !important; }
    .wk-main.is-list .wk-skel { flex-direction: row; flex-wrap: wrap; }
}

/* ── الترقيم: شريط pill واحد ── */
#maids_list .workers-pagination {
    display: inline-flex !important;
    align-self: center;
    align-items: center;
    gap: 4px !important;
    margin-top: 40px !important;
    padding: 6px !important;
    background: var(--white);
    border: var(--border);
    border-radius: var(--radius-pill);
}
.workers-pagination-btn {
    min-width: 42px !important;
    height: 42px !important;
    padding: 0 10px;
    display: inline-grid !important;
    place-items: center;
    border: 0 !important;
    border-radius: var(--radius-pill) !important;
    background: transparent !important;
    font-size: 14px !important;
}
.workers-pagination-btn:hover { background: var(--teal-50) !important; color: var(--brand-teal) !important; }
.workers-pagination-btn.is-active { background: var(--brand-teal) !important; color: var(--white) !important; }
/* السابق والتالي في دوائر بحد تميّزها عن الأرقام */
.workers-pagination > .workers-pagination-btn:first-child,
.workers-pagination > .workers-pagination-btn:last-child {
    border: 1px solid var(--brand-mist) !important;
    color: var(--brand-teal) !important;
}
.workers-pagination > .workers-pagination-btn:first-child { margin-inline-end: 6px; }
.workers-pagination > .workers-pagination-btn:last-child { margin-inline-start: 6px; }
.workers-pagination-separator { color: var(--text-muted); padding: 0 4px; letter-spacing: 2px; }
#maids_list .workers-pagination-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
#maids_list .workers-pagination-status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--brand-teal);
}

/* ── تصحيحات الجولة الثالثة ── */
.workers-cv-section.wk > .container,
main > nav.breadcrumb .container { max-width: 1400px !important; padding-inline: 24px !important; }
@media (max-width: 767.98px) {
    .workers-cv-section.wk > .container,
    main > nav.breadcrumb .container { padding-inline: 16px !important; }
}
.wk-seg { justify-self: start; }
.wk-filter__head { gap: 8px; padding: 16px 18px !important; }
.wk-filter__head h3 { font-size: 14px !important; gap: 8px !important; min-width: 0; }
.wk-filter__head h3 i { width: 30px !important; height: 30px !important; flex: 0 0 30px; font-size: 13px !important; }
.wk-clear { font-size: 12px !important; flex-shrink: 0; }
.vp-hero::after,
main > nav.breadcrumb::after { width: 160px !important; height: 224px !important; bottom: -36px !important; }
/* العرض الأفقي: العناصر الموضوعة فوق الصورة تتبع عمود الصورة نفسه */
@media (min-width: 768px) {
    .wk-main.is-list .cvc > .cvc__top,
    .wk-main.is-list .cvc > .cvc__wa { grid-column: 1 / 2; grid-row: 1 / 2; margin: 0 !important; }
    .wk-main.is-list .cvc__top { inset-inline: 12px !important; }
    html[dir="rtl"] .wk-main.is-list .cvc__wa { left: 12px !important; }
    html[dir="ltr"] .wk-main.is-list .cvc__wa { right: 12px !important; }
}
@media (max-width: 991.98px) {
    .wk-layout { grid-template-columns: minmax(0, 1fr) !important; }
}
@media (max-width: 575.98px) {
    .wk-toolbar { grid-template-columns: minmax(0, 1fr); }
    .wk-view { justify-self: start; }
}

/* ══════════════════════════════════════════════════════════════════════
   الجولة الرابعة: صفحة العاملات — عرض أكبر، بطاقة مرتبة، فلتر جديد
   ══════════════════════════════════════════════════════════════════════ */

/* ── عرض الصفحة ── */
.workers-cv-section.wk > .container,
main > nav.breadcrumb .container { max-width: 1680px !important; padding-inline: 32px !important; }
@media (max-width: 767.98px) {
    .workers-cv-section.wk > .container,
    main > nav.breadcrumb .container { padding-inline: 16px !important; }
}
.wk-layout { grid-template-columns: 310px minmax(0, 1fr) !important; gap: 32px !important; }
@media (max-width: 991.98px) {
    .wk-layout { grid-template-columns: minmax(0, 1fr) !important; }
}
/* الأعمدة تتكيّف مع العرض: لا تقل البطاقة عن 330px */
.wk-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)) !important; gap: 24px !important; }

/* ═════ بطاقة السيرة ═════ */
.cvc > * { margin-inline: 18px; }
.cvc__name { margin-top: 4px; font-size: 1.15rem !important; }
.cvc__sub { margin-bottom: 16px !important; }
/* المعلومات في مربعات صغيرة: أيقونة + تسمية + قيمة */
.cvc__meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}
.cvc__item {
    display: flex !important;
    align-items: center;
    gap: 10px !important;
    min-width: 0;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    background: var(--surface-alt) !important;
    border: 0 !important;
}
.cvc__item > i {
    display: grid !important;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: var(--white) !important;
    border: var(--border);
    color: var(--brand-teal) !important;
    font-size: 12px !important;
}
.cvc__item > div { min-width: 0; }
.cvc__item small { font-size: 11.5px !important; line-height: 1.3; }
.cvc__item b {
    font-size: 13.5px !important;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* خبرة الطبخ: مربع بعرض كامل مثل البقية */
.cvc__item:has(> .fa-utensils) { grid-column: 1 / -1; order: 5; }
.cvc__item:has(> .fa-utensils) small { display: block !important; }
.cvc__item:has(> .fa-utensils) b {
    display: block;
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-weight: 600 !important;
    font-size: 13.5px !important;
}
/* الأسعار: مربعان teal فاتح متجاوران */
.cvc__item--price,
.cvc__item:has(> .fa-sack-dollar) {
    order: 10;
    padding: 12px !important;
    padding-top: 12px !important;
    border-top: 0 !important;
    background: var(--teal-50) !important;
}
.cvc__item--price > i,
.cvc__item:has(> .fa-sack-dollar) > i { background: var(--brand-teal) !important; border: 0; color: var(--white) !important; }
.cvc__item--price b,
.cvc__item:has(> .fa-sack-dollar) b {
    font-size: 1.12rem !important;
    color: var(--brand-teal) !important;
}
/* سعر واحد بلا راتب: بعرض البطاقة */
.cvc__meta:not(:has(.fa-sack-dollar)) .cvc__item--price:only-of-type,
.cvc__meta:not(:has(.fa-sack-dollar)) .cvc__item--price:last-child:not(:nth-last-child(2)) { grid-column: 1 / -1 !important; }
.cvc__note { margin-bottom: 16px !important; }

/* ── الأزرار: رئيسي بعرض كامل ثم أزرار أيقونة + نص ── */
.cvc__actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px !important;
    margin-top: auto !important;
    padding-top: 14px;
    padding-bottom: 18px !important;
    border-top: var(--border);
}
.cvc__actions > .cvc-btn--main {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 48px;
}
.cvc-ico {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto !important;
    height: auto !important;
    min-height: 62px;
    padding: 8px 6px !important;
    border-radius: 12px !important;
    border: var(--border) !important;
    background: var(--white) !important;
    color: var(--brand-navy) !important;
    text-align: center;
}
.cvc-ico i { font-size: 16px; color: var(--brand-teal); }
.cvc-ico__txt { font-size: 11.5px; font-weight: 600; line-height: 1.3; }
.cvc-ico:hover,
.cvc-ico--cv:hover,
.cvc-ico--dl:hover,
.cvc-ico--vid:hover { border-color: var(--brand-teal) !important; background: var(--teal-50) !important; color: var(--brand-teal) !important; }
/* التلميح العائم لم يعد لازمًا بعد ظهور النص */
.cvc-ico[data-tip]::before,
.cvc-ico[data-tip]::after { display: none !important; }

/* العرض الأفقي بنفس الترتيب: مربعات المعلومات 3 أعمدة والأزرار في صف واحد */
@media (min-width: 768px) {
    .wk-main.is-list .cvc__meta { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
    .wk-main.is-list .cvc__actions { grid-template-columns: minmax(200px, 1.6fr) repeat(3, minmax(0, 1fr)); }
    .wk-main.is-list .cvc__actions > .cvc-btn--main { grid-column: auto; min-height: 62px; }
}

/* ═════ كارد الفلتر: كل حقل مربع مستقل والتسمية داخله ═════ */
.wk-filter {
    background: var(--surface-alt) !important;
    border: var(--border) !important;
    border-radius: 16px !important;
}
.wk-filter__head {
    background: transparent !important;
    border-bottom: 0 !important;
    padding: 18px 18px 6px !important;
}
.wk-filter__head::before { display: none !important; }
.wk-filter__head h3 { font-size: 15px !important; }
.wk-filter__head h3 i {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
}
.wk-clear {
    padding: 5px 12px !important;
    border: var(--border) !important;
    border-radius: var(--radius-pill) !important;
    background: var(--white) !important;
    text-decoration: none !important;
    color: var(--text-muted) !important;
}
.wk-clear:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
.wk-filter__body {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
    padding: 12px 18px 18px !important;
}
.wk-field {
    gap: 2px !important;
    padding: 9px 14px 5px !important;
    background: var(--white);
    border: 1px solid var(--brand-mist) !important;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color var(--dur) var(--ease-brand), background-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand);
}
.wk-field:hover { border-color: rgba(15, 139, 136, 0.45) !important; }
.wk-field:focus-within { border-color: var(--brand-teal) !important; box-shadow: 0 0 0 3px var(--teal-50); }
.wk-field label {
    gap: 6px !important;
    margin: 0;
    color: var(--text-muted) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    cursor: pointer;
}
.wk-field label i {
    width: auto !important;
    height: auto !important;
    background: transparent !important;
    color: var(--brand-teal) !important;
    font-size: 11px !important;
}
.wk-select select,
.wk-input input {
    min-height: 30px !important;
    height: 30px;
    padding: 0 !important;
    padding-inline-end: 24px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--brand-navy) !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    cursor: pointer;
}
.wk-input input { cursor: text; }
.wk-input input::placeholder { color: var(--text-muted); font-weight: 400; }
.wk-select select:focus,
.wk-input input:focus,
.wk-select select:hover,
.wk-input input:hover { background: transparent !important; border: 0 !important; outline: none; }
.wk-select::after { inset-inline-end: 0 !important; }
/* الحقل المختار: مربع teal فاتح وتسمية teal */
.wk-field:has(option:checked:not([value=""])),
.wk-field:has(input:not(:placeholder-shown)) {
    background: var(--teal-50);
    border-color: var(--brand-teal) !important;
}
.wk-field:has(option:checked:not([value=""])) select,
.wk-field:has(input:not(:placeholder-shown)) input {
    background: transparent !important;
    border: 0 !important;
    color: var(--teal-dark) !important;
}
.wk-field:has(option:checked:not([value=""])) label i,
.wk-field:has(input:not(:placeholder-shown)) label i { background: transparent !important; color: var(--brand-teal) !important; }
/* زر البحث pill يطفو أسفل الكارد */
.wk-submit {
    position: sticky;
    bottom: 0;
    margin: 8px 0 0 !important;
    width: 100% !important;
    min-height: 50px !important;
    border-radius: var(--radius-pill) !important;
    box-shadow: 0 0 0 10px var(--surface-alt) !important;
}
@media (max-width: 991.98px) {
    .wk-filter__body { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .wk-submit { grid-column: 1 / -1; position: static; box-shadow: none !important; }
    .wk-side .wk-filter { background: var(--surface-alt) !important; }
}
@media (max-width: 575.98px) {
    .wk-filter__body { grid-template-columns: minmax(0, 1fr); }
}
.wk-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)) !important; }
.cvc__avatar { max-height: 400px; }
/* البطاقة الضيقة: المربعات بلا أيقونة والقيم تلتف بدل أن تُقتطع */
.cvc__item:not(.cvc__item--price):not(:has(> .fa-sack-dollar)) > i { display: none !important; }
.cvc__item { padding: 10px 12px !important; }
.cvc__item b { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
/* كل سعر في صف كامل: التسمية في طرف والقيمة في الطرف الآخر */
.cvc__item--price,
.cvc__item:has(> .fa-sack-dollar) { grid-column: 1 / -1 !important; }
.cvc__item--price > div,
.cvc__item:has(> .fa-sack-dollar) > div {
    flex: 1;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.cvc__item--price small,
.cvc__item:has(> .fa-sack-dollar) small { font-size: 12.5px !important; color: var(--brand-navy) !important; font-weight: 500 !important; }
.cvc__item--price b,
.cvc__item:has(> .fa-sack-dollar) b { white-space: nowrap !important; }
.cvc__item--price + .cvc__item--price,
.cvc__item:has(> .fa-sack-dollar) + .cvc__item--price { margin-top: -2px; }
/* في العرض الأفقي المساحة تكفي: نعيد الأيقونات والأسعار جنبًا إلى جنب */
@media (min-width: 768px) {
    .wk-main.is-list .cvc__item > i { display: grid !important; }
    .wk-main.is-list .cvc__item--price,
    .wk-main.is-list .cvc__item:has(> .fa-sack-dollar) { grid-column: span 1 !important; }
    .wk-main.is-list .cvc__item:has(> .fa-utensils) { grid-column: span 2; }
}

/* ── حقول الفلتر: بلا إطار تركيز مربع داخل المربع (المربع نفسه يُظهر التركيز) ── */
.wk-field select:focus,
.wk-field select:focus-visible,
.wk-field input:focus,
.wk-field input:focus-visible,
.wk-dd__btn:focus,
.wk-dd__btn:focus-visible { outline: none !important; box-shadow: none !important; }
.wk-field:has(:focus-visible) { border-color: var(--brand-teal) !important; box-shadow: 0 0 0 3px var(--teal-50); }

/* ── القائمة المنسدلة المخصّصة ── */
.wk-dd { position: relative; }
.wk-dd select {
    position: absolute !important;
    inset: 0;
    opacity: 0 !important;
    pointer-events: none !important;
}
.wk-dd__btn {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 30px;
    padding: 0;
    padding-inline-end: 24px;
    border: 0;
    background: transparent;
    color: var(--brand-navy);
    font-size: 14.5px;
    font-weight: 600;
    text-align: start;
    cursor: pointer;
}
.wk-dd__btn:disabled { color: var(--text-muted); cursor: not-allowed; }
.wk-dd__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wk-field:has(option:checked:not([value=""])) .wk-dd__btn { color: var(--teal-dark); }
.wk-dd::after { transition: transform var(--dur) var(--ease-brand); }
.wk-dd.is-open::after { transform: translateY(-30%) rotate(225deg) !important; }
.wk-dd__list {
    position: fixed;
    z-index: 1100;
    margin: 0;
    padding: 6px;
    list-style: none;
    overflow-y: auto;
    background: var(--white);
    border: var(--border);
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(13, 31, 45, 0.12);
    scrollbar-width: thin;
    scrollbar-color: var(--brand-mist) transparent;
    animation: wkDdIn var(--dur) var(--ease-brand);
}
@keyframes wkDdIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.wk-dd__opt {
    position: relative;
    padding: 9px 12px;
    padding-inline-end: 34px;
    border-radius: 8px;
    color: var(--brand-navy);
    font-size: 14px;
    cursor: pointer;
}
.wk-dd__opt.is-active { background: var(--surface-alt); }
.wk-dd__opt.is-selected { color: var(--brand-teal); font-weight: 600; background: var(--teal-50); }
.wk-dd__opt.is-selected::after {
    content: "\f00c";
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    inset-inline-end: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px;
}
/* الخيار الأول ("الكل") مفصول عن بقية الخيارات */
.wk-dd__opt:first-child { margin-bottom: 4px; }
.wk-dd__opt:first-child::before {
    content: "";
    position: absolute;
    inset-inline: 8px;
    bottom: -3px;
    height: 1px;
    background: var(--brand-mist);
}

/* ── البطاقة أكبر قليلًا، والأزرار الثانوية تتقاسم الصف أيًّا كان عددها (1–4) ── */
.wk-layout { grid-template-columns: 290px minmax(0, 1fr) !important; gap: 28px !important; }
@media (max-width: 991.98px) {
    .wk-layout { grid-template-columns: minmax(0, 1fr) !important; }
}
.wk-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)) !important; gap: 20px !important; }
.cvc__actions {
    display: flex !important;
    flex-wrap: wrap;
}
.cvc__actions > .cvc-btn--main { flex: 1 1 100% !important; }
.cvc__actions > .cvc-ico { flex: 1 1 0; min-width: 0; }
@media (min-width: 768px) {
    .wk-main.is-list .cvc__actions { flex-wrap: nowrap; }
    .wk-main.is-list .cvc__actions > .cvc-btn--main { flex: 1.6 1 200px !important; }
}
/* الأزرار الثانوية: شبكة 2×2 والأيقونة بجانب النص */
.cvc__actions > .cvc-ico {
    flex: 1 1 calc(50% - 4px) !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 8px 12px !important;
    text-align: start !important;
}
.cvc__actions > .cvc-ico i { font-size: 14px; flex: 0 0 auto; }
.cvc-ico__txt { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12.5px; }
@media (min-width: 768px) {
    .wk-main.is-list .cvc__actions { flex-wrap: wrap !important; }
    .wk-main.is-list .cvc__actions > .cvc-btn--main { flex: 1 1 100% !important; min-height: 48px; }
    .wk-main.is-list .cvc__actions > .cvc-ico { flex: 1 1 0 !important; justify-content: center !important; }
}
.wk-layout { grid-template-columns: 300px minmax(0, 1fr) !important; }
@media (max-width: 991.98px) {
    .wk-layout { grid-template-columns: minmax(0, 1fr) !important; }
}
.wk-clear { padding: 4px 10px !important; font-size: 11.5px !important; }
.cvc-ico__txt { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; line-height: 1.3; }

/* ══════════════════════════════════════════════════════════════════════
   صفحات المصادقة: نصف صورة بهوية الشركة + نصف نموذج
   ══════════════════════════════════════════════════════════════════════ */
.au-split-body {
    margin: 0;
    background: var(--white) !important;
    color: var(--brand-navy);
}
.au-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: 100vh;
    min-height: 100dvh;
}

/* ── الجانب البصري ── */
.au-visual {
    order: 2; /* النموذج أولًا في اتجاه القراءة، والصورة في الطرف الآخر */
    position: sticky;
    top: 0;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    isolation: isolate;
    color: var(--white);
    background: var(--brand-navy);
}
.au-visual__img {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 40% center;
}
.au-visual__veil {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(180deg, rgba(13, 31, 45, 0.35) 0%, rgba(13, 31, 45, 0.55) 45%, rgba(13, 31, 45, 0.92) 100%);
}
/* دبوس الشعار الخطي كبيرًا في الزاوية */
.au-visual__pin {
    position: absolute;
    z-index: -1;
    bottom: -90px;
    inset-inline-end: -60px;
    width: 340px;
    height: 476px;
    opacity: 0.18;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' fill='none' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'%3E%3Ccircle cx='37' cy='12' r='8'/%3E%3Ccircle cx='63' cy='12' r='8'/%3E%3Cpath d='M50 30a38 38 0 0 1 28 63.6L50 130 22 93.6A38 38 0 0 1 50 30z'/%3E%3Cpath d='M50 46a18 18 0 1 1 0 36 18 18 0 0 1 0-36z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.au-visual__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 44px clamp(32px, 4vw, 64px) 56px;
}
.au-visual__logo {
    align-self: flex-start;
    height: 84px;
    width: auto;
    filter: brightness(0) invert(1);
}
.au-visual__copy { max-width: 480px; }
.au-visual__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.08em;
}
.au-visual__eyebrow::before {
    content: "";
    width: 40px;
    height: 2px;
    background: var(--brand-teal);
}
.au-visual__title {
    margin: 0 0 12px;
    color: var(--white);
    font-size: clamp(1.8rem, 2.6vw, 2.5rem);
    font-weight: 700;
    line-height: 1.35;
}
.au-visual__text {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.78);
    font-size: 15px;
    line-height: 1.9;
}
.au-visual__points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.au-visual__points li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    font-size: 13px;
    font-weight: 500;
}
.au-visual__points i {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--brand-teal);
    font-size: 9px;
}

/* ── جانب النموذج ── */
.au-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 28px clamp(24px, 5vw, 72px) 40px;
    background:
        radial-gradient(rgba(15, 139, 136, 0.16) 1.1px, transparent 1.5px) 0 0 / 18px 18px;
    background-color: var(--white);
}
/* النقاط تظهر في الزاوية فقط */
.au-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(200deg, transparent 0%, var(--white) 38%);
    pointer-events: none;
}
.au-panel > * { position: relative; }
.au-panel__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
}
.au-home {
    position: static !important;
    padding: 8px 16px !important;
    border: var(--border) !important;
    border-radius: var(--radius-pill) !important;
    background: var(--white) !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    color: var(--brand-navy) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    transform: none !important;
}
.au-home:hover { border-color: var(--brand-teal) !important; color: var(--brand-teal) !important; }
html[dir="ltr"] .au-home i { transform: scaleX(-1); }
.au-panel__top .au-logo { margin: 0; }
.au-panel__top .au-logo img { height: 58px; }
@media (min-width: 992px) {
    .au-panel__top .au-logo { display: none; } /* الشعار موجود على الجانب البصري */
}

.au-card {
    width: min(440px, 100%) !important;
    margin: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    animation: none !important;
}
.au-card--wide { width: min(520px, 100%) !important; }
.au-card::before { display: none !important; }

.au-head {
    text-align: start !important;
    margin-bottom: 28px !important;
}
.au-head::before {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    margin-bottom: 18px;
    border-radius: 3px;
    background: var(--brand-teal);
}
.au-head h1 {
    font-size: clamp(1.6rem, 2.2vw, 2rem) !important;
    font-weight: 700 !important;
    color: var(--brand-navy) !important;
    margin-bottom: 8px !important;
}
.au-head p { color: var(--text-muted) !important; font-size: 15px !important; }

/* الحقول */
.au-field { margin-bottom: 14px !important; }
.au-field input,
.au-field select,
.au-field textarea {
    height: 58px;
    border-radius: 12px !important;
    border: 1px solid var(--brand-mist) !important;
    background: var(--surface-alt) !important;
    color: var(--brand-navy) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: border-color var(--dur) var(--ease-brand), background-color var(--dur) var(--ease-brand), box-shadow var(--dur) var(--ease-brand) !important;
}
.au-field input:hover { border-color: rgba(15, 139, 136, 0.45) !important; }
.au-field input:focus,
.au-field input:not(:placeholder-shown) { background: var(--white) !important; }
.au-field input:focus {
    border-color: var(--brand-teal) !important;
    box-shadow: 0 0 0 3px var(--teal-50) !important;
    outline: none !important;
}
.au-field label { color: var(--text-muted) !important; font-weight: 500 !important; }
.au-field input:focus + label,
.au-field input:not(:placeholder-shown) + label { color: var(--brand-teal) !important; font-weight: 600 !important; }
.au-prefix {
    background: var(--white) !important;
    border: var(--border) !important;
    border-radius: 8px !important;
    font-family: var(--font-latin) !important;
    font-weight: 600 !important;
}
.au-eye:hover { color: var(--brand-teal) !important; background: var(--teal-50) !important; }

.au-options { margin: 6px 0 20px !important; }
.au-link { color: var(--brand-teal) !important; font-weight: 600 !important; }
.au-link::after { background: var(--brand-teal) !important; }
.au-switch input:checked + .au-switch__track { background: var(--brand-teal) !important; }
.au-captcha { margin: 6px 0 14px; }

/* الأزرار: pill teal واحد بلا مؤثرات */
.au-btn {
    min-height: 54px !important;
    border-radius: var(--radius-pill) !important;
    background: var(--brand-teal) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    transform: none !important;
    transition: background-color var(--dur) var(--ease-brand) !important;
}
.au-btn:hover { background: var(--teal-dark) !important; }
.au-btn .btn-door__frame,
.au-btn .au-spark,
.au-btn::after { display: none !important; }
.au-btn__ico { background: rgba(255, 255, 255, 0.15) !important; border-radius: 50% !important; }
.au-btn--otp .au-shield .fa-shield { color: var(--white) !important; }
.au-foot {
    margin-top: 22px !important;
    padding-top: 18px;
    border-top: var(--border);
    color: var(--text-muted) !important;
}

/* ── التابلت والجوال: شريط صورة مختصر أعلى النموذج ── */
@media (max-width: 991.98px) {
    .au-split { grid-template-columns: minmax(0, 1fr); }
    .au-visual {
        order: 0;
        position: relative;
        height: 220px;
    }
    .au-visual__inner { padding: 20px 24px; justify-content: flex-end; }
    .au-visual__logo,
    .au-visual__text,
    .au-visual__points { display: none; }
    .au-visual__title { font-size: 1.4rem; margin: 0; }
    .au-visual__eyebrow { margin-bottom: 8px; }
    .au-visual__pin { width: 180px; height: 252px; bottom: -70px; inset-inline-end: -30px; }
    .au-panel { min-height: 0; padding: 20px 20px 40px; }
    .au-panel__top { margin-bottom: 20px; }
}
@media (max-width: 575.98px) {
    .au-visual { height: 170px; }
    .au-visual__title { font-size: 1.2rem; }
    .au-panel__top .au-logo img { height: 48px; }
}
/* العنوان هو اسم الشركة نفسه، فالسطر الصغير فوقه يتحول إلى خط teal فقط */
.au-visual__eyebrow { font-size: 0 !important; gap: 0 !important; }
@media (max-width: 991.98px) {
    .au-split { grid-template-rows: auto minmax(0, 1fr); }
    .au-card { margin: 8px auto 0 !important; }
}