@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

/*
نورونک 502
Theme Name: Nooronek Theme - Version 536
Author: Moallem Pars
Description: Custom educational theme
*/

/* =========================
   Design Tokens
   Values intentionally match version 101.
========================= */

:root {
    --primary-color: #A44AFF;
    --primary-dark: #7C2EDB;
    --brand-primary: #A44AFF;
    --brand-primary-hover: #913BEF;
    --brand-primary-dark: #7C2EDB;
    --brand-primary-light: #C98CFF;
    --brand-primary-soft: #F3E8FF;
    --text-primary: #18181B;
    --text-secondary: #71717A;
    --brand-border-color: #E4E4E7;
    --brand-background: #FAFAFA;
    --brand-surface: #FFFFFF;
    --secondary-color: #913BEF;
    --background-color: #ffffff;
    --surface-color: #ffffff;
    --text-color: #1f2937;
    --muted-color: #6b7280;
    --border-color: #e5e7eb;
    --shadow: 0 10px 30px rgba(0,0,0,0.08);

    /* Canonical layout token: same value used by the current homepage. */
    --mp-container-width: 1200px;
    --mp-space-1: 4px;
    --mp-space-2: 8px;
    --mp-space-3: 12px;
    --mp-space-4: 16px;
    --mp-space-5: 20px;
    --mp-space-6: 24px;
    --mp-space-8: 32px;
    --mp-radius-sm: 8px;
    --mp-radius-md: 12px;
    --mp-radius-lg: 16px;
    --mp-radius-xl: 20px;
    --mp-shadow-soft: 0 10px 30px rgba(0,0,0,0.08);
}

/* =========================
   Global Base
========================= */

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    direction: rtl;
    background: var(--background-color);
    color: var(--text-color);
    font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: inherit;
}

p {
    color: var(--muted-color);
}

h1,
h2,
h3,
h4 {
    color: var(--text-color);
    margin-top: 0;
}

/* =========================
   Canonical Container
========================= */

.container {
    width: 90%;
    max-width: var(--mp-container-width);
    margin: auto;
}


/* =====================================================
   VERSION 114 — هماهنگی کامل داشبورد با هدر
===================================================== */
@media (min-width: 769px) {
    /*
     * نسخه 116 — تراز دقیق ناحیه حساب با خود کانتینر هدر
     * هدر: max-width:1280px + padding:25px
     * حساب کاربری نیز دقیقاً همان هندسه را دارد.
     */
    body.woocommerce-account .mp-account-layout {
        width: 100% !important;
        max-width: 1280px !important;
        margin: 0 auto !important;
        padding: 0 25px 45px !important;
        gap: 20px !important;
        box-sizing: border-box !important;
        align-items: start !important;
    }

    body.woocommerce-account .mp-account-sidebar {
        flex: 0 0 260px !important;
        width: 260px !important;
        min-width: 260px !important;
        margin: 0 !important;
        position: sticky !important;
        top: 10px !important;
        align-self: start !important;
    }

    body.woocommerce-account .mp-account-main {
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0 !important;
        align-self: start !important;
    }
}

@media (max-width: 768px) {
    body.woocommerce-account .mp-account-layout {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 8px 16px 30px !important;
        gap: 12px !important;
    }

    body.woocommerce-account .mp-account-sidebar,
    body.woocommerce-account .mp-account-main {
        margin: 0 !important;
    }
}


/* =====================================================
   VERSION 117 — هماهنگ‌سازی صفحات حساب کاربری دسکتاپ
===================================================== */

/* لایه زیر منو و محتوای حساب رنگ جداگانه نداشته باشد */
body.woocommerce-account .mp-account-layout {
    background: transparent !important;
}

@media (min-width: 769px) {
    /* همه صفحات داخلی حساب در یک عرض واحد */
    body.woocommerce-account .mp-account-main > .mp-account-page,
    body.woocommerce-account .mp-account-main > .mp-dashboard-content {
        width: 100% !important;
        max-width: 880px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* فرم ویرایش هم دقیقاً هم‌اندازه سایر صفحات */
    body.woocommerce-account .mp-edit-account-page .mp-page-header,
    body.woocommerce-account .mp-edit-account-page .mp-account-form,
    body.woocommerce-account .mp-edit-account-page .mp-form-submit {
        max-width: 880px !important;
    }

    /* فاصله و رنگ پس‌زمینه اضافی خود ناحیه حساب حذف شود */
    body.woocommerce-account .mp-account-main {
        background: transparent !important;
    }
}


/* =====================================================
   MY ACCOUNT — پس‌زمینه سفید صفحه حساب کاربری
===================================================== */
html body.woocommerce-account,
body.woocommerce-account main,
body.woocommerce-account .site-main {
    background: #ffffff !important;
}

body.woocommerce-account .mp-account-layout {
    background: transparent !important;
}

/* =====================================================
   VERSION 127 — بازطراحی کامل رابط کاربری داشبورد موبایل
   فقط موبایل؛ دسکتاپ دست‌نخورده باقی می‌ماند.
===================================================== */
@media (max-width: 768px) {
    body.woocommerce-account {
        overflow-x: hidden !important;
    }

    body.woocommerce-account .mp-account-layout,
    body.woocommerce-account .mp-account-dashboard {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 8px 12px 28px !important;
        display: block !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.woocommerce-account .mp-account-sidebar {
        position: relative !important;
        top: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
        padding: 10px !important;
        border-radius: 16px !important;
        box-shadow: 0 5px 18px rgba(0,0,0,.05) !important;
    }

    body.woocommerce-account .mp-sidebar-profile {
        padding: 12px 8px 14px !important;
        margin-bottom: 8px !important;
    }

    body.woocommerce-account .mp-sidebar-menu {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
    }

    body.woocommerce-account .mp-sidebar-link {
        min-width: 0 !important;
        height: 46px !important;
        padding: 5px 7px !important;
        gap: 5px !important;
        border: 1px solid #F1EBFF !important;
        border-radius: 11px !important;
        background: #fff !important;
    }

    body.woocommerce-account .mp-sidebar-link:hover,
    body.woocommerce-account .mp-sidebar-link:focus-visible {
        background: #f7faef !important;
    }

    body.woocommerce-account .mp-sidebar-title {
        font-size: 12px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.woocommerce-account .mp-sidebar-icon {
        width: 23px !important;
        height: 23px !important;
        font-size: 13px !important;
    }

    body.woocommerce-account .mp-sidebar-end {
        width: 18px !important;
        font-size: 10px !important;
    }

    body.woocommerce-account .mp-account-main {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.woocommerce-account .mp-account-main > *,
    body.woocommerce-account .mp-account-main > .mp-account-page,
    body.woocommerce-account .mp-account-main > .mp-dashboard-content,
    body.woocommerce-account .mp-account-main .mp-dashboard-header,
    body.woocommerce-account .mp-account-main .mp-dashboard-grid,
    body.woocommerce-account .mp-account-main .mp-quick-actions,
    body.woocommerce-account .mp-account-main .mp-account-page,
    body.woocommerce-account .mp-account-main .mp-page-header,
    body.woocommerce-account .mp-account-main .mp-account-form,
    body.woocommerce-account .mp-account-main .mp-form-submit {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account .mp-dashboard-grid {
        display: block !important;
    }

    body.woocommerce-account .mp-dashboard-box,
    body.woocommerce-account .mp-stat-card,
    body.woocommerce-account .mp-quick-action {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account .mp-stat-card {
        min-height: 64px !important;
    }

    body.woocommerce-account .mp-box-header {
        gap: 8px !important;
        flex-wrap: wrap !important;
    }

    body.woocommerce-account .mp-box-link {
        white-space: nowrap !important;
    }

    body.woocommerce-account .mp-account-main table,
    body.woocommerce-account .mp-account-main .shop_table,
    body.woocommerce-account .mp-account-main .woocommerce-orders-table {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed !important;
    }

    body.woocommerce-account .mp-account-main img,
    body.woocommerce-account .mp-account-main iframe,
    body.woocommerce-account .mp-account-main input,
    body.woocommerce-account .mp-account-main select,
    body.woocommerce-account .mp-account-main textarea,
    body.woocommerce-account .mp-account-main button {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-account .mp-account-main .woocommerce-orders-table td,
    body.woocommerce-account .mp-account-main .woocommerce-orders-table th {
        padding: 9px 6px !important;
        font-size: 11px !important;
        word-break: break-word !important;
        overflow-wrap: anywhere !important;
    }

    body.woocommerce-account .mp-account-main .woocommerce-MyAccount-content,
    body.woocommerce-account .mp-account-main .woocommerce-MyAccount-content > * {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 430px) {
    body.woocommerce-account .mp-account-layout,
    body.woocommerce-account .mp-account-dashboard {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.woocommerce-account .mp-sidebar-menu {
        grid-template-columns: 1fr 1fr !important;
        gap: 5px !important;
    }

    body.woocommerce-account .mp-sidebar-link {
        height: 44px !important;
        padding: 4px 5px !important;
    }

    body.woocommerce-account .mp-sidebar-title {
        font-size: 11.5px !important;
    }
}

/* =========================================================
   Moallem Pars Education Frontend — Version 281
   Fully scoped to .mp-education; mobile-first.
========================================================= */
.mp-education,
.mp-education *,
.mp-education *::before,
.mp-education *::after { box-sizing: border-box; }
.mp-education { direction: rtl; width: 100%; max-width: 100%; overflow-x: clip; color: var(--text-color); }
.mp-education__container { width: min(100% - 24px, var(--mp-container-width)); margin: 0 auto; padding: 18px 0 56px; min-width: 0; }
.mp-education__breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 18px; color:#6b7280; font-size:13px; line-height:1.9; overflow-wrap:anywhere; }
.mp-education__breadcrumb a { color:#7C2EDB; text-decoration:none; }
.mp-education__breadcrumb a:hover,.mp-education__breadcrumb a:focus-visible { text-decoration:underline; }
.mp-education__breadcrumb-separator { color:#9ca3af; }
.mp-education__hero { margin:0 0 22px; padding:22px; border:1px solid rgba(164,74,255,.18); border-radius:20px; background:linear-gradient(135deg,#fff,#FAF5FF); box-shadow:0 8px 26px rgba(31,41,55,.05); }
.mp-education__eyebrow { margin:0 0 7px; color:#7C2EDB; font-size:13px; font-weight:800; }
.mp-education__hero h1 { margin:0; color:#1f2937; font-size:clamp(24px,6vw,38px); line-height:1.5; font-weight:900; overflow-wrap:anywhere; }
.mp-education__hero p { margin:10px 0 0; color:#6b7280; font-size:14px; line-height:2; overflow-wrap:anywhere; }
.mp-education__grade-image,.mp-education__book-cover { width:100%; max-width:420px; margin:0 auto 24px; overflow:hidden; border-radius:18px; background:#F7F3FF; }
.mp-education__grade-image img,.mp-education__book-cover img { display:block; width:100%; max-width:100%; height:auto; object-fit:cover; }
.mp-education__section { min-width:0; }
.mp-education__section + .mp-education__section { margin-top:28px; }
.mp-education__section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:0 0 14px; }
.mp-education__section-heading h2 { margin:0; color:#1f2937; font-size:20px; line-height:1.7; font-weight:900; overflow-wrap:anywhere; }
.mp-education__section-heading span { flex:0 0 auto; color:#6b7280; font-size:12px; }
.mp-education__book-grid { display:grid; grid-template-columns:1fr; gap:14px; }
.mp-education__book-card { display:flex; min-width:0; width:100%; overflow:hidden; color:inherit; text-decoration:none; border:1px solid #EEE5FF; border-radius:18px; background:#fff; box-shadow:0 7px 22px rgba(31,41,55,.055); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.mp-education__book-card:hover,.mp-education__book-card:focus-visible { transform:translateY(-2px); border-color:rgba(164,74,255,.45); box-shadow:0 12px 28px rgba(31,41,55,.09); }
.mp-education__book-media { flex:0 0 108px; width:108px; min-height:145px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#FAF7FF; }
.mp-education__book-media img { display:block; width:100%; height:100%; max-width:100%; object-fit:cover; }
.mp-education__placeholder { font-size:34px; }
.mp-education__book-body { min-width:0; flex:1; padding:15px; display:flex; flex-direction:column; justify-content:center; }
.mp-education__book-body h3 { margin:0; color:#1f2937; font-size:17px; line-height:1.75; font-weight:900; overflow-wrap:anywhere; }
.mp-education__book-body p { margin:6px 0 0; color:#6b7280; font-size:13px; line-height:1.9; overflow-wrap:anywhere; }
.mp-education__link { display:inline-flex; align-items:center; gap:6px; margin-top:10px; color:#7C2EDB; font-size:12px; font-weight:800; }
.mp-education__chapters { display:grid; gap:18px; }
.mp-education__chapter { min-width:0; padding:16px; border:1px solid #EEE5FF; border-radius:18px; background:#fff; box-shadow:0 7px 22px rgba(31,41,55,.045); }
.mp-education__chapter-heading { margin:0 0 12px; }
.mp-education__chapter-heading h3 { margin:0; color:#1f2937; font-size:18px; line-height:1.7; font-weight:900; overflow-wrap:anywhere; }
.mp-education__chapter-heading p { margin:4px 0 0; color:#6b7280; font-size:13px; line-height:1.9; overflow-wrap:anywhere; }
.mp-education__lesson-list { display:grid; gap:9px; min-width:0; }
.mp-education__lesson-card { display:flex; align-items:center; gap:10px; min-width:0; width:100%; padding:12px; border:1px solid #F1EBFF; border-radius:14px; background:#fbfcfa; color:inherit; text-decoration:none; }
.mp-education__lesson-card:hover,.mp-education__lesson-card:focus-visible { border-color:rgba(164,74,255,.5); background:#fff; }
.mp-education__lesson-number { flex:0 0 36px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:#A44AFF; color:#fff; font-size:13px; font-weight:900; }
.mp-education__lesson-main { flex:1; min-width:0; }
.mp-education__lesson-main strong { display:block; color:#1f2937; font-size:14px; line-height:1.8; font-weight:850; overflow-wrap:anywhere; }
.mp-education__lesson-main small { display:block; margin-top:2px; color:#6b7280; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.mp-education__lesson-arrow,.mp-education__content-arrow { flex:0 0 auto; color:#7C2EDB; font-size:18px; }
.mp-education__content-grid { display:grid; gap:12px; min-width:0; }
.mp-education__content-card { display:flex; align-items:center; gap:11px; min-width:0; width:100%; padding:15px; border:1px solid #EEE5FF; border-radius:16px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 6px 18px rgba(31,41,55,.045); }
.mp-education__content-card:hover,.mp-education__content-card:focus-visible { border-color:rgba(164,74,255,.5); box-shadow:0 10px 24px rgba(31,41,55,.075); }
.mp-education__content-icon { flex:0 0 42px; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:13px; background:#F3E8FF; font-size:20px; }
.mp-education__content-main { flex:1; min-width:0; }
.mp-education__content-main strong { display:block; color:#1f2937; font-size:15px; line-height:1.8; font-weight:900; overflow-wrap:anywhere; }
.mp-education__content-main small { display:block; margin-top:2px; color:#6b7280; font-size:11px; line-height:1.8; overflow-wrap:anywhere; }
.mp-education__content-wrapper { min-width:0; width:100%; padding:18px; border:1px solid #EEE5FF; border-radius:18px; background:#fff; box-shadow:0 7px 22px rgba(31,41,55,.045); overflow:hidden; }
.mp-education__empty { width:100%; max-width:100%; padding:30px 18px; text-align:center; border:1px dashed #E9DFFF; border-radius:18px; background:#fbfcf9; }
.mp-education__empty-icon { display:block; margin-bottom:8px; font-size:28px; }
.mp-education__empty p { margin:0; color:#6b7280; font-size:14px; line-height:2; overflow-wrap:anywhere; }
.mp-education__content-wrapper .mp-lesson-questions { width:100%; max-width:100%; }
@media (min-width:600px) {
    .mp-education__container { width:min(100% - 36px,var(--mp-container-width)); padding-top:24px; }
    .mp-education__book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .mp-education__book-card { display:block; }
    .mp-education__book-media { width:100%; height:190px; min-height:190px; }
    .mp-education__book-body { padding:16px; }
}
@media (min-width:900px) {
    .mp-education__container { width:min(100% - 48px,var(--mp-container-width)); padding-top:30px; }
    .mp-education__hero { padding:30px; border-radius:22px; }
    .mp-education__book-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
    .mp-education__book-media { height:220px; min-height:220px; }
    .mp-education__chapter { padding:20px; }
    .mp-education__content-wrapper { padding:24px; }
}
@media (min-width:1200px) {
    .mp-education__book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .mp-education__book-media { height:235px; min-height:235px; }
}


/* =========================================================
   Moallem Pars Education — Grade Page UI — Version 276
   فقط رابط صفحه Grade؛ کاملاً Scoped به .mp-education.
========================================================= */
.mp-education__grade-header {
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin:0 0 28px;
    padding:28px;
    border:1px solid rgba(164,74,255,.20);
    border-radius:24px;
    background:linear-gradient(135deg,#ffffff 0%,#FAF5FF 100%);
    box-shadow:0 10px 30px rgba(31,41,55,.055);
    overflow:hidden;
}
.mp-education__grade-header::after {
    content:"";
    position:absolute;
    left:-38px;
    bottom:-62px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:rgba(164,74,255,.08);
    pointer-events:none;
}
.mp-education__grade-heading { min-width:0; position:relative; z-index:1; }
.mp-education__grade-heading h1 { margin:0; color:#1f2937; font-size:clamp(27px,5vw,42px); line-height:1.45; font-weight:950; overflow-wrap:anywhere; }
.mp-education__grade-heading p { max-width:680px; margin:9px 0 0; color:#6b7280; font-size:14px; line-height:2; overflow-wrap:anywhere; }
.mp-education__grade-stat {
    position:relative;
    z-index:1;
    flex:0 0 auto;
    min-width:112px;
    padding:13px 16px;
    border:1px solid #EEE2FF;
    border-radius:17px;
    background:rgba(255,255,255,.82);
    text-align:center;
    box-shadow:0 6px 18px rgba(31,41,55,.045);
}
.mp-education__grade-stat-number { display:block; color:#7C2EDB; font-size:27px; line-height:1.2; font-weight:950; }
.mp-education__grade-stat-label { display:block; margin-top:3px; color:#6b7280; font-size:11px; font-weight:800; }
.mp-education__section-heading > div { min-width:0; }
.mp-education__section-kicker { display:block; margin-bottom:3px; color:#7C2EDB; font-size:11px; font-weight:850; }
.mp-education__section-count { flex:0 0 auto; padding:6px 10px; border-radius:999px; background:#F3E8FF; color:#7C2EDB !important; font-size:11px !important; font-weight:850; }
.mp-education__book-grid { align-items:stretch; }
.mp-education__book-card { position:relative; height:100%; flex-direction:column; }
.mp-education__book-media { aspect-ratio:4/5; height:auto !important; min-height:0 !important; flex:none; background:linear-gradient(145deg,#FAF7FF,#edf3e5); }
.mp-education__book-media img { aspect-ratio:4/5; object-fit:cover; transition:transform .28s ease; }
.mp-education__book-card:hover .mp-education__book-media img,.mp-education__book-card:focus-visible .mp-education__book-media img { transform:scale(1.025); }
.mp-education__placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#7C2EDB; }
.mp-education__placeholder span { display:flex; align-items:center; justify-content:center; width:66px; height:66px; border-radius:20px; background:#fff; box-shadow:0 8px 24px rgba(31,41,55,.07); font-size:31px; }
.mp-education__book-body { flex:1; justify-content:flex-start; padding:16px 16px 17px; }
.mp-education__book-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; margin-bottom:7px; color:#7b8490; font-size:10px; font-weight:800; }
.mp-education__book-meta span { min-width:0; overflow-wrap:anywhere; }
.mp-education__book-meta span:first-child { color:#7C2EDB; }
.mp-education__book-body h3 { font-size:17px; line-height:1.65; }
.mp-education__book-body p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:3.8em; margin-top:5px; }
.mp-education__book-cta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; padding-top:13px; color:#7C2EDB; font-size:12px; font-weight:900; }
.mp-education__book-cta span { display:inline-flex; align-items:center; justify-content:center; width:29px; height:29px; border-radius:10px; background:#F3E8FF; transition:transform .18s ease; }
.mp-education__book-card:hover .mp-education__book-cta span,.mp-education__book-card:focus-visible .mp-education__book-cta span { transform:translateX(-3px); }
@media (max-width:599px) {
    .mp-education__grade-header { align-items:stretch; flex-direction:column; gap:14px; margin-bottom:24px; padding:21px 18px; border-radius:20px; }
    .mp-education__grade-stat { align-self:flex-start; min-width:105px; }
    .mp-education__grade-heading h1 { font-size:28px; }
    .mp-education__grade-heading p { font-size:13px; }
    .mp-education__book-grid { gap:11px; }
    .mp-education__book-body { padding:12px 11px 13px; }
    .mp-education__book-meta { font-size:9px; }
    .mp-education__book-body h3 { font-size:14px; line-height:1.7; }
    .mp-education__book-body p { font-size:11px; line-height:1.8; min-height:3.6em; }
    .mp-education__book-cta { padding-top:10px; font-size:10px; }
    .mp-education__book-cta span { width:25px; height:25px; border-radius:8px; }
}
@media (min-width:600px) {
    .mp-education__book-card { border-radius:20px; }
}

/* =========================================================
   Moallem Pars Education — Grade + Book UI — Version 276
   Frontend only. Scoped to .mp-education.
========================================================= */
.mp-education__grade-header {
    display:block;
    margin:0 0 24px;
    padding:10px 0 0;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    text-align:center;
    overflow:visible;
}
.mp-education__grade-header::after { display:none; }
.mp-education__grade-heading { position:static; }
.mp-education__grade-heading .mp-education__eyebrow { margin-bottom:4px; font-size:10px; font-weight:800; }
.mp-education__grade-heading h1 { font-size:clamp(25px,4vw,34px); line-height:1.45; font-weight:900; }
.mp-education__grade-heading p { max-width:560px; margin:5px auto 0; font-size:12px; line-height:1.9; }
.mp-education__grade-stat {
    display:inline-flex;
    align-items:baseline;
    gap:5px;
    min-width:0;
    margin-top:10px;
    padding:5px 10px;
    border:1px solid #EEE5FF;
    border-radius:999px;
    background:#fff;
    box-shadow:none;
}
.mp-education__grade-stat-number { font-size:15px; line-height:1; }
.mp-education__grade-stat-label { margin:0; font-size:10px; }
.mp-education__section + .mp-education__section { margin-top:22px; }
.mp-education__section-heading { align-items:center; justify-content:center; margin-bottom:12px; text-align:center; }
.mp-education__section-heading > div { width:100%; }
.mp-education__section-kicker { margin-bottom:2px; font-size:9px; }
.mp-education__section-heading h2 { font-size:18px; line-height:1.6; font-weight:900; }
.mp-education__section-count { display:none; }
.mp-education__book-grid { gap:12px; }
.mp-education__book-card { border:1px solid #F0E8FF; border-radius:14px; box-shadow:0 3px 12px rgba(31,41,55,.045); }
.mp-education__book-card:hover,.mp-education__book-card:focus-visible { transform:translateY(-1px); border-color:rgba(164,74,255,.38); box-shadow:0 6px 16px rgba(31,41,55,.07); }
.mp-education__book-media { aspect-ratio:5/6; background:#FAF7FF; }
.mp-education__book-media img { transition:none; }
.mp-education__book-card:hover .mp-education__book-media img,.mp-education__book-card:focus-visible .mp-education__book-media img { transform:none; }
.mp-education__book-body { padding:11px 12px 12px; }
.mp-education__book-meta { margin-bottom:4px; font-size:9px; }
.mp-education__book-body h3 { font-size:15px; line-height:1.6; }
.mp-education__book-body p { margin-top:3px; font-size:10px; line-height:1.75; min-height:0; }
.mp-education__book-cta { justify-content:flex-start; margin-top:8px; padding-top:0; color:#7C2EDB; font-size:10px; font-weight:850; }
.mp-education__book-cta span { display:none; }

.mp-education__book-header {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:0 0 24px;
    padding:8px 0 0;
    text-align:center;
}
.mp-education__book-header-media {
    flex:0 0 92px;
    width:92px;
    height:116px;
    overflow:hidden;
    border:1px solid #EEE5FF;
    border-radius:12px;
    background:#FAF7FF;
}
.mp-education__book-header-media img { display:block; width:100%; height:100%; object-fit:cover; }
.mp-education__book-header-copy { min-width:0; max-width:620px; }
.mp-education__book-header-copy .mp-education__eyebrow { margin-bottom:3px; font-size:10px; }
.mp-education__book-header-copy h1 { margin:0; color:#1f2937; font-size:clamp(24px,4vw,32px); line-height:1.5; font-weight:900; overflow-wrap:anywhere; }
.mp-education__book-header-copy p { margin:5px auto 0; color:#6b7280; font-size:12px; line-height:1.9; overflow-wrap:anywhere; }
.mp-education__book-structure { margin-top:0 !important; }
.mp-education__chapters { gap:10px; }
.mp-education__chapter { padding:13px; border-radius:13px; box-shadow:0 3px 12px rgba(31,41,55,.035); }
.mp-education__chapter-heading { position:relative; margin:0 0 9px; padding-right:0; }
.mp-education__chapter-number { display:block; margin-bottom:2px; color:#7C2EDB; font-size:9px; font-weight:850; }
.mp-education__chapter-heading h3 { font-size:15px; line-height:1.65; }
.mp-education__chapter-heading p { margin:2px 0 0; font-size:11px; line-height:1.75; }
.mp-education__chapter-count { display:block; margin-top:4px; color:#8a939d; font-size:9px; font-weight:750; }
.mp-education__lesson-list { gap:6px; }
.mp-education__lesson-card { gap:9px; padding:9px 10px; border-radius:10px; background:#fff; }
.mp-education__lesson-number { flex:0 0 28px; width:28px; height:28px; border-radius:8px; font-size:10px; }
.mp-education__lesson-main strong { font-size:12px; line-height:1.7; }
.mp-education__lesson-main small { font-size:9px; line-height:1.7; }
.mp-education__lesson-arrow { display:none; }

@media (max-width:599px) {
    .mp-education__container { padding-top:12px; padding-bottom:42px; }
    .mp-education__breadcrumb { margin-bottom:12px; gap:4px; font-size:10px; line-height:1.7; }
    .mp-education__grade-header { margin-bottom:18px; padding-top:3px; }
    .mp-education__grade-heading h1 { font-size:25px; }
    .mp-education__grade-heading p { font-size:11px; }
    .mp-education__grade-stat { margin-top:8px; }
    .mp-education__book-grid { gap:9px; }
    .mp-education__book-card { border-radius:12px; }
    .mp-education__book-body { padding:9px 9px 10px; }
    .mp-education__book-meta { font-size:8px; }
    .mp-education__book-body h3 { font-size:13px; line-height:1.65; }
    .mp-education__book-body p { font-size:9px; }
    .mp-education__book-cta { margin-top:6px; font-size:9px; }
    .mp-education__book-header { flex-direction:column; gap:9px; margin-bottom:20px; padding-top:2px; }
    .mp-education__book-header-media { flex-basis:auto; width:76px; height:96px; border-radius:10px; }
    .mp-education__book-header-copy h1 { font-size:23px; }
    .mp-education__book-header-copy p { font-size:10px; }
    .mp-education__section-heading h2 { font-size:17px; }
}
@media (min-width:600px) and (max-width:899px) {
    .mp-education__book-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
    .mp-education__book-media { aspect-ratio:5/6; height:auto !important; min-height:0 !important; }
}
@media (min-width:900px) {
    .mp-education__book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
    .mp-education__book-media { aspect-ratio:5/6; height:auto !important; min-height:0 !important; }
}


/* =========================================================
   Moallem Pars Education UI — Version 276
   Frontend only. Scoped to .mp-education.
========================================================= */
.mp-education__container { padding-top:14px; padding-bottom:48px; }
.mp-education__breadcrumb { margin-bottom:14px; gap:5px; font-size:11px; color:#7a838c; }
.mp-education__breadcrumb-separator { color:#b0b7bd; font-size:10px; }
.mp-education__grade-header { display:block; margin:0 0 22px; padding:4px 0 0; text-align:center; }
.mp-education__grade-heading h1 { font-size:clamp(23px,3.2vw,31px); line-height:1.5; font-weight:900; }
.mp-education__grade-heading p { max-width:520px; margin:4px auto 0; font-size:11px; line-height:1.85; color:#7a838c; }
.mp-education__grade-stat { margin-top:7px; padding:4px 9px; border:1px solid #F1EBFF; background:#fff; border-radius:999px; }
.mp-education__grade-stat-number { font-size:13px; font-weight:900; color:#7C2EDB; }
.mp-education__grade-stat-label { font-size:9px; color:#858d95; }
.mp-education__section + .mp-education__section { margin-top:20px; }
.mp-education__section-heading { margin-bottom:10px; }
.mp-education__section-heading h2 { font-size:17px; line-height:1.6; font-weight:900; }
.mp-education__section-kicker { display:none; }
.mp-education__book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.mp-education__book-card { border:1px solid #EEE5FF; border-radius:12px; box-shadow:0 2px 10px rgba(31,41,55,.035); }
.mp-education__book-card:hover,.mp-education__book-card:focus-visible { transform:translateY(-1px); border-color:rgba(164,74,255,.38); box-shadow:0 5px 14px rgba(31,41,55,.06); }
.mp-education__book-media { aspect-ratio:5/6; background:#FAF7FF; }
.mp-education__book-media img { object-fit:cover; }
.mp-education__book-body { padding:9px 10px 10px; }
.mp-education__book-meta { margin-bottom:3px; font-size:8px; color:#8a929a; }
.mp-education__book-body h3 { font-size:13px; line-height:1.65; font-weight:900; }
.mp-education__book-cta { margin-top:6px; padding:0; font-size:9px; color:#7C2EDB; }
.mp-education__book-body p { display:none !important; }
.mp-education__book-header { justify-content:center; gap:13px; margin:0 0 20px; padding:3px 0 0; text-align:right; }
.mp-education__book-header-media { flex:0 0 70px; width:70px; height:90px; border-radius:9px; box-shadow:none; }
.mp-education__book-header-copy { max-width:560px; }
.mp-education__book-header-copy .mp-education__eyebrow { margin-bottom:2px; font-size:9px; color:#7C2EDB; }
.mp-education__book-header-copy h1 { font-size:clamp(22px,3.2vw,30px); line-height:1.5; font-weight:900; }
.mp-education__book-header-copy p { margin:3px 0 0; font-size:10px; line-height:1.8; color:#7a838c; }
.mp-education__book-structure { margin-top:0 !important; }
.mp-education__chapters { gap:7px; }
.mp-education__chapter { padding:0; border:1px solid #EEE5FF; border-radius:11px; background:#fff; box-shadow:0 2px 9px rgba(31,41,55,.03); overflow:hidden; }
.mp-education__chapter[open] { border-color:rgba(164,74,255,.32); }
.mp-education__chapter-summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:10px; min-width:0; padding:11px 12px; cursor:pointer; user-select:none; }
.mp-education__chapter-summary::-webkit-details-marker { display:none; }
.mp-education__chapter-summary:focus-visible { outline:2px solid rgba(164,74,255,.45); outline-offset:-2px; }
.mp-education__chapter-title-wrap { min-width:0; display:flex; align-items:center; gap:8px; }
.mp-education__chapter-number { flex:0 0 auto; color:#7C2EDB; font-size:9px; font-weight:850; }
.mp-education__chapter-title { min-width:0; color:#1f2937; font-size:13px; line-height:1.65; font-weight:900; overflow-wrap:anywhere; }
.mp-education__chapter-side { flex:0 0 auto; display:flex; align-items:center; gap:7px; }
.mp-education__chapter-count { color:#8a939d; font-size:8px; font-weight:750; }
.mp-education__chapter-toggle { display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:7px; background:#F6EEFF; color:#7C2EDB; font-size:15px; line-height:1; font-weight:500; }
.mp-education__chapter[open] .mp-education__chapter-toggle { background:#A44AFF; color:#fff; }
.mp-education__chapter[open] .mp-education__chapter-toggle { font-size:0; }
.mp-education__chapter[open] .mp-education__chapter-toggle::before { content:'×'; font-size:15px; }
.mp-education__chapter-panel { padding:0 11px 11px; }
.mp-education__chapter-panel .mp-education__lesson-list { border-top:1px solid #f0f3ed; padding-top:8px; }
.mp-education__chapter-empty { margin:0; padding:8px 2px 2px; color:#8a939d; font-size:10px; line-height:1.8; text-align:center; }
.mp-education__lesson-list { gap:5px; }
.mp-education__lesson-card { gap:8px; padding:8px 9px; border:1px solid #F1EBFF; border-radius:9px; background:#fff; }
.mp-education__lesson-card:hover,.mp-education__lesson-card:focus-visible { border-color:rgba(164,74,255,.38); background:#FCFAFF; }
.mp-education__lesson-number { flex:0 0 25px; width:25px; height:25px; border-radius:7px; background:#f0f7e6; color:#7C2EDB; font-size:9px; }
.mp-education__lesson-main strong { font-size:11px; line-height:1.7; }
.mp-education__lesson-main small { display:none; }
.mp-education__direct-lessons { margin-top:12px; }
.mp-education__subheading { margin:0 0 7px; text-align:right; }
.mp-education__subheading h3 { margin:0; color:#1f2937; font-size:14px; line-height:1.6; font-weight:900; }
@media (min-width:600px) {
 .mp-education__book-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
 .mp-education__book-media { aspect-ratio:5/6; height:auto !important; min-height:0 !important; }
 .mp-education__book-header { justify-content:center; }
}
@media (min-width:900px) {
 .mp-education__container { padding-top:18px; }
 .mp-education__book-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
 .mp-education__book-media { aspect-ratio:5/6; height:auto !important; min-height:0 !important; }
 .mp-education__chapters { gap:8px; }
}
@media (max-width:599px) {
 .mp-education__container { width:min(100% - 18px,var(--mp-container-width)); padding-top:10px; padding-bottom:38px; }
 .mp-education__breadcrumb { margin-bottom:10px; font-size:9px; }
 .mp-education__grade-header { margin-bottom:17px; }
 .mp-education__grade-heading h1 { font-size:23px; }
 .mp-education__grade-heading p { font-size:10px; }
 .mp-education__book-grid { gap:8px; }
 .mp-education__book-body { padding:8px 8px 9px; }
 .mp-education__book-body h3 { font-size:12px; }
 .mp-education__book-cta { font-size:8.5px; }
 .mp-education__book-header { flex-direction:row; gap:10px; text-align:right; }
 .mp-education__book-header-media { flex-basis:62px; width:62px; height:80px; }
 .mp-education__book-header-copy h1 { font-size:21px; }
 .mp-education__book-header-copy p { font-size:9px; }
 .mp-education__chapter-summary { padding:10px; }
 .mp-education__chapter-title { font-size:12px; }
}

/* =========================================================
   Education Frontend — Version 289
========================================================= */
@media (min-width: 900px) {
    .mp-education__book-media {
        padding: 10px;
        background: #FAF7FF;
    }
    .mp-education__book-media img,
    .mp-education__book-media .mp-education__placeholder {
        width: 100%;
        height: 100%;
        border-radius: 9px;
    }
    .mp-education__container { padding-top: 8px; }
    .mp-education__grade-header { margin-bottom: 22px; padding-top: 0; }
    .mp-education__grade-heading h1 { margin-bottom: 0; }
    .mp-education__grade-stat,
    .mp-education__grade-heading p.mp-education__grade-count { margin-top: 13px; }
}

@media (max-width: 599px) {
    .mp-education__book-body { padding: 7px 8px 8px; }
    .mp-education__book-body h3 { margin: 0; line-height: 1.55; }
    .mp-education__book-meta {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 6px;
        margin: 2px 0 0;
        line-height: 1.4;
        white-space: nowrap;
    }
    .mp-education__book-meta > span { flex: 0 1 auto; min-width: 0; }
    .mp-education__book-cta { margin: 0; padding: 0; white-space: nowrap; }
}


/* =========================================================
   Education Frontend — Version 290
   Final spacing/background refinements. Scoped to Education.
========================================================= */
/* Book-card image frame: clean white background on all breakpoints. */
.mp-education__book-media { background:#fff !important; }

/* Keep the book-card cover slightly inset on desktop while preserving the white frame. */
@media (min-width:900px) {
    .mp-education__book-media { padding:10px; background:#fff !important; }

    /* Book page: pull the title/header up toward the main site header. */
    .mp-education__book-header {
        margin-top:-6px;
        margin-bottom:30px;
        padding-top:0;
    }

    /* Give the next row more breathing room: +50% from the previous 20px. */
    .mp-education__book-header + .mp-education__book-structure {
        margin-top:30px !important;
    }
}

@media (max-width:599px) {
    /* Book page description: remove the excessive gap below the description. */
    .mp-education__book-header-copy p { margin:1px 0 0; line-height:1.65; }

    /* White image frame on mobile too. */
    .mp-education__book-media { background:#fff !important; }
}

/* Accordion indicator: small downward arrow; rotate only when opened. */
.mp-education__chapter-toggle {
    font-size:0 !important;
    background:#F6EEFF;
    color:#7C2EDB;
}
.mp-education__chapter-toggle::before {
    content:'⌄';
    display:block;
    font-size:14px;
    line-height:1;
    transform:translateY(-1px);
}
.mp-education__chapter[open] .mp-education__chapter-toggle {
    background:#F6EEFF;
    color:#7C2EDB;
}
.mp-education__chapter[open] .mp-education__chapter-toggle::before {
    content:'⌃';
    font-size:14px;
    transform:translateY(1px);
}

/* =========================================================
   Education Frontend — Version 291
   Desktop grade-page header spacing correction.
========================================================= */
@media (min-width:900px) {
    /* Bring the grade-page title closer to the main site header. */
    .mp-education__container { padding-top: 0; }
    .mp-education__grade-header {
        margin-top: -4px;
        padding-top: 0;
    }

    /* Deliberately increase the separation between the title and book count. */
    .mp-education__grade-heading p.mp-education__grade-count {
        margin-top: 20px;
    }
}

/* =========================================================
   Education Frontend — Version 294
   Grade/books page visual polish. Frontend only.
========================================================= */
/* Calm, premium page header: less green, clearer hierarchy. */
.mp-education__grade-header {
    margin-bottom: 24px;
    padding-top: 0;
}
.mp-education__grade-heading h1 {
    margin: 0;
    color: #202a23;
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.5;
    letter-spacing: -0.01em;
}
.mp-education__grade-heading p.mp-education__grade-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 16px auto 0;
    padding: 6px 12px;
    border: 1px solid #e7eee0;
    border-radius: 999px;
    background: #fff;
    color: #6f7872;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.5;
}
.mp-education__grade-heading p.mp-education__grade-count::before {
    content: '';
    width: 5px;
    height: 5px;
    margin-left: 6px;
    border-radius: 50%;
    background: #A44AFF;
}

/* Cards: white surface, restrained border, almost no shadow. */
.mp-education__book-card {
    border-color: #e6ebe3;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(31,41,55,.035);
}
.mp-education__book-card:hover,
.mp-education__book-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(164,74,255,.42);
    box-shadow: 0 7px 18px rgba(31,41,55,.065);
}
.mp-education__book-media {
    background: #fff !important;
    padding: 9px;
}
.mp-education__book-media img,
.mp-education__book-media .mp-education__placeholder {
    border-radius: 9px;
}
.mp-education__book-body {
    padding: 10px 11px 11px;
}
.mp-education__book-body h3 {
    color: #263028;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 850;
}
.mp-education__book-meta {
    position: relative;
    margin-top: 9px;
    padding-top: 8px;
    border-top: 1px solid #f0f3ed;
    color: #7d867f;
}
.mp-education__book-meta span:first-child { color: #657068; }
.mp-education__book-cta {
    color: #7C2EDB;
    font-weight: 850;
}

/* Keep the 3-column mobile layout compact and aligned. */
@media (max-width:599px) {
    .mp-education__grade-header { margin-bottom: 16px; }
    .mp-education__grade-heading h1 { font-size: 22px; }
    .mp-education__grade-heading p.mp-education__grade-count {
        margin-top: 13px;
        padding: 5px 10px;
        font-size: 9px;
    }
    .mp-education__book-grid { gap: 8px; }
    .mp-education__book-card { border-radius: 12px; }
    .mp-education__book-media { padding: 7px; }
    .mp-education__book-body { padding: 8px 8px 9px; }
    .mp-education__book-body h3 { font-size: 12px; line-height: 1.6; }
    .mp-education__book-meta {
        margin-top: 8px;
        padding-top: 7px;
        font-size: 8px;
    }
    .mp-education__book-cta { font-size: 8.5px; }
}

@media (min-width:900px) {
    .mp-education__grade-heading h1 { font-size: 29px; }
    .mp-education__grade-heading p.mp-education__grade-count { margin-top: 17px; }
    .mp-education__book-media { padding: 10px; }
}

/* Version 301: final grade header box + refined desktop metadata sizing. */
@media (min-width:900px) {
    .mp-education__book-meta { font-size: 9px; }
    .mp-education__book-cta { font-size: 9px; }
}


/* =========================================================
   Education Frontend — Version 301
   Final grade/books page polish. Frontend only.
========================================================= */
.mp-education__grade-header {
    display:block;
    margin: 0 0 26px;
    padding: 18px 22px 19px;
    border: 1px solid #e6ebe3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 4px 16px rgba(31,41,55,.045);
    text-align:center;
}
.mp-education__grade-heading h1 {
    margin:0;
    color:#263028;
    font-size:clamp(21px,3vw,29px);
    line-height:1.5;
    font-weight:900;
}
.mp-education__grade-heading p.mp-education__grade-count {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:18px auto 0;
    padding:5px 11px;
    border:1px solid #e7eee0;
    border-radius:999px;
    background:#fbfcfa;
    color:#69736c;
    font-size:10px;
    font-weight:750;
    line-height:1.5;
}
.mp-education__grade-heading p.mp-education__grade-count::before {
    width:4px;
    height:4px;
    margin-left:6px;
}
@media (max-width:599px) {
    .mp-education__grade-header {
        margin-bottom:18px;
        padding:14px 14px 15px;
        border-radius:15px;
    }
    .mp-education__grade-heading h1 { font-size:21px; }
    .mp-education__grade-heading p.mp-education__grade-count {
        margin-top:16px;
        padding:5px 10px;
        font-size:9px;
    }
}
@media (min-width:900px) {
    .mp-education__book-meta,
    .mp-education__book-cta { font-size:8.5px; }
}

/* =========================================================
   Education Frontend — Version 301 — FINAL OVERRIDES
   Scoped only to Education grade/books frontend.
========================================================= */
.mp-education .mp-education__grade-header {
    display: block !important;
    width: 100% !important;
    margin: 4px 0 28px !important;
    padding: 16px 20px 17px !important;
    border: 1px solid #e7ebe5 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 3px 12px rgba(31,41,55,.035) !important;
    text-align: center !important;
}
.mp-education .mp-education__grade-heading h1 {
    margin: 0 !important;
    font-size: clamp(19px, 2.5vw, 25px) !important;
    line-height: 1.5 !important;
    font-weight: 850 !important;
}
.mp-education .mp-education__grade-heading p.mp-education__grade-count {
    display: inline-flex !important;
    margin: 20px auto 0 !important;
    padding: 5px 11px !important;
    border: 1px solid #EEE5FF !important;
    border-radius: 999px !important;
    background: #fbfcfa !important;
    color: #69736c !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    font-weight: 750 !important;
}
.mp-education .mp-education__book-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 7px 0 0 !important;
    border-top: 1px solid #f0f2ee !important;
    font-size: 8.5px !important;
    line-height: 1.5 !important;
}
.mp-education .mp-education__book-meta .mp-education__book-cta {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #7C2EDB !important;
    font-size: 8.5px !important;
    line-height: 1.5 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}
@media (max-width:599px) {
    .mp-education .mp-education__grade-header {
        margin: 2px 0 18px !important;
        padding: 13px 13px 14px !important;
    }
    .mp-education .mp-education__grade-heading h1 {
        font-size: 20px !important;
    }
    .mp-education .mp-education__grade-heading p.mp-education__grade-count {
        margin-top: 18px !important;
        font-size: 9px !important;
    }
    .mp-education .mp-education__book-meta,
    .mp-education .mp-education__book-meta .mp-education__book-cta {
        font-size: 8.5px !important;
    }
}

/* Version 344 — education content form polish */
.mp-education-content-form .mp-content-meta-row{display:grid!important;grid-template-columns:1fr 1.5fr 1.25fr 1fr!important;gap:12px!important;align-items:stretch!important;}
.mp-education-content-form .mp-content-meta-row .mp-content-form-section{min-width:0!important;margin:0!important;}
.mp-education-content-form .mp-content-meta-row input,.mp-education-content-form .mp-content-meta-row select{width:100%!important;}
.mp-education-content-form .mp-questions-section-title-field .description{display:none!important;}
.mp-related-products-picker .mp-related-selected-list{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px!important;margin-top:10px!important;}
.mp-related-products-picker .mp-related-item{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;border:1px solid #E9DFFF!important;border-radius:12px!important;background:#fbfdf9!important;}
.mp-related-products-picker .mp-related-item img{width:42px!important;height:42px!important;object-fit:cover!important;border-radius:8px!important;flex:0 0 42px!important;}
.mp-related-products-picker .mp-related-name{flex:1!important;min-width:0!important;font-size:11px!important;font-weight:800!important;color:#33402f!important;}
@media(max-width:900px){.mp-education-content-form .mp-content-meta-row{grid-template-columns:1fr 1fr!important;}}
@media(max-width:600px){.mp-education-content-form .mp-content-meta-row{grid-template-columns:1fr!important;}}

/* Education Content v344 — four meta fields in one desktop row */
.mp-education-content-page .mp-education-content-form .mp-content-meta-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1.25fr) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:stretch!important;
}
.mp-education-content-page .mp-education-content-form .mp-content-meta-row .mp-content-form-section{min-width:0!important;margin:0!important}
.mp-education-content-page .mp-education-content-form .mp-content-meta-row input,
.mp-education-content-page .mp-education-content-form .mp-content-meta-row select{width:100%!important;max-width:none!important}
@media(max-width:900px){
 .mp-education-content-page .mp-education-content-form .mp-content-meta-row{grid-template-columns:1fr 1fr!important}
}
@media(max-width:600px){
 .mp-education-content-page .mp-education-content-form .mp-content-meta-row{grid-template-columns:1fr!important}
}
/* v368 — center the existing lesson-content heading for Questions; no duplicate title. */
.mp-education__lesson-content-heading--questions{justify-content:center!important;text-align:center!important}
.mp-education__lesson-content-heading--questions h2{width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}

/* Home education closed-state component. */
.mp-home-education-status{padding:18px 0 6px;}
.mp-home-education-status__inner{max-width:760px;margin:0 auto;padding:28px 24px;text-align:center;background:#fff;border:1px solid #e5eadf;border-radius:16px;box-shadow:0 2px 10px rgba(31,48,28,.035);}
.mp-home-education-status .mp-shop-status-visual{margin:0 auto 10px;}
.mp-home-education-status h2{margin:0 0 9px;color:var(--mp-shop-status-accent,#A44AFF);font-size:22px;line-height:1.5;}
.mp-home-education-status .mp-shop-status-message{margin:0 auto 16px;max-width:620px;color:#667064;line-height:2;font-size:13px;}
.mp-home-education-status .mp-shop-status-button{display:inline-flex;}
@media(max-width:600px){.mp-home-education-status{padding:12px 0 4px}.mp-home-education-status__inner{padding:22px 16px}.mp-home-education-status h2{font-size:18px}.mp-home-education-status .mp-shop-status-message{font-size:12px;}}


/* Education closed state on homepage: keep grade cards visible and show the message after click. */
.mp-education-closed-modal[hidden]{display:none!important}
.mp-education-closed-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:90px 24px 40px;box-sizing:border-box}
.mp-education-closed-modal__backdrop{position:absolute;inset:0;background:rgba(18,27,17,.48);backdrop-filter:blur(5px)}
.mp-education-closed-modal__dialog{position:relative;z-index:1;width:min(520px,100%);box-sizing:border-box;background:#fff;border:1px solid #e5eadf;border-radius:24px;padding:34px 30px;text-align:center;box-shadow:0 24px 70px rgba(20,35,18,.18);direction:rtl;transform:translateY(34px)}
.mp-education-closed-modal__close{position:absolute;top:12px;right:12px;left:auto;width:34px;height:34px;border:1px solid #e5eadf;border-radius:50%;background:#fff;color:#657064;font-size:22px;line-height:30px;cursor:pointer}
.mp-education-closed-modal__visual{display:flex;justify-content:center;margin:4px auto 12px}
.mp-education-closed-modal .mp-shop-status-bag{--mp-shop-status-accent:var(--mp-shop-status-accent,#A44AFF)}
.mp-education-closed-modal .mp-shop-status-eyebrow{color:var(--mp-shop-status-accent,#A44AFF)}
.mp-education-closed-modal h2{margin:8px 0 12px;font-size:clamp(20px,3vw,28px);line-height:1.45;color:#20291f}
.mp-education-closed-modal .mp-shop-status-message{margin:0 auto 20px;max-width:430px;line-height:2;color:#687267;font-size:14px}
.mp-education-closed-modal .mp-shop-status-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
body.mp-education-modal-open{overflow:hidden}
@media(max-width:600px){.mp-education-closed-modal{align-items:flex-start;padding:68px 14px 14px}.mp-education-closed-modal__dialog{padding:30px 18px 24px;border-radius:20px;transform:none}.mp-education-closed-modal h2{font-size:20px}.mp-education-closed-modal .mp-shop-status-message{font-size:13px}}

/* v451 — کمی بالاتر آوردن پنجره آموزش در دسکتاپ */
@media(min-width:601px){.mp-education-closed-modal__dialog{transform:translateY(-10px)}}

/* v543 final color cleanup */
.mp-home-stats > *:not(:last-child),
.mp-site-stats > *:not(:last-child),
.home-stats > *:not(:last-child) { border-inline-end:1px solid rgba(164,74,255,.18); }
.mp-home-stats > *:last-child,
.mp-site-stats > *:last-child,
.home-stats > *:last-child { border-inline-end:0; }

.mp-shop-status-accent,
.mp-education-status-accent { --mp-shop-status-accent:#A44AFF !important; }

.mp-home-education-status__inner,
.mp-education-status,
.mp-shop-status-card { border-color:rgba(164,74,255,.16); }

.mp-home-education-status .mp-shop-status-button,
.mp-education-status .mp-shop-status-button { background:#A44AFF; }