/* ==========================================================================
   MUHAMMAD MATEEN — MM BRAND HUB GLOBAL HEADER, FOOTER & SMART SUPPORT
   Theme Tokens: Obsidian #0A0A0A | Charcoal #141414 | Gold #C29622 | Slate #94A3B8
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --mm-gold: #C29622;
    --mm-gold-hover: #A8811B;
    --mm-gold-active: #8E6C14;
    --mm-gold-soft: rgba(194, 150, 34, 0.15);
    --mm-dark-bg: #0A0A0A;
    --mm-dark-sub: #0E0E0E;
    --mm-surface: #141414;
    --mm-surface-card: #1A1A1A;
    --mm-border: #222222;
    --mm-border-light: #2E2E2E;
    --mm-text: #FFFFFF;
    --mm-text-soft: #E2E8F0;
    --mm-text-muted: #94A3B8;
    --mm-text-dark-muted: #64748B;
    --mm-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   0. ABSOLUTE ZERO-PINK NUCLEAR RESET
   ========================================================================== */
*, *::before, *::after {
    -webkit-tap-highlight-color: transparent !important;
    box-sizing: border-box;
}

:focus, :focus-visible {
    outline-color: var(--mm-gold) !important;
}

/* Remove default theme pink/borders on all buttons across header, footer & overlays */
.mm-site-header button,
.mm-site-footer button,
.mm-mobile-drawer button,
.mm-support-dialog button,
button.mm-disclosure-btn,
button.mm-mobile-toggle,
button.mm-drawer-close,
button.mm-support-close,
button.mm-choice-btn,
button.mm-lang-toggle,
button.mm-back-to-top,
button.mm-support-launcher,
button.mm-btn-cta,
button.mm-btn-subscribe,
button.mm-drawer-expand-btn {
    outline: none !important;
    box-shadow: none;
    -webkit-appearance: none;
}

.mm-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.mm-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

/* ==========================================================================
   1. TOP UTILITY BAR
   ========================================================================== */
.mm-utility-strip {
    background: #0B0B0B;
    border-bottom: 1px solid #1A1A1A;
    font-size: 13px;
    color: var(--mm-text-muted);
    font-family: var(--mm-font);
    padding: 7px 0;
}

.mm-utility-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mm-util-contact {
    display: flex;
    align-items: center;
    gap: 22px;
}

.mm-util-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--mm-text-muted);
    text-decoration: none;
    transition: color 0.2s;
    font-weight: 500;
}

.mm-util-item:hover,
.mm-util-item:focus-visible {
    color: var(--mm-gold);
    outline: none;
}

.mm-util-item svg {
    color: var(--mm-gold);
    flex-shrink: 0;
}

.mm-util-socials {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mm-util-social-link {
    color: var(--mm-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s, transform 0.2s;
    text-decoration: none;
}

.mm-util-social-link:hover,
.mm-util-social-link:focus-visible {
    color: var(--mm-gold);
    transform: translateY(-1px);
    outline: none;
}

/* ==========================================================================
   2. DESKTOP MAIN HEADER
   ========================================================================== */
.mm-site-header {
    background: rgba(10, 10, 10, 0.98);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--mm-border);
    position: relative;
    z-index: 1000;
    font-family: var(--mm-font);
    width: 100%;
}

.mm-site-header.mm-header-sticky {
    position: sticky;
    top: 0;
}

.mm-header-main {
    padding: 14px 0;
}

.mm-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

/* Logo Presentation: Crisp Crest + White Wordmark */
.mm-header-logo-wrap {
    flex-shrink: 0;
}

.mm-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.mm-brand-crest {
    height: 38px;
    width: 38px;
    object-fit: contain;
    border-radius: 4px;
    display: block;
    flex-shrink: 0;
}

.mm-brand-wordmark {
    color: #FFFFFF !important;
    font-family: var(--mm-font) !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

/* Navigation Links */
.mm-desktop-nav {
    display: flex;
    align-items: center;
}

.mm-nav-list {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.mm-nav-item {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.mm-nav-link {
    color: var(--mm-text-soft);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 4px;
    transition: color 0.2s;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background: transparent;
    border: none;
}

.mm-nav-link:hover,
.mm-nav-link:focus-visible,
.mm-nav-link.mm-active {
    color: var(--mm-gold) !important;
    outline: none;
}

/* Dropdown Disclosures - ZERO BORDER, ZERO PINK */
.mm-disclosure-btn {
    background: transparent !important;
    border: none !important;
    color: var(--mm-text-muted) !important;
    padding: 4px !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 2px;
    transition: color 0.2s, transform 0.2s;
    line-height: 1;
}

.mm-disclosure-btn:hover,
.mm-disclosure-btn:focus-visible {
    color: var(--mm-gold) !important;
    outline: none;
}

.mm-disclosure-btn[aria-expanded="true"] {
    transform: rotate(180deg);
    color: var(--mm-gold) !important;
}

/* Mega Menu */
.mm-mega-menu {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    transform: translateX(-50%) translateY(8px);
    width: min(94vw, 1140px);
    background: #0E0E0E;
    border: 1px solid var(--mm-border-light);
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9);
    padding: 32px 36px 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 1050;
}

/* Invisible hover bridge to eliminate the 14px gap */
.mm-mega-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -24px !important;
    left: 0 !important;
    right: 0 !important;
    height: 28px !important;
    background: transparent !important;
    pointer-events: auto !important;
}

.mm-has-mega:hover .mm-mega-menu,
.mm-has-mega:focus-within .mm-mega-menu,
.mm-has-mega.mm-open .mm-mega-menu,
.mm-mega-menu.mm-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
}

.mm-mega-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.mm-mega-col {
    display: flex;
    flex-direction: column;
}

.mm-mega-group-title {
    color: var(--mm-gold);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 6px;
}

.mm-mega-group-desc {
    color: var(--mm-text-dark-muted);
    font-size: 12.5px;
    line-height: 1.4;
    margin: 0 0 14px;
}

.mm-mega-links {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mm-mega-links a {
    color: var(--mm-text-soft);
    font-size: 13.5px;
    line-height: 1.4;
    text-decoration: none;
    transition: color 0.15s, transform 0.15s;
    display: inline-block;
}

.mm-mega-links a:hover {
    color: var(--mm-gold);
    transform: translateX(3px);
}

.mm-mega-footer {
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid var(--mm-border);
    display: flex;
    justify-content: flex-end;
}

.mm-mega-explore {
    color: var(--mm-gold);
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: gap 0.2s;
}

.mm-mega-explore:hover {
    gap: 10px;
}

/* Regular Dropdown (Company) */
.mm-dropdown-menu {
    position: absolute;
    top: calc(100% + 14px);
    left: 0;
    background: #0E0E0E;
    border: 1px solid var(--mm-border-light);
    border-radius: 8px;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85);
    min-width: 220px;
    padding: 10px 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    z-index: 1050;
}

/* Invisible hover bridge to eliminate gap */
.mm-dropdown-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -24px !important;
    left: 0 !important;
    right: 0 !important;
    height: 28px !important;
    background: transparent !important;
    pointer-events: auto !important;
}

.mm-has-dropdown:hover .mm-dropdown-menu,
.mm-has-dropdown:focus-within .mm-dropdown-menu,
.mm-has-dropdown.mm-open .mm-dropdown-menu,
.mm-dropdown-menu.mm-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.mm-dropdown-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 18px;
    color: var(--mm-text-soft);
    font-size: 14px;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.mm-dropdown-menu li a:hover {
    background: #181818;
    color: var(--mm-gold);
}

/* CTA Buttons */
.mm-header-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

.mm-btn-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s !important;
    cursor: pointer !important;
    border: none !important;
    font-family: var(--mm-font) !important;
    line-height: 1.4 !important;
}

.mm-btn-gold {
    background: var(--mm-gold) !important;
    color: #0A0A0A !important;
    border: none !important;
}

.mm-btn-gold:hover,
.mm-btn-gold:focus-visible {
    background: var(--mm-gold-hover) !important;
    color: #0A0A0A !important;
    transform: translateY(-1px);
    outline: none !important;
}

.mm-btn-outline {
    background: transparent !important;
    color: #FFFFFF !important;
    border: 1px solid var(--mm-border-light) !important;
}

.mm-btn-outline:hover,
.mm-btn-outline:focus-visible {
    border-color: var(--mm-gold) !important;
    color: var(--mm-gold) !important;
    transform: translateY(-1px);
    outline: none !important;
}

.mm-badge-coming {
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    background: rgba(194, 150, 34, 0.15);
    color: var(--mm-gold);
    border: 1px solid rgba(194, 150, 34, 0.3);
    border-radius: 3px;
    padding: 1px 5px;
    margin-left: 6px;
    font-weight: 600;
}

/* Mobile Toggle Hamburger */
.mm-mobile-toggle {
    display: none;
    background: transparent !important;
    border: 1px solid var(--mm-border) !important;
    border-radius: 6px !important;
    width: 42px;
    height: 42px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    padding: 0;
}

.mm-mobile-toggle:hover {
    border-color: var(--mm-gold) !important;
}

.mm-burger-line {
    display: block;
    width: 20px;
    height: 2px;
    background: #FFFFFF;
    transition: transform 0.2s, opacity 0.2s;
}

/* ==========================================================================
   3. MOBILE OFF-CANVAS DRAWER
   ========================================================================== */
.mm-mobile-drawer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: flex;
    font-family: var(--mm-font);
}

.mm-mobile-drawer[hidden] {
    display: none !important;
}

.mm-drawer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
}

.mm-drawer-panel {
    position: relative;
    width: min(85vw, 380px);
    height: 100%;
    background: #0E0E0E;
    border-right: 1px solid var(--mm-border);
    margin-left: auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    z-index: 2;
}

.mm-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid var(--mm-border);
}

.mm-drawer-close {
    background: rgba(194, 150, 34, 0.12) !important;
    border: 1px solid rgba(194, 150, 34, 0.4) !important;
    color: var(--mm-gold, #C29622) !important;
    cursor: pointer;
    width: 38px !important;
    height: 38px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.mm-drawer-close:hover {
    background: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
    transform: rotate(90deg) !important;
}

.mm-drawer-close svg {
    min-width: 18px !important;
    min-height: 18px !important;
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    display: block !important;
    flex-shrink: 0 !important;
}

.mm-drawer-body {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.mm-drawer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mm-drawer-link {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: block;
}

.mm-drawer-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mm-drawer-expand-btn {
    background: rgba(194, 150, 34, 0.15) !important;
    border: 1.5px solid var(--mm-gold, #C29622) !important;
    color: var(--mm-gold, #C29622) !important;
    border-radius: 8px !important;
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease !important;
    flex-shrink: 0 !important;
}

.mm-drawer-expand-btn:hover {
    background: rgba(194, 150, 34, 0.3) !important;
    border-color: #E5B842 !important;
}

.mm-drawer-expand-btn svg {
    min-width: 18px !important;
    min-height: 18px !important;
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    stroke: var(--mm-gold, #C29622) !important;
    stroke-width: 3 !important;
    display: block !important;
    transition: transform 0.25s ease, stroke 0.25s ease !important;
}

.mm-drawer-expand-btn[aria-expanded="true"] {
    transform: rotate(180deg) !important;
    background: var(--mm-gold, #C29622) !important;
    border-color: var(--mm-gold, #C29622) !important;
}

.mm-drawer-expand-btn[aria-expanded="true"] svg {
    stroke: #0A0A0A !important;
}

.mm-drawer-submenu {
    padding: 12px 0 12px 14px;
    border-left: 2px solid var(--mm-gold);
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.mm-drawer-submenu[hidden] {
    display: none !important;
}

.mm-drawer-subgroup-title {
    color: var(--mm-gold);
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 8px;
}

.mm-drawer-submenu a {
    color: var(--mm-text-muted);
    font-size: 14px;
    text-decoration: none;
}

.mm-drawer-sub-all {
    color: var(--mm-gold) !important;
    font-weight: 600;
    margin-top: 6px;
}

.mm-btn-block {
    width: 100% !important;
}

.mm-drawer-contacts {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid var(--mm-border);
    padding-top: 20px;
}

.mm-drawer-contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--mm-text-muted);
    text-decoration: none;
    font-size: 14px;
}

.mm-drawer-contact-item:hover {
    color: var(--mm-gold);
}

.mm-contact-icon {
    color: var(--mm-gold);
    display: flex;
    align-items: center;
}

.mm-drawer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 12px;
}

.mm-drawer-social-link {
    color: var(--mm-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #181818;
    border: 1px solid #262626;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.mm-drawer-social-link:hover {
    background: var(--mm-gold);
    color: #0A0A0A;
    border-color: var(--mm-gold);
}

/* ==========================================================================
   4. PREMIUM 4-ZONE FOOTER
   ========================================================================== */
.mm-site-footer {
    background: #080808;
    color: var(--mm-text-muted);
    border-top: 1px solid var(--mm-border);
    font-family: var(--mm-font);
    position: relative;
    z-index: 10;
}

/* Zone A: Project Invitation Banner */
.mm-footer-zone-a {
    padding: 60px 0;
    border-bottom: 1px solid #181818;
}

.mm-zone-a-inner {
    background: #111111;
    border: 1px solid #222222;
    border-radius: 12px;
    padding: 44px 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.mm-zone-a-heading {
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 10px;
    letter-spacing: -0.5px;
}

.mm-zone-a-sub {
    color: var(--mm-text-muted);
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    max-width: 580px;
}

.mm-zone-a-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}

/* Main 4-Column Grid */
.mm-footer-main {
    padding: 72px 0 60px;
}

.mm-footer-grid {
    display: grid;
    grid-template-columns: 1.3fr 0.9fr 1fr 1.2fr;
    gap: 48px;
}

.mm-footer-brand-col {
    display: flex;
    flex-direction: column;
}

.mm-footer-brand-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    margin-bottom: 16px;
}

.mm-footer-tagline {
    color: var(--mm-gold);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.mm-footer-brand-copy {
    font-size: 14px;
    line-height: 1.6;
    color: var(--mm-text-muted);
    margin: 0 0 24px;
}

/* Social Media Pills - ZERO PINK */
.mm-footer-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.mm-footer-social-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #141414 !important;
    border: 1px solid #242424 !important;
    color: var(--mm-text-muted) !important;
    text-decoration: none !important;
    transition: background 0.2s, color 0.2s, border-color 0.2s, transform 0.2s !important;
}

.mm-footer-social-link:hover,
.mm-footer-social-link:focus-visible {
    background: var(--mm-gold) !important;
    border-color: var(--mm-gold) !important;
    color: #0A0A0A !important;
    transform: translateY(-2px);
    outline: none !important;
}

.mm-footer-col-title {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin: 0 0 20px;
}

.mm-footer-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.mm-footer-nav-list a {
    color: var(--mm-text-muted);
    font-size: 14px;
    text-decoration: none;
    transition: color 0.15s, transform 0.15s;
    display: inline-block;
}

.mm-footer-nav-list a:hover {
    color: var(--mm-gold);
    transform: translateX(2px);
}

/* Newsletter Column */
.mm-newsletter-desc {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 16px;
    color: var(--mm-text-muted);
}

.mm-newsletter-fields {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 12px;
}

.mm-input {
    background: #141414 !important;
    border: 1px solid #262626 !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 11px 14px !important;
    border-radius: 6px !important;
    width: 100% !important;
    outline: none !important;
    transition: border-color 0.2s !important;
    font-family: var(--mm-font) !important;
}

.mm-input:focus {
    border-color: var(--mm-gold) !important;
}

.mm-newsletter-consent {
    margin-bottom: 12px;
}

.mm-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--mm-text-dark-muted);
    cursor: pointer;
}

.mm-checkbox-label input {
    margin-top: 3px;
    accent-color: var(--mm-gold);
}

.mm-privacy-helper {
    font-size: 11.5px;
    color: var(--mm-text-dark-muted);
    margin: 0 0 14px;
}

.mm-privacy-helper a {
    color: var(--mm-text-muted);
    text-decoration: underline;
}

.mm-btn-subscribe {
    width: 100% !important;
    background: var(--mm-gold) !important;
    color: #0A0A0A !important;
    font-weight: 700 !important;
    border: none !important;
}

.mm-btn-subscribe:hover {
    background: var(--mm-gold-hover) !important;
}

.mm-newsletter-feedback {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
}

.mm-feedback-success {
    color: #4ade80;
}

.mm-feedback-error {
    color: #f87171;
}

/* Direct Contact Block */
.mm-footer-direct-contact {
    margin-top: 32px;
    border-top: 1px solid #1C1C1C;
    padding-top: 24px;
}

.mm-contact-line {
    font-size: 13.5px;
    margin: 0 0 10px;
}

.mm-contact-label {
    color: var(--mm-text-dark-muted);
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mm-contact-val {
    color: var(--mm-gold);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: color 0.15s;
}

.mm-contact-val:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

/* Zone D: Legal Row */
.mm-footer-legal {
    border-top: 1px solid #141414;
    padding: 24px 0;
    font-size: 13px;
    color: var(--mm-text-dark-muted);
}

.mm-legal-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.mm-copyright {
    margin: 0;
}

.mm-legal-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.mm-legal-nav a {
    color: var(--mm-text-dark-muted);
    text-decoration: none;
    transition: color 0.15s;
}

.mm-legal-nav a:hover {
    color: var(--mm-text-soft);
}

.mm-sep {
    color: #2D3748;
}

/* ==========================================================================
   5. FLOATING CONTROLS & SUPPORT ASSISTANT (ZERO PINK)
   ========================================================================== */
.mm-back-to-top {
    position: fixed;
    bottom: 28px;
    left: 28px;
    width: 52px !important;
    height: 52px !important;
    background: #141414 !important;
    border: 2px solid var(--mm-gold, #C29622) !important;
    color: var(--mm-gold, #C29622) !important;
    border-radius: 50% !important;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
    z-index: 9990;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.mm-back-to-top svg {
    width: 26px !important;
    height: 26px !important;
    stroke: currentColor !important;
    stroke-width: 2.8 !important;
}

.mm-back-to-top:hover,
.mm-back-to-top:focus-visible {
    background: var(--mm-gold, #C29622) !important;
    border-color: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
    transform: translateY(-4px) scale(1.06) !important;
    box-shadow: 0 12px 28px rgba(194, 150, 34, 0.45) !important;
    outline: none !important;
}

.mm-support-launcher {
    position: fixed;
    bottom: 28px;
    right: 28px;
    background: var(--mm-gold) !important;
    color: #0A0A0A !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 22px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(194, 150, 34, 0.4);
    z-index: 9990;
    font-family: var(--mm-font);
    transition: background 0.2s, transform 0.2s;
}

.mm-support-launcher:hover,
.mm-support-launcher:focus-visible {
    background: var(--mm-gold-hover) !important;
    transform: translateY(-2px);
    outline: none !important;
}

.mm-launcher-icon {
    display: flex;
    align-items: center;
}

/* Support Dialog */
.mm-support-dialog {
    position: fixed;
    bottom: 86px;
    right: 28px;
    width: min(92vw, 420px);
    height: min(80vh, 590px);
    background: #111111;
    border: 1px solid var(--mm-border-light);
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    font-family: var(--mm-font);
}

.mm-support-dialog[hidden] {
    display: none !important;
}

.mm-support-header {
    background: #161616;
    border-bottom: 1px solid #222222;
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mm-support-header-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mm-status-dot {
    width: 8px;
    height: 8px;
    background: #4ade80;
    border-radius: 50%;
    box-shadow: 0 0 8px rgba(74, 222, 128, 0.6);
}

.mm-support-title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
}

.mm-support-header-controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mm-lang-toggle {
    background: #202020 !important;
    border: 1px solid #333333 !important;
    color: var(--mm-text-soft) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 4px 9px !important;
    border-radius: 4px !important;
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
}

.mm-lang-toggle:hover {
    border-color: var(--mm-gold) !important;
    color: var(--mm-gold) !important;
}

.mm-support-close {
    background: #1E1E22 !important;
    border: 1.5px solid rgba(194, 150, 34, 0.4) !important;
    color: #E2E8F0 !important;
    cursor: pointer;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.mm-support-close:hover {
    background: var(--mm-gold, #C29622) !important;
    border-color: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
    transform: rotate(90deg) !important;
}

.mm-support-close svg {
    min-width: 16px !important;
    min-height: 16px !important;
    width: 16px !important;
    height: 16px !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    display: block !important;
    flex-shrink: 0 !important;
}

.mm-support-body {
    flex: 1;
    overflow-y: auto;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mm-msg {
    max-width: 86%;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 1.5;
}

.mm-msg-bot {
    background: #1A1A1A;
    color: var(--mm-text-soft);
    border: 1px solid #282828;
    align-self: flex-start;
}

.mm-msg-user {
    background: var(--mm-gold);
    color: #0A0A0A;
    font-weight: 600;
    align-self: flex-end;
}

.mm-rtl {
    direction: rtl;
    text-align: right;
}

.mm-support-footer {
    background: #141414;
    border-top: 1px solid #222222;
    padding: 14px 18px;
}

.mm-choices-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* Choice Pills - ABSOLUTE ZERO PINK */
.mm-choice-btn {
    background: #1C1C1C !important;
    border: 1px solid #2E2E2E !important;
    color: var(--mm-text-soft) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 7px 14px !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}

.mm-choice-btn:hover,
.mm-choice-btn:focus-visible {
    background: var(--mm-gold) !important;
    border-color: var(--mm-gold) !important;
    color: #0A0A0A !important;
    outline: none !important;
}

.mm-support-input-row {
    display: flex;
    gap: 8px;
}

.mm-support-input {
    flex: 1;
    background: #1F1F1F !important;
    border: 1px solid #333333 !important;
    color: #FFFFFF !important;
    font-size: 13px !important;
    padding: 9px 12px !important;
    border-radius: 6px !important;
    outline: none !important;
}

.mm-support-input:focus {
    border-color: var(--mm-gold) !important;
}

.mm-support-send-btn {
    background: var(--mm-gold) !important;
    border: none !important;
    color: #0A0A0A !important;
    font-weight: 700 !important;
    padding: 0 16px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}

/* ==========================================================================
   6. RESPONSIVE BREAKPOINTS
   ========================================================================== */
@media (max-width: 1140px) {
    .mm-desktop-nav {
        display: none !important;
    }
    .mm-mobile-toggle {
        display: inline-flex !important;
    }
    .mm-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    .mm-footer-brand-col {
        grid-column: 1 / -1;
    }
    .mm-zone-a-inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 28px;
    }
}

/* Tablet & Mobile Admin Bar Drawer Offset */
.admin-bar .mm-mobile-drawer {
    top: 46px !important;
    height: calc(100vh - 46px) !important;
}
@media screen and (max-width: 782px) {
    .admin-bar .mm-mobile-drawer {
        top: 46px !important;
        height: calc(100vh - 46px) !important;
    }
}

@media (max-width: 768px) {
    .mm-utility-strip {
        display: none !important;
    }
    /* Mobile Header Layout Perfection */
    .mm-header-actions .mm-btn-cta {
        display: none !important;
    }
    .mm-brand-wordmark {
        font-size: 15px !important;
        letter-spacing: 0.3px !important;
    }
    .mm-brand-crest {
        width: 32px !important;
        height: 32px !important;
    }
    .mm-mobile-toggle {
        display: inline-flex !important;
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }
    .mm-header-actions {
        margin-left: auto !important;
        flex-shrink: 0 !important;
    }
    .mm-header-inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
        gap: 12px !important;
    }
    .mm-footer-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .mm-footer-main {
        padding: 48px 0;
    }
    .mm-zone-a-heading {
        font-size: 22px;
    }
    .mm-zone-a-actions {
        flex-direction: column;
        width: 100%;
    }
    .mm-zone-a-actions .mm-btn-cta {
        width: 100% !important;
    }
    .mm-back-to-top {
        bottom: 22px;
        left: 20px;
        width: 48px !important;
        height: 48px !important;
    }
    .mm-back-to-top svg {
        width: 24px !important;
        height: 24px !important;
    }
    .mm-support-launcher {
        bottom: 20px;
        right: 20px;
        padding: 10px 18px !important;
        font-size: 13px !important;
    }
    .mm-support-dialog {
        bottom: 74px;
        right: 16px;
        width: calc(100vw - 32px);
        height: 75vh;
    }
}
/* ==========================================================================
   GLOBAL ZERO-PINK FAQ ACCORDION STYLES (ACROSS ALL PAGES & POSTS)
   ========================================================================== */
button[class*="-faq-trigger"],
.mm-faq-trigger,
.mm-wd-faq-trigger,
.mm-wp-faq-trigger,
.mm-sh-faq-trigger,
.mm-wc-faq-trigger,
.mm-lp-faq-trigger,
.mm-maint-faq-trigger,
.mm-app-faq-trigger,
.mm-s9-faq-trigger,
.mm-s10-faq-trigger,
.mm-s11-faq-trigger,
.mm-s12-faq-trigger,
.mm-s13-faq-trigger,
.mm-s14-faq-trigger,
.mm-s15-faq-trigger {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    cursor: pointer !important;
    text-align: left !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 18px 22px !important;
    color: #141414 !important;
    gap: 14px !important;
    font-weight: 600 !important;
    font-size: 16.5px !important;
    line-height: 1.45 !important;
    transition: color 0.2s ease !important;
}

button[class*="-faq-trigger"]:hover,
button[class*="-faq-trigger"]:hover span,
.mm-faq-trigger:hover,
.mm-faq-trigger:hover span {
    color: var(--mm-gold, #C29622) !important;
}

button[class*="-faq-trigger"]:focus-visible,
.mm-faq-trigger:focus-visible {
    outline: 2px solid var(--mm-gold, #C29622) !important;
    outline-offset: 2px !important;
}

[class*="-faq-item"],
.mm-faq-item {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

[class*="-faq-item"].active,
.mm-faq-item.active {
    border-color: var(--mm-gold, #C29622) !important;
    background: #fdfcf7 !important;
    box-shadow: 0 4px 16px rgba(194, 150, 34, 0.08) !important;
}

[class*="-faq-icon"],
.mm-faq-icon {
    flex-shrink: 0 !important;
    color: var(--mm-gold, #C29622) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    transition: transform 0.25s ease !important;
}

[class*="-faq-item"].active [class*="-faq-icon"],
.mm-faq-item.active .mm-faq-icon {
    transform: rotate(45deg) !important;
}

details[open] summary .mm-faq-icon,
details[open] summary span:last-child {
    transform: rotate(45deg) !important;
    display: inline-block !important;
    transition: transform 0.25s ease !important;
}

summary .mm-faq-icon,
summary span:last-child {
    display: inline-block !important;
    transition: transform 0.25s ease !important;
}

[class*="-faq-content"],
[class*="-faq-answer"],
.mm-faq-content,
.mm-faq-answer {
    display: none;
    padding: 0 22px 20px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
}

[class*="-faq-content"] p,
[class*="-faq-answer"] p,
.mm-faq-content p,
.mm-faq-answer p {
    color: inherit !important;
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

[class*="-faq-item"].active [class*="-faq-content"],
[class*="-faq-item"].active [class*="-faq-answer"],
[class*="-faq-item"].active .elementor-tab-content,
.mm-faq-item.active [class*="-faq-content"],
.mm-faq-item.active [class*="-faq-answer"],
.mm-faq-item.active .elementor-tab-content,
.elementor-accordion-item.active .elementor-tab-content {
    display: block !important;
}

/* High contrast dark section FAQ adjustments */
body:not(.elementor-page) [class*="-faq-item"],
.mm-ns-faqs [class*="-faq-item"],
[id^="mm-ns-"] [class*="-faq-item"],
.faq-item {
    background: #141414 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}
body:not(.elementor-page) [class*="-faq-item"].active,
.mm-ns-faqs [class*="-faq-item"].active,
[id^="mm-ns-"] [class*="-faq-item"].active,
.faq-item.active {
    border-color: var(--mm-gold, #C29622) !important;
    background: #181818 !important;
}
body:not(.elementor-page) [class*="-faq-trigger"],
.mm-ns-faqs [class*="-faq-trigger"],
[id^="mm-ns-"] [class*="-faq-trigger"] {
    color: #ffffff !important;
}
body:not(.elementor-page) [class*="-faq-content"],
body:not(.elementor-page) [class*="-faq-answer"],
.mm-ns-faqs [class*="-faq-content"],
[id^="mm-ns-"] [class*="-faq-content"],
.faq-item p {
    color: #cbd5e1 !important;
}

/* Call & WhatsApp Choice Buttons in Support Assistant */
.mm-choice-btn.mm-btn-call {
    border-color: rgba(194, 150, 34, 0.5) !important;
    color: #f1f5f9 !important;
}
.mm-choice-btn.mm-btn-call:hover {
    background: var(--mm-gold, #C29622) !important;
    color: #0a0a0a !important;
}

.mm-choice-btn.mm-btn-wa {
    border-color: rgba(37, 211, 102, 0.4) !important;
    color: #25D366 !important;
}
.mm-choice-btn.mm-btn-wa:hover {
    background: #25D366 !important;
    border-color: #25D366 !important;
    color: #0a0a0a !important;
}


/* =========================================================================
   UNIVERSAL MOBILE & TABLET RESPONSIVE ENGINE (ALL SCREENS AUTO-ADJUST)
   ========================================================================= */

/* Prevent horizontal overflow across the entire site */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}

/* TABLET BREAKPOINT (< 992px) */
@media screen and (max-width: 991px) {
    [style*="grid-template-columns: 1fr 1fr"],
    [style*="grid-template-columns:1fr 1fr"],
    [style*="grid-template-columns: 1.2fr 1fr"],
    [style*="grid-template-columns: 1fr 1.2fr"],
    [style*="grid-template-columns: repeat(2"],
    [style*="grid-template-columns: repeat(3"],
    [style*="grid-template-columns:repeat(3"],
    [style*="grid-template-columns: repeat(4"],
    [style*="grid-template-columns:repeat(4"],
    [class*="mm-ns-"] [style*="grid-template-columns"],
    [id^="mm-ns-"] [style*="grid-template-columns"],
    .mm-card-grid {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    #mm-ns-contact-action,
    .mm-form-container,
    .wpforms-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 30px 24px !important;
        box-sizing: border-box !important;
    }
}

/* TABLET & MOBILE DEVICES BREAKPOINT (< 992px) */
@media screen and (max-width: 991px) {
    /* 1. Universal Grid Collapse to Single Column Flex/Grid */
    [style*="display: grid"],
    [style*="display:grid"],
    [style*="grid-template-columns"],
    div[style*="grid-template-columns"],
    section[style*="grid-template-columns"],
    [class*="mm-ns-"] [style*="grid-template-columns"],
    [id^="mm-ns-"] [style*="grid-template-columns"],
    .faq-group-block > div,
    .faq-group-block [style*="grid-template-columns"],
    .mm-deliverables-grid,
    .mm-pricing-grid,
    .mm-features-grid,
    .mm-scope-grid,
    .mm-card-grid,
    [class*="-grid-2"],
    [class*="-grid-3"],
    [class*="-grid-4"] {
        grid-template-columns: 1fr !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. Brand Crest, Logo & Icons Protection (NEVER expand on mobile) */
    img.mm-brand-crest,
    .mm-brand-crest,
    .mm-brand-link img,
    .mm-header-logo-wrap img,
    .site-icon,
    .site-header img,
    .mm-header img,
    .avatar,
    .mm-footer-brand-link img {
        width: 38px !important;
        height: 38px !important;
        max-width: 38px !important;
        max-height: 38px !important;
        object-fit: contain !important;
        display: inline-block !important;
        margin: 0 !important;
        border: none !important;
        box-shadow: none !important;
    }

    /* Responsive Content Images in Sections — Expand to 100% width instead of shrinking */
    .mm-ns-about-us section img:not(.mm-brand-crest),
    .mm-ns-contact section img:not(.mm-brand-crest),
    .mm-ns-services section img:not(.mm-brand-crest),
    .mm-ns-portfolio section img:not(.mm-brand-crest),
    .mm-ns-process section img:not(.mm-brand-crest),
    .mm-ns-faqs section img:not(.mm-brand-crest),
    [id^="mm-ns-"] section img:not(.mm-brand-crest),
    [id^="mm-ns-"] div > img:not(.mm-brand-crest) {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        border-radius: 8px !important;
        margin: 0 auto 16px auto !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    /* 3. Responsive Typography & Font Scaling */
    h1, [class*="mm-"] h1, [id*="mm-"] h1 {
        font-size: clamp(24px, 6.8vw, 32px) !important;
        line-height: 1.25 !important;
        word-break: break-word !important;
        letter-spacing: -0.3px !important;
    }
    h2, [class*="mm-"] h2, [id*="mm-"] h2 {
        font-size: clamp(20px, 5.6vw, 26px) !important;
        line-height: 1.3 !important;
        word-break: break-word !important;
        letter-spacing: -0.2px !important;
    }
    h3, [class*="mm-"] h3, [id*="mm-"] h3 {
        font-size: clamp(17px, 4.8vw, 21px) !important;
        line-height: 1.35 !important;
    }
    p, [class*="mm-"] p, [id*="mm-"] p, li, [class*="mm-"] li {
        font-size: 14.5px !important;
        line-height: 1.65 !important;
    }

    /* 4. Zero Gap for Header and Banner Slider */
    .elementor-element-sec_header_nav,
    .sec_header_nav,
    section.elementor-element-sec_header_nav {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    .elementor-element-sec_hub_header,
    section.elementor-element-sec_hub_header {
        padding: 0 !important;
        margin: 0 !important;
        background: #0A0A0A !important;
    }

    .elementor-element-sec_banner_slider,
    section.elementor-element-sec_banner_slider {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Section Spacing on Mobile */
    section:not(.elementor-element-sec_hub_header):not(.elementor-element-sec_banner_slider):not(.elementor-element-sec_header_nav):not(.sec_banner_slider):not(.sec_header_nav),
    [id^="mm-ns-"] {
        padding: 40px 16px !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    /* 5. Contact Page Form & Input Fields */
    #mm-ns-contact-action {
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 16px !important;
        box-sizing: border-box !important;
    }
    #mm-ns-contact-action form input,
    #mm-ns-contact-action form select,
    #mm-ns-contact-action form textarea,
    .wpforms-form input,
    .wpforms-form select,
    .wpforms-form textarea {
        width: 100% !important;
        font-size: 15px !important;
        padding: 10px 12px !important;
        box-sizing: border-box !important;
    }

    /* 6. Supporting 3-Cards Grid on Contact Page & Other Pages */
    .mm-card-hover,
    [style*="grid-template-columns: repeat(3"] > div {
        width: 100% !important;
        box-sizing: border-box !important;
        margin-bottom: 16px !important;
    }

    /* 7. Floating Action Buttons (Need Help & Back-to-Top) Safe Mobile Placement */
    .mm-support-drawer-trigger, #mm-support-drawer-trigger, .mm-need-help-btn {
        bottom: 16px !important;
        right: 12px !important;
        transform: scale(0.9) !important;
        transform-origin: bottom right !important;
        z-index: 9999 !important;
    }
    .mm-scroll-top, #mm-scroll-to-top, .back-to-top, a[href="#top"] {
        bottom: 16px !important;
        left: 12px !important;
        z-index: 9998 !important;
    }
}

/* ==========================================================================
   8. GLOBAL THANK YOU POPUP MODAL (ZERO PINK, LUXURY GOLD)
   ========================================================================== */
.mm-thankyou-modal[hidden] {
    display: none !important;
}

.mm-thankyou-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100005 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    font-family: var(--mm-font) !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.28s ease, visibility 0.28s ease !important;
}

.mm-thankyou-modal.is-open {
    opacity: 1 !important;
    visibility: visible !important;
}

.mm-thankyou-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.mm-thankyou-card {
    position: relative !important;
    z-index: 2 !important;
    background: #141416 !important;
    border: 1px solid rgba(194, 150, 34, 0.4) !important;
    border-radius: 16px !important;
    padding: 48px 32px 32px !important;
    max-width: 500px !important;
    width: 100% !important;
    text-align: center !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.85), 0 0 35px rgba(194, 150, 34, 0.15) !important;
    transform: scale(0.92);
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-sizing: border-box !important;
}

.mm-thankyou-modal.is-open .mm-thankyou-card {
    transform: scale(1) !important;
}

/* Generously spaced close button (never cramped, high hit area) */
.mm-thankyou-close-btn {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    background: #1E1E22 !important;
    border: 1.5px solid rgba(194, 150, 34, 0.4) !important;
    color: #E2E8F0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    z-index: 10 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
}

.mm-thankyou-close-btn:hover {
    background: var(--mm-gold, #C29622) !important;
    border-color: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
    transform: rotate(90deg) scale(1.08) !important;
}

.mm-thankyou-close-btn svg {
    min-width: 18px !important;
    min-height: 18px !important;
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    stroke-width: 2.5 !important;
    display: block !important;
    flex-shrink: 0 !important;
}

.mm-thankyou-icon {
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 20px !important;
    border-radius: 50% !important;
    background: rgba(194, 150, 34, 0.12) !important;
    border: 1.5px solid var(--mm-gold, #C29622) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 24px rgba(194, 150, 34, 0.25) !important;
}

.mm-thankyou-heading {
    font-size: 23px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 0 12px !important;
    letter-spacing: -0.01em !important;
}

.mm-thankyou-message {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #cbd5e1 !important;
    margin: 0 0 24px !important;
}

.mm-thankyou-urgent-box {
    background: rgba(194, 150, 34, 0.07) !important;
    border: 1px solid rgba(194, 150, 34, 0.3) !important;
    border-radius: 10px !important;
    padding: 18px !important;
    margin: 0 0 22px !important;
    text-align: left !important;
}

.mm-thankyou-urgent-tag {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--mm-gold, #C29622) !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 6px !important;
}

.mm-thankyou-urgent-text {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #E2E8F0 !important;
    margin: 0 0 14px !important;
}

.mm-thankyou-urgent-btns {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

.mm-btn-urgent-call {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.mm-btn-urgent-call:hover {
    background: #A8811B !important;
    color: #0A0A0A !important;
    transform: translateY(-1px) !important;
}

.mm-btn-urgent-wa {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #1F2937 !important;
    border: 1px solid rgba(194, 150, 34, 0.35) !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.mm-btn-urgent-wa:hover {
    border-color: var(--mm-gold, #C29622) !important;
    color: var(--mm-gold, #C29622) !important;
    transform: translateY(-1px) !important;
}

.mm-thankyou-done-btn {
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    color: var(--mm-text-muted) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    width: 100% !important;
}

.mm-thankyou-done-btn:hover {
    border-color: var(--mm-gold, #C29622) !important;
    color: var(--mm-gold, #C29622) !important;
}


/* ==========================================================================
   9. BRAND HUB BLOG GRID & ARTICLES (ZERO PINK / LUXURY BLACK & GOLD)
   ========================================================================== */
.mm-blog-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    margin: 40px 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1024px) {
    .mm-blog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 640px) {
    .mm-blog-grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}

.mm-blog-card {
    background: #121214 !important;
    border: 1px solid rgba(194, 150, 34, 0.25) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================================================
   NUCLEAR SUPPRESSION OF DEFAULT THEME LOGO & WHITE HEADER
   ========================================================================== */
header#site-header,
.site-header,
.site-header.dynamic-header,
.site-branding.show-logo,
.site-logo.show,
.custom-logo-link {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   LUXURY BLOG CARDS — 4:5 PORTRAIT RATIO (1080x1350) NO CLIPPING
   ========================================================================== */
.mm-blog-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 32px !important;
    align-items: stretch !important;
    padding: 10px 0 40px !important;
}

.mm-blog-card {
    background: #111114 !important;
    border: 1px solid #1F1F24 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important; /* Forces equal height across rows */
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mm-blog-card:hover {
    transform: translateY(-6px) !important;
    border-color: var(--mm-gold, #C29622) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(194, 150, 34, 0.15) !important;
}

.mm-blog-card-media {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important; /* Perfect 4:5 frame for 1080x1350 graphics */
    overflow: hidden !important;
    background: radial-gradient(circle at center, #15151A 0%, #08080A 100%) !important;
}

.mm-blog-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important; /* 100% Full graphic visible like an art gallery — ZERO cropping! */
    object-position: center !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: block !important;
}

.mm-blog-card:hover .mm-blog-card-media img {
    transform: scale(1.025) !important;
}

.mm-blog-card-badge {
    position: absolute !important;
    top: 14px !important;
    left: 14px !important;
    background: rgba(10, 10, 10, 0.9) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid var(--mm-gold, #C29622) !important;
    color: var(--mm-gold, #C29622) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
    text-transform: uppercase !important;
    z-index: 2 !important;
}

.mm-blog-card-body {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important; /* Expands to fill card height evenly */
}

.mm-blog-card-meta {
    margin-bottom: 10px !important;
}

.mm-blog-card-date {
    font-size: 12px !important;
    color: var(--mm-text-muted, #8E8E93) !important;
    font-weight: 500 !important;
}

.mm-blog-card-title {
    margin: 0 0 12px !important;
    font-size: 17.5px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    min-height: 76px !important; /* Uniform height for exactly 3 lines */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.mm-blog-card-title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mm-blog-card-title a:hover {
    color: var(--mm-gold, #C29622) !important;
}

.mm-blog-card-excerpt {
    color: var(--mm-text-soft, #B0B0B5) !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    margin: 0 0 20px !important;
    min-height: 64px !important; /* Uniform height for exactly 3 lines */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    flex-grow: 1 !important;
}

.mm-blog-card-link {
    margin-top: auto !important; /* Aligns all buttons horizontally */
    padding-top: 14px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: var(--mm-gold, #C29622) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: gap 0.2s ease, color 0.2s ease !important;
}

.mm-blog-card-link:hover {
    gap: 10px !important;
    color: #E5B842 !important;
}

.mm-blog-card-link svg {
    min-width: 14px !important;
    min-height: 14px !important;
    flex-shrink: 0 !important;
    display: block !important;
}

/* --------------------------------------------------------------------------
   Category Filter Tabs / Ticker on Blog Archive (Single-Line Horizontal Swipe)
   -------------------------------------------------------------------------- */
.mm-blog-filter-bar,
.mm-archive-filter-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 6px 4px 14px 4px !important;
    margin-bottom: 28px !important;
    border-bottom: 1px solid #1E1E22 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.mm-blog-filter-bar::-webkit-scrollbar,
.mm-archive-filter-track::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.mm-filter-btn,
.mm-filter-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    background: #141418 !important;
    border: 1px solid #24242B !important;
    color: #A0A0A8 !important;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

.mm-filter-btn:hover,
.mm-filter-pill:hover {
    background: #1C1C22 !important;
    border-color: rgba(194, 150, 34, 0.4) !important;
    color: #FFFFFF !important;
}

.mm-filter-btn.is-active,
.mm-filter-pill.is-active {
    background: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
    border-color: var(--mm-gold, #C29622) !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(194, 150, 34, 0.3) !important;
}

.mm-filter-pill .mm-pill-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--mm-gold, #C29622) !important;
    transition: background 0.2s ease !important;
}

.mm-filter-pill.is-active .mm-pill-dot {
    background: #0A0A0A !important;
}

/* ==========================================================================
   SINGLE BLOG POST — LUXURY READING LAYOUT
   ========================================================================== */
.mm-single-wrapper {
    background-color: #0A0A0A !important;
    color: #FFFFFF !important;
    font-family: var(--mm-font, 'Plus Jakarta Sans', sans-serif) !important;
    padding-bottom: 80px !important;
}

.mm-single-topbar {
    background: #0E0E10 !important;
    border-bottom: 1px solid #1F1F24 !important;
    padding: 14px 0 !important;
}

.mm-breadcrumbs {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #8E8E93 !important;
}

.mm-breadcrumbs a {
    color: #8E8E93 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mm-breadcrumbs a:hover {
    color: var(--mm-gold, #C29622) !important;
}

.mm-bc-sep {
    color: #3A3A3C !important;
}

.mm-bc-current {
    color: #FFFFFF !important;
    font-weight: 600 !important;
    max-width: 400px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.mm-single-header {
    padding: 50px 0 30px !important;
    background: radial-gradient(circle at 50% 0%, rgba(194, 150, 34, 0.08) 0%, transparent 70%) !important;
}

.mm-single-cat-badge {
    margin-bottom: 18px !important;
}

.mm-cat-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: rgba(194, 150, 34, 0.12) !important;
    border: 1px solid rgba(194, 150, 34, 0.3) !important;
    color: var(--mm-gold, #C29622) !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mm-cat-pill:hover {
    background: rgba(194, 150, 34, 0.22) !important;
    border-color: var(--mm-gold, #C29622) !important;
    color: #FFFFFF !important;
}

.mm-cat-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--mm-gold, #C29622) !important;
}

.mm-single-title {
    font-family: 'Cinzel', serif, var(--mm-font) !important;
    font-size: clamp(28px, 4.2vw, 44px) !important;
    line-height: 1.25 !important;
    color: #FFFFFF !important;
    margin: 0 0 24px !important;
    font-weight: 700 !important;
}

.mm-single-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    padding-top: 16px !important;
    border-top: 1px solid #1E1E22 !important;
}

.mm-meta-author {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.mm-meta-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: 1.5px solid var(--mm-gold, #C29622) !important;
    object-fit: cover !important;
}

.mm-author-info {
    display: flex !important;
    flex-direction: column !important;
}

.mm-author-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

.mm-author-role {
    font-size: 12px !important;
    color: #8E8E93 !important;
}

.mm-meta-divider {
    width: 1px !important;
    height: 32px !important;
    background: #2A2A2E !important;
}

.mm-meta-stats {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    font-size: 13px !important;
    color: #8E8E93 !important;
}

.mm-meta-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.mm-single-share-quick {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.mm-share-label {
    font-size: 12px !important;
    color: #8E8E93 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.mm-share-btn {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #161618 !important;
    border: 1px solid #28282D !important;
    color: #B0B0B5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
}

.mm-share-btn:hover {
    background: var(--mm-gold, #C29622) !important;
    color: #000000 !important;
    border-color: var(--mm-gold, #C29622) !important;
    transform: translateY(-2px) !important;
}

/* Single Featured Media Box — FULL GALLERY SHOWCASE (NO CROPPING) */
.mm-single-featured-wrap {
    margin: 20px auto 44px auto !important;
    max-width: 860px !important;
}

.mm-single-featured-card {
    background: #0C0C0F !important;
    border: 1px solid rgba(194, 150, 34, 0.35) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 35px rgba(194, 150, 34, 0.12) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

.mm-single-hero-img {
    width: 100% !important;
    height: auto !important; /* 100% natural height, NEVER cropped or sliced! */
    max-height: none !important;
    display: block !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

.mm-single-featured-bar {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 20px !important;
    background: rgba(14, 14, 18, 0.98) !important;
    border-top: 1px solid rgba(194, 150, 34, 0.25) !important;
    font-size: 12px !important;
    color: #A0A0A6 !important;
    box-sizing: border-box !important;
}

.mm-featured-badge-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--mm-gold, #C29622) !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

.mm-featured-expand-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(194, 150, 34, 0.3) !important;
    transition: all 0.2s ease !important;
}

.mm-featured-expand-link:hover {
    background: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
}

/* In-Content Images & Galleries — Never Clipped */
.mm-single-content img,
.mm-single-content figure img,
.mm-single-content .wp-block-image img,
.mm-single-content .wp-block-gallery img,
.mm-single-content .gallery img {
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    display: block !important;
    margin: 24px auto !important;
    border: 1px solid rgba(194, 150, 34, 0.2) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

.mm-single-content .wp-block-gallery,
.mm-single-content .gallery {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 20px !important;
    margin: 30px 0 !important;
}

/* Single Layout */
.mm-single-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 48px !important;
    align-items: start !important;
}

@media (max-width: 991px) {
    .mm-single-layout {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    .mm-single-share-quick {
        margin-left: 0 !important;
        width: 100% !important;
        padding-top: 10px !important;
    }
}

.mm-article-entry {
    background: #0F0F12 !important;
    border: 1px solid #1E1E22 !important;
    border-radius: 20px !important;
    padding: clamp(24px, 4vw, 48px) !important;
}

.mm-single-content {
    color: #D1D1D6 !important;
    font-size: 16.5px !important;
    line-height: 1.8 !important;
}

.mm-single-content p {
    margin: 0 0 24px !important;
}

.mm-single-content p.has-large-font-size {
    font-size: 20px !important;
    line-height: 1.6 !important;
    color: #FFFFFF !important;
    border-left: 3px solid var(--mm-gold, #C29622) !important;
    padding-left: 18px !important;
    margin-bottom: 30px !important;
}

.mm-single-content h2 {
    font-family: 'Cinzel', serif, var(--mm-font) !important;
    font-size: clamp(22px, 3vw, 28px) !important;
    color: #FFFFFF !important;
    margin: 44px 0 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    position: relative !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #222226 !important;
}

.mm-single-content h2::after {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;
    width: 60px !important;
    height: 2px !important;
    background: var(--mm-gold, #C29622) !important;
}

.mm-single-content h3 {
    font-size: 20px !important;
    color: var(--mm-gold, #C29622) !important;
    margin: 32px 0 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.mm-single-content a {
    color: var(--mm-gold, #C29622) !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    transition: color 0.2s ease !important;
}

.mm-single-content a:hover {
    color: #E5B842 !important;
}

.mm-single-content ul, .mm-single-content ol {
    margin: 0 0 28px 20px !important;
    padding: 0 !important;
}

.mm-single-content li {
    margin-bottom: 12px !important;
    padding-left: 6px !important;
}

.mm-single-content li::marker {
    color: var(--mm-gold, #C29622) !important;
}

.mm-single-content blockquote.wp-block-quote {
    background: #141418 !important;
    border-left: 4px solid var(--mm-gold, #C29622) !important;
    padding: 24px 28px !important;
    border-radius: 0 14px 14px 0 !important;
    margin: 36px 0 !important;
}

.mm-single-content blockquote.wp-block-quote p {
    font-size: 19px !important;
    line-height: 1.6 !important;
    font-style: italic !important;
    color: #FFFFFF !important;
    margin: 0 0 10px !important;
}

.mm-single-content blockquote.wp-block-quote cite {
    font-size: 13px !important;
    color: var(--mm-gold, #C29622) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-style: normal !important;
    display: block !important;
}

.mm-article-cta-box {
    margin: 48px 0 !important;
    background: linear-gradient(135deg, #141418 0%, #1A1608 100%) !important;
    border: 1px solid rgba(194, 150, 34, 0.35) !important;
    border-radius: 16px !important;
    padding: 34px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

.mm-cta-box-badge {
    display: inline-block !important;
    background: var(--mm-gold, #C29622) !important;
    color: #000000 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    margin-bottom: 12px !important;
}

.mm-cta-box-title {
    font-size: 22px !important;
    color: #FFFFFF !important;
    margin: 0 0 10px !important;
    font-weight: 700 !important;
}

.mm-cta-box-desc {
    color: #B0B0B5 !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    margin: 0 0 22px !important;
}

.mm-cta-box-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.mm-single-author-card {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    background: #141416 !important;
    border: 1px solid #222226 !important;
    border-radius: 16px !important;
    padding: 28px !important;
    margin: 48px 0 36px !important;
}

.mm-author-card-avatar {
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    border: 2px solid var(--mm-gold, #C29622) !important;
    flex-shrink: 0 !important;
    object-fit: cover !important;
}

.mm-author-card-badge {
    font-size: 11px !important;
    color: var(--mm-gold, #C29622) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}

.mm-author-card-name {
    font-size: 19px !important;
    color: #FFFFFF !important;
    margin: 0 0 8px !important;
    font-weight: 700 !important;
}

.mm-author-card-bio {
    color: #9E9EA4 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 16px !important;
}

.mm-author-card-links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    font-size: 13px !important;
}

.mm-author-link {
    color: var(--mm-gold, #C29622) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.mm-author-link:hover {
    color: #E5B842 !important;
    text-decoration: underline !important;
}

.mm-author-sep {
    color: #3A3A3E !important;
}

.mm-post-navigation {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    padding: 30px 0 !important;
    border-top: 1px solid #1E1E22 !important;
    border-bottom: 1px solid #1E1E22 !important;
    margin-bottom: 44px !important;
}

@media (max-width: 600px) {
    .mm-post-navigation {
        grid-template-columns: 1fr !important;
    }
}

.mm-nav-col {
    display: flex !important;
    flex-direction: column !important;
}

.mm-nav-next {
    text-align: right !important;
}

.mm-nav-label {
    font-size: 11.5px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: var(--mm-gold, #C29622) !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}

.mm-nav-title {
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mm-nav-title:hover {
    color: var(--mm-gold, #C29622) !important;
}

.mm-related-section {
    margin-top: 40px !important;
}

.mm-related-title {
    font-size: 20px !important;
    color: #FFFFFF !important;
    margin: 0 0 22px !important;
    font-weight: 700 !important;
}

.mm-related-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 20px !important;
}

.mm-related-card {
    background: #141416 !important;
    border: 1px solid #222226 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.mm-related-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(194, 150, 34, 0.4) !important;
}

.mm-related-media {
    display: block !important;
    position: relative !important;
    aspect-ratio: 4 / 5 !important;
    overflow: hidden !important;
}

.mm-related-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
}

.mm-related-badge {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    background: rgba(0, 0, 0, 0.85) !important;
    color: var(--mm-gold, #C29622) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
}

.mm-related-body {
    padding: 14px !important;
}

.mm-related-date {
    font-size: 11px !important;
    color: #7A7A80 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.mm-related-card-title {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.mm-related-card-title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mm-related-card-title a:hover {
    color: var(--mm-gold, #C29622) !important;
}

/* Sidebar */
.mm-single-sidebar {
    position: sticky !important;
    top: 90px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 26px !important;
}

.mm-sidebar-widget {
    background: #0F0F12 !important;
    border: 1px solid #1E1E22 !important;
    border-radius: 16px !important;
    padding: 24px !important;
}

.mm-widget-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 15px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 0 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #1E1E22 !important;
}

.mm-widget-title-icon {
    width: 6px !important;
    height: 16px !important;
    background: var(--mm-gold, #C29622) !important;
    border-radius: 2px !important;
    display: inline-block !important;
}

.mm-categories-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.mm-category-item {
    border-radius: 8px !important;
    transition: background 0.2s ease !important;
}

.mm-category-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 9px 12px !important;
    color: #C0C0C6 !important;
    text-decoration: none !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.mm-category-link:hover, .mm-category-item.is-active .mm-category-link {
    background: #18181D !important;
    color: var(--mm-gold, #C29622) !important;
    padding-left: 16px !important;
}

.mm-cat-count {
    background: #1A1A20 !important;
    border: 1px solid #2B2B32 !important;
    color: var(--mm-gold, #C29622) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
}

.mm-latest-posts-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

.mm-latest-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.mm-latest-thumb {
    width: 64px !important;
    height: 64px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    display: block !important;
}

.mm-latest-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
}

.mm-latest-info {
    display: flex !important;
    flex-direction: column !important;
}

.mm-latest-date {
    font-size: 11px !important;
    color: #7A7A80 !important;
    margin-bottom: 4px !important;
}

.mm-latest-title {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

.mm-latest-title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mm-latest-title a:hover {
    color: var(--mm-gold, #C29622) !important;
}

.mm-widget-consult {
    background: radial-gradient(circle at 100% 0%, rgba(194, 150, 34, 0.12) 0%, #0F0F12 100%) !important;
    border-color: rgba(194, 150, 34, 0.3) !important;
}

.mm-consult-badge {
    background: var(--mm-gold, #C29622) !important;
    color: #000000 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
}

.mm-consult-title {
    font-size: 17px !important;
    color: #FFFFFF !important;
    margin: 0 0 8px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.mm-consult-desc {
    font-size: 13px !important;
    color: #9E9EA4 !important;
    line-height: 1.5 !important;
    margin: 0 0 18px !important;
}

.mm-consult-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.mm-btn-full {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
}

/* ==========================================================================
   HOMEPAGE LATEST NEWS & INSIGHTS CAROUSEL (FULLY ISOLATED CLASSES)
   NO OVERLAPPING WITH .mm-slider-track OR .mm-banner-slider!
   ========================================================================== */
.mm-home-news-section {
    background-color: #0A0A0C !important;
    border-top: 1px solid #1E1E22 !important;
    padding: 70px 0 80px !important;
    position: relative !important;
    overflow: hidden !important;
}

.mm-home-news-header-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 36px !important;
}

.mm-home-news-eyebrow {
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--mm-gold, #C29622) !important;
    font-weight: 800 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.mm-home-news-heading {
    font-family: 'Cinzel', serif, var(--mm-font) !important;
    font-size: clamp(26px, 3.8vw, 36px) !important;
    color: #FFFFFF !important;
    margin: 0 0 8px !important;
    font-weight: 700 !important;
}

.mm-home-news-subtitle {
    color: #8E8E93 !important;
    font-size: 14.5px !important;
    margin: 0 !important;
    max-width: 600px !important;
}

.mm-home-news-nav {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.mm-home-news-nav-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #141418 !important;
    border: 1px solid #28282D !important;
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    padding: 0 !important;
}

.mm-home-news-nav-btn:hover {
    background: var(--mm-gold, #C29622) !important;
    color: #000000 !important;
    border-color: var(--mm-gold, #C29622) !important;
    transform: scale(1.05) !important;
}

.mm-home-news-track-wrap {
    overflow-x: auto !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    margin: 0 -15px !important;
    padding: 10px 15px 25px !important;
}

.mm-home-news-track-wrap::-webkit-scrollbar {
    display: none !important;
}

.mm-home-news-track {
    display: flex !important;
    gap: 24px !important;
    width: max-content !important;
}

.mm-home-news-card {
    width: 320px !important;
    background: #121215 !important;
    border: 1px solid #202026 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: all 0.25s ease !important;
    flex-shrink: 0 !important;
}

.mm-home-news-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(194, 150, 34, 0.5) !important;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6), 0 0 25px rgba(194, 150, 34, 0.12) !important;
}

.mm-home-news-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important; /* 4:5 vertical portrait */
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: radial-gradient(circle at center, #15151A 0%, #08080A 100%) !important;
}

.mm-home-news-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.mm-home-news-card:hover .mm-home-news-media img {
    transform: scale(1.025) !important;
}

.mm-home-news-badge {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    background: rgba(10, 10, 12, 0.88) !important;
    border: 1px solid rgba(194, 150, 34, 0.4) !important;
    color: var(--mm-gold, #C29622) !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    backdrop-filter: blur(8px) !important;
}

.mm-home-news-body {
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.mm-home-news-date {
    font-size: 11.5px !important;
    color: #7E7E84 !important;
    margin-bottom: 6px !important;
}

.mm-home-news-title {
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #FFFFFF !important;
    margin: 0 0 8px !important;
    font-weight: 700 !important;
    min-height: 68px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.mm-home-news-title a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mm-home-news-title a:hover {
    color: var(--mm-gold, #C29622) !important;
}

.mm-home-news-excerpt {
    font-size: 13px !important;
    color: #9E9EA4 !important;
    line-height: 1.55 !important;
    margin: 0 0 16px !important;
    min-height: 60px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    flex-grow: 1 !important;
}

.mm-home-news-link {
    margin-top: auto !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--mm-gold, #C29622) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: gap 0.2s ease, color 0.2s ease !important;
}

.mm-home-news-link:hover {
    gap: 10px !important;
    color: #E5B842 !important;
}

.mm-home-news-footer {
    text-align: center !important;
    margin-top: 36px !important;
}

/* ==========================================================================
   LUXURY BLOG & ARCHIVE PAGE ARCHITECTURE
   ========================================================================== */
.mm-archive-wrapper {
    background: #0A0A0C !important;
    min-height: 100vh !important;
    color: #FFFFFF !important;
    padding-bottom: 80px !important;
}

.mm-archive-hero {
    padding: 30px 0 35px 0 !important;
    border-bottom: 1px solid #1A1A20 !important;
    margin-bottom: 35px !important;
    background: radial-gradient(circle at 50% 0%, rgba(194, 150, 34, 0.08) 0%, transparent 70%) !important;
}

.mm-archive-hero-inner {
    max-width: 820px !important;
}

.mm-archive-eyebrow {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    color: var(--mm-gold, #C29622) !important;
    margin-bottom: 12px !important;
    background: rgba(194, 150, 34, 0.1) !important;
    border: 1px solid rgba(194, 150, 34, 0.25) !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
}

.mm-archive-title {
    font-family: 'Cinzel', serif, var(--mm-font) !important;
    font-size: clamp(26px, 4vw, 38px) !important;
    color: #FFFFFF !important;
    margin: 0 0 14px 0 !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

.mm-archive-subtitle {
    font-size: 15.5px !important;
    color: var(--mm-text-soft, #B0B0B5) !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Archive 2-Column Grid Layout */
.mm-archive-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 40px !important;
    align-items: start !important;
}

/* Archive Main Column */
.mm-archive-main {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Archive Main Column Grid: 2 Columns on Desktop */
.mm-archive-main .mm-blog-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
    padding: 0 0 30px 0 !important;
}

.mm-archive-filter-wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
}

.mm-archive-filter-wrap::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 50px !important;
    background: linear-gradient(90deg, #0A0A0C 25%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 6 !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
}

.mm-archive-filter-wrap.has-scroll-left::before {
    opacity: 1 !important;
}

.mm-archive-filter-wrap::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 50px !important;
    background: linear-gradient(270deg, #0A0A0C 25%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 6 !important;
    opacity: 1 !important;
    transition: opacity 0.25s ease !important;
}

.mm-archive-filter-wrap.no-scroll-right::after {
    opacity: 0 !important;
}

.mm-archive-filter-track {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 6px 42px 14px 42px !important;
    scroll-behavior: smooth !important;
}

/* Category Filter Left/Right Navigation Buttons */
.mm-filter-nav-btn {
    position: absolute !important;
    top: calc(50% - 4px) !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #141418 !important;
    border: 1.5px solid var(--mm-gold, #C29622) !important;
    color: var(--mm-gold, #C29622) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.8), 0 0 12px rgba(194, 150, 34, 0.3) !important;
    transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 0 !important;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

.mm-filter-nav-btn::before {
    content: '' !important;
    position: absolute !important;
    inset: -8px !important;
}

.mm-filter-nav-prev {
    left: 4px !important;
}

.mm-filter-nav-next {
    right: 4px !important;
}

.mm-filter-nav-btn:hover {
    background: var(--mm-gold, #C29622) !important;
    color: #0A0A0C !important;
    border-color: #E5B232 !important;
    transform: translateY(-50%) scale(1.12) !important;
    box-shadow: 0 0 20px rgba(194, 150, 34, 0.65) !important;
}

.mm-filter-nav-btn:active {
    transform: translateY(-50%) scale(0.92) !important;
}

.mm-filter-nav-btn.is-disabled {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transform: translateY(-50%) scale(0.7) !important;
}

/* Sidebar Search Widget */
.mm-widget-search {
    background: #111114 !important;
}

.mm-sidebar-search-form {
    margin-top: 14px !important;
}

.mm-search-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.mm-search-field {
    width: 100% !important;
    background: #18181D !important;
    border: 1px solid #282832 !important;
    border-radius: 8px !important;
    padding: 11px 44px 11px 14px !important;
    color: #FFFFFF !important;
    font-size: 13.5px !important;
    outline: none !important;
    transition: all 0.25s ease !important;
    box-sizing: border-box !important;
}

.mm-search-field:focus {
    border-color: var(--mm-gold, #C29622) !important;
    box-shadow: 0 0 15px rgba(194, 150, 34, 0.25) !important;
    background: #1C1C22 !important;
}

.mm-search-field::placeholder {
    color: #727278 !important;
}

.mm-search-submit-btn {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: var(--mm-gold, #C29622) !important;
    padding: 8px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
}

.mm-search-submit-btn:hover {
    background: rgba(194, 150, 34, 0.15) !important;
}

/* Sidebar Founder Spotlight Widget */
.mm-widget-founder {
    background: linear-gradient(145deg, #121216 0%, #17171C 100%) !important;
    border: 1px solid rgba(194, 150, 34, 0.3) !important;
    position: relative !important;
    overflow: hidden !important;
}

.mm-founder-badge {
    display: inline-block !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: var(--mm-gold, #C29622) !important;
    background: rgba(194, 150, 34, 0.12) !important;
    border: 1px solid rgba(194, 150, 34, 0.25) !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    margin-bottom: 14px !important;
}

.mm-founder-card-top {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    margin-bottom: 12px !important;
}

.mm-founder-avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 50% !important;
    border: 2px solid var(--mm-gold, #C29622) !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
}

.mm-founder-name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 0 3px 0 !important;
}

.mm-founder-title {
    font-size: 12px !important;
    color: var(--mm-gold, #C29622) !important;
    font-weight: 600 !important;
}

.mm-founder-bio {
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #A0A0A8 !important;
    margin: 0 0 16px 0 !important;
}

.mm-btn-sm {
    padding: 9px 18px !important;
    font-size: 12.5px !important;
}

/* Archive Empty State */
.mm-archive-empty {
    text-align: center !important;
    padding: 60px 20px !important;
    background: #111114 !important;
    border: 1px dashed #24242B !important;
    border-radius: 16px !important;
}

.mm-archive-empty svg {
    color: var(--mm-gold, #C29622) !important;
    margin-bottom: 16px !important;
}

.mm-archive-empty h3 {
    font-size: 20px !important;
    color: #FFFFFF !important;
    margin: 0 0 8px 0 !important;
}

.mm-archive-empty p {
    color: #8E8E93 !important;
    font-size: 14px !important;
    margin-bottom: 22px !important;
}

/* Pagination */
.mm-archive-pagination {
    margin-top: 36px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

.mm-archive-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 12px !important;
    background: #141418 !important;
    border: 1px solid #24242B !important;
    color: #A0A0A8 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mm-archive-pagination .page-numbers:hover {
    border-color: var(--mm-gold, #C29622) !important;
    color: #FFFFFF !important;
}

.mm-archive-pagination .page-numbers.current {
    background: var(--mm-gold, #C29622) !important;
    border-color: var(--mm-gold, #C29622) !important;
    color: #0A0A0A !important;
    font-weight: 700 !important;
}

/* Tablet Responsiveness */
@media (max-width: 991px) {
    .mm-archive-layout {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
}

/* Mobile Screens: EXACT 2 COLUMNS AS REQUESTED! */
@media (max-width: 767px) {
    .mm-container {
        padding: 0 12px !important;
    }

    .mm-archive-layout {
        gap: 24px !important;
    }

    .mm-archive-main {
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .mm-archive-main .mm-blog-grid,
    .mm-blog-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 2 EQUAL COLUMNS ON MOBILE! */
        gap: 10px !important;
        padding-bottom: 20px !important;
        width: 100% !important;
    }

    .mm-blog-card {
        border-radius: 12px !important;
    }

    .mm-blog-card-media {
        aspect-ratio: 4 / 5 !important;
    }

    .mm-blog-card-badge {
        top: 8px !important;
        left: 8px !important;
        font-size: 8px !important;
        padding: 2px 6px !important;
        letter-spacing: 0.2px !important;
    }

    .mm-blog-card-body {
        padding: 10px 8px !important;
    }

    .mm-blog-card-meta {
        margin-bottom: 3px !important;
    }

    .mm-blog-card-date {
        font-size: 9.5px !important;
    }

    .mm-blog-card-title {
        font-size: 12.5px !important;
        line-height: 1.35 !important;
        margin: 0 0 6px !important;
        min-height: 50px !important; /* Exactly 3 lines on mobile */
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .mm-blog-card-excerpt {
        display: none !important; /* Excerpt hidden on mobile 2-col to keep heights equal and clean! */
    }

    .mm-blog-card-link {
        font-size: 11px !important;
        padding-top: 6px !important;
        margin-top: auto !important;
        gap: 4px !important;
    }

    .mm-blog-card-link svg {
        width: 11px !important;
        height: 11px !important;
    }

    .mm-archive-hero {
        padding: 20px 0 25px 0 !important;
        margin-bottom: 20px !important;
    }

    .mm-archive-title {
        font-size: 22px !important;
    }

    .mm-archive-subtitle {
        font-size: 13.5px !important;
    }

    /* Mobile Category Navigation Arrows & Track */
    .mm-archive-filter-track {
        padding: 6px 34px 14px 34px !important;
    }

    .mm-filter-nav-btn {
        width: 28px !important;
        height: 28px !important;
    }

    .mm-filter-nav-btn svg {
        width: 12px !important;
        height: 12px !important;
    }

    .mm-filter-nav-prev {
        left: 2px !important;
    }

    .mm-filter-nav-next {
        right: 2px !important;
    }

    .mm-archive-filter-wrap::before,
    .mm-archive-filter-wrap::after {
        width: 40px !important;
    }
}