/* =========================================================
   MNT Theme — Stylesheet
   -----------------------------------------------------------
   فهرست:
   1) متغیرها                    2) ریست و پایه
   3) چیدمان (Grid — RTL-Safe)   4) تیکر
   5) هدر — ۵ تم + Drawer       6) جستجو
   7) اسلایدرها                  8) عناوین بخش‌ها
   9) گرید و کارت خبر           10) بخش ویژه (Featured)
   11) ویجت‌های سایدبار         12) صفحهٔ single
   13) آرشیو/صفحه‌بندی          14) صفحهٔ خانه
   15) فوتر                     16) صفحهٔ درباره ما
   17) صفحهٔ تماس               18) برچسب نوع + آیکون‌ها
   19) شبکه‌های اجتماعی         20) ریسپانسیو
   21) دسترس‌پذیری
   ========================================================= */

/* =========================================================
   1) Variables
   ========================================================= */
:root {
    /* رنگ‌ها */
    --mnt-primary: #0b6e4f;
    --mnt-primary-dark: #07503a;
    --mnt-accent: #e63946;
    --mnt-bg: #f6f7f9;
    --mnt-surface: #ffffff;
    --mnt-text: #1a1a1a;
    --mnt-muted: #6b7280;
    --mnt-border: #e5e7eb;

    /* سطوح تیره (فوتر) */
    --mnt-dark-bg: #111827;
    --mnt-dark-border: #1f2937;
    --mnt-dark-text: #d1d5db;
    --mnt-dark-text-soft: #cbd5e1;
    --mnt-dark-muted: #9ca3af;

    /* گوشه‌ها و سایه‌ها */
    --mnt-radius: 12px;
    --mnt-radius-sm: 8px;
    --mnt-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
    --mnt-shadow: 0 4px 16px rgba(0,0,0,.08);
    --mnt-shadow-lg: 0 10px 40px rgba(0,0,0,.12);

    /* ابعاد */
    --mnt-container: 1240px;
    --mnt-sidebar-w: 320px;
    --mnt-ticker-h: 44px;
    --mnt-logo-h: 52px;
    --mnt-sticky-top: 100px;
    --mnt-scroll-offset: 120px;

    /* حرکت */
    --mnt-transition: .25s cubic-bezier(.4,0,.2,1);

    /* اختیاری — رنگ‌های ناوبری هدر */
}

/* =========================================================
   2) Reset & Base
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: var(--mnt-scroll-offset);
    overflow-x: hidden;
    overflow-x: clip;
}

body {
    margin: 0;
    font-family: var(--mnt-font, "Vazirmatn", "Segoe UI", Tahoma, system-ui, sans-serif);
    font-size: 15px;
    line-height: 1.75;
    color: var(--mnt-text);
    background: var(--mnt-bg);
    direction: rtl;
    text-align: right;
    max-width: 100%;
    overflow-x: clip;
}

img, svg { max-width: 100%; height: auto; display: block; }
video, iframe, embed, object { max-width: 100%; }

a { color: inherit; text-decoration: none; transition: color .2s ease; }
a:hover { color: var(--mnt-primary); }

button { font-family: inherit; cursor: pointer; }
ul { list-style: none; padding: 0; margin: 0; }

::selection { background: var(--mnt-primary); color: #fff; }

:focus-visible { outline: 2px solid var(--mnt-primary); outline-offset: 2px; }

/* =========================================================
   3) Layout — CSS Grid (RTL-Safe)
   ========================================================= */
.mnt-container {
    max-width: var(--mnt-container);
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

.mnt-main { padding: 24px 0 48px; }

.mnt-layout {
    display: grid;
    gap: 32px;
    align-items: start;
    width: 100%;
}

.mnt-layout.no-sidebar {
    grid-template-columns: minmax(0, 1fr);
}

.mnt-layout.has-sidebar.sb-right {
    grid-template-columns: var(--mnt-sidebar-w) minmax(0, 1fr);
}
.mnt-layout.has-sidebar.sb-right > .mnt-sidebar { grid-column: 1; grid-row: 1; }
.mnt-layout.has-sidebar.sb-right > .mnt-content { grid-column: 2; grid-row: 1; }

.mnt-layout.has-sidebar.sb-left {
    grid-template-columns: minmax(0, 1fr) var(--mnt-sidebar-w);
}
.mnt-layout.has-sidebar.sb-left > .mnt-content { grid-column: 1; grid-row: 1; }
.mnt-layout.has-sidebar.sb-left > .mnt-sidebar { grid-column: 2; grid-row: 1; }

html[dir="ltr"] .mnt-layout.has-sidebar.sb-right {
    grid-template-columns: minmax(0, 1fr) var(--mnt-sidebar-w);
}
html[dir="ltr"] .mnt-layout.has-sidebar.sb-right > .mnt-sidebar { grid-column: 2; grid-row: 1; }
html[dir="ltr"] .mnt-layout.has-sidebar.sb-right > .mnt-content { grid-column: 1; grid-row: 1; }

html[dir="ltr"] .mnt-layout.has-sidebar.sb-left {
    grid-template-columns: var(--mnt-sidebar-w) minmax(0, 1fr);
}
html[dir="ltr"] .mnt-layout.has-sidebar.sb-left > .mnt-content { grid-column: 2; grid-row: 1; }
html[dir="ltr"] .mnt-layout.has-sidebar.sb-left > .mnt-sidebar { grid-column: 1; grid-row: 1; }

.mnt-content {
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.mnt-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
    max-width: 100%;
}

.mnt-sidebar.is-sticky {
    position: sticky;
    top: var(--mnt-sticky-top);
    align-self: start;
}

@media (max-width: 1024px) {
    .mnt-layout.has-sidebar.sb-right,
    .mnt-layout.has-sidebar.sb-left,
    html[dir="ltr"] .mnt-layout.has-sidebar.sb-right,
    html[dir="ltr"] .mnt-layout.has-sidebar.sb-left {
        grid-template-columns: minmax(0, 1fr);
    }
    .mnt-layout.has-sidebar > .mnt-content,
    .mnt-layout.has-sidebar > .mnt-sidebar {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    .mnt-layout.has-sidebar > .mnt-content { grid-row: 1; }
    .mnt-layout.has-sidebar > .mnt-sidebar { grid-row: 2; }
    .mnt-sidebar.is-sticky { position: static; }
}

/* =========================================================
   4) Ticker
   ========================================================= */
.mnt-ticker {
    background: linear-gradient(90deg, var(--mnt-primary-dark), var(--mnt-primary));
    color: #fff;
    overflow: hidden;
    font-size: 14px;
    height: var(--mnt-ticker-h);
    display: flex;
    align-items: center;
    position: relative;
    z-index: 10;
}

.mnt-ticker__inner {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    overflow: hidden;
}

.mnt-ticker__label {
    background: var(--mnt-accent);
    padding: 5px 14px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    flex-shrink: 0;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(230,57,70,.35);
    position: relative;
    z-index: 2;
}

.mnt-ticker__viewport {
    overflow: hidden;
    flex: 1;
    min-width: 0;
    position: relative;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
    mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.mnt-ticker__viewport::-webkit-scrollbar { display: none; }

.mnt-ticker__track {
    display: flex;
    width: max-content;
    will-change: transform;
}

.mnt-ticker__list {
    display: flex;
    flex-shrink: 0;
    gap: 40px;
    padding: 0 20px;
    white-space: nowrap;
}

.mnt-ticker__item {
    color: #fff;
    font-weight: 400;
    opacity: .95;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    flex-shrink: 0;
    white-space: nowrap;
}

.mnt-ticker__item::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mnt-accent);
    display: inline-block;
    flex-shrink: 0;
}

.mnt-ticker__item:hover { color: #ffd166; opacity: 1; }


/* ═══ حالت خبر فوری ═══ */
.mnt-ticker--breaking {
    background: linear-gradient(90deg, #dc2626, #ef4444);
    animation: mnt-ticker-breaking-pulse 2s ease-in-out infinite;
}

@keyframes mnt-ticker-breaking-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, .5); }
    50% { box-shadow: 0 0 20px 4px rgba(239, 68, 68, .3); }
}

.mnt-ticker__dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    margin-left: 6px;
    animation: mnt-ticker-dot-blink 1s ease-in-out infinite;
    vertical-align: middle;
}

@keyframes mnt-ticker-dot-blink {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .4; transform: scale(.7); }
}

@media (prefers-reduced-motion: reduce) {
    .mnt-ticker--breaking,
    .mnt-ticker__dot { animation: none; }
}
/* =========================================================
   5) HEADER — بازنویسی کامل با ۵ استایل متمایز
   -----------------------------------------------------------
   style-1: سفید کلاسیک با سایه
   style-2: تیره (slate)
   style-3: برند (gradient سبز)
   style-4: شیشه‌ای (glass)
   style-5: دو ردیفه (top bar + main + nav)
   ========================================================= */


/* ═══ پایه هدر ═══ */
.mnt-header {
    position: sticky;        /* sticky CSS — اگه JS لود نشه هم کار می‌کنه */
    top: 0;
    z-index: 100;
    background: var(--mnt-header-bg, var(--mnt-surface));
    border-bottom: 1px solid var(--mnt-header-border, var(--mnt-border));
    transition: background .3s ease, box-shadow .3s ease, transform .3s ease;
    position: sticky;
}

.mnt-header.is-sticky-scrolled {
    /* این کلاس با JS اضافه می‌شه موقع اسکرول */
    box-shadow: 0 4px 24px rgba(0,0,0,.08);
}

body.mnt-header-with-shadow .mnt-header {
    box-shadow: 0 2px 20px rgba(0,0,0,.06);
}

body.mnt-header-transparent .mnt-header {
    background: rgba(255,255,255,.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* خط گرادیانت بالا */
.mnt-header::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mnt-primary), var(--mnt-accent), var(--mnt-primary), transparent);
    opacity: .7;
    z-index: 10;
    pointer-events: none;
}

.mnt-header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    right: 0;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mnt-primary), transparent);
    opacity: 0;
    transition: opacity .3s;
    z-index: 10;
    pointer-events: none;
}

.mnt-header:hover::after { opacity: .5; }

.mnt-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 0;
    position: relative;
    z-index: 2;
}

/* لوگو */
.mnt-header__logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    transition: transform .35s cubic-bezier(.4,0,.2,1);
}

.mnt-header__logo:hover { transform: scale(1.04); }

.mnt-header__logo img {
    max-height: var(--mnt-header-logo-size, 52px);
    width: auto;
    display: block;
    transition: all .35s cubic-bezier(.4,0,.2,1);
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.04));
}

.mnt-header__logo:hover img {
    filter: drop-shadow(0 4px 10px rgba(0,0,0,.1));
}

.mnt-header__site-title {
    font-size: clamp(16px, calc(var(--mnt-header-logo-size, 52px) * 0.42), 26px);
    font-weight: 800;
    color: var(--mnt-primary);
    letter-spacing: -.5px;
    white-space: nowrap;
    background: linear-gradient(135deg, var(--mnt-primary), var(--mnt-primary-dark));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all .3s;
}

.mnt-header__logo:hover .mnt-header__site-title { filter: brightness(1.15); }

/* ناوبری */
.mnt-header__nav { flex: 1; display: flex; justify-content: center; }

.mnt-header__nav > ul {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.mnt-header__nav li { position: relative; }

.mnt-header__nav a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14.5px;
    color: var(--mnt-nav-text);
    text-decoration: none;
    white-space: nowrap;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    position: relative;
}

.mnt-header__nav > ul > li > a::after {
    content: "";
    position: absolute;
    bottom: 4px;
    right: 50%;
    transform: translateX(50%) scaleX(0);
    width: 60%;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: transform .3s ease;
    opacity: .8;
}

.mnt-header__nav > ul > li > a:hover::after,
.mnt-header__nav > ul > li.current-menu-item > a::after {
    transform: translateX(50%) scaleX(1);
}

.mnt-header__nav a:hover,
.mnt-header__nav .current-menu-item > a {
    background: var(--mnt-nav-hover-bg);
    color: var(--mnt-nav-hover-text);
    transform: translateY(-1px);
}

/* زیرمنو */
.mnt-header__nav ul ul {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 220px;
    background: var(--mnt-surface);
    border-radius: 14px;
    box-shadow: 0 12px 40px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    transition: all .28s cubic-bezier(.4,0,.2,1);
    z-index: 50;
    border: 1px solid var(--mnt-border);
}

.mnt-header__nav li:hover > ul,
.mnt-header__nav li:focus-within > ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.mnt-header__nav ul ul a {
    display: block;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--mnt-text);
}

.mnt-header__nav ul ul a::after { display: none; }

.mnt-header__nav ul ul a:hover {
    background: var(--mnt-primary);
    color: #fff;
    transform: translateX(-4px);
}

.mnt-header__nav ul ul ul { top: 0; right: 100%; margin-right: 8px; }

/* اکشن‌ها */
.mnt-header__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.mnt-header__date {
    font-size: 13px;
    color: var(--mnt-muted);
    padding: 6px 12px;
    background: var(--mnt-surface-alt, rgba(0,0,0,.04));
    border-radius: 20px;
    white-space: nowrap;
    font-weight: 500;
}

.mnt-header__icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border: 0;
    background: var(--mnt-surface-alt, rgba(0,0,0,.04));
    color: var(--mnt-text);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    padding: 0;
    position: relative;
    overflow: hidden;
}

.mnt-header__icon-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, var(--mnt-primary), var(--mnt-primary-dark));
    opacity: 0;
    transition: opacity .3s;
    z-index: 0;
}

.mnt-header__icon-btn svg,
.mnt-header__icon-btn span {
    position: relative;
    z-index: 1;
    transition: color .3s;
}

.mnt-header__icon-btn:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(11,110,79,.3);
}

.mnt-header__icon-btn:hover::before { opacity: 1; }

.mnt-header__icon-btn[aria-expanded="true"] {
    color: #fff;
    background: var(--mnt-primary);
}

.mnt-header__icon-btn[aria-expanded="true"]::before { opacity: 1; }

/* برگر */
.mnt-burger {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    width: 20px;
}

.mnt-burger span {
    display: block;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
    transition: all .3s ease;
}

.mnt-burger span:nth-child(1) { width: 100%; }
.mnt-burger span:nth-child(2) { width: 70%; align-self: flex-end; }
.mnt-burger span:nth-child(3) { width: 100%; }

.mnt-nav-toggle:hover .mnt-burger span { width: 100%; }
.mnt-nav-toggle[aria-expanded="true"] .mnt-burger span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}
.mnt-nav-toggle[aria-expanded="true"] .mnt-burger span:nth-child(2) {
    opacity: 0;
}
.mnt-nav-toggle[aria-expanded="true"] .mnt-burger span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

.mnt-nav-toggle { display: none; }


/* ═══════════════════════════════════════════════════════════
   تم‌های هدر — ۵ استایل متمایز
   ═══════════════════════════════════════════════════════════ */

/* style-1: سفید کلاسیک */
.mnt-header-style-1 .mnt-header {
    background: #fff;
    color: var(--mnt-text);
}
.mnt-header-style-1 .mnt-header__nav a { color: var(--mnt-text); }
.mnt-header-style-1 .mnt-header__nav a:hover,
.mnt-header-style-1 .mnt-header__nav .current-menu-item > a {
    background: rgba(11,110,79,.08);
    color: var(--mnt-primary);
}

/* style-2: تیره (slate) */
.mnt-header-style-2 .mnt-header {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    color: #fff;
    border-bottom-color: rgba(255,255,255,.08);
}
.mnt-header-style-2 .mnt-header__site-title {
    background: linear-gradient(135deg, #fff, #cbd5e1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mnt-header-style-2 .mnt-header__nav a { color: rgba(255,255,255,.92); }
.mnt-header-style-2 .mnt-header__nav a:hover,
.mnt-header-style-2 .mnt-header__nav .current-menu-item > a {
    background: rgba(255,255,255,.1);
    color: #fff;
}
.mnt-header-style-2 .mnt-header__date {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.85);
}
.mnt-header-style-2 .mnt-header__icon-btn {
    background: rgba(255,255,255,.1);
    color: #fff;
}
.mnt-header-style-2 .mnt-header__nav ul ul {
    background: #1e293b;
    color: #fff;
    border-color: rgba(255,255,255,.1);
}
.mnt-header-style-2 .mnt-header__nav ul ul a { color: #cbd5e1; }

/* style-3: برند (gradient سبز) */
.mnt-header-style-3 .mnt-header {
    background: linear-gradient(135deg, var(--mnt-primary) 0%, var(--mnt-primary-dark) 100%);
    color: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
    border-bottom-color: rgba(0,0,0,.1);
}
.mnt-header-style-3 .mnt-header__site-title {
    background: linear-gradient(135deg, #fff, #e2e8f0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mnt-header-style-3 .mnt-header__nav a { color: rgba(255,255,255,.95); }
.mnt-header-style-3 .mnt-header__nav a:hover,
.mnt-header-style-3 .mnt-header__nav .current-menu-item > a {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-3 .mnt-header__date {
    background: rgba(255,255,255,.15);
    color: rgba(255,255,255,.95);
}
.mnt-header-style-3 .mnt-header__icon-btn {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-3 .mnt-header__nav ul ul {
    background: var(--mnt-primary-dark);
    color: #fff;
    border-color: rgba(255,255,255,.1);
}
.mnt-header-style-3 .mnt-header__nav ul ul a { color: #d1fae5; }

/* style-4: شیشه‌ای (glass) */
.mnt-header-style-4 .mnt-header {
    background: rgba(255,255,255,.75);
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    border-bottom-color: rgba(255,255,255,.2);
}
.mnt-header-style-4 .mnt-header__icon-btn {
    background: rgba(255,255,255,.5);
}
.mnt-header-style-4 .mnt-header__date {
    background: rgba(255,255,255,.5);
}

/* style-5: دو ردیفه (top bar + main row + nav row)
   ساختار HTML: topbar > header > nav-row
   هدر خودش به دو ردیف تقسیم می‌شه: لوگو+اکشن‌ها / ناوبری
*/
.mnt-header-style-5 .mnt-header__inner {
    flex-wrap: wrap;
    padding: 12px 0 0;
    gap: 0;
}
.mnt-header-style-5 .mnt-header__logo,
.mnt-header-style-5 .mnt-header__actions {
    flex-basis: auto;
}
.mnt-header-style-5 .mnt-header__actions {
    margin-right: auto;
}
.mnt-header-style-5 .mnt-header__nav {
    order: 99;
    flex-basis: 100%;
    justify-content: center;
    margin-top: 10px;
    border-top: 1px solid var(--mnt-border);
    padding: 8px 0;
}
.mnt-header-style-5 .mnt-header__nav > ul {
    gap: 2px;
}

/* در style-5، topbar نمایش داده می‌شه */
.mnt-header-style-5 .mnt-topbar {
    display: block;
}

/* تیره‌سازی برای style-2 و style-3 در حالت topbar */
.mnt-header-style-2 .mnt-topbar,
.mnt-header-style-3 .mnt-topbar {
    background: rgba(0,0,0,.2);
    color: rgba(255,255,255,.8);
    border-bottom-color: rgba(255,255,255,.08);
}


/* ═══ Drawer (منوی موبایل) ═══ */
.mnt-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -360px;
    width: 340px;
    max-width: 88vw;
    background: #fff;
    z-index: 1000;
    box-shadow: -20px 0 60px rgba(0,0,0,.2);
    display: flex;
    flex-direction: column;
    transition: right .35s cubic-bezier(.4,0,.2,1), visibility .35s;
    overflow: hidden;
    visibility: hidden;
}
.mnt-drawer.is-open {
    right: 0;
    visibility: visible;
}

.mnt-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #e5e7eb;
    background: linear-gradient(135deg, #f9fafb 0%, #fff 100%);
}
.mnt-drawer__logo { display: inline-flex; align-items: center; }
.mnt-drawer__logo img { max-height: 40px; }

.mnt-drawer__close {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 0;
    background: rgba(0,0,0,.05);
    color: var(--mnt-text);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
}
.mnt-drawer__close:hover {
    background: var(--mnt-primary);
    color: #fff;
    transform: rotate(90deg);
}

.mnt-drawer__body {
    flex: 1;
    overflow-y: auto;
    padding: 12px 8px;
    -webkit-overflow-scrolling: touch;
}
.mnt-drawer__menu { list-style: none; padding: 0; margin: 0; }
.mnt-drawer__menu li { border-bottom: 1px solid #f3f4f6; }
.mnt-drawer__menu li:last-child { border-bottom: 0; }

.mnt-drawer__menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    color: var(--mnt-text);
    text-decoration: none;
    transition: all .2s;
}
.mnt-drawer__menu a:hover {
    background: rgba(11,110,79,.08);
    color: var(--mnt-primary);
    padding-right: 20px;
}

.mnt-drawer__menu .sub-menu {
    list-style: none;
    padding: 0 8px 0 0;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
    background: #f9fafb;
    border-radius: 10px;
}
.mnt-drawer__menu li.is-open > .sub-menu {
    max-height: 800px;
    padding: 8px;
    margin-bottom: 8px;
}
.mnt-drawer__menu .sub-menu a {
    font-size: 13.5px;
    padding: 10px 14px;
    font-weight: 500;
}
.mnt-drawer__menu li.menu-item-has-children > a::after {
    content: "▾";
    font-size: 12px;
    color: var(--mnt-muted);
    transition: transform .3s;
    margin-right: auto;
    margin-left: 0;
    padding-right: 8px;
}
.mnt-drawer__menu li.menu-item-has-children.is-open > a::after { transform: rotate(180deg); }

.mnt-drawer__foot {
    padding: 14px 20px;
    border-top: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 13px;
    color: var(--mnt-muted);
    text-align: center;
}

.mnt-drawer-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
}
.mnt-drawer-overlay.is-open { opacity: 1; visibility: visible; }

.mnt-drawer__body::-webkit-scrollbar { width: 5px; }
.mnt-drawer__body::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 3px; }

/* فوکوس‌ترپ در drawer */
.mnt-drawer a:focus-visible,
.mnt-drawer button:focus-visible {
    outline: 2px solid var(--mnt-primary);
    outline-offset: 2px;
}


/* ═══ Search Overlay ═══ */
.mnt-search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 15vh 16px 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}
.mnt-search-overlay.is-open { opacity: 1; visibility: visible; }

.mnt-search-overlay__inner {
    width: 100%;
    max-width: 600px;
    position: relative;
    transform: translateY(-20px);
    transition: transform .3s ease;
}
.mnt-search-overlay.is-open .mnt-search-overlay__inner { transform: translateY(0); }

.mnt-search-overlay__form {
    display: flex;
    background: #fff;
    border-radius: var(--mnt-radius);
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.3);
}
.mnt-search-overlay__form input {
    flex: 1;
    border: 0;
    padding: 18px 22px;
    font-size: 16px;
    font-family: inherit;
    outline: none;
    min-width: 0;
}
.mnt-search-overlay__form button {
    flex-shrink: 0;
    background: var(--mnt-primary);
    color: #fff;
    border: 0;
    padding: 0 28px;
    font-weight: 700;
    font-size: 15px;
    transition: background var(--mnt-transition);
    cursor: pointer;
}
.mnt-search-overlay__form button:hover { background: var(--mnt-primary-dark); }

.mnt-search-close {
    position: absolute;
    top: -50px;
    left: 0;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    opacity: .8;
    padding: 0 4px;
}
.mnt-search-close:hover,
.mnt-search-close:focus-visible { opacity: 1; }


/* ═══ Top Bar (فقط برای style-5) ═══ */
.mnt-topbar {
    display: none;            /* فقط در style-5 فعال می‌شه */
    background: var(--mnt-surface-alt, #f1f5f9);
    color: var(--mnt-text);
    border-bottom: 1px solid var(--mnt-border);
    font-size: 13px;
}

.mnt-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 6px 0;
    min-height: 36px;
}

.mnt-topbar__date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--mnt-muted);
    font-weight: 500;
}

.mnt-topbar__date::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mnt-primary);
    box-shadow: 0 0 8px var(--mnt-primary);
    animation: mnt-topbar-pulse 2s ease-in-out infinite;
}

@keyframes mnt-topbar-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .6; transform: scale(.85); }
}

.mnt-topbar__social {
    gap: 6px;
}

.mnt-topbar__social a {
    width: 28px;
    height: 28px;
    border-radius: 8px;
}

.mnt-topbar__social a svg {
    width: 14px;
    height: 14px;
}


/* ═══ Responsive ═══ */
@media (max-width: 991px) {
    .mnt-header__nav { display: none !important; }
    .mnt-nav-toggle { display: inline-flex !important; }
    .mnt-header__date { display: none; }
    .mnt-header__inner { padding: 10px 0; gap: 12px; }
    .mnt-header__logo img { max-height: calc(var(--mnt-header-logo-size, 52px) * 0.85); }
    .mnt-header__icon-btn { width: 38px; height: 38px; }

    /* style-9 در موبایل به sticky تبدیل می‌شه (absolute خطرناکه) */
    .mnt-header-style-9 .mnt-header {
        position: sticky;
        background: #fff;
        color: var(--mnt-text);
        border-bottom: 1px solid var(--mnt-border);
    }
    .mnt-header-style-9 .mnt-header__nav a,
    .mnt-header-style-9 .mnt-header__site-title,
    .mnt-header-style-9 .mnt-header__date,
    .mnt-header-style-9 .mnt-header__icon-btn { color: var(--mnt-text); }

    /* در موبایل، همه استایل‌های چند ردیفه به حالت تک ردیفه برمی‌گردن */
    .mnt-header-style-5 .mnt-header__inner,
    .mnt-header-style-7 .mnt-header__inner,
    .mnt-header-style-8 .mnt-header__inner,
    .mnt-header-style-11 .mnt-header__inner {
        flex-wrap: nowrap;
        padding: 10px 0;
        display: flex !important;
        grid-template-columns: none !important;
    }
    .mnt-header-style-5 .mnt-topbar,
    .mnt-header-style-7 .mnt-topbar,
    .mnt-header-style-8 .mnt-topbar { display: none; }

    /* style-7 (centered) در موبایل به حالت عادی برمی‌گرده */
    .mnt-header-style-7 .mnt-header__logo,
    .mnt-header-style-7 .mnt-header__nav,
    .mnt-header-style-7 .mnt-header__actions,
    .mnt-header-style-7 .mnt-header__social {
        grid-column: auto !important;
        order: unset !important;
        justify-self: unset !important;
    }

    /* style-8 (split) در موبایل */
    .mnt-header-style-8 .mnt-header__nav {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }
    .mnt-header-style-8 .mnt-header__actions {
        background: transparent !important;
        padding: 0 !important;
    }
}

@media (max-width: 500px) {
    .mnt-header__logo img { max-height: calc(var(--mnt-header-logo-size, 52px) * 0.72); }
    .mnt-header__actions { gap: 6px; }
}


/* ═══ دسترس‌پذیری ═══ */
.mnt-header a:focus-visible,
.mnt-header button:focus-visible {
    outline: 2px solid var(--mnt-primary);
    outline-offset: 2px;
}

/* وقتی drawer بازه، اسکرول بدن قفل می‌شه */
body.mnt-drawer-open,
body.mnt-search-open {
    overflow: hidden;
}

/* screen reader text */
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* ═══════════════════════════════════════════════════════════
   استایل‌های اضافی هدر (style-6 تا style-8)
   ═══════════════════════════════════════════════════════════ */

/* style-6: باریک (slim) — مخصوص سایت‌های خبری شلوغ */
.mnt-header-style-6 .mnt-header {
    background: #fff;
    border-bottom: 1px solid var(--mnt-border);
}
.mnt-header-style-6 .mnt-header__inner {
    padding: 8px 0;     /* نصف حالت عادی */
    gap: 16px;
}
.mnt-header-style-6 .mnt-header__logo img {
    max-height: calc(var(--mnt-header-logo-size, 52px) * 0.75);
}
.mnt-header-style-6 .mnt-header__nav > ul { gap: 2px; }
.mnt-header-style-6 .mnt-header__nav a {
    padding: 8px 12px;
    font-size: 13.5px;
    border-radius: 8px;
}
.mnt-header-style-6 .mnt-header__icon-btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
}
.mnt-header-style-6 .mnt-header__date {
    font-size: 12px;
    padding: 4px 10px;
}

/* style-7: مرکزی (centered) — لوگو وسط، منو دو طرف */
.mnt-header-style-7 .mnt-header {
    background: #fff;
}
.mnt-header-style-7 .mnt-header__inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
}
.mnt-header-style-7 .mnt-header__logo {
    grid-column: 2;
    justify-self: center;
    order: unset;
}
.mnt-header-style-7 .mnt-header__nav {
    grid-column: 1;
    justify-content: flex-start;
    order: unset;
}
.mnt-header-style-7 .mnt-header__actions {
    grid-column: 3;
    justify-self: end;
    order: unset;
}
.mnt-header-style-7 .mnt-header__social {
    grid-column: 1;
    justify-self: start;
    align-self: center;
}

/* style-8: split — لوگو چپ، منو راست، اکشن‌ها وسط */
.mnt-header-style-8 .mnt-header {
    background: #fff;
}
.mnt-header-style-8 .mnt-header__inner {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}
.mnt-header-style-8 .mnt-header__logo { flex: 0 0 auto; }
.mnt-header-style-8 .mnt-header__nav {
    flex: 1;
    justify-content: flex-end;
    margin-left: 20px;
}
.mnt-header-style-8 .mnt-header__actions {
    flex: 0 0 auto;
    background: rgba(11,110,79,.05);
    padding: 4px 8px;
    border-radius: 12px;
}

/* style-9: شفاف روی تصویر (transparent over hero) — مخصوص سایت‌های با hero بزرگ */
.mnt-header-style-9 .mnt-header {
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    border-bottom: 0;
    box-shadow: none !important;
}
.mnt-header-style-9 .mnt-header::before { display: none; }
.mnt-header-style-9 .mnt-header__nav a { color: #fff; }
.mnt-header-style-9 .mnt-header__nav a:hover,
.mnt-header-style-9 .mnt-header__nav .current-menu-item > a {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-9 .mnt-header__site-title {
    background: linear-gradient(135deg, #fff, #e2e8f0);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mnt-header-style-9 .mnt-header__date {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-9 .mnt-header__icon-btn {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-9 .mnt-header__nav ul ul {
    background: rgba(15,23,42,.95);
    color: #fff;
    border-color: rgba(255,255,255,.1);
}
.mnt-header-style-9 .mnt-header__nav ul ul a { color: #cbd5e1; }

/* اگه body کلاس mnt-no-hero داشت، هدر رو به حالت سفید برمی‌گردونیم */
body.mnt-no-hero .mnt-header-style-9 .mnt-header {
    background: #fff;
    position: sticky;
    border-bottom: 1px solid var(--mnt-border);
}
body.mnt-no-hero .mnt-header-style-9 .mnt-header__nav a { color: var(--mnt-text); }
body.mnt-no-hero .mnt-header-style-9 .mnt-header__site-title {
    background: linear-gradient(135deg, var(--mnt-primary), var(--mnt-primary-dark));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* style-10: گرادیانت متحرک (animated gradient) — بسیار مدرن */
.mnt-header-style-10 .mnt-header {
    background: linear-gradient(135deg, #0b6e4f, #07503a, #0f172a, #1e293b, #0b6e4f);
    background-size: 400% 400%;
    animation: mnt-header-gradient 15s ease infinite;
    color: #fff;
    border-bottom: 0;
}
@keyframes mnt-header-gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.mnt-header-style-10 .mnt-header__site-title {
    background: linear-gradient(135deg, #fff, #d1fae5);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mnt-header-style-10 .mnt-header__nav a { color: rgba(255,255,255,.95); }
.mnt-header-style-10 .mnt-header__nav a:hover,
.mnt-header-style-10 .mnt-header__nav .current-menu-item > a {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-10 .mnt-header__date {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-10 .mnt-header__icon-btn {
    background: rgba(255,255,255,.15);
    color: #fff;
}
.mnt-header-style-10 .mnt-header__nav ul ul {
    background: #07503a;
    color: #fff;
    border-color: rgba(255,255,255,.1);
}
.mnt-header-style-10 .mnt-header__nav ul ul a { color: #d1fae5; }

@media (prefers-reduced-motion: reduce) {
    .mnt-header-style-10 .mnt-header { animation: none; }
}

/* style-11: منوی اسپلیت با لوگو وسط — split nav */
.mnt-header-style-11 .mnt-header {
    background: #fff;
    border-bottom: 1px solid var(--mnt-border);
}
.mnt-header-style-11 .mnt-header__inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 24px;
}
.mnt-header-style-11 .mnt-header__nav {
    grid-column: 1;
    justify-content: flex-end;
    order: unset;
}
.mnt-header-style-11 .mnt-header__logo {
    grid-column: 2;
    justify-self: center;
    order: unset;
}
.mnt-header-style-11 .mnt-header__actions {
    grid-column: 3;
    justify-self: start;
    order: unset;
}
.mnt-header-style-11 .mnt-header__nav > ul {
    justify-content: flex-end;
}
.mnt-header-style-11 .mnt-header__nav > ul > li > a::after {
    bottom: 8px;
}

@media (max-width: 991px) {
    .mnt-header-style-11 .mnt-header__inner {
        display: flex !important;
        grid-template-columns: none !important;
    }
    .mnt-header-style-11 .mnt-header__logo,
    .mnt-header-style-11 .mnt-header__nav,
    .mnt-header-style-11 .mnt-header__actions {
        grid-column: auto !important;
        justify-self: unset !important;
        order: unset !important;
    }
    .mnt-header-style-11 .mnt-header__nav { display: none !important; }
}

/* استایل overlay تیره برای style-6 و style-8 */
.mnt-header-style-6 .mnt-header__nav ul ul,
.mnt-header-style-8 .mnt-header__nav ul ul {
    box-shadow: 0 16px 48px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);
}


/* ═══════════════════════════════════════════════════════════
   مگامنو
   ═══════════════════════════════════════════════════════════ */

.mnt-mega-item {
    position: static !important;     /* مهم: mega-panel نسبت به header position می‌گیره */
}

.mnt-mega-item > .mnt-mega-panel {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #fff;
    box-shadow: 0 24px 60px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.06);
    border-top: 3px solid var(--mnt-primary);
    border-radius: 0 0 16px 16px;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
    z-index: 100;
    max-width: var(--mnt-container, 1240px);
    margin: 0 auto;
}

.mnt-mega-item:hover > .mnt-mega-panel,
.mnt-mega-item:focus-within > .mnt-mega-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* آیتم پدر مگامنو نشانه‌گر داشته باشه */
.mnt-mega-item > a::after {
    content: "▾";
    font-size: 10px;
    margin-right: 6px;
    color: var(--mnt-muted);
    transition: transform .3s;
}
.mnt-mega-item:hover > a::after { transform: rotate(180deg); }

/* گرید مگامنو */
.mnt-mega-grid {
    display: grid;
    gap: 20px;
}
.mnt-mega-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.mnt-mega-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.mnt-mega-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.mnt-mega-grid--cats { grid-template-columns: repeat(4, 1fr); }
.mnt-mega-grid--posts { grid-template-columns: repeat(5, 1fr); gap: 14px; }

/* ستون مگامنو */
.mnt-mega-col__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--mnt-text);
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--mnt-primary);
    text-decoration: none;
    transition: color .2s;
}
.mnt-mega-col__title:hover { color: var(--mnt-primary); }

.mnt-mega-col__count {
    background: rgba(11,110,79,.1);
    color: var(--mnt-primary);
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
}

.mnt-mega-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mnt-mega-list li { margin: 0; }
.mnt-mega-list a {
    display: block;
    padding: 6px 0;
    font-size: 13.5px;
    color: var(--mnt-muted);
    text-decoration: none;
    transition: all .2s;
}
.mnt-mega-list a:hover {
    color: var(--mnt-primary);
    transform: translateX(-4px);
}

/* پست در مگامنو */
.mnt-mega-post {
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 10px;
    overflow: hidden;
    background: #f9fafb;
    transition: all .25s;
}
.mnt-mega-post:hover {
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    transform: translateY(-3px);
}
.mnt-mega-post__thumb {
    aspect-ratio: 16/9;
    overflow: hidden;
    background: #e5e7eb;
}
.mnt-mega-post__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s;
}
.mnt-mega-post:hover .mnt-mega-post__thumb img { transform: scale(1.06); }
.mnt-mega-post__body {
    padding: 10px 12px 12px;
}
.mnt-mega-post__body h4 {
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--mnt-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-mega-post__body time {
    font-size: 11px;
    color: var(--mnt-muted);
}

/* مگامنو ویژه (featured) */
.mnt-mega-featured {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 16px;
}
.mnt-mega-featured__big {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 16/10;
    text-decoration: none;
    color: #fff;
    display: block;
}
.mnt-mega-featured__thumb {
    position: absolute;
    inset: 0;
}
.mnt-mega-featured__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}
.mnt-mega-featured__big:hover .mnt-mega-featured__thumb img { transform: scale(1.06); }
.mnt-mega-featured__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,.85));
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.mnt-mega-featured__overlay h3 {
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    color: #fff;
}
.mnt-mega-featured__overlay time {
    font-size: 11px;
    color: rgba(255,255,255,.8);
}

.mnt-mega-featured__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.mnt-mega-featured__item {
    display: flex;
    gap: 10px;
    text-decoration: none;
    color: inherit;
    padding: 6px;
    border-radius: 8px;
    transition: background .2s;
}
.mnt-mega-featured__item:hover { background: #f9fafb; }
.mnt-mega-featured__item-thumb {
    flex-shrink: 0;
    width: 80px;
    aspect-ratio: 4/3;
    border-radius: 6px;
    overflow: hidden;
    background: #e5e7eb;
}
.mnt-mega-featured__item-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mnt-mega-featured__item-body h4 {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--mnt-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-mega-featured__item-body time {
    font-size: 10.5px;
    color: var(--mnt-muted);
}

/* پیام خالی */
.mnt-mega-empty {
    color: var(--mnt-muted);
    font-size: 14px;
    padding: 16px;
    text-align: center;
    margin: 0;
}

/* responsive مگامنو */
@media (max-width: 991px) {
    .mnt-mega-item > .mnt-mega-panel { display: none !important; }
    .mnt-mega-grid--cols-2,
    .mnt-mega-grid--cols-3,
    .mnt-mega-grid--cols-4,
    .mnt-mega-grid--cats,
    .mnt-mega-grid--posts { grid-template-columns: 1fr; }
    .mnt-mega-featured { grid-template-columns: 1fr; }
}

/* =========================================================
   6) Search Overlay — بازنویسی کامل
   ========================================================= */
.mnt-search-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    backdrop-filter: blur(8px) saturate(150%);
    -webkit-backdrop-filter: blur(8px) saturate(150%);
    z-index: 999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 12vh 16px 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease;
}
.mnt-search-overlay.is-open { opacity: 1; visibility: visible; }

.mnt-search-overlay__inner {
    width: 100%;
    max-width: 640px;
    position: relative;
    transform: translateY(-20px);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.mnt-search-overlay.is-open .mnt-search-overlay__inner { transform: translateY(0); }

.mnt-search-close {
    position: absolute;
    top: -56px;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .25s;
}
.mnt-search-close:hover,
.mnt-search-close:focus-visible {
    opacity: 1;
    background: rgba(255,255,255,.15);
    transform: rotate(90deg);
}

.mnt-search-overlay__form {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.1);
    position: relative;
}

.mnt-search-overlay__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 64px;
    color: var(--mnt-muted, #6b7280);
    flex-shrink: 0;
}

.mnt-search-overlay__form input {
    flex: 1;
    border: 0;
    padding: 18px 8px;
    font-size: 17px;
    font-family: inherit;
    outline: none;
    min-width: 0;
    background: transparent;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-search-overlay__form input::placeholder {
    color: var(--mnt-muted, #9ca3af);
}

.mnt-search-overlay__submit {
    flex-shrink: 0;
    background: var(--mnt-primary);
    color: #fff;
    border: 0;
    padding: 0 24px;
    height: 64px;
    font-weight: 700;
    font-size: 15px;
    transition: background var(--mnt-transition);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
}

.mnt-search-overlay__submit:hover { background: var(--mnt-primary-dark); }
.mnt-search-overlay__submit svg { flex-shrink: 0; transform: rotate(180deg); /* RTL */ }

.mnt-search-overlay__hint {
    margin: 16px 0 0;
    color: rgba(255,255,255,.6);
    font-size: 12.5px;
    text-align: center;
}

.mnt-search-overlay__hint kbd {
    display: inline-block;
    padding: 2px 8px;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 4px;
    font-family: monospace;
    font-size: 11px;
    margin: 0 2px;
}

@media (max-width: 600px) {
    .mnt-search-overlay { padding-top: 8vh; }
    .mnt-search-overlay__form { flex-wrap: wrap; border-radius: 12px; }
    .mnt-search-overlay__icon { width: 48px; height: 56px; }
    .mnt-search-overlay__form input { padding: 14px 4px; font-size: 15px; flex: 1; min-width: 0; }
    .mnt-search-overlay__submit { width: 100%; height: 48px; padding: 0; justify-content: center; }
    .mnt-search-overlay__submit span { display: inline; }
    .mnt-search-close { top: -48px; }
}

@media (max-width: 600px) {
    .mnt-search-overlay__submit span { display: none; }
    .mnt-search-overlay__submit {
        width: 56px;
        padding: 0;
        justify-content: center;
    }
    .mnt-search-overlay__submit svg { margin: 0; }
}

@media (max-width: 400px) {
    .mnt-search-overlay__submit svg { width: 18px; height: 18px; }
}

/* وقتی search بازه، اسکرول بدن قفل می‌شه */
body.mnt-search-open { overflow: hidden; }
/* =========================================================
   7) Sliders & Carousels
   ========================================================= */
.mnt-slider__viewport,
.mnt-home-carousel__viewport,
.mnt-mini-slider__viewport {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior-x: contain;
}
.mnt-slider__viewport::-webkit-scrollbar,
.mnt-home-carousel__viewport::-webkit-scrollbar,
.mnt-mini-slider__viewport::-webkit-scrollbar { display: none; }

.mnt-slider__slide,
.mnt-home-carousel__slide,
.mnt-mini-slider__slide {
    flex-shrink: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    position: relative;
    min-width: 0;
}

/* اسلایدر اصلی */
.mnt-slider-wrap { margin-bottom: 32px; }
.mnt-slider {
    position: relative;
    border-radius: var(--mnt-radius);
    overflow: hidden;
    box-shadow: var(--mnt-shadow-lg);
    background: #1a1a1a;
}
.mnt-slider__slide { flex-basis: 100%; }
.mnt-slider__link {
    display: block;
    position: relative;
    color: #fff;
}
.mnt-slider__link img {
    width: 100%;
    height: clamp(260px, 37vw, 460px);
    object-fit: cover;
    display: block;
    background: #2a2a2a;
    pointer-events: none;
}
.mnt-slider__caption {
    position: absolute;
    inset: auto 0 0 0;
    padding: 60px 24px 24px;
    background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.4) 60%, transparent);
    color: #fff;
    pointer-events: none;
}
.mnt-slider__caption h2 {
    margin: 0 0 8px;
    font-size: clamp(18px, 2.2vw, 26px);
    font-weight: 800;
    line-height: 1.4;
    text-shadow: 0 2px 8px rgba(0,0,0,.5);
}
.mnt-slider__caption p {
    margin: 0;
    font-size: 14.5px;
    opacity: .9;
    max-width: 720px;
}
.mnt-slider__prev,
.mnt-slider__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    border: 1px solid rgba(255,255,255,.35);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    padding: 0;
    cursor: pointer;
    line-height: 1;
    transition: background .2s;
}
.mnt-slider__prev { right: 16px; }
.mnt-slider__next { left: 16px; }
.mnt-slider__prev:hover,
.mnt-slider__next:hover { background: var(--mnt-primary); border-color: var(--mnt-primary); }
.mnt-slider__prev:focus-visible,
.mnt-slider__next:focus-visible,
.mnt-slider__dot:focus-visible { outline-color: #fff; }

.mnt-slider__dots {
    position: absolute;
    bottom: 18px;
    right: 50%;
    transform: translateX(50%);
    display: flex;
    gap: 8px;
    z-index: 3;
}
.mnt-slider__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 0;
    background: rgba(255,255,255,.5);
    padding: 0;
    cursor: pointer;
    transition: all .2s;
}
.mnt-slider__dot.is-active { background: #fff; width: 28px; border-radius: 5px; }

/* کاروسل صفحهٔ اصلی */
.mnt-home-carousel { position: relative; }
.mnt-home-carousel__viewport { padding: 6px 0; margin: -6px 0; }
.mnt-home-carousel__slide {
    flex: 0 0 calc(100% / var(--carousel-cols, 3));
    max-width: calc(100% / var(--carousel-cols, 3));
    padding: 0 10px;
}
@media (max-width: 900px) {
    .mnt-home-carousel__viewport { --carousel-cols: 2; }
}
@media (max-width: 600px) {
    .mnt-home-carousel__viewport { --carousel-cols: 1; }
}
.mnt-home-carousel__prev,
.mnt-home-carousel__next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #fff;
    color: var(--mnt-text);
    border: 1px solid var(--mnt-border);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 22px;
    z-index: 3;
    box-shadow: var(--mnt-shadow);
    padding: 0;
    line-height: 1;
    transition: all .2s;
}
.mnt-home-carousel__prev { right: -12px; }
.mnt-home-carousel__next { left: -12px; }
.mnt-home-carousel__prev:hover,
.mnt-home-carousel__next:hover {
    background: var(--mnt-primary);
    color: #fff;
    border-color: var(--mnt-primary);
}
.mnt-home-carousel__dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: 14px;
}
.mnt-home-carousel__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 0;
    background: #d1d5db;
    padding: 0;
    cursor: pointer;
    transition: all .2s;
}
.mnt-home-carousel__dot.is-active { background: var(--mnt-primary); width: 22px; border-radius: 4px; }

/* مینی‌اسلایدر سایدبار */
.mnt-widget--carousel { padding-bottom: 12px; }
.mnt-mini-slider { position: relative; margin-top: 6px; }
.mnt-mini-slider__viewport { border-radius: 10px; }
.mnt-mini-slider__slide { flex-basis: 100%; }
.mnt-mini-slider__link { display: block; color: inherit; }
.mnt-mini-slider__thumb {
    width: 100%;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #eaecef;
    border-radius: 10px 10px 0 0;
}
.mnt-mini-slider__thumb img { width: 100%; height: 100%; object-fit: cover; }
.mnt-mini-slider__title {
    margin: 0;
    padding: 10px 12px;
    background: #f9fafb;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.6;
    border-radius: 0 0 10px 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-mini-slider__dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
}
.mnt-mini-slider__dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 0;
    background: #d1d5db;
    padding: 0;
    cursor: pointer;
    transition: all .2s;
}
.mnt-mini-slider__dot.is-active { background: var(--mnt-primary); width: 20px; border-radius: 4px; }

/* =========================================================
   8) Section Title & Header
   ========================================================= */
.mnt-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px;
    font-size: 20px;
    font-weight: 800;
    color: var(--mnt-text);
    position: relative;
    padding-right: 14px;
}
.mnt-section-title::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 22px;
    background: var(--mnt-primary);
    border-radius: 3px;
}
.mnt-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px;
    gap: 12px;
}
.mnt-section-header .mnt-section-title { margin: 0; }
.mnt-section-more {
    font-size: 13px;
    font-weight: 600;
    color: var(--mnt-primary);
    padding: 6px 12px;
    border-radius: 8px;
    transition: all var(--mnt-transition);
    white-space: nowrap;
}
.mnt-section-more:hover,
.mnt-section-more:focus-visible {
    background: var(--mnt-primary);
    color: #fff;
}
.mnt-home-section { margin-bottom: 40px; }

/* =========================================================
   9) Grid & News Card (تمیز و حرفه‌ای)
   ========================================================= */
.mnt-grid {
    display: grid;
    gap: 20px;
    margin-bottom: 32px;
}
.mnt-cols-2 { grid-template-columns: repeat(2, 1fr); }
.mnt-cols-3 { grid-template-columns: repeat(3, 1fr); }
.mnt-cols-4 { grid-template-columns: repeat(4, 1fr); }

@media (max-width: 1024px) {
    .mnt-cols-3, .mnt-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .mnt-cols-2, .mnt-cols-3, .mnt-cols-4 { grid-template-columns: 1fr; }
}

/* ═══ NEWS CARD ═══ */
.mnt-card {
    background: var(--mnt-surface);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.03);
    transition: all .35s cubic-bezier(.4,0,.2,1);
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid rgba(0,0,0,.04);
    position: relative;
}
.mnt-card:hover,
.mnt-card:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);
    border-color: transparent;
}

.mnt-card__link {
    display: flex;
    flex-direction: column;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.mnt-card__thumb {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
    background: #f1f5f9;
}
.mnt-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.4,0,.2,1);
    display: block;
}
.mnt-card:hover .mnt-card__thumb img,
.mnt-card:focus-within .mnt-card__thumb img { transform: scale(1.07); }

.mnt-card__thumb-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #cbd5e1;
    font-size: 40px;
}

.mnt-card__type {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 5px 11px 5px 9px;
    border-radius: 20px;
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 4px 12px rgba(0,0,0,.2);
    z-index: 2;
    transition: all .3s;
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255,255,255,.25);
    pointer-events: none;
}
.mnt-card__type svg { width: 13px; height: 13px; flex-shrink: 0; }
.mnt-card:hover .mnt-card__type { transform: scale(1.08); }

.mnt-card__body {
    padding: 16px 18px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    text-align: right;
}

.mnt-card__title {
    margin: 0;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
    color: var(--mnt-card-title, #1a1a1a);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-justify: inter-word;
    transition: color .25s;
    letter-spacing: -.2px;
}
.mnt-card:hover .mnt-card__title,
.mnt-card:focus-within .mnt-card__title { color: var(--mnt-primary); }

.mnt-card__subtitle {
    margin: 0;
    font-size: 13px;
    color: var(--mnt-muted);
    line-height: 1.8;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-justify: inter-word;
    padding-right: 10px;
    border-right: 3px solid var(--mnt-primary);
    opacity: .95;
}

.mnt-card__excerpt {
    margin: 0;
    font-size: 13.5px;
    color: var(--mnt-card-text, #6b7280);
    line-height: 1.85;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-justify: inter-word;
}

.mnt-card__date {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px dashed var(--mnt-border);
    font-size: 12px;
    color: var(--mnt-muted);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 6px;
}
.mnt-card__date::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--mnt-primary);
    opacity: .6;
}

/* =========================================================
   10) Featured (خبر ویژه)
   ========================================================= */
.mnt-featured {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 32px;
}
@media (max-width: 700px) { .mnt-featured { grid-template-columns: 1fr; } }

.mnt-featured__main {
    position: relative;
    display: block;
    height: 100%;
    min-height: 320px;
    border-radius: var(--mnt-radius);
    overflow: hidden;
    color: #fff;
    background: #2a2a2a;
    box-shadow: var(--mnt-shadow-sm);
    transition: box-shadow var(--mnt-transition), transform var(--mnt-transition);
}
.mnt-featured__main:hover,
.mnt-featured__main:focus-visible { box-shadow: var(--mnt-shadow-lg); }
.mnt-featured__main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s cubic-bezier(.4,0,.2,1);
}
.mnt-featured__main:hover img { transform: scale(1.05); }

.mnt-featured__caption {
    position: absolute;
    inset: auto 0 0 0;
    padding: 48px 20px 20px;
    background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.45) 60%, transparent);
    pointer-events: none;
}
.mnt-featured__caption h3 {
    margin: 0 0 6px;
    font-size: clamp(17px, 1.6vw, 21px);
    font-weight: 800;
    line-height: 1.5;
    text-shadow: 0 2px 8px rgba(0,0,0,.5);
}
.mnt-featured__caption p {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.7;
    opacity: .85;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mnt-featured__side {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mnt-featured__small {
    display: flex;
    gap: 10px;
    align-items: center;
    flex: 1;
    background: var(--mnt-surface);
    border-radius: var(--mnt-radius);
    padding: 8px;
    box-shadow: var(--mnt-shadow-sm);
    color: inherit;
    transition: transform var(--mnt-transition), box-shadow var(--mnt-transition);
}
.mnt-featured__small:hover,
.mnt-featured__small:focus-visible {
    transform: translateY(-3px);
    box-shadow: var(--mnt-shadow);
}
.mnt-featured__small img {
    width: 90px;
    height: 70px;
    flex-shrink: 0;
    object-fit: cover;
    border-radius: var(--mnt-radius-sm);
}
.mnt-featured__small h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--mnt-text);
    transition: color var(--mnt-transition);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-featured__small:hover h4 { color: var(--mnt-primary); }

@media (max-width: 700px) {
    .mnt-featured__main { min-height: 240px; }
    .mnt-featured__small { flex: 0 0 auto; }
}

/* =========================================================
   11) Sidebar Widgets
   ========================================================= */
.mnt-widget {
    background: var(--mnt-surface);
    border-radius: var(--mnt-radius);
    box-shadow: var(--mnt-shadow-sm);
    padding: 18px 20px;
    border: 1px solid var(--mnt-border);
}
.mnt-widget__title {
    margin: 0 0 14px;
    font-size: 16px;
    font-weight: 800;
    color: var(--mnt-text);
    padding-bottom: 10px;
    border-bottom: 2px solid var(--mnt-primary);
    display: inline-block;
}

.mnt-widget-list li {
    padding: 10px 0;
    border-bottom: 1px dashed var(--mnt-border);
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.mnt-widget-list li:last-child { border-bottom: 0; }
.mnt-widget-list__num {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--mnt-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    margin-top: 3px;
}
.mnt-widget-list__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    color: var(--mnt-text);
}
.mnt-widget-list__title:hover { color: var(--mnt-primary); }

.mnt-widget-image-list { padding: 0; margin: 0; }
.mnt-widget-image-list li { border-bottom: 1px dashed var(--mnt-border); }
.mnt-widget-image-list li:last-child { border-bottom: 0; }
.mnt-widget-image-list__link {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    transition: all var(--mnt-transition);
}
.mnt-widget-image-list__link:hover { background: #f9fafb; }
.mnt-widget-image-list__thumb {
    width: 76px;
    height: 60px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #eaecef;
}
.mnt-widget-image-list__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.mnt-widget-image-list__link:hover .mnt-widget-image-list__thumb img { transform: scale(1.08); }
.mnt-widget-image-list__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.mnt-widget-image-list__title {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.6;
    color: var(--mnt-text);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-widget-image-list__link:hover .mnt-widget-image-list__title { color: var(--mnt-primary); }
.mnt-widget-image-list__date { font-size: 11.5px; color: var(--mnt-muted); }

/* بنر تبلیغاتی */
.mnt-widget--banner {
    padding: 0;
    overflow: hidden;
    position: relative;
    border-radius: var(--mnt-radius);
    background: linear-gradient(135deg, #f9fafb, #fff);
    border: 1px solid var(--mnt-border);
    box-shadow: var(--mnt-shadow-sm);
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.mnt-widget--banner:hover {
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 20px 50px rgba(0,0,0,.14);
    border-color: transparent;
}
.mnt-widget--banner a { display: block; position: relative; overflow: hidden; border-radius: inherit; }
.mnt-widget--banner img { width: 100%; height: auto; display: block; transition: transform .7s cubic-bezier(.4,0,.2,1); }
.mnt-widget--banner:hover img { transform: scale(1.08) rotate(1deg); }
.mnt-widget--banner a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.5), transparent);
    transform: skewX(-25deg);
    transition: left .8s ease;
    pointer-events: none;
}
.mnt-widget--banner:hover a::after { left: 125%; }

.mnt-tags-cloud { display: flex; flex-wrap: wrap; gap: 6px; }

.mnt-cats-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px dashed var(--mnt-border);
}
.mnt-cats-list li:last-child { border-bottom: 0; }
.mnt-cats-list a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    color: var(--mnt-text);
}
.mnt-cats-list a:hover { color: var(--mnt-primary); }
.mnt-cat-count { color: var(--mnt-muted); font-size: 12px; }

.mnt-search-form { display: flex; gap: 6px; }
.mnt-search-form input[type="search"] {
    flex: 1;
    padding: 10px 14px;
    border: 1px solid var(--mnt-border);
    border-radius: var(--mnt-radius-sm);
    font-family: inherit;
    font-size: 14px;
    background: var(--mnt-bg);
    transition: border-color var(--mnt-transition);
    min-width: 0;
}
.mnt-search-form input[type="search"]:focus {
    outline: none;
    border-color: var(--mnt-primary);
    background: #fff;
}
.mnt-search-form button {
    padding: 10px 16px;
    background: var(--mnt-primary);
    color: #fff;
    border: 0;
    border-radius: var(--mnt-radius-sm);
    font-weight: 600;
    font-size: 14px;
    transition: background var(--mnt-transition);
}
.mnt-search-form button:hover { background: var(--mnt-primary-dark); }

/* =========================================================
   12) Single Post
   ========================================================= */
.mnt-single {
    background: var(--mnt-surface);
    border-radius: var(--mnt-radius);
    box-shadow: var(--mnt-shadow-sm);
    padding: 28px 32px;
    margin-bottom: 32px;
}
.mnt-single__title {
    margin: 0 0 14px;
    font-size: clamp(22px, 3vw, 32px);
    font-weight: 800;
    line-height: 1.5;
    color: var(--mnt-text);
}
.mnt-single__subtitle {
    font-size: 18px;
    line-height: 1.7;
    color: var(--mnt-muted);
    margin: 0 0 18px;
    padding-right: 14px;
    border-right: 4px solid var(--mnt-primary);
    font-weight: 500;
}
.mnt-single__meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    color: var(--mnt-muted);
    font-size: 13.5px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--mnt-border);
    margin-bottom: 20px;
}
.mnt-single__meta a { color: var(--mnt-primary); font-weight: 600; }
.mnt-single__thumb { margin: 0 -32px 24px; overflow: hidden; }
.mnt-single__thumb img { width: 100%; height: auto; display: block; }
.mnt-single__content { font-size: 16px; line-height: 2; color: #2a2a2a; }
.mnt-single__content p { margin: 0 0 18px; }
.mnt-single__content img { border-radius: 10px; margin: 12px 0; }
.mnt-single__content h2,
.mnt-single__content h3 { margin: 28px 0 14px; font-weight: 800; }
.mnt-single__content a { color: var(--mnt-primary); text-decoration: underline; }
.mnt-single__content blockquote {
    border-right: 4px solid var(--mnt-primary);
    background: #f9fafb;
    padding: 14px 20px;
    margin: 18px 0;
    border-radius: 0 8px 8px 0;
    color: #4b5563;
}
.mnt-single__content ul,
.mnt-single__content ol { padding-right: 22px; margin: 14px 0; }

.mnt-single__tags {
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid var(--mnt-border);
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.mnt-tag {
    background: #f3f4f6;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 13px;
    color: var(--mnt-text);
    transition: all var(--mnt-transition);
}
.mnt-tag:hover,
.mnt-tag:focus-visible { background: var(--mnt-primary); color: #fff; }

.mnt-related { margin-bottom: 32px; }

@media (max-width: 700px) {
    .mnt-single { padding: 18px 20px; }
    .mnt-single__thumb { margin: 0 -20px 18px; }
}

/* =========================================================
   13) Archive & Pagination
   ========================================================= */
.mnt-archive-header {
    background: var(--mnt-surface);
    border-radius: var(--mnt-radius);
    box-shadow: var(--mnt-shadow-sm);
    padding: 22px 26px;
    margin-bottom: 24px;
    border-right: 5px solid var(--mnt-primary);
}
.mnt-archive-title {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    color: var(--mnt-text);
}
.mnt-archive-desc {
    margin-top: 8px;
    color: var(--mnt-muted);
    font-size: 14px;
}
.mnt-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 32px 0;
    flex-wrap: wrap;
}
.mnt-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    background: var(--mnt-surface);
    color: var(--mnt-text);
    font-weight: 600;
    box-shadow: var(--mnt-shadow-sm);
    transition: all var(--mnt-transition);
}
.mnt-pagination .page-numbers:hover,
.mnt-pagination .page-numbers.current {
    background: var(--mnt-primary);
    color: #fff;
}
.mnt-empty {
    text-align: center;
    padding: 60px 20px;
    background: var(--mnt-surface);
    border-radius: var(--mnt-radius);
    color: var(--mnt-muted);
}

/* =========================================================
   14) Home (بنر و لیست تصویری)
   ========================================================= */
.mnt-home-banner {
    margin-bottom: 40px;
    border-radius: var(--mnt-radius);
    overflow: hidden;
    box-shadow: var(--mnt-shadow);
    transition: all .4s cubic-bezier(.4,0,.2,1);
    position: relative;
}
.mnt-home-banner:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 60px rgba(0,0,0,.15);
}
.mnt-home-banner a { display: block; position: relative; overflow: hidden; }
.mnt-home-banner img { width: 100%; height: auto; display: block; transition: transform .8s cubic-bezier(.4,0,.2,1); }
.mnt-home-banner:hover img { transform: scale(1.04); }

.mnt-home-image-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
@media (max-width: 700px) { .mnt-home-image-list { grid-template-columns: 1fr; } }

.mnt-home-image-list__item {
    display: flex;
    gap: 14px;
    background: var(--mnt-surface);
    border-radius: var(--mnt-radius);
    overflow: hidden;
    box-shadow: var(--mnt-shadow-sm);
    transition: all var(--mnt-transition);
    padding: 10px;
}
.mnt-home-image-list__item:hover,
.mnt-home-image-list__item:focus-within {
    box-shadow: var(--mnt-shadow);
    transform: translateY(-3px);
}
.mnt-home-image-list__thumb {
    width: 110px;
    height: 90px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #eaecef;
}
.mnt-home-image-list__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.mnt-home-image-list__item:hover .mnt-home-image-list__thumb img,
.mnt-home-image-list__item:focus-within .mnt-home-image-list__thumb img { transform: scale(1.06); }
.mnt-home-image-list__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.mnt-home-image-list__body h3 {
    margin: 0;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-home-image-list__body p {
    margin: 0;
    font-size: 12.5px;
    color: var(--mnt-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-home-image-list__body time {
    font-size: 11.5px;
    color: var(--mnt-muted);
    margin-top: auto;
}

/* =========================================================
   15) FOOTER — بازنویسی کامل با ۵ تنوع متمایز
   -----------------------------------------------------------
   dark:     gradient تیره
   darker:  مشکی مطلق
   gradient: gradient برند (سبز → تیره)
   glass:    شیشه‌ای blur
   light:    روشن
   + ۵ الگوی پس‌زمینه: dots, grid, waves, circles, noise
   ========================================================= */


/* ═══ پایه فوتر ═══ */
.mnt-footer {
    position: relative;
    padding: 60px 0 0;
    margin-top: 60px;
    color: var(--mnt-footer-text, #cbd5e1);
    font-size: 14px;
    overflow: hidden;
    isolation: isolate;
}

.mnt-footer .mnt-container {
    position: relative;
    z-index: 1;
}

/* خط گرادیانت بالا — فقط در تم‌های تیره */
.mnt-footer::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mnt-primary), var(--mnt-accent), var(--mnt-primary));
    background-size: 200% 100%;
    animation: mnt-footer-shine 6s linear infinite;
    z-index: 2;
}

@keyframes mnt-footer-shine {
    0%   { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}


/* ═══ ۵ تنوع فوتر ═══ */

/* dark — gradient تیره (پیش‌فرض) */
.mnt-footer--dark {
    background: linear-gradient(180deg, #0f172a 0%, #111827 100%);
    --mnt-footer-text: #cbd5e1;
    --mnt-footer-title: #ffffff;
    --mnt-footer-link: #94a3b8;
    --mnt-footer-link-hover: #ffffff;
    --mnt-footer-border: rgba(255,255,255,.08);
    --mnt-footer-social-bg: rgba(255,255,255,.06);
    --mnt-footer-copyright: #6b7280;
}

/* darker — مشکی مطلق */
.mnt-footer--darker {
    background: #050810;
    --mnt-footer-text: #94a3b8;
    --mnt-footer-title: #ffffff;
    --mnt-footer-link: #64748b;
    --mnt-footer-link-hover: #ffffff;
    --mnt-footer-border: rgba(255,255,255,.05);
    --mnt-footer-social-bg: rgba(255,255,255,.04);
    --mnt-footer-copyright: #475569;
}

/* gradient — برند (سبز → تیره) */
.mnt-footer--gradient {
    background:
        radial-gradient(ellipse at top right, rgba(11,110,79,.25), transparent 50%),
        linear-gradient(135deg, var(--mnt-primary-dark) 0%, #0f172a 60%, #111827 100%);
    --mnt-footer-text: #d1fae5;
    --mnt-footer-title: #ffffff;
    --mnt-footer-link: #a7f3d0;
    --mnt-footer-link-hover: #ffffff;
    --mnt-footer-border: rgba(167,243,208,.12);
    --mnt-footer-social-bg: rgba(167,243,208,.08);
    --mnt-footer-copyright: #6ee7b7;
}

/* glass — شیشه‌ای */
.mnt-footer--glass {
    background: rgba(15, 23, 42, .85);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    --mnt-footer-text: #cbd5e1;
    --mnt-footer-title: #ffffff;
    --mnt-footer-link: #94a3b8;
    --mnt-footer-link-hover: #ffffff;
    --mnt-footer-border: rgba(255,255,255,.1);
    --mnt-footer-social-bg: rgba(255,255,255,.08);
    --mnt-footer-copyright: #6b7280;
}

/* light — روشن */
.mnt-footer--light {
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    color: #334155;
    border-top: 1px solid #e2e8f0;
    --mnt-footer-text: #475569;
    --mnt-footer-title: #0f172a;
    --mnt-footer-link: #475569;
    --mnt-footer-link-hover: var(--mnt-primary);
    --mnt-footer-border: #e2e8f0;
    --mnt-footer-social-bg: #f1f5f9;
    --mnt-footer-copyright: #64748b;
}

/* light استثناها */
.mnt-footer--light::before {
    background: linear-gradient(90deg, var(--mnt-primary), var(--mnt-primary-dark), var(--mnt-primary));
}
.mnt-footer--light .mnt-footer__brand {
    background: linear-gradient(135deg, #0f172a 0%, #475569 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.mnt-footer--light .mnt-footer__cat-count { background: #e2e8f0; color: #475569; }
.mnt-footer--light .mnt-footer__social a {
    background: #f1f5f9;
    color: #475569;
    border-color: #e2e8f0;
}
.mnt-footer--light .mnt-footer__social a:hover {
    background: var(--social-color, var(--mnt-primary));
    color: #fff;
    border-color: var(--social-color, var(--mnt-primary));
}


/* ═══ الگوهای پس‌زمینه فوتر ═══ */
body.mnt-footer-pattern-dots .mnt-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events: none;
    z-index: 0;
}

body.mnt-footer-pattern-grid .mnt-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    z-index: 0;
}

body.mnt-footer-pattern-waves .mnt-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='20' viewBox='0 0 60 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q15 0 30 10 T60 10' stroke='rgba(255,255,255,0.04)' fill='none' stroke-width='1'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
    opacity: .8;
}

body.mnt-footer-pattern-circles .mnt-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='15' stroke='rgba(255,255,255,0.03)' fill='none' stroke-width='1'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

body.mnt-footer-pattern-noise .mnt-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 0;
}

/* الگوها در حالت light کم‌رنگ‌تر باشن */
.mnt-footer--light::after { opacity: .3 !important; }


/* ═══ گرید ═══ */
.mnt-footer__grid {
    display: grid;
    gap: 44px;
    margin-bottom: 44px;
}

.mnt-footer__cols-1 { grid-template-columns: 1fr; max-width: 500px; margin-inline: auto; }
.mnt-footer__cols-2 { grid-template-columns: 1.4fr 1fr; }
.mnt-footer__cols-3 { grid-template-columns: 1.4fr 1fr 1.2fr; }
.mnt-footer__cols-4 { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }

.mnt-footer__col { min-width: 0; }

/* ستون برند + لوگو */
.mnt-footer__logo {
    margin-bottom: 18px;
    display: inline-flex;
    align-items: center;
    transition: transform .35s;
}

.mnt-footer__logo:hover { transform: scale(1.04); }

.mnt-footer__logo img {
    max-height: var(--mnt-footer-logo-size, 50px);
    width: auto;
    display: block;
    transition: all .35s;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.2));
}

.mnt-footer__logo:hover img {
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.35));
}

.mnt-footer__brand {
    color: var(--mnt-footer-title, #fff);
    font-size: clamp(16px, calc(var(--mnt-footer-logo-size, 50px) * 0.42), 26px);
    font-weight: 800;
    margin: 0 0 14px;
    letter-spacing: -.3px;
    background: linear-gradient(135deg, #fff 0%, #94a3b8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.mnt-footer__about {
    color: var(--mnt-footer-text);
    font-size: 13.5px;
    line-height: 2;
    margin: 0 0 20px;
    text-align: justify;
    text-justify: inter-word;
}

/* عنوان ستون‌ها */
.mnt-footer__title {
    color: var(--mnt-footer-title, #fff);
    font-size: 15.5px;
    font-weight: 800;
    margin: 0 0 22px;
    padding-bottom: 12px;
    position: relative;
    display: inline-block;
    letter-spacing: -.2px;
}

.mnt-footer__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 3px;
    background: linear-gradient(90deg, var(--mnt-primary), var(--mnt-accent));
    border-radius: 3px;
    transition: width .35s cubic-bezier(.4,0,.2,1);
}

.mnt-footer__col:hover .mnt-footer__title::after { width: 60px; }

/* موضوعات */
.mnt-footer__cat-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mnt-footer__cat-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 22px;
    padding: 0 8px;
    border-radius: 11px;
    background: var(--mnt-footer-social-bg);
    color: var(--mnt-footer-text);
    font-size: 11.5px;
    font-weight: 700;
    transition: all .3s;
    flex-shrink: 0;
}

.mnt-footer__list a:hover .mnt-footer__cat-count {
    background: var(--mnt-primary);
    color: #fff;
    transform: scale(1.1);
}

/* تماس */
.mnt-footer__contact {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mnt-footer__contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--mnt-footer-text);
    font-size: 13.5px;
    line-height: 1.8;
    transition: all .3s;
}

.mnt-footer__contact li:hover {
    color: var(--mnt-footer-link-hover);
    transform: translateX(-4px);
}

.mnt-footer__contact svg {
    flex-shrink: 0;
    margin-top: 4px;
    padding: 8px;
    background: var(--mnt-footer-social-bg);
    border-radius: 10px;
    width: 32px;
    height: 32px;
    color: var(--mnt-primary);
    transition: all .3s;
    box-sizing: border-box;
}

.mnt-footer__contact li:hover svg {
    background: var(--mnt-primary);
    color: #fff;
    transform: scale(1.05);
}

.mnt-footer__contact a {
    color: inherit;
    transition: color .25s;
    word-break: break-all;
}

.mnt-footer__contact a:hover { color: var(--mnt-footer-link-hover); }

/* کپی‌رایت */
.mnt-footer__bottom {
    padding: 22px 0;
    border-top: 1px solid var(--mnt-footer-border);
    text-align: center;
    position: relative;
}

.mnt-footer__copy {
    margin: 0;
    color: var(--mnt-footer-copyright);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
}

/* تزئینات اضافه */
.mnt-footer__decor,
.mnt-footer__glow { display: none; }


/* ═══ لینک‌ها ═══ */
.mnt-footer__nav ul,
.mnt-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mnt-footer__nav a,
.mnt-footer__list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 0;
    color: var(--mnt-footer-link);
    font-size: 13.5px;
    text-decoration: none;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    position: relative;
    padding-right: 0;
}

.mnt-footer__nav a::before,
.mnt-footer__list a::before {
    content: "";
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 2px;
    background: var(--mnt-primary);
    border-radius: 2px;
    transition: all .3s;
}

.mnt-footer__nav a:hover,
.mnt-footer__list a:hover {
    color: var(--mnt-footer-link-hover);
    padding-right: 14px;
}

.mnt-footer__nav a:hover::before,
.mnt-footer__list a:hover::before {
    right: 0;
    width: 8px;
}

/* شبکه‌های اجتماعی در فوتر */
.mnt-footer__social {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.mnt-footer__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--mnt-footer-social-bg);
    color: var(--mnt-footer-text);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: transform .35s cubic-bezier(.4,0,.2,1),
                color .35s,
                box-shadow .35s;
    border: 1px solid var(--mnt-footer-border);
}

.mnt-footer__social a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--social-color, var(--mnt-primary));
    opacity: 0;
    transition: opacity .35s;
    z-index: 0;
}

.mnt-footer__social a svg {
    width: 18px;
    height: 18px;
    position: relative;
    z-index: 1;
    transition: transform .35s;
    fill: currentColor;
    display: block;
    flex-shrink: 0;
}

.mnt-footer__social a:hover {
    color: #fff;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 10px 24px rgba(0,0,0,.25);
    border-color: var(--social-color, var(--mnt-primary));
}

.mnt-footer__social a:hover::before { opacity: 1; }

.mnt-footer__social a:hover svg {
    transform: scale(1.15);
    color: #fff;
}


/* ═══ ریسپانسیو فوتر ═══ */
@media (max-width: 992px) {
    .mnt-footer__grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }
}

@media (max-width: 768px) {
    .mnt-footer {
        padding: 44px 0 0;
        margin-top: 44px;
    }

    .mnt-footer__grid {
        grid-template-columns: 1fr;
        gap: 34px;
        text-align: center;
    }

    .mnt-footer__col { text-align: center; }

    .mnt-footer__logo {
        display: flex;
        justify-content: center;
        margin-inline: auto;
        margin-bottom: 16px;
    }

    .mnt-footer__logo img { margin: 0 auto; }

    .mnt-footer__title {
        display: block;
        text-align: center;
    }

    .mnt-footer__title::after {
        right: 50%;
        transform: translateX(50%);
    }

    .mnt-footer__col:hover .mnt-footer__title::after {
        width: 60px;
        right: 50%;
        transform: translateX(50%);
    }

    .mnt-footer__about {
        text-align: center;
        text-justify: auto;
    }

    .mnt-footer__nav ul,
    .mnt-footer__list { align-items: center; }

    .mnt-footer__nav a,
    .mnt-footer__list a {
        justify-content: center;
        text-align: center;
        padding-right: 0;
        width: auto;
        max-width: 100%;
    }

    .mnt-footer__nav a:hover,
    .mnt-footer__list a:hover {
        padding-right: 0;
        transform: scale(1.04);
    }

    .mnt-footer__nav a::before,
    .mnt-footer__list a::before { display: none; }

    .mnt-footer__contact { align-items: center; }
    .mnt-footer__contact li {
        justify-content: center;
        text-align: center;
    }
    .mnt-footer__contact li:hover { transform: none; }

    .mnt-footer__social { justify-content: center; }
    .mnt-footer__social a { width: 38px; height: 38px; }
    .mnt-footer__social a svg { width: 16px; height: 16px; }

    .mnt-footer__bottom { text-align: center; }
}

@media (max-width: 500px) {
    .mnt-footer__grid { gap: 28px; }
    .mnt-footer__logo img {
        max-height: calc(var(--mnt-footer-logo-size, 50px) * 0.85);
    }
    .mnt-footer__brand { font-size: 18px; }
    .mnt-footer__title { font-size: 14.5px; }
}


/* ═══ دسترس‌پذیری فوتر ═══ */
.mnt-footer a:focus-visible,
.mnt-footer button:focus-visible {
    outline: 2px solid var(--mnt-primary);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .mnt-footer::before { animation: none; }
    .mnt-topbar__date::before { animation: none; }
}

/* ═══════════════════════════════════════════════════════════
   تنوع‌های اضافی فوتر
   ═══════════════════════════════════════════════════════════ */

/* minimal — مینیمال تک‌ستونی */
.mnt-footer--minimal {
    padding: 32px 0;
    margin-top: 32px;
}
.mnt-footer--minimal .mnt-footer__grid {
    grid-template-columns: 1fr !important;
    max-width: 720px;
    margin-inline: auto;
    gap: 16px;
    text-align: center;
}
.mnt-footer--minimal .mnt-footer__col { text-align: center; }
.mnt-footer--minimal .mnt-footer__title { display: none; }
.mnt-footer--minimal .mnt-footer__nav ul,
.mnt-footer--minimal .mnt-footer__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}
.mnt-footer--minimal .mnt-footer__nav a,
.mnt-footer--minimal .mnt-footer__list a {
    padding: 4px 0;
    font-size: 13px;
}
.mnt-footer--minimal .mnt-footer__nav a::before,
.mnt-footer--minimal .mnt-footer__list a::before { display: none; }
.mnt-footer--minimal .mnt-footer__about {
    font-size: 12.5px;
    max-width: 540px;
    margin-inline: auto;
}
.mnt-footer--minimal .mnt-footer__social { justify-content: center; }
.mnt-footer--minimal .mnt-footer__bottom {
    border-top: 0;
    padding-top: 0;
}

/* magazine — مجله‌ای با لوگوی بزرگ + CTA */
.mnt-footer--magazine .mnt-footer__grid {
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 36px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--mnt-footer-border);
    margin-bottom: 0;
}
.mnt-footer--magazine .mnt-footer__col--about {
    border-left: 1px solid var(--mnt-footer-border);
    padding-left: 32px;
}
.mnt-footer--magazine .mnt-footer__logo img {
    max-height: 70px;
}
.mnt-footer--magazine .mnt-footer__brand {
    font-size: clamp(20px, 3vw, 28px);
    margin-bottom: 18px;
}
.mnt-footer--magazine .mnt-footer__about {
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 24px;
}
.mnt-footer--magazine .mnt-footer__social a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}
.mnt-footer--magazine .mnt-footer__social a svg {
    width: 20px;
    height: 20px;
}
.mnt-footer--magazine .mnt-footer__bottom {
    padding: 18px 0;
    margin-top: 24px;
}

/* newsletter — با فرم خبرنامه در ستون اول */
.mnt-footer--newsletter .mnt-footer__grid {
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 36px;
}
.mnt-footer--newsletter .mnt-footer__col--about {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--mnt-footer-border);
    border-radius: 16px;
    padding: 24px;
}
.mnt-footer--newsletter .mnt-footer__newsletter {
    margin-top: 20px;
}
.mnt-footer--newsletter .mnt-footer__newsletter-form {
    display: flex;
    gap: 8px;
    margin-top: 12px;
}
.mnt-footer--newsletter .mnt-footer__newsletter-form input[type="email"] {
    flex: 1;
    background: rgba(255,255,255,.06);
    border: 1px solid var(--mnt-footer-border);
    color: var(--mnt-footer-title);
    padding: 10px 14px;
    border-radius: 10px;
    font-family: inherit;
    font-size: 13.5px;
    outline: none;
    transition: all .25s;
}
.mnt-footer--newsletter .mnt-footer__newsletter-form input[type="email"]:focus {
    border-color: var(--mnt-primary);
    background: rgba(255,255,255,.1);
}
.mnt-footer--newsletter .mnt-footer__newsletter-form input[type="email"]::placeholder {
    color: var(--mnt-footer-link);
}
.mnt-footer--newsletter .mnt-footer__newsletter-form button {
    flex-shrink: 0;
    background: var(--mnt-primary);
    color: #fff;
    border: 0;
    padding: 0 18px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 13.5px;
    cursor: pointer;
    transition: background .2s;
    font-family: inherit;
}
.mnt-footer--newsletter .mnt-footer__newsletter-form button:hover {
    background: var(--mnt-primary-dark);
}
.mnt-footer--newsletter .mnt-footer__newsletter-label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--mnt-footer-title);
    margin-bottom: 6px;
}
.mnt-footer--newsletter .mnt-footer__newsletter-desc {
    font-size: 12.5px;
    color: var(--mnt-footer-link);
    margin: 0 0 8px;
    line-height: 1.7;
}

/* در حالت light، خبرنامه با استایل متفاوت */
.mnt-footer--newsletter.mnt-footer--light .mnt-footer__col--about {
    background: rgba(11,110,79,.04);
    border-color: #e2e8f0;
}
.mnt-footer--newsletter.mnt-footer--light .mnt-footer__newsletter-form input[type="email"] {
    background: #fff;
    color: var(--mnt-text);
}

/* split — دو نیمه: درباره ما + منو، با خط جداکننده */
.mnt-footer--split {
    padding: 50px 0 0;
}
.mnt-footer--split .mnt-footer__grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 60px;
    align-items: flex-start;
}
.mnt-footer--split .mnt-footer__col--about {
    border-left: 1px solid var(--mnt-footer-border);
    padding-left: 40px;
}
.mnt-footer--split .mnt-footer__col:not(.mnt-footer__col--about) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.mnt-footer--split .mnt-footer__bottom {
    margin-top: 30px;
    padding: 18px 0;
    border-top: 1px solid var(--mnt-footer-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right;
    flex-wrap: wrap;
    gap: 12px;
}
.mnt-footer--split .mnt-footer__copy { text-align: right; }

/* modern — با کادر و کارت‌های مجزا */
.mnt-footer--modern {
    padding: 50px 0 0;
}
.mnt-footer--modern .mnt-footer__grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}
.mnt-footer--modern .mnt-footer__col {
    background: rgba(255,255,255,.03);
    border: 1px solid var(--mnt-footer-border);
    border-radius: 16px;
    padding: 24px;
    transition: all .3s;
}
.mnt-footer--modern .mnt-footer__col:hover {
    background: rgba(255,255,255,.05);
    transform: translateY(-3px);
}
.mnt-footer--modern .mnt-footer__col--about:hover {
    transform: none;
}
.mnt-footer--modern .mnt-footer__title {
    margin-top: 0;
}
.mnt-footer--modern .mnt-footer__about { font-size: 13px; }

/* در حالت light، کارت‌ها با رنگ متفاوت */
.mnt-footer--modern.mnt-footer--light .mnt-footer__col {
    background: #fff;
    border-color: #e2e8f0;
    box-shadow: 0 1px 3px rgba(0,0,0,.04);
}
.mnt-footer--modern.mnt-footer--light .mnt-footer__col:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.08);
}

/* corporate — با نوار بالا رنگی + لوگو برند */
.mnt-footer--corporate {
    padding: 0;
    margin-top: 60px;
}
.mnt-footer--corporate .mnt-footer__grid {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    padding: 50px 0;
}
.mnt-footer--corporate .mnt-footer__col--about {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.mnt-footer--corporate .mnt-footer__logo {
    margin-bottom: 0;
    padding: 12px 18px;
    background: rgba(255,255,255,.05);
    border-radius: 12px;
    display: inline-flex;
    align-self: flex-start;
}
.mnt-footer--corporate .mnt-footer__logo img { max-height: 60px; }
.mnt-footer--corporate .mnt-footer__about {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 0;
}
.mnt-footer--corporate .mnt-footer__social {
    margin-top: auto;
}
.mnt-footer--corporate .mnt-footer__bottom {
    background: rgba(0,0,0,.2);
    border-top: 1px solid var(--mnt-footer-border);
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}
.mnt-footer--corporate .mnt-footer__bottom .mnt-footer__copy { text-align: right; }
.mnt-footer--corporate .mnt-footer__col--about {
    padding-left: 24px;
    border-left: 1px solid var(--mnt-footer-border);
}

/* در حالت light */
.mnt-footer--corporate.mnt-footer--light .mnt-footer__logo {
    background: rgba(11,110,79,.06);
}
.mnt-footer--corporate.mnt-footer--light .mnt-footer__bottom {
    background: rgba(15,23,42,.04);
}

/* responsive برای تنوع‌های جدید */
@media (max-width: 992px) {
    .mnt-footer--split .mnt-footer__grid,
    .mnt-footer--corporate .mnt-footer__grid {
        grid-template-columns: 1fr 1fr !important;
    }
    .mnt-footer--split .mnt-footer__col--about,
    .mnt-footer--corporate .mnt-footer__col--about {
        grid-column: 1 / -1;
        border-left: 0;
        padding-left: 0;
    }
    .mnt-footer--corporate .mnt-footer__bottom { flex-direction: column; }
}

@media (max-width: 768px) {
    .mnt-footer--split .mnt-footer__grid,
    .mnt-footer--corporate .mnt-footer__grid {
        grid-template-columns: 1fr !important;
        text-align: center;
    }
    .mnt-footer--split .mnt-footer__col:not(.mnt-footer__col--about) {
        grid-template-columns: 1fr;
    }
    .mnt-footer--split .mnt-footer__col--about,
    .mnt-footer--corporate .mnt-footer__col--about {
        border-left: 0;
        padding-left: 0;
        text-align: center;
        align-items: center;
    }
    .mnt-footer--split .mnt-footer__bottom,
    .mnt-footer--corporate .mnt-footer__bottom {
        flex-direction: column;
        text-align: center;
    }
    .mnt-footer--split .mnt-footer__copy,
    .mnt-footer--corporate .mnt-footer__copy { text-align: center; }
}

/* responsive تنوع‌های جدید */
@media (max-width: 992px) {
    .mnt-footer--magazine .mnt-footer__grid,
    .mnt-footer--newsletter .mnt-footer__grid {
        grid-template-columns: 1fr 1fr;
    }
    .mnt-footer--magazine .mnt-footer__col--about,
    .mnt-footer--newsletter .mnt-footer__col--about {
        grid-column: 1 / -1;
        border-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 768px) {
    .mnt-footer--magazine .mnt-footer__grid,
    .mnt-footer--newsletter .mnt-footer__grid {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .mnt-footer--magazine .mnt-footer__col--about,
    .mnt-footer--newsletter .mnt-footer__col--about {
        text-align: center;
        padding: 20px;
    }
    .mnt-footer--newsletter .mnt-footer__newsletter-form {
        flex-direction: column;
    }
    .mnt-footer--newsletter .mnt-footer__newsletter-form button {
        padding: 12px;
    }
}


/* ═══ پیام newsletter ═══ */
.mnt-footer__newsletter-msg {
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    animation: mnt-newsletter-msg-in .3s ease;
}

@keyframes mnt-newsletter-msg-in {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

.mnt-footer__newsletter-msg.is-success {
    background: rgba(16, 185, 129, .15);
    color: #10b981;
    border: 1px solid rgba(16, 185, 129, .3);
}

.mnt-footer__newsletter-msg.is-error {
    background: rgba(239, 68, 68, .15);
    color: #ef4444;
    border: 1px solid rgba(239, 68, 68, .3);
}

.mnt-footer--light .mnt-footer__newsletter-msg.is-success {
    background: #d1fae5;
    color: #065f46;
}

.mnt-footer--light .mnt-footer__newsletter-msg.is-error {
    background: #fee2e2;
    color: #991b1b;
}

/* =========================================================
   16) ABOUT PAGE — بازنویسی کامل
   ========================================================= */

/* ═══ HERO ═══ */
.mnt-about-hero {
    background: linear-gradient(135deg, var(--mnt-primary) 0%, var(--mnt-primary-dark) 100%);
    color: #fff;
    padding: 70px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.mnt-about-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 30%, rgba(255,255,255,.12) 0%, transparent 45%),
        radial-gradient(circle at 85% 70%, rgba(255,255,255,.08) 0%, transparent 45%);
    pointer-events: none;
}

.mnt-about-hero h1 {
    font-size: clamp(26px, 4vw, 38px);
    font-weight: 800;
    margin: 0 0 10px;
    position: relative;
    text-shadow: 0 4px 20px rgba(0,0,0,.15);
}

.mnt-about-hero p {
    font-size: 15px;
    opacity: .9;
    margin: 0;
    position: relative;
}

/* ═══ WRAP ═══ */
.mnt-about-wrap {
    max-width: 1100px;
    padding-top: 50px;
    padding-bottom: 60px;
}

/* ═══ محتوا ═══ */
.mnt-about-content {
    background: var(--mnt-surface);
    border-radius: 16px;
    padding: 32px 36px;
    box-shadow: var(--mnt-shadow-sm);
    margin-bottom: 40px;
    line-height: 2;
    color: #334155;
    font-size: 15.5px;
    text-align: justify;
    text-justify: inter-word;
    border: 1px solid var(--mnt-border);
}

.mnt-about-content h2,
.mnt-about-content h3 {
    color: var(--mnt-text);
    margin-top: 24px;
}
.mnt-about-content p { margin: 0 0 16px; }

/* ═══ آمار ═══ */
.mnt-about-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 50px;
}

@media (max-width: 900px) {
    .mnt-about-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 500px) {
    .mnt-about-stats { grid-template-columns: 1fr; }
}

.mnt-stat-card {
    background: var(--mnt-surface);
    padding: 26px 20px;
    border-radius: 16px;
    text-align: center;
    box-shadow: var(--mnt-shadow-sm);
    border: 1px solid var(--mnt-border);
    transition: all .35s cubic-bezier(.4,0,.2,1);
    position: relative;
    overflow: hidden;
}

.mnt-stat-card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mnt-primary), var(--mnt-accent));
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .5s cubic-bezier(.4,0,.2,1);
}

.mnt-stat-card:hover::before {
    transform: scaleX(1);
}

.mnt-stat-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,.1);
    border-color: transparent;
}

.mnt-stat-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    color: var(--mnt-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    transition: all .35s;
}

.mnt-stat-card:hover .mnt-stat-card__icon {
    background: linear-gradient(135deg, var(--mnt-primary), var(--mnt-primary-dark));
    color: #fff;
    transform: scale(1.1) rotate(-5deg);
}

.mnt-stat-card__value {
    font-size: 32px;
    font-weight: 900;
    color: var(--mnt-text);
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -1px;
}

.mnt-stat-card__label {
    font-size: 13px;
    color: var(--mnt-muted);
    font-weight: 600;
}

/* ═══ ماموریت ═══ */
.mnt-about-mission {
    background: linear-gradient(135deg, #f0fdf4 0%, #f8fafc 100%);
    border-radius: 20px;
    padding: 44px 40px;
    margin-bottom: 50px;
    border: 1px solid rgba(11,110,79,.1);
    position: relative;
    overflow: hidden;
}

.mnt-about-mission::before {
    content: "";
    position: absolute;
    top: -50px;
    left: -50px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(11,110,79,.08), transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.mnt-about-mission__content { position: relative; }

.mnt-about-mission__label {
    display: inline-block;
    background: var(--mnt-primary);
    color: #fff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    margin-bottom: 16px;
}

.mnt-about-mission h2 {
    font-size: clamp(20px, 2.5vw, 26px);
    font-weight: 800;
    color: var(--mnt-text);
    margin: 0 0 16px;
    line-height: 1.5;
}

.mnt-about-mission p {
    color: #475569;
    font-size: 15px;
    line-height: 2;
    margin: 0 0 24px;
    text-align: justify;
    text-justify: inter-word;
}

.mnt-about-mission__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

@media (max-width: 700px) {
    .mnt-about-mission { padding: 30px 24px; }
    .mnt-about-mission__list { grid-template-columns: 1fr; }
}

.mnt-about-mission__list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #334155;
    font-weight: 500;
}

.mnt-about-mission__list svg {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    padding: 4px;
    background: var(--mnt-primary);
    color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

/* ═══ ویژگی‌ها ═══ */
.mnt-about-features {
    margin-bottom: 50px;
}

.mnt-about-features__title {
    font-size: 22px;
    font-weight: 800;
    color: var(--mnt-text);
    margin: 0 0 24px;
    text-align: center;
    position: relative;
    padding-bottom: 16px;
}

.mnt-about-features__title::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--mnt-primary), var(--mnt-accent));
    border-radius: 3px;
}

.mnt-about-features__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media (max-width: 900px) {
    .mnt-about-features__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .mnt-about-features__grid { grid-template-columns: 1fr; }
}

.mnt-feature-card {
    background: var(--mnt-surface);
    border-radius: 16px;
    padding: 26px 22px;
    box-shadow: var(--mnt-shadow-sm);
    border: 1px solid var(--mnt-border);
    transition: all .35s cubic-bezier(.4,0,.2,1);
    text-align: right;
}

.mnt-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,.08);
    border-color: transparent;
}

.mnt-feature-card__icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    transition: transform .35s;
}

.mnt-feature-card:hover .mnt-feature-card__icon {
    transform: scale(1.1);
}

.mnt-feature-card h3 {
    font-size: 16px;
    font-weight: 800;
    color: var(--mnt-text);
    margin: 0 0 8px;
}

.mnt-feature-card p {
    font-size: 13.5px;
    line-height: 1.9;
    color: var(--mnt-muted);
    margin: 0;
    text-align: justify;
    text-justify: inter-word;
}

/* ═══ CTA نهایی ═══ */
.mnt-about-cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 20px;
    padding: 50px 30px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.mnt-about-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(11,110,79,.25) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(230,57,70,.15) 0%, transparent 50%);
    pointer-events: none;
}

.mnt-about-cta > * { position: relative; }

.mnt-about-cta__icon {
    font-size: 42px;
    margin-bottom: 14px;
    display: inline-block;
    animation: mnt-bounce 2.5s ease-in-out infinite;
}

@keyframes mnt-bounce {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-8px); }
}

.mnt-about-cta h2 {
    font-size: clamp(20px, 2.5vw, 26px);
    font-weight: 800;
    margin: 0 0 10px;
    color: #fff;
}

.mnt-about-cta p {
    color: #94a3b8;
    margin: 0 0 26px;
    font-size: 15px;
}

.mnt-about-cta__buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.mnt-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--mnt-primary);
    color: #fff;
    padding: 13px 28px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14.5px;
    text-decoration: none;
    transition: all .3s;
    box-shadow: 0 4px 14px rgba(11,110,79,.3);
    border: 0;
    cursor: pointer;
    font-family: inherit;
}

.mnt-btn:hover {
    background: var(--mnt-primary-dark);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(11,110,79,.45);
}

.mnt-btn--ghost {
    background: transparent;
    border: 1.5px solid rgba(255,255,255,.2);
    box-shadow: none;
    color: #fff;
}

.mnt-btn--ghost:hover {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.4);
    box-shadow: none;
}

/* =========================================================
   17) CONTACT PAGE
   ========================================================= */
.mnt-contact-wrap {
    padding-top: 50px;
    padding-bottom: 60px;
}
.mnt-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 30px;
    align-items: start;
}
@media (max-width: 900px) {
    .mnt-contact-grid { grid-template-columns: 1fr; }
}

.mnt-contact-info,
.mnt-contact-form-wrap {
    background: var(--mnt-surface);
    border-radius: 16px;
    padding: 32px;
    box-shadow: var(--mnt-shadow-sm);
    border: 1px solid var(--mnt-border);
}
.mnt-contact-info h2,
.mnt-contact-form-wrap h2 {
    font-size: 20px;
    font-weight: 800;
    margin: 0 0 8px;
    color: var(--mnt-text);
}
.mnt-contact-info > p,
.mnt-contact-form-wrap > p {
    color: var(--mnt-muted);
    font-size: 14px;
    margin: 0 0 24px;
    line-height: 1.8;
}

.mnt-contact-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.mnt-contact-list li {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}
.mnt-contact-list__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    border: 1px solid rgba(11,110,79,.1);
}
.mnt-contact-list__label {
    display: block;
    font-size: 12px;
    color: var(--mnt-muted);
    font-weight: 600;
    margin-bottom: 2px;
}
.mnt-contact-list a,
.mnt-contact-list span:not(.mnt-contact-list__label) {
    color: var(--mnt-text);
    font-size: 14px;
    font-weight: 600;
    transition: color .25s;
}
.mnt-contact-list a:hover { color: var(--mnt-primary); }

.mnt-contact-social h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--mnt-text);
}

.mnt-contact-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.mnt-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
@media (max-width: 600px) {
    .mnt-form-row { grid-template-columns: 1fr; }
}
.mnt-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.mnt-form-group label {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--mnt-text);
}
.mnt-form-group label span { color: var(--mnt-accent); }
.mnt-form-group input,
.mnt-form-group textarea {
    padding: 12px 16px;
    border: 1.5px solid var(--mnt-border);
    border-radius: 10px;
    font-family: inherit;
    font-size: 14.5px;
    background: #fafbfc;
    transition: all .25s;
    width: 100%;
    box-sizing: border-box;
    resize: vertical;
}
.mnt-form-group input:focus,
.mnt-form-group textarea:focus {
    outline: none;
    border-color: var(--mnt-primary);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(11,110,79,.1);
}
.mnt-btn--full {
    width: 100%;
    justify-content: center;
    padding: 16px;
    font-size: 16px;
}

.mnt-alert {
    padding: 14px 18px;
    border-radius: 12px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}
.mnt-alert--success {
    background: #d1fae5;
    color: #065f46;
    border-right: 4px solid #10b981;
}
.mnt-alert--error {
    background: #fee2e2;
    color: #991b1b;
    border-right: 4px solid #ef4444;
}

/* =========================================================
   18) Content Type Badge + SVG Icons + Archive Header
   ========================================================= */
.mnt-icon svg { width: 100%; height: 100%; display: block; }

.mnt-type-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 20px;
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1;
    transition: all .25s;
}
.mnt-type-badge svg { width: 14px; height: 14px; flex-shrink: 0; }
.mnt-type-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.2);
    color: #fff;
}

.mnt-archive-header--type {
    display: flex;
    align-items: center;
    gap: 20px;
    border-right: 5px solid var(--mnt-primary);
    background: linear-gradient(135deg, #fff 0%, #f9fafb 100%);
    padding: 24px 28px;
}
.mnt-archive-header__icon {
    width: 66px;
    height: 66px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.15);
    position: relative;
    overflow: hidden;
}
.mnt-archive-header__icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.3), transparent 60%);
    pointer-events: none;
}
.mnt-archive-header__icon svg {
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1;
}
.mnt-archive-header--type .mnt-archive-title {
    margin: 0 0 4px;
    font-size: 24px;
}

.mnt-single__type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    margin-bottom: 12px;
    transition: all .25s;
}
.mnt-single__type:hover {
    transform: translateY(-2px);
    color: #fff;
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
}
.mnt-single__type svg { width: 14px; height: 14px; }

/* =========================================================
   19) SOCIAL ICONS — عمومی (هدر + فوتر + drawer)
   ========================================================= */

/* کانتینر */
.mnt-footer__social,
.mnt-header__social,
.mnt-drawer__social .mnt-header__social {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

/* لینک آیکون */
.mnt-footer__social a,
.mnt-header__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: rgba(255, 255, 255, .06);
    color: var(--mnt-footer-text, #94a3b8);
    text-decoration: none;
    position: relative;
    overflow: hidden;
    transition: transform .35s cubic-bezier(.4,0,.2,1),
                color .35s,
                box-shadow .35s;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* پس‌زمینه گرادیانت که در hover ظاهر می‌شه */
.mnt-footer__social a::before,
.mnt-header__social a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--social-color, var(--mnt-primary));
    opacity: 0;
    transition: opacity .35s;
    z-index: 0;
}

/* آیکون SVG */
.mnt-footer__social a svg,
.mnt-header__social a svg {
    width: 18px;
    height: 18px;
    position: relative;
    z-index: 1;
    transition: transform .35s;
    fill: currentColor;
    display: block;
    flex-shrink: 0;
}

/* هاور */
.mnt-footer__social a:hover,
.mnt-header__social a:hover {
    color: #fff;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
    border-color: var(--social-color, var(--mnt-primary));
}

.mnt-footer__social a:hover::before,
.mnt-header__social a:hover::before {
    opacity: 1;
}

.mnt-footer__social a:hover svg,
.mnt-header__social a:hover svg {
    transform: scale(1.15);
    color: #fff;
}

/* فوکوس (دسترس‌پذیری) */
.mnt-footer__social a:focus-visible,
.mnt-header__social a:focus-visible {
    outline: 2px solid var(--social-color, var(--mnt-primary));
    outline-offset: 3px;
}

/* ═══════════════════════════════════════════
   HEADER SOCIAL — کوچک‌تر
   ═══════════════════════════════════════════ */
.mnt-header__inner .mnt-header__social {
    margin: 0 8px;
    gap: 6px;
}

.mnt-header__inner .mnt-header__social a {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: var(--mnt-surface-alt, rgba(0,0,0,.04));
    color: var(--mnt-muted, #6b7280);
    border-color: transparent;
}

.mnt-header__inner .mnt-header__social a svg {
    width: 16px;
    height: 16px;
}

/* حالت تیره */
.mnt-header-style-2 .mnt-header__inner .mnt-header__social a,
.mnt-header-style-3 .mnt-header__inner .mnt-header__social a {
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .85);
}

/* ═══════════════════════════════════════════
   HEADER SOCIAL BAR (زیر هدر)
   ═══════════════════════════════════════════ */
.mnt-header__social-bar {
    background: var(--mnt-surface-alt, #f9fafb);
    border-top: 1px solid var(--mnt-border, #e5e7eb);
    padding: 8px 0;
}

.mnt-header__social-bar-inner {
    display: flex;
    justify-content: center;
}

.mnt-header__social-bar-inner .mnt-header__social {
    margin: 0;
    gap: 8px;
}

.mnt-header__social-bar-inner .mnt-header__social a {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #fff;
    color: var(--mnt-text, #1a1a1a);
    border: 1px solid var(--mnt-border, #e5e7eb);
}

.mnt-header__social-bar-inner .mnt-header__social a:hover {
    background: var(--social-color, var(--mnt-primary));
    color: #fff;
    border-color: var(--social-color, var(--mnt-primary));
}

/* ═══════════════════════════════════════════
   DRAWER SOCIAL (موبایل)
   ═══════════════════════════════════════════ */
.mnt-drawer__social {
    padding: 16px;
    border-top: 1px solid var(--mnt-border-soft, #f1f5f9);
    margin-top: 12px;
}

.mnt-drawer__social .mnt-header__social {
    gap: 8px;
}

.mnt-drawer__social .mnt-header__social a {
    width: 40px;
    height: 40px;
    background: var(--mnt-bg, #f6f7f9);
    color: var(--mnt-text, #1a1a1a);
    border-color: transparent;
}

/* ═══════════════════════════════════════════
   FOOTER SOCIAL — بزرگ‌تر
   ═══════════════════════════════════════════ */
.mnt-footer__social {
    gap: 10px;
}

.mnt-footer__social a {
    width: 42px;
    height: 42px;
    border-radius: 12px;
}

.mnt-footer__social a svg {
    width: 18px;
    height: 18px;
}

/* استایل روشن فوتر */
.mnt-footer--light .mnt-footer__social a {
    background: #f1f5f9;
    color: #475569;
    border-color: #e2e8f0;
}

.mnt-footer--light .mnt-footer__social a:hover {
    background: var(--social-color, var(--mnt-primary));
    color: #fff;
    border-color: var(--social-color, var(--mnt-primary));
}

/* ═══════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════ */
@media (max-width: 768px) {
    .mnt-footer__social,
    .mnt-drawer__social .mnt-header__social {
        justify-content: center;
    }

    .mnt-footer__social a {
        width: 38px;
        height: 38px;
    }

    .mnt-footer__social a svg {
        width: 16px;
        height: 16px;
    }
}

/* ═══ نمایش/پنهان در موبایل ═══ */
@media (min-width: 992px) {
    .mnt-hide-mobile { display: inherit !important; }
    .mnt-show-mobile { display: none !important; }
}

@media (max-width: 991px) {
    .mnt-hide-mobile { display: none !important; }
    .mnt-show-mobile { display: inherit !important; }
}

/* در فوتر، ستون مخفی نباید فضای grid بگیره */
@media (max-width: 768px) {
    .mnt-footer__col.mnt-hide-mobile {
        display: none !important;
    }
}

/* =========================================================
   20) Responsive (عمومی)
   ========================================================= */
@media (max-width: 700px) {
    .mnt-main { padding: 16px 0 32px; }
}

/* =========================================================
   21) Accessibility — Reduced Motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .mnt-slider__viewport,
    .mnt-home-carousel__viewport,
    .mnt-mini-slider__viewport { scroll-behavior: auto; }
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }

    /* شبکه‌های اجتماعی — بدون انیمیشن */
    .mnt-footer__social a,
    .mnt-header__social a,
    .mnt-footer__social a::before,
    .mnt-header__social a::before,
    .mnt-footer__social a svg,
    .mnt-header__social a svg {
        transition: none;
    }
}
.mnt-internal-links {
    margin: 32px 0;
    padding: 24px;
    background: linear-gradient(135deg, #f0fdf4, #f9fafb);
    border-radius: 12px;
    border-right: 4px solid var(--mnt-primary);
}

.mnt-internal-links h3 {
    margin: 0 0 14px;
    font-size: 16px;
    color: var(--mnt-primary);
}

.mnt-internal-links ul { list-style: none; padding: 0; margin: 0; }

.mnt-internal-links li {
    padding: 8px 0;
    border-bottom: 1px dashed var(--mnt-border);
}

.mnt-internal-links li:last-child { border-bottom: 0; }

.mnt-internal-links a {
    color: var(--mnt-text);
    font-size: 14.5px;
    font-weight: 600;
    transition: color .2s;
}

.mnt-internal-links a:hover { color: var(--mnt-primary); }
/* ═══════════════════════════════════════════
   SHARE BUTTONS — داخل محتوا
   ═══════════════════════════════════════════ */
.mnt-share {
    margin: 24px 0;
    padding: 18px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 14px;
    border: 1px solid var(--mnt-border);
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.mnt-share__label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--mnt-text);
    flex-shrink: 0;
}

.mnt-share__label svg { color: var(--mnt-primary); }

.mnt-share__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1;
}

/* دکمه‌های کوچک — آیکون + نام */
.mnt-share__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 9px;
    background: #fff;
    color: var(--share-color, var(--mnt-primary));
    border: 1px solid var(--mnt-border);
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
    transition: all .25s cubic-bezier(.4,0,.2,1);
    position: relative;
    overflow: hidden;
}

.mnt-share__btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--share-color, var(--mnt-primary));
    opacity: 0;
    transition: opacity .25s;
    z-index: 0;
}

.mnt-share__btn svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    transition: color .25s;
}

.mnt-share__btn-name {
    position: relative;
    z-index: 1;
    transition: color .25s;
}

.mnt-share__btn:hover {
    color: #fff;
    border-color: var(--share-color, var(--mnt-primary));
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

.mnt-share__btn:hover::before { opacity: 1; }
.mnt-share__btn:hover svg { color: #fff; }

/* دکمه کپی */
.mnt-share__btn--copy {
    --share-color: #6b7280;
}

.mnt-share__btn--copy.copied {
    --share-color: #10b981;
    background: #10b981;
    color: #fff;
    border-color: #10b981;
}

/* موقعیت بالا — کمی فشرده‌تر */
.mnt-share--top {
    padding: 14px 18px;
}

/* موقعیت پایین */
.mnt-share--bottom {
    margin-top: 32px;
}

/* ═══════════════════════════════════════════
   SHARE FLOAT — نوار شناور
   ═══════════════════════════════════════════ */
.mnt-share-float {
    position: fixed;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 500;
}

.mnt-share-float__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fff;
    color: var(--share-color, var(--mnt-primary));
    border: 1px solid var(--mnt-border);
    box-shadow: 0 2px 12px rgba(0,0,0,.08);
    text-decoration: none;
    cursor: pointer;
    transition: all .3s cubic-bezier(.4,0,.2,1);
    position: relative;
    overflow: hidden;
}

.mnt-share-float__btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--share-color);
    opacity: 0;
    transition: opacity .3s;
    z-index: 0;
}

.mnt-share-float__btn svg {
    width: 18px;
    height: 18px;
    position: relative;
    z-index: 1;
    transition: color .3s, transform .3s;
}

.mnt-share-float__btn:hover {
    color: #fff;
    border-color: var(--share-color);
    transform: translateX(-4px);
    box-shadow: 0 6px 20px rgba(0,0,0,.18);
}

.mnt-share-float__btn:hover::before { opacity: 1; }
.mnt-share-float__btn:hover svg { transform: scale(1.15); color: #fff; }

/* ═══════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════ */
@media (max-width: 768px) {
    .mnt-share {
        flex-direction: column;
        align-items: stretch;
        padding: 14px;
        gap: 12px;
    }

    .mnt-share__label {
        justify-content: center;
    }

    .mnt-share__buttons {
        justify-content: center;
        gap: 6px;
    }

    .mnt-share__btn {
        padding: 7px 10px;
        font-size: 11.5px;
    }

    .mnt-share__btn svg {
        width: 14px;
        height: 14px;
    }

    .mnt-share__btn-name {
        display: none;
    }

    .mnt-share__btn {
        width: 40px;
        height: 40px;
        justify-content: center;
        padding: 0;
    }

    /* نوار شناور — پایین صفحه در موبایل */
    .mnt-share-float {
        top: auto;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
        flex-direction: row;
        background: rgba(255,255,255,.95);
        backdrop-filter: blur(12px);
        padding: 8px;
        border-radius: 16px;
        box-shadow: 0 8px 32px rgba(0,0,0,.15);
    }

    .mnt-share-float__btn {
        width: 38px;
        height: 38px;
    }

    .mnt-share-float__btn:hover {
        transform: translateY(-4px);
    }
}

@media (max-width: 500px) {
    .mnt-share__buttons {
        gap: 4px;
    }

    .mnt-share__btn {
        width: 36px;
        height: 36px;
    }
}
/* ═══════════════════════════════════════════
   GALLERY
   ═══════════════════════════════════════════ */
.mnt-gallery-grid {
    display: grid;
    gap: 12px;
    margin: 24px 0;
}

.mnt-gallery-grid--grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.mnt-gallery-grid--masonry { column-count: 3; column-gap: 12px; display: block; }
.mnt-gallery-grid--masonry .mnt-gallery-item { break-inside: avoid; margin-bottom: 12px; }
.mnt-gallery-grid--lightbox { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

@media (max-width: 900px) {
    .mnt-gallery-grid--grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
    .mnt-gallery-grid--masonry { column-count: 2; }
}
@media (max-width: 500px) {
    .mnt-gallery-grid--masonry { column-count: 1; }
}

.mnt-gallery-item {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 12px;
    background: #f1f5f9;
    display: block;
    transition: all .3s;
}

.mnt-gallery-grid--masonry .mnt-gallery-item { aspect-ratio: auto; }

.mnt-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .5s cubic-bezier(.4,0,.2,1);
}

.mnt-gallery-item:hover img { transform: scale(1.08); }

.mnt-gallery-item__zoom {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    opacity: 0;
    transition: opacity .3s;
}

.mnt-gallery-item:hover .mnt-gallery-item__zoom { opacity: 1; }

/* اسلایدر گالری */
.mnt-gallery-slider { position: relative; margin: 24px 0; border-radius: 16px; overflow: hidden; }
.mnt-gallery-slider__viewport { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; }
.mnt-gallery-slider__viewport::-webkit-scrollbar { display: none; }
.mnt-gallery-slider__slide { flex: 0 0 100%; scroll-snap-align: start; }
.mnt-gallery-slider__slide img { width: 100%; height: auto; max-height: 80vh; object-fit: contain; background: #000; }
.mnt-gallery-slider__prev, .mnt-gallery-slider__next {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 48px; height: 48px; border-radius: 50%;
    background: rgba(255,255,255,.9); border: 0; cursor: pointer;
    font-size: 24px; font-weight: bold; z-index: 3;
}
.mnt-gallery-slider__prev { right: 16px; }
.mnt-gallery-slider__next { left: 16px; }
.mnt-gallery-slider__dots {
    position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%);
    display: flex; gap: 6px;
}
.mnt-gallery-slider__dot {
    width: 10px; height: 10px; border-radius: 50%; border: 0;
    background: rgba(255,255,255,.5); cursor: pointer; padding: 0;
}
.mnt-gallery-slider__dot.is-active { background: #fff; width: 24px; border-radius: 5px; }

/* آرشیو گالری */
.mnt-gallery-archive {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}

.mnt-gallery-card {
    background: var(--mnt-surface);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    text-decoration: none;
    color: inherit;
    transition: all .3s;
}

.mnt-gallery-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(0,0,0,.12);
}

.mnt-gallery-card__thumb {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #f1f5f9;
}

.mnt-gallery-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s;
}

.mnt-gallery-card:hover .mnt-gallery-card__thumb img { transform: scale(1.08); }

.mnt-gallery-card__count {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0,0,0,.75);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    backdrop-filter: blur(6px);
}

.mnt-gallery-card__body { padding: 16px 18px 20px; }
.mnt-gallery-card__body h3 {
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: var(--mnt-card-title);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mnt-gallery-card__body p {
    margin: 0;
    font-size: 13px;
    color: var(--mnt-muted);
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Lightbox ساده — بدون کتابخانه */
.mnt-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.95);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
}
.mnt-lightbox.is-open { opacity: 1; visibility: visible; }
.mnt-lightbox img { max-width: 90vw; max-height: 90vh; object-fit: contain; }
.mnt-lightbox__close, .mnt-lightbox__prev, .mnt-lightbox__next {
    position: absolute; background: rgba(255,255,255,.15); border: 0;
    color: #fff; width: 50px; height: 50px; border-radius: 50%;
    font-size: 24px; cursor: pointer; z-index: 2;
}
.mnt-lightbox__close { top: 20px; left: 20px; }
.mnt-lightbox__prev { right: 20px; top: 50%; transform: translateY(-50%); }
.mnt-lightbox__next { left: 20px; top: 50%; transform: translateY(-50%); }

/* ═══════════════════════════════════════════════════════════════════
   MOGHAVEMAT v5.0 — کتاب، نویسنده، رسانه
   این بخش را در انتهای main.css اضافه کن
   ═══════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────
   ۱. ستاره‌های امتیاز
   ───────────────────────────────────────────────────────────────── */
.mnt-book-stars {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-book-stars__star {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    color: #d1d5db;
}

.mnt-book-stars__star.is-full,
.mnt-book-stars__star.is-half {
    color: #f59e0b;
}

.mnt-book-stars__star.is-half svg {
    opacity: 0.75;
}

.mnt-book-stars__star.is-empty svg {
    color: #d1d5db;
}

.mnt-book-stars__value {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--mnt-text, #1a1a1a);
    margin-right: 4px;
}

.mnt-book-stars__count {
    font-size: 0.78rem;
    color: var(--mnt-muted, #6b7280);
}

.mnt-book-stars--sm .mnt-book-stars__value { font-size: 0.75rem; }
.mnt-book-stars--lg .mnt-book-stars__value { font-size: 1rem; }

/* ─────────────────────────────────────────────────────────────────
   ۲. کارت کتاب (grid)
   ───────────────────────────────────────────────────────────────── */
.mnt-book-card {
    display: flex;
    flex-direction: column;
    background: var(--mnt-surface, #fff);
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
    height: 100%;
}

.mnt-book-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.mnt-book-card__cover-wrap {
    position: relative;
    aspect-ratio: 2 / 3;
    overflow: hidden;
    background: var(--mnt-surface-alt, #f6f7f9);
}

.mnt-book-card__cover {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.mnt-book-card__cover-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
    display: block;
}

.mnt-book-card:hover .mnt-book-card__cover-img {
    transform: scale(1.05);
}

.mnt-book-card__cover-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
}

.mnt-book-card__cover-placeholder span {
    font-size: 1rem;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mnt-book-card__flag {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    color: #fff;
    z-index: 2;
}

.mnt-book-card__flag--featured {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
}

.mnt-book-card__flag--trending {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
}

.mnt-book-card__rating-badge {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0, 0, 0, 0.75);
    color: #fbbf24;
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    backdrop-filter: blur(4px);
    z-index: 2;
}

.mnt-book-card__body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.mnt-book-card__title {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}

.mnt-book-card__title a {
    color: var(--mnt-text, #1a1a1a);
    text-decoration: none;
    transition: color 0.15s ease;
}

.mnt-book-card__title a:hover {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-book-card__author {
    font-size: 0.8rem;
    color: var(--mnt-muted, #6b7280);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mnt-book-card__author a {
    color: inherit;
    text-decoration: none;
}

.mnt-book-card__author a:hover {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-book-card__stars {
    margin-top: 2px;
}

.mnt-book-card__footer {
    margin-top: auto;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.mnt-book-card__price {
    font-size: 0.85rem;
    font-weight: 700;
}

.mnt-book-card__price.is-free {
    color: #16a34a;
}

.mnt-book-card__price.is-paid {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-book-card__badge-download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    background: rgba(11, 110, 79, 0.1);
    color: var(--mnt-primary, #0b6e4f);
    border-radius: 6px;
}

/* ─────────────────────────────────────────────────────────────────
   ۳. کارت کتاب کوچک (سایدبار)
   ───────────────────────────────────────────────────────────────── */
.mnt-book-card-mini {
    display: flex;
    gap: 12px;
    padding: 10px;
    border-radius: 8px;
    transition: background 0.15s ease;
    align-items: flex-start;
}

.mnt-book-card-mini:hover {
    background: var(--mnt-surface-alt, #f6f7f9);
}

.mnt-book-card-mini__cover {
    flex: 0 0 60px;
    width: 60px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--mnt-surface-alt, #f6f7f9);
}

.mnt-book-card-mini__cover img,
.mnt-book-card-mini__cover .mnt-book-card__cover-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mnt-book-card-mini__cover .mnt-book-card__cover-placeholder span {
    font-size: 0.7rem;
}

.mnt-book-card-mini__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.mnt-book-card-mini__title {
    font-size: 0.85rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mnt-book-card-mini__title a {
    color: var(--mnt-text, #1a1a1a);
    text-decoration: none;
}

.mnt-book-card-mini__title a:hover {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-book-card-mini__author {
    font-size: 0.72rem;
    color: var(--mnt-muted, #6b7280);
}

.mnt-book-card-mini__meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    margin-top: 2px;
}

.mnt-book-card-mini__rating {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #f59e0b;
    font-weight: 600;
}

.mnt-book-card-mini__price--paid {
    color: var(--mnt-primary, #0b6e4f);
    font-weight: 700;
}

.mnt-book-card-mini__price--free {
    color: #16a34a;
    font-weight: 700;
}

/* ─────────────────────────────────────────────────────────────────
   ۴. دکمه علاقه‌مندی (قلب)
   ───────────────────────────────────────────────────────────────── */
.mnt-fav-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    border: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.mnt-fav-btn:hover {
    transform: scale(1.1);
    color: #ef4444;
}

.mnt-fav-btn.is-active {
    color: #ef4444;
    background: #fff;
}

.mnt-fav-btn.is-active svg path {
    fill: currentColor;
}

.mnt-fav-btn--hero {
    position: static;
    width: auto;
    height: auto;
    padding: 8px 16px;
    border-radius: 8px;
    background: var(--mnt-surface, #fff);
    border: 1px solid var(--mnt-border, #e5e7eb);
    gap: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 12px;
    width: 100%;
    justify-content: center;
}

.mnt-fav-btn--hero:hover {
    transform: none;
    border-color: #ef4444;
    color: #ef4444;
}

.mnt-fav-btn--hero.is-active {
    background: #fef2f2;
    border-color: #ef4444;
    color: #ef4444;
}

/* ─────────────────────────────────────────────────────────────────
   ۵. گریدهای کتاب/رسانه/نویسنده
   ───────────────────────────────────────────────────────────────── */
.mnt-books-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.mnt-books-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.mnt-books-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.mnt-books-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.mnt-books-grid--cols-5 { grid-template-columns: repeat(5, 1fr); }

.mnt-media-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.mnt-media-grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.mnt-media-grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.mnt-media-grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

.mnt-authors-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

@media (max-width: 1024px) {
    .mnt-books-grid--cols-4,
    .mnt-media-grid--cols-4 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .mnt-books-grid,
    .mnt-books-grid--cols-3,
    .mnt-books-grid--cols-4,
    .mnt-books-grid--cols-5,
    .mnt-media-grid,
    .mnt-media-grid--cols-3,
    .mnt-media-grid--cols-4,
    .mnt-authors-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .mnt-books-grid,
    .mnt-books-grid--cols-2,
    .mnt-books-grid--cols-3,
    .mnt-books-grid--cols-4,
    .mnt-books-grid--cols-5,
    .mnt-media-grid,
    .mnt-authors-grid { grid-template-columns: 1fr; }
    .mnt-books-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .mnt-book-card__body { padding: 10px 12px 12px; }
    .mnt-book-card__title { font-size: 0.85rem; }
}

/* ─────────────────────────────────────────────────────────────────
   ۶. سیستم تب عمومی
   ───────────────────────────────────────────────────────────────── */
.mnt-tabs {
    background: var(--mnt-surface, #fff);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
}

.mnt-tabs__nav {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--mnt-border-soft, #f0f0f0);
    padding: 0 8px;
    overflow-x: auto;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.mnt-tabs__btn {
    background: transparent;
    border: 0;
    padding: 16px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--mnt-muted, #6b7280);
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    transition: color 0.2s ease;
    font-family: inherit;
}

.mnt-tabs__btn:hover {
    color: var(--mnt-text, #1a1a1a);
}

.mnt-tabs__btn.is-active {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-tabs__btn.is-active::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 8px;
    left: 8px;
    height: 2px;
    background: var(--mnt-primary, #0b6e4f);
    border-radius: 2px 2px 0 0;
}

.mnt-tabs__content {
    padding: 24px;
}

.mnt-tabs__panel {
    animation: mntFadeIn 0.25s ease;
}

.mnt-tabs__panel[hidden] {
    display: none !important;
}

@keyframes mntFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 640px) {
    .mnt-tabs__btn { padding: 14px 14px; font-size: 0.85rem; }
    .mnt-tabs__content { padding: 16px; }
}

/* ─────────────────────────────────────────────────────────────────
   ۷. صفحه تک کتاب — Hero
   ───────────────────────────────────────────────────────────────── */
.mnt-book-hero {
    padding: 32px 0 48px;
    background: linear-gradient(180deg, var(--mnt-surface-alt, #f6f7f9) 0%, transparent 100%);
}

.mnt-book-hero__inner {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 40px;
    align-items: flex-start;
}

.mnt-book-hero__cover-col {
    position: relative;
}

.mnt-book-hero__cover {
    position: relative;
    aspect-ratio: 2 / 3;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
    background: var(--mnt-surface, #fff);
}

.mnt-book-hero__cover img,
.mnt-book-hero__cover .mnt-book-card__cover-placeholder {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.mnt-book-hero__badge {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 6px 14px;
    border-radius: 14px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    z-index: 2;
}

.mnt-book-hero__badge--featured {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
}

.mnt-book-hero__badge--trending {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
}

.mnt-book-hero__info-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mnt-book-hero__genres {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mnt-book-hero__genre-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: color-mix(in srgb, var(--genre-color, #8b5cf6) 12%, transparent);
    color: var(--genre-color, #8b5cf6);
    border: 1px solid color-mix(in srgb, var(--genre-color, #8b5cf6) 30%, transparent);
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.15s ease;
}

.mnt-book-hero__genre-tag:hover {
    background: var(--genre-color, #8b5cf6);
    color: #fff;
}

.mnt-book-hero__title {
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-book-hero__subtitle {
    font-size: 1.05rem;
    color: var(--mnt-text-soft, #4b4b4b);
    margin: -8px 0 0;
    font-weight: 500;
}

.mnt-book-hero__meta-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    font-size: 0.85rem;
    color: var(--mnt-text-soft, #4b4b4b);
}

.mnt-book-hero__author {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.mnt-book-hero__author a {
    color: var(--mnt-primary, #0b6e4f);
    text-decoration: none;
    font-weight: 600;
}

.mnt-book-hero__author a:hover {
    text-decoration: underline;
}

.mnt-book-hero__translator,
.mnt-book-hero__publisher,
.mnt-book-hero__year {
    padding-right: 16px;
    border-right: 1px solid var(--mnt-border, #e5e7eb);
}

.mnt-book-hero__rating-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 12px 0;
}

.mnt-book-hero__stars {
    display: flex;
    align-items: center;
}

.mnt-book-hero__score {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
    border-radius: 8px;
    font-weight: 700;
}

.mnt-book-hero__score-num {
    font-size: 1.1rem;
}

.mnt-book-hero__score-of {
    font-size: 0.72rem;
    opacity: 0.85;
    font-weight: 500;
}

.mnt-book-hero__reads {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85rem;
    color: var(--mnt-text-soft, #4b4b4b);
}

.mnt-book-hero__excerpt {
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--mnt-text-soft, #4b4b4b);
    margin: 8px 0;
    padding: 16px;
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 8px;
    border-right: 3px solid var(--mnt-primary, #0b6e4f);
}

.mnt-book-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 4px;
}

.mnt-book-hero__quick-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--mnt-border-soft, #f0f0f0);
}

.mnt-book-hero__quick-spec {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mnt-book-hero__quick-spec-label {
    font-size: 0.72rem;
    color: var(--mnt-muted, #6b7280);
    font-weight: 500;
}

.mnt-book-hero__quick-spec-value {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--mnt-text, #1a1a1a);
}

@media (max-width: 768px) {
    .mnt-book-hero__inner {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .mnt-book-hero__cover-col {
        max-width: 220px;
        margin: 0 auto;
    }
    .mnt-book-hero { padding: 24px 0 32px; }
}

/* ─────────────────────────────────────────────────────────────────
   ۸. جدول مشخصات کتاب
   ───────────────────────────────────────────────────────────────── */
.mnt-book-meta-table {
    display: grid;
    gap: 0;
    margin: 0;
    background: var(--mnt-surface, #fff);
    border-radius: 12px;
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
    overflow: hidden;
}

.mnt-book-meta-table__row {
    display: grid;
    grid-template-columns: 140px 1fr;
    gap: 16px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--mnt-border-soft, #f0f0f0);
    align-items: baseline;
}

.mnt-book-meta-table__row:last-child {
    border-bottom: 0;
}

.mnt-book-meta-table__label {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--mnt-muted, #6b7280);
    margin: 0;
}

.mnt-book-meta-table__value {
    margin: 0;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-book-meta-table__value a {
    color: var(--mnt-primary, #0b6e4f);
    text-decoration: none;
}

.mnt-book-meta-table__value a:hover {
    text-decoration: underline;
}

.mnt-book-meta-table__value code {
    background: var(--mnt-surface-alt, #f6f7f9);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.82rem;
    font-family: 'Courier New', monospace;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-book-meta-table__empty {
    padding: 24px;
    text-align: center;
    color: var(--mnt-muted, #6b7280);
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 8px;
}

@media (max-width: 640px) {
    .mnt-book-meta-table__row {
        grid-template-columns: 1fr;
        gap: 4px;
        padding: 12px 16px;
    }
}

/* ─────────────────────────────────────────────────────────────────
   ۹. آکاردئون فصل‌ها
   ───────────────────────────────────────────────────────────────── */
.mnt-chapters {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mnt-chapter {
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
    border-radius: 8px;
    overflow: hidden;
    transition: border-color 0.15s ease;
}

.mnt-chapter:has(.mnt-chapter__head[aria-expanded="true"]) {
    border-color: var(--mnt-primary, #0b6e4f);
}

.mnt-chapter__head {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: var(--mnt-surface, #fff);
    border: 0;
    width: 100%;
    text-align: right;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease;
}

.mnt-chapter__head:hover {
    background: var(--mnt-surface-alt, #f6f7f9);
}

.mnt-chapter__head[aria-expanded="true"] {
    background: var(--mnt-surface-alt, #f6f7f9);
}

.mnt-chapter__num {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
}

.mnt-chapter__title {
    flex: 1;
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--mnt-text, #1a1a1a);
    text-align: right;
}

.mnt-chapter__icon {
    flex-shrink: 0;
    color: var(--mnt-muted, #6b7280);
    transition: transform 0.25s ease;
}

.mnt-chapter__body {
    padding: 0 20px 20px 20px;
    background: var(--mnt-surface, #fff);
    animation: mntSlideDown 0.25s ease;
}

.mnt-chapter__body[hidden] {
    display: none;
}

@keyframes mntSlideDown {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}

.mnt-chapter__section {
    padding: 12px 0;
    border-top: 1px solid var(--mnt-border-soft, #f0f0f0);
}

.mnt-chapter__section--idea {
    border-top-color: rgba(217, 119, 6, 0.2);
    background: rgba(217, 119, 6, 0.04);
    margin: 0 -20px -20px;
    padding: 14px 20px;
}

.mnt-chapter__label {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--mnt-muted, #6b7280);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.mnt-chapter__summary,
.mnt-chapter__idea {
    font-size: 0.9rem;
    line-height: 1.8;
    color: var(--mnt-text-soft, #4b4b4b);
    margin: 0;
}

.mnt-chapters__empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--mnt-muted, #6b7280);
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 8px;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۰. باکس نقد و بررسی
   ───────────────────────────────────────────────────────────────── */
.mnt-review-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mnt-review-box__score {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 12px;
}

.mnt-review-box__score-circle {
    --score: 0;
    --deg: calc(var(--score) * 36deg);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: conic-gradient(
        var(--mnt-primary, #0b6e4f) 0deg,
        var(--mnt-primary, #0b6e4f) var(--deg),
        var(--mnt-border, #e5e7eb) var(--deg),
        var(--mnt-border, #e5e7eb) 360deg
    );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.mnt-review-box__score-circle::before {
    content: '';
    position: absolute;
    inset: 6px;
    background: var(--mnt-surface, #fff);
    border-radius: 50%;
}

.mnt-review-box__score-num {
    position: relative;
    z-index: 1;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--mnt-primary, #0b6e4f);
    line-height: 1;
}

.mnt-review-box__score-of {
    position: relative;
    z-index: 1;
    font-size: 0.7rem;
    color: var(--mnt-muted, #6b7280);
    margin-top: 2px;
}

.mnt-review-box__score-label {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-review-box__summary {
    padding: 16px 20px;
    background: rgba(11, 110, 79, 0.05);
    border-right: 3px solid var(--mnt-primary, #0b6e4f);
    border-radius: 8px;
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--mnt-text-soft, #4b4b4b);
}

.mnt-review-box__summary p {
    margin: 0;
}

.mnt-review-box__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 640px) {
    .mnt-review-box__grid { grid-template-columns: 1fr; }
}

.mnt-review-box__col {
    padding: 20px;
    border-radius: 10px;
}

.mnt-review-box__col--pros {
    background: rgba(22, 163, 74, 0.05);
    border: 1px solid rgba(22, 163, 74, 0.15);
}

.mnt-review-box__col--cons {
    background: rgba(220, 38, 38, 0.05);
    border: 1px solid rgba(220, 38, 38, 0.15);
}

.mnt-review-box__title {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-review-box__title-icon {
    font-size: 1.1rem;
}

.mnt-review-box__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mnt-review-box__list li {
    position: relative;
    padding-right: 20px;
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--mnt-text-soft, #4b4b4b);
}

.mnt-review-box__col--pros .mnt-review-box__list li::before {
    content: '✓';
    position: absolute;
    right: 0;
    color: #16a34a;
    font-weight: 700;
}

.mnt-review-box__col--cons .mnt-review-box__list li::before {
    content: '✕';
    position: absolute;
    right: 0;
    color: #dc2626;
    font-weight: 700;
}

.mnt-review-box__controversial {
    padding: 20px;
    background: rgba(217, 119, 6, 0.05);
    border: 1px solid rgba(217, 119, 6, 0.15);
    border-radius: 10px;
}

.mnt-review-box__controversial .mnt-review-box__list li::before {
    content: '⚠';
    position: absolute;
    right: 0;
    color: #d97706;
    font-weight: 700;
}

.mnt-review-box__empty {
    padding: 40px 20px;
    text-align: center;
    color: var(--mnt-muted, #6b7280);
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 8px;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۱. باکس دانلود
   ───────────────────────────────────────────────────────────────── */
.mnt-download-box {
    padding: 24px;
    background: var(--mnt-surface, #fff);
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mnt-download-box__buy {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--mnt-border-soft, #f0f0f0);
}

.mnt-download-box__price {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
}

.mnt-download-box__price-label {
    font-size: 0.85rem;
    color: var(--mnt-muted, #6b7280);
}

.mnt-download-box__price-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-download-box__price-value small {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--mnt-muted, #6b7280);
}

.mnt-download-box__title {
    font-size: 0.95rem;
    font-weight: 700;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-download-box__size {
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--mnt-muted, #6b7280);
}

.mnt-download-box__format-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.mnt-download-box__format {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    background: var(--mnt-surface-alt, #f6f7f9);
    border: 1px solid var(--mnt-border, #e5e7eb);
    border-radius: 8px;
    text-decoration: none;
    color: var(--mnt-text, #1a1a1a);
    font-weight: 600;
    font-size: 0.88rem;
    transition: all 0.15s ease;
}

.mnt-download-box__format:hover {
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
    border-color: var(--mnt-primary, #0b6e4f);
    transform: translateY(-1px);
}

.mnt-download-box__format-icon {
    font-size: 1.2rem;
}

.mnt-download-box__sample {
    padding-top: 4px;
}

.mnt-download-box__note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
    background: rgba(14, 165, 233, 0.05);
    border-radius: 8px;
    font-size: 0.8rem;
    line-height: 1.6;
    color: var(--mnt-text-soft, #4b4b4b);
    margin: 0;
}

.mnt-download-box__note svg {
    flex-shrink: 0;
    margin-top: 2px;
    color: #0ea5e9;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۲. بخش مشخصات + دانلود (single-book)
   ───────────────────────────────────────────────────────────────── */
.mnt-book-details {
    padding: 40px 0;
}

.mnt-book-details__grid {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 32px;
    align-items: flex-start;
}

@media (max-width: 900px) {
    .mnt-book-details__grid { grid-template-columns: 1fr; }
}

.mnt-section__title {
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0 0 16px;
    color: var(--mnt-text, #1a1a1a);
    display: flex;
    align-items: center;
    gap: 10px;
}

.mnt-section__title::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 22px;
    background: var(--mnt-primary, #0b6e4f);
    border-radius: 2px;
}

.mnt-section__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 12px;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۳. نقد/رسانه مرتبط (single-book)
   ───────────────────────────────────────────────────────────────── */
.mnt-book-related-review,
.mnt-book-related-media,
.mnt-book-related-books {
    padding: 40px 0;
    border-top: 1px solid var(--mnt-border-soft, #f0f0f0);
}

.mnt-related-review-card,
.mnt-related-media-card {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 24px;
    background: var(--mnt-surface, #fff);
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
    border-radius: 12px;
    overflow: hidden;
    align-items: center;
}

.mnt-related-review-card__thumb,
.mnt-related-media-card__thumb {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--mnt-surface-alt, #f6f7f9);
    display: block;
}

.mnt-related-review-card__thumb img,
.mnt-related-media-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.mnt-related-review-card:hover .mnt-related-review-card__thumb img,
.mnt-related-media-card:hover .mnt-related-media-card__thumb img {
    transform: scale(1.05);
}

.mnt-related-review-card__body,
.mnt-related-media-card__body {
    padding: 20px 24px 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mnt-related-review-card__body h3,
.mnt-related-media-card__body h3 {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
}

.mnt-related-review-card__body h3 a,
.mnt-related-media-card__body h3 a {
    color: var(--mnt-text, #1a1a1a);
    text-decoration: none;
}

.mnt-related-review-card__body h3 a:hover,
.mnt-related-media-card__body h3 a:hover {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-related-review-card__body p {
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--mnt-text-soft, #4b4b4b);
    margin: 0;
}

@media (max-width: 640px) {
    .mnt-related-review-card,
    .mnt-related-media-card { grid-template-columns: 1fr; }
    .mnt-related-review-card__body,
    .mnt-related-media-card__body { padding: 16px; }
}

/* ─────────────────────────────────────────────────────────────────
   ۱۴. آرشیوها — هدر
   ───────────────────────────────────────────────────────────────── */
.mnt-archive {
    padding: 32px 0 60px;
}

.mnt-archive__header {
    background: linear-gradient(180deg, var(--mnt-surface-alt, #f6f7f9) 0%, transparent 100%);
    padding: 24px 0 32px;
    position: relative;
    margin-bottom: 32px;
}

.mnt-archive__header--genre {
    background: linear-gradient(135deg,
        color-mix(in srgb, var(--genre-color, #8b5cf6) 8%, transparent) 0%,
        transparent 100%);
    overflow: hidden;
}

.mnt-archive__header-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.06;
    z-index: 0;
}

.mnt-archive__header > .mnt-container {
    position: relative;
    z-index: 1;
}

.mnt-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: var(--mnt-muted, #6b7280);
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.mnt-breadcrumb a {
    color: var(--mnt-text-soft, #4b4b4b);
    text-decoration: none;
    transition: color 0.15s ease;
}

.mnt-breadcrumb a:hover {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-breadcrumb__sep {
    color: var(--mnt-muted, #6b7280);
}

.mnt-breadcrumb__current {
    color: var(--mnt-text, #1a1a1a);
    font-weight: 600;
}

.mnt-archive__title-row {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.mnt-archive__title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800;
    margin: 0;
    color: var(--mnt-text, #1a1a1a);
    display: flex;
    align-items: center;
    gap: 10px;
}

.mnt-archive__genre-icon {
    font-size: 1.6rem;
}

.mnt-archive__count {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--mnt-muted, #6b7280);
    padding: 4px 12px;
    background: var(--mnt-surface, #fff);
    border-radius: 16px;
    border: 1px solid var(--mnt-border, #e5e7eb);
}

.mnt-archive__description {
    font-size: 0.92rem;
    line-height: 1.7;
    color: var(--mnt-text-soft, #4b4b4b);
    max-width: 720px;
    margin: 0 0 16px;
}

.mnt-archive__search-info {
    font-size: 0.9rem;
    color: var(--mnt-text-soft, #4b4b4b);
    margin: 8px 0 16px;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۵. آرشیو — فیلترها
   ───────────────────────────────────────────────────────────────── */
.mnt-archive__filters {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 16px 0;
}

.mnt-archive__filters--sub {
    padding-top: 12px;
    border-top: 1px dashed var(--mnt-border, #e5e7eb);
}

.mnt-archive__filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: var(--mnt-surface, #fff);
    border: 1px solid var(--mnt-border, #e5e7eb);
    border-radius: 20px;
    color: var(--mnt-text-soft, #4b4b4b);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 600;
    transition: all 0.15s ease;
}

.mnt-archive__filter-btn:hover {
    border-color: var(--genre-color, var(--mnt-primary, #0b6e4f));
    color: var(--genre-color, var(--mnt-primary, #0b6e4f));
}

.mnt-archive__filter-btn.is-active {
    background: var(--genre-color, var(--mnt-primary, #0b6e4f));
    border-color: var(--genre-color, var(--mnt-primary, #0b6e4f));
    color: #fff;
}

.mnt-archive__filter-icon {
    font-size: 0.9rem;
}

.mnt-archive__filter-count {
    padding: 1px 6px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 700;
}

.mnt-archive__filter-btn.is-active .mnt-archive__filter-count {
    background: rgba(255, 255, 255, 0.2);
}

/* ─────────────────────────────────────────────────────────────────
   ۱۶. آرشیو — نوار مرتب‌سازی
   ───────────────────────────────────────────────────────────────── */
.mnt-archive__toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 0;
    margin-top: 16px;
    border-top: 1px solid var(--mnt-border-soft, #f0f0f0);
}

.mnt-archive__sort {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mnt-archive__sort-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--mnt-muted, #6b7280);
}

.mnt-archive__sort-options {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.mnt-archive__sort-btn {
    padding: 6px 14px;
    background: transparent;
    border-radius: 8px;
    color: var(--mnt-text-soft, #4b4b4b);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

.mnt-archive__sort-btn:hover {
    background: var(--mnt-surface-alt, #f6f7f9);
    color: var(--mnt-text, #1a1a1a);
}

.mnt-archive__sort-btn.is-active {
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
    font-weight: 700;
}

.mnt-archive__clear-filter {
    padding: 6px 14px;
    background: rgba(220, 38, 38, 0.05);
    color: #dc2626;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 8px;
    transition: all 0.15s ease;
}

.mnt-archive__clear-filter:hover {
    background: #dc2626;
    color: #fff;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۷. Empty state
   ───────────────────────────────────────────────────────────────── */
.mnt-empty-state {
    text-align: center;
    padding: 60px 20px;
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 12px;
    margin: 32px 0;
}

.mnt-empty-state__icon {
    font-size: 4rem;
    margin-bottom: 16px;
    line-height: 1;
}

.mnt-empty-state__title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 8px;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-empty-state__text {
    font-size: 0.9rem;
    color: var(--mnt-text-soft, #4b4b4b);
    max-width: 480px;
    margin: 0 auto 20px;
    line-height: 1.7;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۸. صفحه‌بندی
   ───────────────────────────────────────────────────────────────── */
.mnt-pagination {
    margin-top: 40px;
    display: flex;
    justify-content: center;
}

.mnt-pagination .nav-links,
.mnt-pagination .page-numbers {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.mnt-pagination .page-numbers {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mnt-surface, #fff);
    border: 1px solid var(--mnt-border, #e5e7eb);
    border-radius: 8px;
    color: var(--mnt-text-soft, #4b4b4b);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.15s ease;
}

.mnt-pagination .page-numbers:hover {
    border-color: var(--mnt-primary, #0b6e4f);
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-pagination .page-numbers.current {
    background: var(--mnt-primary, #0b6e4f);
    border-color: var(--mnt-primary, #0b6e4f);
    color: #fff;
}

.mnt-pagination .page-numbers.dots {
    border: 0;
    background: transparent;
}

/* ─────────────────────────────────────────────────────────────────
   ۱۹. کارت نویسنده
   ───────────────────────────────────────────────────────────────── */
.mnt-author-card {
    display: flex;
    flex-direction: column;
    background: var(--mnt-surface, #fff);
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.25s ease;
    text-align: center;
}

.mnt-author-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.mnt-author-card__avatar {
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: var(--mnt-surface-alt, #f6f7f9);
    margin: 20px auto 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 3px solid var(--mnt-primary, #0b6e4f);
    padding: 3px;
}

.mnt-author-card__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.mnt-author-card__avatar-placeholder {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--mnt-primary, #0b6e4f) 0%, #1a1a1a 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.4rem;
    font-weight: 800;
}

.mnt-author-card__body {
    padding: 16px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.mnt-author-card__title {
    font-size: 1rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.mnt-author-card__title a {
    color: var(--mnt-text, #1a1a1a);
    text-decoration: none;
}

.mnt-author-card__title a:hover {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-author-card__full-name {
    font-size: 0.78rem;
    color: var(--mnt-muted, #6b7280);
    font-style: italic;
}

.mnt-author-card__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px 10px;
    font-size: 0.78rem;
    color: var(--mnt-text-soft, #4b4b4b);
    margin-top: 4px;
}

.mnt-author-card__country {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.mnt-author-card__specialty {
    color: var(--mnt-muted, #6b7280);
}

.mnt-author-card__years {
    font-size: 0.72rem;
    color: var(--mnt-muted, #6b7280);
}

.mnt-author-card__books {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--mnt-border, #e5e7eb);
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--mnt-primary, #0b6e4f);
}

/* ─────────────────────────────────────────────────────────────────
   ۲۰. صفحه نویسنده — Hero
   ───────────────────────────────────────────────────────────────── */
.mnt-author-hero {
    padding: 32px 0;
    background: linear-gradient(180deg, var(--mnt-surface-alt, #f6f7f9) 0%, transparent 100%);
}

.mnt-author-hero__inner {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 32px;
    align-items: flex-start;
}

.mnt-author-hero__avatar {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid var(--mnt-surface, #fff);
    box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.15);
    background: var(--mnt-surface-alt, #f6f7f9);
    position: relative;
}

.mnt-author-hero__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mnt-author-hero__avatar-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, var(--mnt-primary, #0b6e4f) 0%, #1a1a1a 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    font-weight: 800;
}

.mnt-author-hero__info-col {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mnt-author-hero__title {
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 800;
    margin: 0;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-author-hero__full-name {
    font-size: 1rem;
    color: var(--mnt-muted, #6b7280);
    font-style: italic;
    margin: -8px 0 0;
}

.mnt-author-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    font-size: 0.85rem;
    color: var(--mnt-text-soft, #4b4b4b);
}

.mnt-author-hero__country {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
}

.mnt-author-hero__specialty {
    padding-right: 16px;
    border-right: 1px solid var(--mnt-border, #e5e7eb);
}

.mnt-author-hero__years {
    color: var(--mnt-muted, #6b7280);
}

.mnt-author-hero__books-count {
    padding: 4px 12px;
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
    border-radius: 16px;
    font-size: 0.78rem;
    font-weight: 700;
}

.mnt-author-hero__quote {
    margin: 8px 0;
    padding: 16px 20px;
    background: var(--mnt-surface-alt, #f6f7f9);
    border-right: 3px solid var(--mnt-primary, #0b6e4f);
    border-radius: 8px;
    font-style: italic;
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-author-hero__links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 640px) {
    .mnt-author-hero__inner { grid-template-columns: 1fr; }
    .mnt-author-hero__avatar { width: 140px; height: 140px; margin: 0 auto; }
    .mnt-author-hero__info-col { text-align: center; }
    .mnt-author-hero__meta { justify-content: center; }
    .mnt-author-hero__links { justify-content: center; }
}

/* ─────────────────────────────────────────────────────────────────
   ۲۱. لیست‌های نویسنده (آثار/جوایز)
   ───────────────────────────────────────────────────────────────── */
.mnt-author-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mnt-author-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 8px;
    font-size: 0.92rem;
    line-height: 1.6;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-author-list--awards li {
    background: rgba(217, 119, 6, 0.06);
}

.mnt-author-list__icon {
    flex-shrink: 0;
    font-size: 1.1rem;
}

/* ─────────────────────────────────────────────────────────────────
   ۲۲. کارت رسانه
   ───────────────────────────────────────────────────────────────── */
.mnt-media-card {
    display: flex;
    flex-direction: column;
    background: var(--mnt-surface, #fff);
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--mnt-border-soft, #f0f0f0);
    transition: all 0.25s ease;
    height: 100%;
}

.mnt-media-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}

.mnt-media-card__thumb {
    display: block;
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--mnt-surface-alt, #f6f7f9);
}

.mnt-media-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.mnt-media-card:hover .mnt-media-card__thumb img {
    transform: scale(1.05);
}

.mnt-media-card__thumb-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    background: linear-gradient(135deg, var(--mnt-surface-alt, #f6f7f9) 0%, var(--mnt-border, #e5e7eb) 100%);
}

.mnt-media-card__play-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.mnt-media-card:hover .mnt-media-card__play-icon {
    opacity: 1;
}

.mnt-media-card__play-icon svg {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.95);
    color: var(--mnt-primary, #0b6e4f);
    padding: 12px;
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.mnt-media-card__duration {
    position: absolute;
    bottom: 8px;
    left: 8px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    backdrop-filter: blur(4px);
}

.mnt-media-card__body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.mnt-media-card__episode {
    display: inline-block;
    padding: 2px 10px;
    background: rgba(236, 72, 153, 0.1);
    color: #ec4899;
    border-radius: 10px;
    font-size: 0.7rem;
    font-weight: 700;
    width: fit-content;
}

.mnt-media-card__title {
    font-size: 0.92rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
}

.mnt-media-card__title a {
    color: var(--mnt-text, #1a1a1a);
    text-decoration: none;
}

.mnt-media-card__title a:hover {
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-media-card__meta {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--mnt-muted, #6b7280);
    margin-top: auto;
    padding-top: 8px;
}

/* ─────────────────────────────────────────────────────────────────
   ۲۳. صفحه تک رسانه — Hero
   ───────────────────────────────────────────────────────────────── */
.mnt-media-hero {
    padding: 24px 0;
    background: linear-gradient(180deg, var(--mnt-surface-alt, #f6f7f9) 0%, transparent 100%);
}

.mnt-media-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.mnt-media-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 16px;
    font-size: 0.75rem;
    font-weight: 700;
}

.mnt-media-badge--audio {
    background: rgba(236, 72, 153, 0.1);
    color: #ec4899;
}

.mnt-media-badge--video {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

.mnt-media-badge--episode {
    background: rgba(11, 110, 79, 0.1);
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-media-badge--season {
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.mnt-media-badge--duration {
    background: var(--mnt-surface-alt, #f6f7f9);
    color: var(--mnt-text-soft, #4b4b4b);
    border: 1px solid var(--mnt-border, #e5e7eb);
}

.mnt-media-hero__title {
    font-size: clamp(1.5rem, 3vw, 2.2rem);
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 12px;
    color: var(--mnt-text, #1a1a1a);
}

.mnt-media-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    font-size: 0.85rem;
    color: var(--mnt-text-soft, #4b4b4b);
    margin-bottom: 16px;
}

.mnt-media-hero__guest,
.mnt-media-hero__views,
.mnt-media-hero__date {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.mnt-media-hero__excerpt {
    font-size: 0.95rem;
    line-height: 1.8;
    color: var(--mnt-text-soft, #4b4b4b);
    padding: 14px 18px;
    background: var(--mnt-surface, #fff);
    border-right: 3px solid var(--mnt-primary, #0b6e4f);
    border-radius: 8px;
}

.mnt-media-player-section,
.mnt-media-content-section,
.mnt-media-related-book,
.mnt-media-related,
.mnt-media-comments-section {
    padding: 32px 0;
    border-top: 1px solid var(--mnt-border-soft, #f0f0f0);
}

/* ─────────────────────────────────────────────────────────────────
   ۲۴. پلیر صوتی
   ───────────────────────────────────────────────────────────────── */
.mnt-player {
    background: linear-gradient(135deg, var(--mnt-primary, #0b6e4f) 0%, var(--mnt-primary-dark, #07503a) 100%);
    border-radius: 16px;
    padding: 20px 24px;
    color: #fff;
    box-shadow: 0 12px 32px -8px rgba(11, 110, 79, 0.3);
}

.mnt-player__inner {
    display: flex;
    align-items: center;
    gap: 16px;
}

.mnt-player__btn-play {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    color: var(--mnt-primary, #0b6e4f);
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.mnt-player__btn-play:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}

.mnt-player__btn-play:active {
    transform: scale(0.98);
}

.mnt-player__main {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.mnt-player__progress-wrap {
    position: relative;
    height: 6px;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 3px;
    overflow: visible;
}

.mnt-player__progress {
    position: absolute;
    inset: 0;
    border-radius: 3px;
    overflow: hidden;
    pointer-events: none;
}

.mnt-player__progress-bar {
    width: 0%;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transition: width 0.1s linear;
}

.mnt-player__seek {
    position: absolute;
    inset: -8px 0;
    width: 100%;
    height: calc(100% + 16px);
    opacity: 0;
    cursor: pointer;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    z-index: 2;
}

.mnt-player__seek::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.mnt-player__seek::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
}

.mnt-player__time {
    display: flex;
    gap: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    opacity: 0.95;
}

.mnt-player__time-sep {
    opacity: 0.5;
}

.mnt-player__controls {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mnt-player__btn-mute {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.mnt-player__btn-mute:hover {
    background: rgba(255, 255, 255, 0.25);
}

.mnt-player__volume {
    width: 80px;
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
    cursor: pointer;
}

.mnt-player__volume::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.mnt-player__volume::-moz-range-thumb {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    border: 0;
    cursor: pointer;
}

.mnt-player__missing,
.mnt-video-missing {
    padding: 24px;
    background: var(--mnt-surface-alt, #f6f7f9);
    border-radius: 12px;
    text-align: center;
    color: var(--mnt-muted, #6b7280);
}

@media (max-width: 640px) {
    .mnt-player { padding: 16px; border-radius: 12px; }
    .mnt-player__inner { gap: 12px; flex-wrap: wrap; }
    .mnt-player__btn-play { width: 48px; height: 48px; }
    .mnt-player__controls { width: 100%; justify-content: space-between; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.15); }
    .mnt-player__volume { flex: 1; }
}

/* ─────────────────────────────────────────────────────────────────
   ۲۵. ویدئو
   ───────────────────────────────────────────────────────────────── */
.mnt-video-wrap {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.15);
    background: #000;
}

.mnt-video {
    width: 100%;
    height: auto;
    display: block;
    max-height: 70vh;
}

.mnt-video-embed {
    position: relative;
    aspect-ratio: 16 / 9;
    width: 100%;
}

.mnt-video-embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ─────────────────────────────────────────────────────────────────
   ۲۶. Dark mode — ۲۴ متغیر کلیدی
   ───────────────────────────────────────────────────────────────── */
[data-mnt-theme="dark"] {
    --mnt-bg: #0f1115;
    --mnt-surface: #1a1d22;
    --mnt-surface-alt: #23262c;
    --mnt-text: #e8eaed;
    --mnt-text-soft: #b0b4ba;
    --mnt-muted: #7a7f88;
    --mnt-border: #2f3338;
    --mnt-border-soft: #23262c;
    --mnt-card-bg: #1a1d22;
    --mnt-header-bg: #0f1115;
    --mnt-footer-bg: #080a0d;
    --mnt-input-bg: #1a1d22;
    --mnt-input-border: #2f3338;
    --mnt-primary: #14b8a6;
    --mnt-primary-dark: #0d9488;
    --mnt-accent: #f59e0b;
    color-scheme: dark;
}

[data-mnt-theme="dark"] body {
    background: var(--mnt-bg);
    color: var(--mnt-text);
}

[data-mnt-theme="dark"] img {
    opacity: 0.92;
}

/* دکمه دارک مود در هدر (اختیاری) */
.mnt-theme-toggle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--mnt-surface-alt, #f6f7f9);
    border: 1px solid var(--mnt-border, #e5e7eb);
    color: var(--mnt-text, #1a1a1a);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.mnt-theme-toggle:hover {
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
    border-color: var(--mnt-primary, #0b6e4f);
}

[data-mnt-theme="dark"] .mnt-theme-toggle {
    background: var(--mnt-surface-alt);
    border-color: var(--mnt-border);
    color: var(--mnt-text);
}

/* ─────────────────────────────────────────────────────────────────
   ۲۷. دکمه‌های عمومی (اگر قبلاً نبود)
   ───────────────────────────────────────────────────────────────── */
.mnt-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
    line-height: 1.4;
}

.mnt-btn--primary {
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
}

.mnt-btn--primary:hover {
    background: var(--mnt-primary-dark, #07503a);
    transform: translateY(-1px);
    box-shadow: 0 6px 16px -4px rgba(11, 110, 79, 0.3);
}

.mnt-btn--ghost {
    background: transparent;
    border-color: var(--mnt-border, #e5e7eb);
    color: var(--mnt-text, #1a1a1a);
}

.mnt-btn--ghost:hover {
    border-color: var(--mnt-primary, #0b6e4f);
    color: var(--mnt-primary, #0b6e4f);
}

.mnt-btn--lg {
    padding: 13px 26px;
    font-size: 0.95rem;
    border-radius: 10px;
}

.mnt-btn--sm {
    padding: 6px 14px;
    font-size: 0.78rem;
}

.mnt-btn--full {
    width: 100%;
}

.mnt-btn--icon {
    padding: 10px;
    width: 42px;
    height: 42px;
}

/* ─────────────────────────────────────────────────────────────────
   پایان بخش جدید
   ───────────────────────────────────────────────────────────────── */
   
/* ═══════════════════════════════════════════════════════════════════
   MOGHAVEMAT v5.0 — Toast + Lightbox + Back-to-top
   این بخش را در انتهای main.css اضافه کن (بعد از بخش قبلی)
   ═══════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────
   Toast
   ───────────────────────────────────────────────────────────────── */
.mnt-toast {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: rgba(17, 24, 39, 0.95);
    color: #fff;
    padding: 12px 24px;
    border-radius: 10px;
    font-size: 0.88rem;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 99999;
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    max-width: calc(100vw - 40px);
    text-align: center;
}

.mnt-toast.is-visible {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ─────────────────────────────────────────────────────────────────
   Lightbox
   ───────────────────────────────────────────────────────────────── */
.mnt-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 20px;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.mnt-lightbox.is-open {
    display: flex;
    opacity: 1;
}

.mnt-lightbox__img {
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}

.mnt-lightbox__close,
.mnt-lightbox__prev,
.mnt-lightbox__next {
    position: absolute;
    background: rgba(255, 255, 255, 0.15);
    border: 0;
    color: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
    padding: 0;
    font-family: inherit;
}

.mnt-lightbox__close { top: 20px; right: 20px; }
.mnt-lightbox__prev  { top: 50%; right: 20px; transform: translateY(-50%); }
.mnt-lightbox__next  { top: 50%; left: 20px; transform: translateY(-50%); }

.mnt-lightbox__close:hover,
.mnt-lightbox__prev:hover,
.mnt-lightbox__next:hover {
    background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 640px) {
    .mnt-lightbox__close { top: 10px; right: 10px; width: 40px; height: 40px; font-size: 1.6rem; }
    .mnt-lightbox__prev  { right: 10px; width: 40px; height: 40px; font-size: 1.6rem; }
    .mnt-lightbox__next  { left: 10px; width: 40px; height: 40px; font-size: 1.6rem; }
}

/* ─────────────────────────────────────────────────────────────────
   Fav loading state
   ───────────────────────────────────────────────────────────────── */
.mnt-fav-btn.is-loading {
    opacity: 0.6;
    pointer-events: none;
    cursor: wait;
}

/* ─────────────────────────────────────────────────────────────────
   Back to top
   ───────────────────────────────────────────────────────────────── */
#mnt-back-to-top {
    position: fixed;
    bottom: 24px;
    left: 24px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
    z-index: 999;
    box-shadow: 0 6px 20px -4px rgba(11, 110, 79, 0.4);
}

#mnt-back-to-top:hover {
    background: var(--mnt-primary-dark, #07503a);
    transform: translateY(-2px);
}

#mnt-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@media (max-width: 640px) {
    #mnt-back-to-top {
        bottom: 16px;
        left: 16px;
        width: 42px;
        height: 42px;
    }
}

/* ─────────────────────────────────────────────────────────────────
   دکمه دارک مود — اگر در هدر اضافه شد
   ───────────────────────────────────────────────────────────────── */
[data-theme-toggle] {
    position: relative;
    overflow: hidden;
}

.mnt-theme-toggle__sun,
.mnt-theme-toggle__moon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease, transform 0.3s ease;
}

.mnt-theme-toggle__sun {
    opacity: 0;
}

.mnt-theme-toggle__moon {
    opacity: 1;
}

[data-mnt-theme="dark"] .mnt-theme-toggle__sun {
    opacity: 1;
}

[data-mnt-theme="dark"] .mnt-theme-toggle__moon {
    opacity: 0;
}

/* ─────────────────────────────────────────────────────────────────
   پایان بخش
   ───────────────────────────────────────────────────────────────── */
   /* ─────────────────────────────────────────────────────────────────
   نوار آمار
   ───────────────────────────────────────────────────────────────── */
.mnt-stats {
    padding: 40px 0;
    background: var(--mnt-primary, #0b6e4f);
    color: #fff;
}

.mnt-stats__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    align-items: center;
}

.mnt-stats__item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    transition: all 0.2s ease;
}

.mnt-stats__item:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.mnt-stats__icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mnt-stats__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mnt-stats__num {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.1;
}

.mnt-stats__label {
    font-size: 0.82rem;
    opacity: 0.9;
}

@media (max-width: 900px) {
    .mnt-stats__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .mnt-stats__grid { grid-template-columns: 1fr; gap: 12px; }
    .mnt-stats__item { padding: 12px 14px; gap: 12px; }
    .mnt-stats__num { font-size: 1.2rem; }
    .mnt-stats__icon { width: 44px; height: 44px; }
    .mnt-stats__icon svg { width: 22px; height: 22px; }
}
/* ─────────────────────────────────────────────────────────────────
   کارت ژانر (گرید)
   ───────────────────────────────────────────────────────────────── */
.mnt-genres-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
    margin: 24px 0;
}

.mnt-genre-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
    background: color-mix(in srgb, var(--genre-color, #8b5cf6) 8%, var(--mnt-surface, #fff));
    border: 1px solid color-mix(in srgb, var(--genre-color, #8b5cf6) 20%, transparent);
    border-radius: 12px;
    text-decoration: none;
    color: var(--mnt-text, #1a1a1a);
    gap: 6px;
    transition: all 0.2s ease;
    text-align: center;
}

.mnt-genre-card:hover {
    background: var(--genre-color, #8b5cf6);
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 24px -6px color-mix(in srgb, var(--genre-color, #8b5cf6) 40%, transparent);
}

.mnt-genre-card__icon {
    font-size: 2rem;
    line-height: 1;
}

.mnt-genre-card__name {
    font-size: 0.9rem;
    font-weight: 700;
}

.mnt-genre-card__count {
    font-size: 0.72rem;
    opacity: 0.75;
}

@media (max-width: 640px) {
    .mnt-genres-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .mnt-genre-card { padding: 16px 10px; }
    .mnt-genre-card__icon { font-size: 1.5rem; }
    .mnt-genre-card__name { font-size: 0.8rem; }
}
/* ─────────────────────────────────────────────────────────────────
   پریست‌های رنگ (در پنل ادمین — همچنین می‌تواند در فرانت استفاده شود)
   ───────────────────────────────────────────────────────────────── */
.mnt-color-presets__desc {
    font-size: 0.85rem;
    color: #666;
    margin: 0 0 12px;
    line-height: 1.6;
}

.mnt-color-presets__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.mnt-color-preset {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    background: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
}

.mnt-color-preset:hover {
    border-color: #9ca3af;
    transform: translateY(-1px);
}

.mnt-color-preset.is-active {
    border-color: #0b6e4f;
    box-shadow: 0 0 0 3px rgba(11, 110, 79, 0.15);
}

.mnt-color-preset__swatches {
    display: flex;
    height: 28px;
    border-radius: 4px;
    overflow: hidden;
}

.mnt-color-preset__swatches > span {
    flex: 1;
}

.mnt-color-preset__label {
    font-size: 0.75rem;
    font-weight: 600;
    color: #1a1a1a;
    text-align: center;
}