/**
 * Dedo Portal v2 — إعادة تصميم بوابة الـWorkspace (ثيم أبيض)
 * تخطيط 2×2: كارت منتج (صورة أجهزة على أبيض + نص وزر) + كارت ترويجي (صورة + زجاج Glassmorphism).
 * بصري فقط — صفر لمس لأي منطق/روابط/مفاتيح i18n.
 */

:root {
    --portal-blue: #2878e8;   /* المحاسبة */
    --portal-teal: #00a49b;   /* المتاجر */
    --portal-ink: #0f2b46;    /* نص غامق */
    --portal-ink-soft: #5b7189;
    --portal-line: rgba(15, 23, 42, 0.09);
}

/* ============================================================
   1) الأساس — خلفية بيضاء ناصعة
   ============================================================ */
body.dedo-portal-bg {
    overflow-x: hidden;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: var(--portal-ink);
}

body.dedo-portal-bg::before {
    content: "" !important;
    position: fixed;
    inset: 0;
    background: #ffffff !important;
    background-image: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
    pointer-events: none;
    z-index: 0;
}

body.dedo-portal-bg::after {
    content: "" !important;
    position: fixed;
    inset: 0;
    background: none !important;
    background-image: none !important;
    opacity: 0 !important;
    pointer-events: none;
    z-index: 0;
}

/* ============================================================
   2) Header — على أبيض (نص غامق)
   ============================================================ */
header.portal-v2-header {
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--portal-line);
}

.portal-v2-header .dedo-header-glow { display: none; }

/* اسم DEDO-GO غامق */
.portal-v2-header a[href="index.html"] span {
    color: var(--portal-ink) !important;
    -webkit-text-fill-color: var(--portal-ink);
}

/* روابط الهيدر كحبوب فاتحة بنص غامق */
.portal-v2-header nav a {
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 9999px;
    background: rgba(15, 23, 42, 0.04);
    color: var(--portal-ink) !important;
    padding: 0.62rem 1.15rem;
    box-shadow: 0 6px 18px -12px rgba(15, 40, 80, 0.3);
}

.portal-v2-header nav a:hover {
    background: rgba(15, 23, 42, 0.09);
    border-color: rgba(0, 164, 155, 0.4);
    color: var(--portal-teal) !important;
}

/* مبدّل اللغة على أبيض — بنفس مقاس حبوب الهيدر (الأسعار/تواصل) */
body.dedo-portal-bg #dido-lang-switch.dido-lang-switch--topbar-pill {
    background: rgba(15, 23, 42, 0.04) !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    color: var(--portal-ink) !important;
    padding: 0.62rem 0.9rem !important;   /* نفس الارتفاع الرأسي للحبوب */
    border-radius: 9999px !important;     /* كبسولة زي باقي الروابط */
    font-size: 0.875rem !important;       /* text-sm زيهم */
    font-weight: 700 !important;
    box-shadow: 0 6px 18px -12px rgba(15, 40, 80, 0.3) !important;
}
body.dedo-portal-bg #dido-lang-switch.dido-lang-switch--topbar-pill .dido-lang-switch__label {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;   /* يطابق ارتفاع سطر الحبوب */
}
body.dedo-portal-bg #dido-lang-switch.dido-lang-switch--topbar-pill:hover {
    background: rgba(15, 23, 42, 0.09) !important;
    border-color: rgba(0, 164, 155, 0.45) !important;
    color: var(--portal-teal) !important;
}

/* تسجيل الدخول — زر بارز (تيل) + قائمة منسدلة (المتاجر أولاً) */
.portal-signin { position: relative; }
.portal-signin__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.62rem 1.1rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 800;
    color: #fff;
    background: linear-gradient(135deg, var(--portal-teal), #0d9488);
    border: 1px solid rgba(0, 164, 155, 0.5);
    box-shadow: 0 10px 22px -12px rgba(0, 164, 155, 0.7);
    cursor: pointer;
    transition: filter 0.15s, box-shadow 0.15s, transform 0.05s;
}
.portal-signin__btn:hover { filter: brightness(1.05); box-shadow: 0 12px 26px -12px rgba(0, 164, 155, 0.85); }
.portal-signin__btn:active { transform: translateY(1px); }
.portal-signin__lead { font-size: 0.85rem; }
.portal-signin__caret { font-size: 0.62rem; transition: transform 0.2s; }
.portal-signin__btn[aria-expanded="true"] .portal-signin__caret { transform: rotate(180deg); }

.portal-signin__menu {
    position: absolute;
    inset-inline-end: 0;
    top: calc(100% + 0.55rem);
    z-index: 60;
    min-width: 17rem;
    max-width: calc(100vw - 1.5rem);
    padding: 0.5rem;
    background: #fff;
    border: 1px solid var(--portal-line);
    border-radius: 1rem;
    box-shadow: 0 26px 60px -22px rgba(15, 40, 80, 0.4);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}
.portal-signin__menu[hidden] { display: none; }

.portal-signin__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.7rem;
    border-radius: 0.75rem;
    border: 1px solid transparent;
    text-align: start;
    transition: background 0.15s, border-color 0.15s;
}
.portal-signin__ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 0.7rem;
    font-size: 1rem;
    color: #fff;
    flex-shrink: 0;
}
.portal-signin__txt { display: flex; flex-direction: column; line-height: 1.25; }
.portal-signin__t { font-size: 0.9rem; font-weight: 800; color: var(--portal-ink); }
.portal-signin__s { font-size: 0.72rem; font-weight: 700; color: var(--portal-ink-soft); }

.portal-signin__item--stores .portal-signin__ico { background: linear-gradient(135deg, var(--portal-teal), #0d9488); }
.portal-signin__item--stores:hover { background: rgba(0, 164, 155, 0.08); border-color: rgba(0, 164, 155, 0.35); }
.portal-signin__item--acct .portal-signin__ico { background: linear-gradient(135deg, var(--portal-blue), #1d4ed8); }
.portal-signin__item--acct:hover { background: rgba(40, 120, 232, 0.08); border-color: rgba(40, 120, 232, 0.35); }

/* ============================================================
   3) Hero — عنوان مضيء بتدرّج الهوية يبان على الأبيض
   ============================================================ */
.portal-v2-hero > p:first-child {
    text-transform: none;
    letter-spacing: 0.3em;
    font-size: 0.74rem;
    font-weight: 800;
    color: var(--portal-teal);
}

.portal-v2-hero h1 {
    margin-top: 0.4rem !important;
    font-size: clamp(1.85rem, 3.9vw, 2.9rem);
    line-height: 1.18;
    letter-spacing: -0.012em;
    background: linear-gradient(100deg, #123663 0%, var(--portal-blue) 48%, var(--portal-teal) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    padding-bottom: 0.12em;
}

.portal-v2-hero > p:nth-of-type(2) {
    margin-top: 0.9rem;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: 1.7;
    color: var(--portal-ink-soft);
}

/* ============================================================
   4) المسرح + الشبكة 2×2
   ============================================================ */
.portal-stage {
    position: relative;
    max-width: 76rem;
    margin-inline: auto;
    margin-top: 1.1rem;
    padding: 1rem 1rem 2rem;
}

.pgrid {
    margin-top: 1.4rem;
    align-items: stretch;   /* نفس الارتفاع → الأزرار تتحاذى */
}

/* الرئيسي أوسع، الترويجي أصغر جمبه */
@media (min-width: 768px) {
    .pgrid {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    }
}

/* محاذاة الأزرار: الجسم يمتد والزر يُدفع لأسفل في الكارتين */
.pcard, .promo { height: 100%; }
.pcard__body, .promo__body { display: flex; flex-direction: column; flex: 1; }
.pcard__cta, .promo__btn { margin-top: auto; }

/* ============================================================
   5) كارت المنتج — بلا صندوق/حدود: الرسمة (خلفية بيضا) تندمج مع الصفحة
   ============================================================ */
.pcard {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    text-decoration: none;
}

/* صور عالية الجودة (شفافة/أبيض نقي) — تندمج مباشرة على الأبيض بلا multiply (ألوان صافية) */
.pcard__shot {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    background: transparent;
}

.pcard__body {
    padding: 0 0.5rem 0.5rem;
    text-align: start;
}

.pcard__title {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--portal-ink);
    margin: 0 0 0.4rem;
}

.pcard__desc {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.7;
    color: var(--portal-ink-soft);
    margin: 0 0 1rem;
}

.pcard__cta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.9rem 1.2rem;
    border-radius: 0.85rem;
    color: #ffffff !important;
    font-weight: 800;
    font-size: 1rem;
    transition: filter 0.25s ease;
}

.pcard--teal .pcard__cta { background: var(--portal-teal); box-shadow: 0 14px 28px -12px rgba(0, 164, 155, 0.6); }
.pcard--blue .pcard__cta { background: var(--portal-blue); box-shadow: 0 14px 28px -12px rgba(40, 120, 232, 0.6); }
.pcard:hover .pcard__cta { filter: brightness(1.08); }

.pcard__feats,
.promo__feats {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    /* خط فاصل متصل ممتد بعرض الكارت كامل */
    border-top: 1px solid var(--portal-line);
}

.pfeat { flex: 1 1 45%; display: flex; align-items: center; gap: 0.5rem; min-width: 0; }

.pfeat i {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.55rem;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.pcard--teal .pfeat i { color: var(--portal-teal); background: rgba(0, 164, 155, 0.12); }
.pcard--blue .pfeat i { color: var(--portal-blue); background: rgba(40, 120, 232, 0.12); }

.pfeat b {
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.25;
    color: #33475b;
    text-align: start;
}

/* ============================================================
   6) الكارت الترويجي — صورة + لوحة زجاجية Glassmorphism + زر زجاجي بتوهّج نيون
   ============================================================ */
/* بلا صندوق/حدود — الرسمة (خلفية بيضا) تندمج، والزر فقط هو العائم الزجاجي.
   أصغر من الكارت الرئيسي (max-width محدود ومتمركز). */
/* الترويجي: بلا صندوق — رسمة مدمجة فوق + عنوان ووصف وزر زجاجي ومزايا (مثل صورة المرجع) */
.promo {
    position: relative;
    text-decoration: none;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.promo__img {
    position: relative;
    display: block;
    width: 82%;            /* أصغر شوية من الكارت الرئيسي */
    max-width: 340px;
    height: auto;
    margin-inline: auto;
    object-fit: contain;   /* صور شفافة عالية الجودة — تندمج مباشرة بلا multiply */
}

.promo__body {
    padding: 0.2rem 0.5rem 0.5rem;
    text-align: start;
    margin-top: -0.4rem;
}

.promo__title {
    font-size: 1.5rem;
    font-weight: 900;
    color: var(--portal-ink);
    margin: 0 0 0.4rem;
}

/* ============================================================
   سلايدر قوالب عرض المنتج — في مكان الرسمة (5 قوالب، تلقائي + نقط)
   ============================================================ */
.pslider {
    position: relative;
    width: 92%;
    max-width: 360px;
    margin: 0 auto 0.9rem;
}

.pslider__stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;      /* الصور مربّعة 1254×1254 → صفر قفز */
    border-radius: 1.1rem;
    overflow: hidden;
    box-shadow: 0 18px 40px -22px rgba(15, 40, 80, 0.35);
}

.pslide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
}
.pslide.is-active { opacity: 1; }

.pslider__dots {
    display: flex;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 0.7rem;
}

.pdot {
    width: 8px;
    height: 8px;
    border-radius: 9999px;
    border: 0;
    padding: 0;
    cursor: pointer;
    background: rgba(15, 23, 42, 0.2);
    transition: width 0.3s ease, background 0.3s ease;
}
.promo--teal .pdot.is-active { width: 22px; background: var(--portal-teal); }
.promo--blue .pdot.is-active { width: 22px; background: var(--portal-blue); }

@media (prefers-reduced-motion: reduce) {
    .pslide { transition: none; }
}

/* كرستال زجاجي — بلا إطار: تدرّج زجاجي + لمعة + ظل ناعم (يبان كريستال على الأبيض) */
.promo__banner {
    position: relative;
    overflow: hidden;
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    border: 0;
    backdrop-filter: blur(10px) saturate(1.2);
    -webkit-backdrop-filter: blur(10px) saturate(1.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 0 rgba(255, 255, 255, 0.35),
        0 10px 26px -14px rgba(15, 40, 80, 0.28);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.65;
    color: var(--portal-ink-soft);
    text-align: start;
}
.promo--teal .promo__banner {
    background: linear-gradient(135deg, rgba(0, 164, 155, 0.14), rgba(255, 255, 255, 0.5) 55%, rgba(0, 164, 155, 0.08));
}
.promo--blue .promo__banner {
    background: linear-gradient(135deg, rgba(40, 120, 232, 0.14), rgba(255, 255, 255, 0.5) 55%, rgba(40, 120, 232, 0.08));
}
/* لمعة كريستال قطرية تمرّ فوق البنر */
.promo__banner::after {
    content: "";
    position: absolute;
    top: -60%;
    inset-inline-start: -20%;
    width: 45%;
    height: 220%;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
    pointer-events: none;
}

.promo__desc {
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.7;
    color: var(--portal-ink-soft);
    margin: 0 0 1rem;
}

/* الزر الزجاجي العائم — عريض (مثل المرجع)، زجاج شفاف + توهّج نيون بلون الهوية */
.promo__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.9rem 1.2rem;
    border-radius: 0.9rem;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-weight: 800;
    font-size: 0.98rem;
    transition: box-shadow 0.3s ease, background 0.3s ease, transform 0.3s ease;
}

.promo--teal .promo__btn {
    color: var(--portal-teal) !important;
    border: 1px solid rgba(0, 164, 155, 0.5);
    box-shadow: 0 0 0 1px rgba(0, 164, 155, 0.16), 0 8px 24px -8px rgba(0, 164, 155, 0.6);
}
.promo--blue .promo__btn {
    color: var(--portal-blue) !important;
    border: 1px solid rgba(40, 120, 232, 0.5);
    box-shadow: 0 0 0 1px rgba(40, 120, 232, 0.16), 0 8px 24px -8px rgba(40, 120, 232, 0.6);
}

.promo:hover .promo__btn { transform: translateY(-2px); }
.promo--teal:hover .promo__btn { box-shadow: 0 0 0 1px rgba(0, 164, 155, 0.4), 0 0 26px -2px rgba(0, 164, 155, 0.85); }
.promo--blue:hover .promo__btn { box-shadow: 0 0 0 1px rgba(40, 120, 232, 0.4), 0 0 26px -2px rgba(40, 120, 232, 0.85); }

/* مزايا الترويجي — نفس شرائح الكارت الرئيسي */
.promo__feats {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--portal-line);
}
.promo--teal .promo__feats .pfeat i { color: var(--portal-teal); background: rgba(0, 164, 155, 0.12); }
.promo--blue .promo__feats .pfeat i { color: var(--portal-blue); background: rgba(40, 120, 232, 0.12); }

/* السهم يتبع اتجاه اللغة */
html[dir="ltr"] .portal-cta-arrow { transform: scaleX(-1); }

/* ============================================================
   6b) الكارت الترويجي الغني (wcard) — رسمة + مزايا + شريط سفلي، أصغر من الرئيسي
   ============================================================ */
.wcard {
    display: block;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid var(--portal-line);
    border-radius: 1.4rem;
    box-shadow: 0 18px 44px -26px rgba(15, 40, 80, 0.24);
    padding: 1.2rem 1.2rem 1.1rem;
    align-self: start;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wcard:hover { transform: translateY(-4px); box-shadow: 0 28px 54px -24px rgba(15, 40, 80, 0.3); }

.wcard__title {
    font-size: 1.35rem;
    font-weight: 900;
    color: var(--portal-ink);
    margin: 0;
    line-height: 1.1;
}

.wcard__sub {
    font-size: 0.9rem;
    font-weight: 800;
    margin: 0.15rem 0 0;
}
.wcard--teal .wcard__sub { color: var(--portal-teal); }
.wcard--blue .wcard__sub { color: var(--portal-blue); }

.wcard__art {
    display: block;
    width: 62%;
    max-width: 200px;
    height: auto;
    margin: 0.4rem auto 0.2rem;
}

.wcard__desc {
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.6;
    color: var(--portal-ink-soft);
    margin: 0 0 0.8rem;
    text-align: start;
}

.wcard__cta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.8rem 1.1rem;
    border-radius: 0.8rem;
    color: #fff !important;
    font-weight: 800;
    font-size: 0.92rem;
    transition: filter 0.25s ease;
}
.wcard--teal .wcard__cta { background: var(--portal-teal); box-shadow: 0 12px 26px -12px rgba(0, 164, 155, 0.6); }
.wcard--blue .wcard__cta { background: var(--portal-blue); box-shadow: 0 12px 26px -12px rgba(40, 120, 232, 0.6); }
.wcard:hover .wcard__cta { filter: brightness(1.08); }

/* قائمة المزايا */
.wcard__list { margin-top: 0.9rem; display: flex; flex-direction: column; gap: 0.5rem; }

.wrow {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.6rem 0.7rem;
    border-radius: 0.7rem;
    background: rgba(15, 23, 42, 0.03);
    text-align: start;
}
.wrow > div { display: flex; flex-direction: column; }
.wrow b { font-size: 0.82rem; font-weight: 800; color: var(--portal-ink); line-height: 1.2; }
.wrow span:not(.wrow__ico) { font-size: 0.72rem; font-weight: 600; color: var(--portal-ink-soft); line-height: 1.35; }

.wrow__ico {
    flex-shrink: 0;
    width: 2rem; height: 2rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 0.5rem; font-size: 0.85rem; color: #fff;
}
.wcard--teal .wrow__ico { background: var(--portal-teal); }
.wcard--blue .wrow__ico { background: var(--portal-blue); }

/* صف الترحيب */
.wrow--welcome { flex-direction: column; align-items: flex-start; gap: 0.15rem; background: rgba(0, 164, 155, 0.07); }
.wcard--blue .wrow--welcome { background: rgba(40, 120, 232, 0.07); }
.wrow--welcome b { font-size: 0.95rem; }
.wcard--teal .wrow--welcome b { color: var(--portal-teal); }
.wcard--blue .wrow--welcome b { color: var(--portal-blue); }

/* صف View Reports كرابط */
.wrow--link { justify-content: space-between; }
.wrow--link b { flex: 1; }
.wcard--teal .wrow--link b, .wcard--teal .wrow--link .wrow__chev { color: var(--portal-teal); }
.wcard--blue .wrow--link b, .wcard--blue .wrow--link .wrow__chev { color: var(--portal-blue); }
.wrow--link .wrow__chev { font-size: 0.8rem; }

/* الشريط السفلي */
.wcard__bar {
    margin-top: 0.9rem;
    padding-top: 0.9rem;
    border-top: 1px solid var(--portal-line);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
}
.wbar { display: flex; flex-direction: column; align-items: flex-start; gap: 0.05rem; text-align: start; }
.wbar i { font-size: 0.9rem; margin-bottom: 0.15rem; }
.wcard--teal .wbar i { color: var(--portal-teal); }
.wcard--blue .wbar i { color: var(--portal-blue); }
.wbar b { font-size: 0.74rem; font-weight: 800; color: var(--portal-ink); }
.wbar small { font-size: 0.66rem; font-weight: 600; color: var(--portal-ink-soft); }

/* ============================================================
   6c) الكارت الكامل (scard) — عمودان (رسمة+نص | مزايا) + شريط سفلي — مطابق للمرجع
   ============================================================ */
.scard {
    display: block;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid var(--portal-line);
    border-radius: 1.75rem;
    box-shadow: 0 24px 60px -30px rgba(15, 40, 80, 0.28);
    padding: 2rem 2rem 1.6rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.scard:hover { transform: translateY(-4px); box-shadow: 0 34px 70px -28px rgba(15, 40, 80, 0.34); }

.scard__main {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem 2.2rem;
    align-items: center;
}
@media (min-width: 860px) {
    .scard__main { grid-template-columns: 0.95fr 1.05fr; }
}

/* العمود الشمال: عنوان + رسمة مدمجة + وصف + زر */
.scard__left { text-align: start; }

.scard__title {
    font-size: clamp(1.8rem, 3.4vw, 2.6rem);
    font-weight: 900;
    color: var(--portal-ink);
    margin: 0;
    line-height: 1.08;
}
.scard__sub {
    font-size: 1rem;
    font-weight: 800;
    margin: 0.2rem 0 0;
}
.scard--teal .scard__sub { color: var(--portal-teal); }
.scard--blue .scard__sub { color: var(--portal-blue); }

/* الرسمة مدمجة (PNG شفاف على أبيض) — بلا صندوق */
.scard__art {
    display: block;
    width: 92%;
    max-width: 400px;
    height: auto;
    margin: 0.6rem 0 0.4rem;
}

.scard__desc {
    font-size: 0.98rem;
    font-weight: 600;
    line-height: 1.65;
    color: var(--portal-ink-soft);
    margin: 0 0 1.1rem;
}

.scard__cta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 0.95rem 1.2rem;
    border-radius: 0.9rem;
    color: #fff !important;
    font-weight: 800;
    font-size: 1rem;
    transition: filter 0.25s ease;
}
.scard--teal .scard__cta { background: var(--portal-teal); box-shadow: 0 14px 30px -12px rgba(0, 164, 155, 0.6); }
.scard--blue .scard__cta { background: var(--portal-blue); box-shadow: 0 14px 30px -12px rgba(40, 120, 232, 0.6); }
.scard:hover .scard__cta { filter: brightness(1.08); }

/* العمود اليمين: قائمة المزايا (كروت صغيرة) */
.scard__right { display: flex; flex-direction: column; gap: 0.65rem; }

.sfeat {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.8rem 1rem;
    border-radius: 0.9rem;
    background: rgba(15, 23, 42, 0.03);
    border: 1px solid var(--portal-line);
    text-align: start;
}
.sfeat > div { display: flex; flex-direction: column; }
.sfeat b { font-size: 0.95rem; font-weight: 800; color: var(--portal-ink); line-height: 1.2; }
.sfeat span:not(.sfeat__ico) { font-size: 0.82rem; font-weight: 600; color: var(--portal-ink-soft); line-height: 1.4; }

.sfeat__ico {
    flex-shrink: 0;
    width: 2.5rem; height: 2.5rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 0.7rem; font-size: 1rem; color: #fff;
}
.scard--teal .sfeat__ico { background: var(--portal-teal); }
.scard--blue .sfeat__ico { background: var(--portal-blue); }

.sfeat--welcome { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
.scard--teal .sfeat--welcome { background: rgba(0, 164, 155, 0.07); border-color: rgba(0, 164, 155, 0.2); }
.scard--blue .sfeat--welcome { background: rgba(40, 120, 232, 0.07); border-color: rgba(40, 120, 232, 0.2); }
.sfeat--welcome b { font-size: 1.1rem; }
.scard--teal .sfeat--welcome b { color: var(--portal-teal); }
.scard--blue .sfeat--welcome b { color: var(--portal-blue); }

.sfeat--link { justify-content: space-between; }
.sfeat--link b { flex: 1; }
.scard--teal .sfeat--link b, .scard--teal .sfeat--link .sfeat__chev { color: var(--portal-teal); }
.scard--blue .sfeat--link b, .scard--blue .sfeat--link .sfeat__chev { color: var(--portal-blue); }

/* الشريط السفلي */
.scard__bar {
    margin-top: 1.4rem;
    padding-top: 1.3rem;
    border-top: 1px solid var(--portal-line);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.8rem;
}
@media (min-width: 640px) { .scard__bar { grid-template-columns: repeat(4, 1fr); } }

.sbar { display: flex; align-items: center; gap: 0.7rem; text-align: start; }
.sbar > div { display: flex; flex-direction: column; }
.sbar i {
    flex-shrink: 0;
    width: 2.3rem; height: 2.3rem;
    display: flex; align-items: center; justify-content: center;
    border-radius: 0.6rem; font-size: 0.95rem; color: #fff;
}
.scard--teal .sbar i { background: var(--portal-teal); }
.scard--blue .sbar i { background: var(--portal-blue); }
.sbar b { font-size: 0.82rem; font-weight: 800; color: var(--portal-ink); }
.sbar small { font-size: 0.72rem; font-weight: 600; color: var(--portal-ink-soft); }

/* ============================================================
   7) Footer — على أبيض (نص غامق)
   ============================================================ */
body.dedo-portal-bg footer {
    background: transparent !important;
    border-top: 1px solid var(--portal-line);
}

body.dedo-portal-bg footer .dedo-header-glow { display: none; }

body.dedo-portal-bg footer a {
    color: var(--portal-ink-soft) !important;
}
body.dedo-portal-bg footer a:hover {
    color: var(--portal-teal) !important;
}

body.dedo-portal-bg footer p,
body.dedo-portal-bg footer span:not([data-i18n]) {
    color: #7d8ea1 !important;
}

/* ============================================================
   8) Responsive
   ============================================================ */
@media (max-width: 767px) {
    .pgrid { grid-template-columns: 1fr; }
    .pcard__body,
    .promo__body { padding: 0.2rem 1.2rem 1.3rem; }
}