/* ==========================================================================
   Mak Tek Engineering — Industrial Bold Design System (v2 Full-Bleed)
   Full-Width Edge-to-Edge Layout, Hero Slider, Bento Grid, Split Rows
   ========================================================================== */

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

:root {
    --mt-charcoal: #191970;
    --mt-charcoal-dk: #10104A;
    --mt-slate-dark: #14145A;
    --mt-graphite: #1E1E7A;
    --mt-amber: #F5A623;
    --mt-amber-dk: #DB8E0B;
    --mt-amber-glow: rgba(245, 166, 35, 0.15);
    --mt-red: #D32027;
    --mt-canvas-white: #FFFFFF;
    --mt-canvas-steel: #F8F9FA;
    --mt-steel: #EEF0F2;
    --mt-steel-lt: #F6F7F9;
    --mt-text-body: #334155;
    --mt-text: #26292E;
    --mt-text-dark: #D4D8DE;
    --mt-text-muted: #64748B;
    --mt-border: rgba(255, 255, 255, 0.09);
    --mt-border-light: #E5E7EB;

    /* Card Architecture & Hover Physics */
    --mt-card-radius: 6px;
    --mt-card-lift: translateY(-5px);
    --mt-card-padding: 24px 22px;
    --mt-card-padding-lg: 28px 24px;
    --mt-card-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    --mt-card-shadow-hover: 0 16px 32px rgba(245, 166, 35, 0.12);
    --mt-card-transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;

    /* Typography Hierarchy */
    --mt-font-display: 'Poppins', sans-serif;
    --mt-font-nav: 'Poppins', sans-serif;
    --mt-font-body: 'Inter', sans-serif;

    /* Whitespace & Rhythm Tokens */
    --mt-container-max: 1380px;
    --mt-section-pad-y: clamp(40px, 6vw, 80px);
}

/* ==========================================================================
   1. FULL-BLEED RESET (NO BOXED WRAPPERS)
   ========================================================================== */

html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #FFFFFF;
}

body {
    font-family: var(--mt-font-body) !important;
    color: var(--mt-text);
    font-size: 16px !important;
    line-height: 1.7 !important;
    -webkit-font-smoothing: antialiased;
}

#wrapper,
#main,
#content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Even if a page accidentally uses page.php, force full-bleed unboxed layout */
.page-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.page-wrapper > .row.row-main {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}
.page-wrapper > .row.row-main > .large-12.col {
    padding: 0 !important;
    max-width: 100% !important;
}

/* Standard content container width inside full-bleed sections */
.container,
.row:not(.row-full-width):not(.row-collapse) {
    max-width: 1380px !important;
}

.section {
    width: 100% !important;
}

p {
    font-size: 16px;
    line-height: 1.75;
    color: #3F444D;
}

/* ==========================================================================
   2. TYPOGRAPHY
   ========================================================================== */

h1, h2, h3, h4, h5, h6,
.entry-title {
    font-family: var(--mt-font-display) !important;
    text-transform: none !important;
    font-weight: 700;
    letter-spacing: -0.01em !important;
    color: var(--mt-charcoal);
}

h1 {
    font-size: clamp(32px, 4vw, 44px) !important;
    line-height: 1.2 !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em !important;
}

h2 {
    font-size: clamp(24px, 2.6vw, 32px) !important;
    line-height: 1.28 !important;
    font-weight: 750 !important;
    letter-spacing: -0.01em !important;
}

h3 {
    font-size: clamp(18px, 2vw, 22px) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

h4 {
    font-size: clamp(15px, 1.6vw, 18px) !important;
    line-height: 1.4 !important;
    font-weight: 650 !important;
}

h5 {
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

h6 {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
    color: #FFFFFF !important;
}

/* ==========================================================================
   3. HEADER, TRANSPARENT OVERLAY, RESPONSIVE NAVBAR & MEGA-MENU
   ========================================================================== */

#top-bar {
    background-color: #14145A !important;
    color: var(--mt-text-dark) !important;
    font-size: 14.5px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    min-height: 42px !important;
    line-height: 1.5 !important;
}

#top-bar .flex-row {
    min-height: 42px !important;
    align-items: center !important;
}

#top-bar .nav-small.nav > li.html,
#top-bar .html_topbar_left,
#top-bar .html_topbar_right,
#top-bar .html_topbar_left span,
#top-bar .html_topbar_right span,
#top-bar .nav > li,
#top-bar .nav > li > a {
    font-size: 14.5px !important;
    font-weight: 500 !important;
    color: var(--mt-text-dark) !important;
    line-height: 1.5 !important;
    letter-spacing: 0.01em;
}

#top-bar a {
    color: var(--mt-text-dark) !important;
    transition: color 0.2s ease;
}

#top-bar a:hover {
    color: var(--mt-amber) !important;
}

#top-bar .html_topbar_left i,
#top-bar .html_topbar_right i {
    font-size: 15px !important;
    margin-right: 6px;
    vertical-align: -1px;
}

#top-bar .header-social-icons {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 14px !important;
}

#top-bar .social-icons {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px;
    margin: 0 !important;
}

#top-bar .social-icons a {
    color: var(--mt-text-dark) !important;
    font-size: 15px !important;
    width: 28px;
    height: 28px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 4px;
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

#top-bar .social-icons a:hover {
    color: var(--mt-amber) !important;
    background-color: rgba(255, 255, 255, 0.08);
    transform: translateY(-1px);
}

/* Default solid header on inner pages & sticky scroll */
.header-main {
    background-color: var(--mt-charcoal) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: background-color 0.35s ease, box-shadow 0.35s ease;
}

/* Transparent header over Hero on Homepage */
.has-transparent .header-wrapper:not(.stuck) .header-main,
.page-template-page-transparent-header-light .header-wrapper:not(.stuck) .header-main {
    background: linear-gradient(180deg, rgba(25, 25, 112, 0.94) 0%, rgba(25, 25, 112, 0.50) 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

/* Solid Charcoal Header on Scroll */
.header-wrapper.stuck .header-main {
    background-color: rgba(25, 25, 112, 0.98) !important;
    backdrop-filter: blur(10px);
    border-bottom: 2px solid var(--mt-amber);
    box-shadow: 0 10px 30px rgba(16, 16, 74, 0.45) !important;
}

.header-main .container,
.header-top .container {
    max-width: 1380px !important;
    width: 100% !important;
    padding: 0 24px !important;
}

.header-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

/* Brand Logo Lockup — Override Flatsome fixed 180px width so logo + wordmark never clip */
#logo {
    width: auto !important;
    max-width: none !important;
    flex-shrink: 0 !important;
    margin-right: 16px !important;
    order: 1 !important;
}

#logo a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    background: transparent !important;
    padding: 4px 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

#logo img {
    max-height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
}

.header-wrapper.stuck #logo img {
    max-height: 44px !important;
}

#logo a::after {
    content: "MAK TEK\A ENGINEERING";
    white-space: pre;
    font-family: var(--mt-font-display);
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    letter-spacing: 0.8px;
    color: #FFFFFF;
    border-left: 2px solid var(--mt-amber);
    padding-left: 10px;
    flex-shrink: 0;
}

@media (min-width: 1360px) {
    #logo a::after {
        font-size: 18px;
        letter-spacing: 1px;
    }
}

/* Hide empty left flex-cols so they never push elements out of alignment */
.header-inner > .show-for-medium.flex-left,
.header-inner > .hide-for-medium.flex-left {
    display: none !important;
}

.header-inner > .hide-for-medium.flex-right {
    margin-left: auto !important;
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Navigation items */
.header-nav {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Override Flatsome default uppercase navigation */
.header-nav.nav-uppercase > li > a,
.nav-uppercase > li > a,
.sidebar-menu .nav-uppercase > li > a {
    text-transform: none !important;
    letter-spacing: normal !important;
}

.header-nav > li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.header-nav > li > a {
    font-family: var(--mt-font-nav) !important;
    font-weight: 500 !important;
    text-transform: none !important;
    font-size: 13.5px !important;
    letter-spacing: normal !important;
    color: #FFFFFF !important;
    position: relative;
    padding: 10px 8px !important;
    white-space: nowrap !important;
    transition: color 0.2s ease;
}

@media (min-width: 1200px) {
    .header-nav > li > a {
        padding: 10px 11px !important;
        font-size: 14px !important;
    }
}

@media (min-width: 1360px) {
    .header-nav > li > a {
        padding: 10px 14px !important;
        font-size: 14.5px !important;
    }
}

.header-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: calc(100% - 16px);
    height: 2.5px;
    background-color: var(--mt-amber);
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

.header-nav > li:hover > a::after,
.header-nav > li.current-menu-item > a::after,
.header-nav > li.current-menu-ancestor > a::after {
    transform: translateX(-50%) scaleX(1);
}

.header-nav > li:hover > a {
    color: var(--mt-amber) !important;
}

/* Header Quote Button — Refined Corporate Industrial */
.header-button-1 {
    margin-left: 10px !important;
    flex-shrink: 0 !important;
}

.header-button-1 .header-button {
    display: inline-flex;
    align-items: center;
}

.header-button-1 a {
    background-color: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    font-family: var(--mt-font-nav) !important;
    font-weight: 600 !important;
    font-size: 13.5px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    border: none !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
}

@media (min-width: 1360px) {
    .header-button-1 a {
        font-size: 14px !important;
        padding: 9px 18px !important;
    }
}

.header-button-1 a::after {
    content: '→';
    margin-left: 7px;
    transition: transform 0.25s ease;
}

.header-button-1 a:hover {
    background-color: var(--mt-amber-dk) !important;
    color: var(--mt-charcoal) !important;
    box-shadow: 0 4px 14px rgba(245, 166, 35, 0.45) !important;
}

.header-button-1 a:hover::after {
    transform: translateX(3px);
}

/* ==========================================================================
   3A. DESKTOP DROPDOWN MENUS (Clean Corporate Standard — Positive Power Reference)
   ========================================================================== */

/* Universal Desktop Dropdown Container */
@media (min-width: 1025px) {
    .header-nav .nav-dropdown {
        position: absolute !important;
        top: 100% !important;
        margin: 0 !important;
        background-color: #FFFFFF !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
        border-top: 3px solid var(--mt-amber) !important;
        border-radius: 0 0 6px 6px !important;
        box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16), 0 3px 8px rgba(0, 0, 0, 0.06) !important;
        min-width: 260px !important;
        padding: 6px 0 !important;
        z-index: 9999 !important;
        max-height: none !important;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(6px);
        transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.2s ease !important;
    }

    /* Invisible hover bridge to eliminate dropdown flicker */
    .header-nav .has-dropdown::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 14px;
        pointer-events: auto;
        z-index: 1 !important;
    }

    .header-nav .has-dropdown:hover > .nav-dropdown,
    .header-nav .has-dropdown.current-dropdown > .nav-dropdown {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
        display: block !important;
    }

    /* Alignments */
    #menu-item-188 > .nav-dropdown,
    #menu-item-195 > .nav-dropdown {
        left: 0 !important;
        right: auto !important;
    }

    /* Insights Dropdown (near right edge) — Align to right to prevent screen overflow */
    #menu-item-205 > .nav-dropdown {
        left: auto !important;
        right: 0 !important;
    }

    /* Universal Clean Corporate Dropdown Item Links (Company, Expertise, Insights) */
    .header-nav .nav-dropdown > li {
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: none !important;
        width: 100% !important;
        display: block !important;
    }

    .header-nav .nav-dropdown > li > a {
        font-family: var(--mt-font-nav) !important;
        color: #2D3748 !important;
        font-size: 13.5px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        padding: 10px 20px !important;
        border-bottom: 1px solid #EDF2F7 !important;
        border-left: 3px solid transparent !important;
        display: block !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        white-space: normal !important;
        background: #FFFFFF !important;
        transition: all 0.18s ease !important;
    }

    .header-nav .nav-dropdown > li:last-child > a {
        border-bottom: none !important;
    }

    .header-nav .nav-dropdown > li:hover > a,
    .header-nav .nav-dropdown > li.current-menu-item > a {
        background-color: #F8FAFC !important;
        color: #191970 !important;
        border-left-color: var(--mt-amber) !important;
        padding-left: 24px !important;
    }
}


/* ==========================================================================
   3B. TABLET & MOBILE HEADER + DRAWER MENU (<= 1024px)
   Rock-solid Night Blue (#191970), Zero-Jump Logo, Smooth Scrollable Drawer,
   Touch-Friendly Accordion Submenus & Sleek Mobile RFQ Action
   ========================================================================== */

@media (max-width: 1024px) {
    #top-bar {
        display: none !important;
    }

    /* Solid Night Blue Navigation Bar — Never Washed Out by Hero Sliders */
    .header-main,
    .transparent .header-main,
    .has-transparent .header-wrapper:not(.stuck) .header-main,
    .header-wrapper.stuck .header-main,
    .stuck .header-main {
        background: var(--mt-charcoal) !important;
        background-color: var(--mt-charcoal) !important;
        background-image: none !important;
        height: 64px !important;
        min-height: 64px !important;
        border-bottom: 2px solid rgba(245, 166, 35, 0.4) !important;
        box-shadow: 0 4px 18px rgba(16, 16, 74, 0.45) !important;
        transition: none !important;
    }

    #masthead {
        height: 64px !important;
        min-height: 64px !important;
    }

    .header-main .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        margin: 0 !important;
        height: 100% !important;
    }

    .header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 100% !important;
        min-height: 64px !important;
    }

    /* Hide desktop nav */
    .header-inner > .hide-for-medium.flex-right {
        display: none !important;
    }

    /* Mobile Brand Logo Lockup */
    #logo {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
        order: 1 !important;
    }

    #logo a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 9px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-decoration: none !important;
    }

    #logo img,
    .header-wrapper.stuck #logo img,
    .stuck #logo img {
        max-height: 38px !important;
        width: auto !important;
        object-fit: contain !important;
        transition: none !important;
    }

    #logo a::after {
        content: "MAK TEK\A ENGINEERING" !important;
        white-space: pre !important;
        font-family: var(--mt-font-display) !important;
        font-weight: 750 !important;
        font-size: 14.5px !important;
        line-height: 1.05 !important;
        letter-spacing: 0.7px !important;
        color: #FFFFFF !important;
        border-left: 2px solid var(--mt-amber) !important;
        padding-left: 8px !important;
        flex-shrink: 0 !important;
    }

    /* Mobile Right Navigation Container */
    .header-inner > .show-for-medium.flex-right {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        margin-left: auto !important;
        order: 3 !important;
        height: 100% !important;
    }

    .header-inner > .show-for-medium.flex-right .mobile-nav {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 9px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        height: 100% !important;
    }

    .header-inner > .show-for-medium.flex-right .mobile-nav > li:not(.header-button-1) {
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* Mobile Header: Completely remove Quote CTA button on mobile (Keep ultra-clean: Logo Left + Hamburger Right) */
    .header-inner > .show-for-medium.flex-right .mobile-nav > li.header-button-1,
    .mobile-nav .header-button-1,
    .show-for-medium .header-button-1,
    .show-for-medium .header-button,
    #masthead .show-for-medium .header-button-1 {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* Hamburger Toggle Button */
    .mobile-nav .nav-icon > a {
        width: 42px !important;
        height: 42px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #10104A !important;
        border: 1.5px solid var(--mt-amber) !important;
        border-radius: 4px !important;
        color: var(--mt-amber) !important;
        padding: 0 !important;
        margin: 0 !important;
        transition: all 0.2s ease !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
    }

    .mobile-nav .nav-icon > a:hover,
    .mobile-nav .nav-icon > a:focus,
    .mobile-nav .nav-icon > a:active {
        background-color: var(--mt-amber) !important;
        color: var(--mt-charcoal) !important;
        border-color: var(--mt-amber) !important;
    }

    .mobile-nav .nav-icon i.icon-menu {
        font-size: 20px !important;
        line-height: 1 !important;
    }
}

/* Compact phones <= 480px */
@media (max-width: 480px) {
    .header-main,
    .transparent .header-main,
    .has-transparent .header-wrapper:not(.stuck) .header-main,
    .header-wrapper.stuck .header-main,
    .stuck .header-main,
    #masthead,
    .header-inner {
        height: 58px !important;
        min-height: 58px !important;
    }

    .header-main .container {
        padding: 0 12px !important;
    }

    #logo a {
        gap: 7px !important;
    }

    #logo img,
    .header-wrapper.stuck #logo img,
    .stuck #logo img {
        max-height: 34px !important;
    }

    #logo a::after {
        font-size: 13px !important;
        padding-left: 7px !important;
        letter-spacing: 0.5px !important;
    }



    .mobile-nav .nav-icon > a {
        width: 38px !important;
        height: 38px !important;
    }

    .mobile-nav .nav-icon i.icon-menu {
        font-size: 18px !important;
    }
}

/* Extra small devices <= 380px */
@media (max-width: 380px) {
    #logo a {
        gap: 6px !important;
    }

    #logo img,
    .header-wrapper.stuck #logo img,
    .stuck #logo img {
        max-height: 30px !important;
    }

    #logo a::after {
        font-size: 11.5px !important;
        padding-left: 6px !important;
        letter-spacing: 0.4px !important;
    }


}

/* ==========================================================================
   MOBILE OFF-CANVAS SIDEBAR DRAWER (#main-menu)
   Full Momentum Scrolling, Night Blue Theme & Touch-Optimized Accordion
   ========================================================================== */

.off-canvas .mfp-container,
.off-canvas-left .mfp-container,
.off-canvas-right .mfp-container {
    padding: 0 !important;
    margin: 0 !important;
}

.off-canvas .mfp-content,
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content,
.off-canvas-left.dark .mfp-content,
.off-canvas-right.dark .mfp-content {
    --drawer-width: min(340px, 88vw) !important;
    width: min(340px, 88vw) !important;
    max-width: 88vw !important;
    background-color: #14145A !important;
    padding: 0 !important;
    margin: 0 !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    max-height: 100vh !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-right: 2px solid var(--mt-amber) !important;
    box-shadow: 12px 0 40px rgba(0, 0, 0, 0.7) !important;
}

#main-menu,
#main-menu.mobile-sidebar,
.mobile-sidebar {
    background-color: #14145A !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.off-canvas .sidebar-menu,
.mobile-sidebar .sidebar-menu {
    background-color: #14145A !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

/* Drawer Brand Header */
.mt-mobile-drawer-header {
    background-color: var(--mt-charcoal) !important;
    width: 100% !important;
    padding: 12px 58px 12px 18px !important;
    margin: 0 !important;
    border-bottom: 2px solid var(--mt-amber) !important;
    box-sizing: border-box !important;
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
}

.mt-mobile-drawer-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
}

.mt-mobile-drawer-brand img {
    max-height: 36px !important;
    width: auto !important;
    display: block !important;
}

.mt-mobile-drawer-brand-text {
    border-left: 2px solid var(--mt-amber) !important;
    padding-left: 9px !important;
    font-family: var(--mt-font-display) !important;
    line-height: 1.05 !important;
}

.mt-mobile-drawer-brand-text strong {
    display: block !important;
    color: #FFFFFF !important;
    font-size: 15.5px !important;
    font-weight: 750 !important;
    letter-spacing: 0.8px !important;
}

.mt-mobile-drawer-brand-text span {
    display: block !important;
    color: var(--mt-amber) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
}

/* Drawer Close Button (X) */
.off-canvas .mfp-close {
    top: 10px !important;
    right: 12px !important;
    width: 42px !important;
    height: 42px !important;
    background: #1E1E7A !important;
    border: 1.5px solid rgba(245, 166, 35, 0.5) !important;
    border-radius: 4px !important;
    color: var(--mt-amber) !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    mix-blend-mode: normal !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.off-canvas .mfp-close:hover {
    background: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    border-color: var(--mt-amber) !important;
}

/* Drawer Navigation Links & Accordion Rows */
.mobile-sidebar .nav-sidebar,
.mobile-sidebar .nav.nav-vertical {
    background-color: #14145A !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.mobile-sidebar .nav-sidebar > li,
.mobile-sidebar .nav-sidebar.nav-vertical > li + li {
    background-color: #14145A !important;
    width: 100% !important;
    border-top: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    box-sizing: border-box !important;
    position: relative !important;
    transition: background-color 0.2s ease !important;
}

.mobile-sidebar .nav-sidebar > li > a {
    flex: 1 1 calc(100% - 50px) !important;
    color: #FFFFFF !important;
    background-color: transparent !important;
    font-family: var(--mt-font-nav) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    padding: 13px 14px 13px 18px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.mobile-sidebar .nav-sidebar > li:hover,
.mobile-sidebar .nav-sidebar > li.current-menu-item {
    background-color: #1E1E7A !important;
}

.mobile-sidebar .nav-sidebar > li.current-menu-item > a,
.mobile-sidebar .nav-sidebar > li.active > a,
.mobile-sidebar .nav-sidebar > li:hover > a {
    color: var(--mt-amber) !important;
}

.mobile-sidebar .nav-sidebar > li.current-menu-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3.5px;
    background-color: var(--mt-amber);
    z-index: 2;
}

/* Accordion Toggle Arrow Button */
.mobile-sidebar .nav-sidebar > li > button.toggle {
    width: 50px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    color: var(--mt-amber) !important;
    opacity: 1 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.mobile-sidebar .nav-sidebar > li > button.toggle i {
    font-size: 16px !important;
    color: var(--mt-amber) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    display: inline-block !important;
}

.mobile-sidebar .nav-sidebar > li.active > button.toggle i {
    transform: rotate(180deg) !important;
}

/* Submenus (Nested under Company, Expertise, Insights) */
.mobile-sidebar .nav-sidebar > li:not(.active) > ul.children,
.mobile-sidebar .nav-sidebar > li:not(.active) > ul.sub-menu {
    display: none !important;
}

.mobile-sidebar .nav-sidebar > li.active > ul.children,
.mobile-sidebar .nav-sidebar > li.active > ul.sub-menu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    background-color: #10104A !important;
    border-left: 3px solid var(--mt-amber) !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.mobile-sidebar .sub-menu > li,
.mobile-sidebar .children > li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
}

.mobile-sidebar .sub-menu > li > a,
.mobile-sidebar .children > li > a,
.mobile-sidebar .nav-sidebar-ul.children > li > a {
    color: #D1D5DB !important;
    background-color: transparent !important;
    font-family: var(--mt-font-nav) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    padding: 11px 16px 11px 24px !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.mobile-sidebar .sub-menu > li:last-child > a,
.mobile-sidebar .children > li:last-child > a {
    border-bottom: none !important;
}

.mobile-sidebar .sub-menu > li > a:hover,
.mobile-sidebar .children > li > a:hover,
.mobile-sidebar .sub-menu > li.current-menu-item > a {
    color: var(--mt-amber) !important;
    background-color: rgba(245, 166, 35, 0.08) !important;
    padding-left: 28px !important;
}

/* Mobile Drawer Footer (CTA + Direct Contact) */
.mt-mobile-drawer-footer {
    background-color: #0D0D3D !important;
    width: 100% !important;
    padding: 18px 16px 32px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}

.mt-mobile-drawer-cta {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 12px 20px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    margin-bottom: 14px !important;
    border-radius: 4px !important;
    background-color: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.mt-mobile-drawer-cta:hover {
    background-color: var(--mt-amber-dk) !important;
    color: var(--mt-charcoal) !important;
}

.mt-mobile-drawer-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mt-mobile-contact-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: #D1D5DB !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    min-height: 38px !important;
    padding: 2px 0 !important;
    transition: color 0.2s ease !important;
}

.mt-mobile-contact-item i {
    color: var(--mt-amber) !important;
    font-size: 15px !important;
    flex-shrink: 0 !important;
}

a.mt-mobile-contact-item:hover {
    color: var(--mt-amber) !important;
}


/* ==========================================================================
   4. HERO SLIDER (FULL-SCREEN [ux_slider] + KEN BURNS)
   ========================================================================== */

.mt-hero-slider-wrap,
.slider-wrapper {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
}

/* Ken Burns slow zoom effect on active slide background */
@keyframes mt-kenburns {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.09);
    }
}

.slider .is-selected .banner-bg .bg {
    animation: mt-kenburns 14s ease-out forwards;
}

/* Industrial Square Slider Navigation Arrows */
.slider-wrapper .flickity-prev-next-button {
    width: 52px !important;
    height: 52px !important;
    background-color: rgba(25, 25, 112, 0.85) !important;
    border: 1px solid rgba(245, 166, 35, 0.45) !important;
    border-radius: 0 !important;
    color: #FFFFFF !important;
    opacity: 0.9 !important;
    transition: all 0.25s ease !important;
}

.slider-wrapper .flickity-prev-next-button:hover {
    background-color: var(--mt-amber) !important;
    border-color: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    transform: translateY(-50%) scale(1.05) !important;
}

.slider-wrapper .flickity-prev-next-button svg,
.slider-wrapper .flickity-prev-next-button .arrow {
    fill: currentColor !important;
}

/* Industrial Square Slider Dots */
.slider-wrapper .flickity-page-dots {
    bottom: 55px !important;
}

.slider-wrapper .flickity-page-dots .dot {
    width: 32px !important;
    height: 4px !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.35) !important;
    border: none !important;
    margin: 0 5px !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
}

.slider-wrapper .flickity-page-dots .dot.is-selected {
    width: 52px !important;
    background: var(--mt-amber) !important;
}

/* Slide Badge Pill */
.mt-slide-meta {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: rgba(25, 25, 112, 0.82);
    border: 1px solid rgba(245, 166, 35, 0.4);
    border-left: 4px solid var(--mt-amber);
    padding: 8px 18px;
    margin-bottom: 22px;
    font-family: var(--mt-font-display);
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--mt-amber);
}

@media (max-width: 767px) {
    .slider-wrapper .flickity-prev-next-button {
        display: none !important;
    }
    .slider-wrapper .flickity-page-dots {
        bottom: 48px !important;
    }
    .mt-slide-meta {
        font-size: 12px;
        letter-spacing: 1.2px;
        padding: 6px 12px;
        margin-bottom: 14px;
    }
    .mt-btn {
        padding: 12px 24px !important;
        font-size: 15px !important;
    }
}

/* ==========================================================================
   5. SIGNATURE INDUSTRIAL COMPONENTS
   ========================================================================== */

/* 1. Industrial Square Buttons */
.mt-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 15px 34px !important;
    border-radius: 0 !important;
    font-family: var(--mt-font-display) !important;
    font-size: 16px !important;
    font-weight: 650 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
}

.mt-btn .mt-btn-arrow {
    transition: transform 0.25s ease;
    display: inline-block;
    font-size: 19px;
    line-height: 1;
}

.mt-btn:hover .mt-btn-arrow {
    transform: translateX(6px);
}

.mt-btn--amber {
    background-color: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    border-color: var(--mt-amber) !important;
}

.mt-btn--amber:hover {
    background-color: var(--mt-amber-dk) !important;
    border-color: var(--mt-amber-dk) !important;
    color: var(--mt-charcoal) !important;
    box-shadow: 0 8px 25px rgba(245, 166, 35, 0.45) !important;
}

.mt-btn--outline {
    background-color: rgba(25, 25, 112, 0.45) !important;
    color: #FFFFFF !important;
    border: 2px solid var(--mt-amber) !important;
}

.mt-btn--outline:hover {
    background-color: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
}

.mt-btn--dark {
    background-color: var(--mt-charcoal) !important;
    color: #FFFFFF !important;
    border: 2px solid var(--mt-charcoal) !important;
}

.mt-btn--dark:hover {
    background-color: var(--mt-charcoal-dk) !important;
    border-color: var(--mt-amber) !important;
    color: var(--mt-amber) !important;
    box-shadow: 0 8px 25px rgba(16, 16, 74, 0.45) !important;
}

/* 2. Eyebrow Label */
.mt-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.mt-eyebrow-bar {
    width: 38px;
    height: 4px;
    background-color: var(--mt-amber);
    display: inline-block;
}

.mt-eyebrow-text {
    font-family: var(--mt-font-display);
    font-size: 14.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.mt-eyebrow--dark .mt-eyebrow-text {
    color: var(--mt-charcoal);
}

.mt-eyebrow--light .mt-eyebrow-text {
    color: var(--mt-amber);
}

/* 3. Outlined Section Number */
.mt-num {
    font-family: var(--mt-font-display);
    font-size: clamp(64px, 7.5vw, 96px);
    font-weight: 800;
    line-height: 0.9;
    color: transparent;
    -webkit-text-stroke: 2px rgba(245, 166, 35, 0.55);
    margin-bottom: 10px;
    user-select: none;
}

/* 4. Blueprint Grid Texture */
.mt-blueprint {
    background-color: var(--mt-charcoal);
    background-image: 
        linear-gradient(rgba(245, 166, 35, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245, 166, 35, 0.045) 1px, transparent 1px);
    background-size: 44px 44px;
}

/* 5. Angled Section Dividers */
.mt-angle-top {
    clip-path: polygon(0 3vw, 100% 0, 100% 100%, 0 100%);
    padding-top: calc(3vw + 65px) !important;
}

.mt-angle-bottom {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 3vw), 0 100%);
    padding-bottom: calc(3vw + 65px) !important;
}

/* ==========================================================================
   6. ASYMMETRIC BENTO GRID (6 DIVISIONS)
   ========================================================================== */

.mt-bento-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 22px;
    width: 100%;
}

.mt-bento-tile {
    position: relative;
    overflow: hidden;
    background-color: var(--mt-charcoal);
    min-height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 36px 32px;
    text-decoration: none !important;
    border-top: 4px solid transparent;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
    transition: border-color 0.3s ease, transform 0.35s ease, box-shadow 0.35s ease;
}

/* Asymmetric column spans: 2 Large Top Tiles (7 + 5), 4 Bottom Tiles (3 + 3 + 3 + 3) */
.mt-bento-tile--large-1 {
    grid-column: span 7;
    min-height: 430px;
}

.mt-bento-tile--large-2 {
    grid-column: span 5;
    min-height: 430px;
}

.mt-bento-tile--small {
    grid-column: span 3;
    min-height: 350px;
}

@media (max-width: 1100px) {
    .mt-bento-tile--large-1,
    .mt-bento-tile--large-2,
    .mt-bento-tile--small {
        grid-column: span 6;
        min-height: 360px;
    }
}

@media (max-width: 680px) {
    .mt-bento-tile--large-1,
    .mt-bento-tile--large-2,
    .mt-bento-tile--small {
        grid-column: span 12;
        min-height: 320px;
        padding: 28px 24px;
    }
}

.mt-bento-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.65s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1;
}

.mt-bento-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(25, 25, 112, 0.25) 0%, rgba(25, 25, 112, 0.78) 52%, rgba(25, 25, 112, 0.96) 100%);
    transition: background 0.35s ease;
    z-index: 2;
}

.mt-bento-tile:hover {
    border-top-color: var(--mt-amber);
    transform: translateY(-5px);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.28);
}

.mt-bento-tile:hover .mt-bento-bg {
    transform: scale(1.08);
}

.mt-bento-num {
    position: absolute;
    top: 20px;
    right: 24px;
    font-family: var(--mt-font-display);
    font-size: 68px;
    font-weight: 800;
    line-height: 0.85;
    color: transparent;
    -webkit-text-stroke: 1.8px rgba(245, 166, 35, 0.45);
    z-index: 3;
    transition: -webkit-text-stroke-color 0.3s ease, transform 0.3s ease;
}

.mt-bento-tile:hover .mt-bento-num {
    -webkit-text-stroke-color: var(--mt-amber);
    transform: scale(1.05);
}

.mt-bento-content {
    position: relative;
    z-index: 3;
}

.mt-bento-tag {
    display: inline-block;
    background: rgba(245, 166, 35, 0.18);
    border-left: 3px solid var(--mt-amber);
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    padding: 3px 10px;
    margin-bottom: 10px;
}

.mt-bento-title {
    color: #FFFFFF !important;
    font-family: var(--mt-font-display) !important;
    font-size: clamp(23px, 2.4vw, 30px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    margin: 0 0 10px 0 !important;
    text-transform: uppercase;
}

.mt-bento-desc {
    color: #D0D5DD !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    margin: 0 0 18px 0 !important;
}

.mt-bento-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 15.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mt-bento-link span {
    transition: transform 0.25s ease;
}

.mt-bento-tile:hover .mt-bento-link span {
    transform: translateX(6px);
}

/* ==========================================================================
   7. FULL-WIDTH ALTERNATING PROJECT SPLIT ROWS
   ========================================================================== */

.mt-project-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--mt-graphite);
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 36px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.mt-project-split--reverse .mt-project-media {
    order: 2;
}

.mt-project-split--reverse .mt-project-body {
    order: 1;
}

.mt-project-media {
    position: relative;
    min-height: 400px;
    overflow: hidden;
}

.mt-project-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}

.mt-project-split:hover .mt-project-media img {
    transform: scale(1.06);
}

.mt-project-badge {
    position: absolute;
    top: 22px;
    left: 22px;
    background: var(--mt-amber);
    color: var(--mt-charcoal);
    font-family: var(--mt-font-display);
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    text-transform: uppercase;
}

.mt-project-body {
    padding: 48px 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mt-project-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-bottom: 14px;
    font-family: var(--mt-font-display);
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--mt-amber);
}

@media (max-width: 900px) {
    .mt-project-split {
        grid-template-columns: 1fr;
    }
    .mt-project-split--reverse .mt-project-media,
    .mt-project-split--reverse .mt-project-body {
        order: unset;
    }
    .mt-project-media {
        min-height: 280px;
    }
    .mt-project-body {
        padding: 32px 26px;
    }
}

/* ==========================================================================
   8. 5-STEP HORIZONTAL TIMELINE ("HOW WE WORK")
   ========================================================================== */

.mt-timeline {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    position: relative;
    margin-top: 20px;
}

.mt-timeline::before {
    content: '';
    position: absolute;
    top: 34px;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(90deg, var(--mt-amber) 0%, rgba(245, 166, 35, 0.3) 100%);
    z-index: 1;
}

.mt-timeline-step {
    position: relative;
    z-index: 2;
    background: #FFFFFF;
    border: 1px solid rgba(25, 25, 112, 0.08);
    border-bottom: 3px solid var(--mt-amber);
    padding: 28px 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mt-timeline-step:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.1);
}

.mt-timeline-node {
    width: 48px;
    height: 48px;
    background: var(--mt-charcoal);
    color: var(--mt-amber);
    border: 2px solid var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 20px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
}

@media (max-width: 980px) {
    .mt-timeline {
        grid-template-columns: repeat(2, 1fr);
    }
    .mt-timeline::before {
        display: none;
    }
}

@media (max-width: 600px) {
    .mt-timeline {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   9. INDUSTRY TILES, PRODUCT CARDS & BRAND STRIP
   ========================================================================== */

.mt-industry-tile {
    background: #FFFFFF;
    padding: 28px 24px;
    border: 1px solid rgba(25, 25, 112, 0.07);
    border-left: 4px solid var(--mt-amber);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    transition: all 0.3s ease;
    height: 100%;
}

.mt-industry-tile:hover {
    background: var(--mt-charcoal);
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.16);
}

.mt-industry-tile h5 {
    color: var(--mt-charcoal);
    font-size: 20px;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.mt-industry-tile p {
    color: #5C626C;
    font-size: 14.5px;
    line-height: 1.6;
    margin: 0;
    transition: color 0.3s ease;
}

.mt-industry-tile:hover h5 {
    color: var(--mt-amber) !important;
}

.mt-industry-tile:hover p {
    color: #D4D8DE !important;
}

/* Authorized & Partner Brand Strip */
.mt-brand-strip {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 14px;
    margin-top: 40px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mt-brand-pill {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 16px 14px;
    text-align: center;
    transition: all 0.25s ease;
}

.mt-brand-pill:hover {
    border-color: var(--mt-amber);
    background: rgba(245, 166, 35, 0.1);
    transform: translateY(-3px);
}

.mt-brand-pill strong {
    display: block;
    color: #FFFFFF;
    font-family: var(--mt-font-display);
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mt-brand-pill span {
    display: block;
    color: var(--mt-amber);
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-top: 3px;
}

@media (max-width: 980px) {
    .mt-brand-strip {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 550px) {
    .mt-brand-strip {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ==========================================================================
   10. CARDS, TAGS, MARQUEE, TABLE & FOOTER WORDMARK
   ========================================================================== */

.mt-card {
    background-color: #FFFFFF;
    border-radius: 0;
    border-top: 3px solid transparent;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07);
    transition: all 0.35s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.mt-card:hover {
    border-top-color: var(--mt-amber);
    transform: translateY(-6px);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.15);
}

.dark .mt-card {
    background-color: var(--mt-graphite);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
}

.mt-tag {
    display: inline-block;
    background-color: #ECEEF2;
    color: #191970;
    padding: 5px 13px;
    font-size: 13px;
    font-weight: 600;
    border-left: 3px solid var(--mt-amber);
    margin-right: 6px;
    margin-bottom: 6px;
}

/* Client Logo Marquee */
.mt-marquee-wrap {
    overflow: hidden;
    padding: 25px 0;
}

.mt-marquee-row {
    display: flex;
    overflow: hidden;
    user-select: none;
    margin-bottom: 20px;
}

.mt-marquee-track {
    display: flex;
    gap: 28px;
    flex-shrink: 0;
    align-items: center;
}

.mt-marquee--left .mt-marquee-track {
    animation: mt-scroll-left 45s linear infinite;
}

.mt-marquee--right .mt-marquee-track {
    animation: mt-scroll-right 45s linear infinite;
}

.mt-marquee-row:hover .mt-marquee-track {
    animation-play-state: paused;
}

.mt-marquee-item {
    width: 165px;
    height: 82px;
    background: #FFFFFF;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    box-sizing: border-box;
    filter: grayscale(100%);
    opacity: 0.85;
    transition: all 0.3s ease;
}

.mt-marquee-item:hover {
    filter: grayscale(0%);
    opacity: 1;
    border-bottom-color: var(--mt-amber);
    transform: translateY(-3px);
}

.mt-marquee-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

@keyframes mt-scroll-left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@keyframes mt-scroll-right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}

/* Enlistment Table */
.mt-table-wrap {
    overflow-x: auto;
    margin: 20px 0;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}

.mt-table {
    width: 100%;
    border-collapse: collapse;
    background: #FFFFFF;
    text-align: left;
}

.mt-table th {
    background: var(--mt-charcoal);
    color: #FFFFFF;
    font-family: var(--mt-font-display);
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 16px 22px;
    border-bottom: 3px solid var(--mt-amber);
}

.mt-table td {
    padding: 16px 22px;
    border-bottom: 1px solid #ECEEF2;
    color: var(--mt-text);
    font-size: 15px;
}

.mt-status-badge {
    display: inline-block;
    background-color: rgba(46, 125, 50, 0.12);
    color: #2E7D32;
    padding: 4px 12px;
    font-size: 12.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Inner Page Title Band */
.mt-page-title-band {
    position: relative;
    background-color: var(--mt-charcoal);
    background-size: cover;
    background-position: center;
    padding: 95px 0 85px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 2.5vw), 0 100%);
    overflow: hidden;
}

.mt-page-title-band::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(25, 25, 112, 0.92) 0%, rgba(25, 25, 112, 0.78) 100%);
    z-index: 1;
}

.mt-page-title-inner {
    position: relative;
    z-index: 2;
}

.mt-page-title-heading {
    color: #FFFFFF !important;
    margin-bottom: 12px !important;
}

.mt-breadcrumb {
    font-family: var(--mt-font-nav);
    font-size: 14px;
    color: var(--mt-text-dark);
}

.mt-breadcrumb a {
    color: var(--mt-amber);
    text-decoration: none;
}

.mt-breadcrumb .divider {
    margin: 0 8px;
    color: rgba(255, 255, 255, 0.35);
}

/* ==========================================================================
   FOOTER ARCHITECTURE (Night Blue Client Identity & Mobile Responsiveness)
   ========================================================================== */

/* Outlined Footer Wordmark - Hidden per design preference */
.mt-footer-wordmark {
    display: none !important;
}

#footer,
.footer-wrapper {
    background-color: var(--mt-charcoal) !important;
    color: var(--mt-text-dark);
    overflow-x: hidden !important;
}

/* Upper CTA Band */
.mt-footer-cta-band {
    background-color: var(--mt-amber) !important;
    width: 100% !important;
}

.mt-footer-cta-band h2 {
    color: var(--mt-charcoal) !important;
}

.mt-footer-cta-btn-wrap {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* Blueprint Main Footer */
.mt-blueprint {
    background-color: var(--mt-charcoal) !important;
    position: relative;
}

.mt-footer-contact a {
    color: #E2E6EC !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.mt-footer-contact a:hover {
    color: var(--mt-amber) !important;
}

.mt-footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mt-footer-links li {
    margin: 0 !important;
}

.mt-footer-links li a {
    display: inline-block;
    color: #C9CDD2 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    padding: 3px 0;
}

.mt-footer-links li a:hover {
    color: var(--mt-amber) !important;
    transform: translateX(4px);
}

.mt-footer-address-grid {
    border-top: 1px solid rgba(255, 255, 255, 0.09);
    padding: 26px 0 10px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
}

/* Absolute Footer — Night Blue Theme Standard (Not Black) */
.absolute-footer {
    background-color: var(--mt-charcoal-dk) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #A0AEC0 !important;
    font-size: 13px !important;
    padding: 18px 0 !important;
}

.absolute-footer .copyright-footer {
    line-height: 1.6 !important;
}

.absolute-footer strong {
    color: #FFFFFF !important;
}

.mobile-sidebar .html_topbar_left,
.mobile-sidebar .html_topbar_right {
    display: none !important;
}

/* Responsive Footer Mobile Rules (<= 767px) */
@media (max-width: 767px) {
    .mt-footer-cta-band {
        padding: 28px 0 !important;
    }
    .mt-footer-cta-btn-wrap {
        justify-content: flex-start !important;
        margin-top: 16px !important;
        width: 100% !important;
    }
    .mt-footer-cta-btn-wrap .mt-btn {
        width: 100% !important;
        justify-content: center !important;
        padding: 14px 20px !important;
    }
    .mt-blueprint {
        padding: 40px 0 20px 0 !important;
    }
    .mt-footer-links li a {
        padding: 7px 0 !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
    }
    .absolute-footer {
        padding: 16px 12px !important;
        font-size: 12.5px !important;
        text-align: center !important;
    }
}

@media (max-width: 600px) {
    .mt-footer-address-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* ==========================================================================
   Full-Bleed Sections & Boxed Content Container System
   (Full screen width for background/sections, boxed max-width 1240px for content)
   ========================================================================== */

.mt-section,
.mt-section-spacious,
.section.mt-section-spacious {
    width: 100%;
    position: relative;
    padding: clamp(40px, 6vw, 80px) 0 !important;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    .mt-section,
    .mt-section-spacious,
    .section.mt-section-spacious {
        padding: 80px 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .mt-section,
    .mt-section-spacious,
    .section.mt-section-spacious {
        padding: 60px 0 !important;
    }
}

@media (max-width: 767px) {
    .mt-section,
    .mt-section-spacious,
    .section.mt-section-spacious {
        padding: 42px 0 !important;
    }
}

.mt-section--light,
.mt-section--white,
.mt-bg-white,
.mt-canvas-white {
    background-color: var(--mt-canvas-white, #FFFFFF) !important;
    color: var(--mt-text);
}

.mt-section--steel,
.mt-bg-steel,
.mt-canvas-steel {
    background-color: var(--mt-canvas-steel, #F8F9FA) !important;
    color: var(--mt-text);
}

.mt-section--dark {
    background-color: var(--mt-charcoal) !important;
    color: #FFFFFF;
}

.mt-section--black {
    background-color: var(--mt-charcoal-dk) !important;
    color: #FFFFFF;
}

/* Dark Void CTA Canvas */
.mt-section--dark-void,
.mt-section--cta {
    background-color: var(--mt-slate-dark, #14145A) !important;
    color: #FFFFFF;
    border-top: 3px solid var(--mt-amber);
}

/* Bottom Consultation CTA Split-Band Structure */
.mt-bottom-cta-split {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
}

.mt-bottom-cta-btns {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-shrink: 0;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .mt-bottom-cta-split {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }
}

/* Boxed Content Container - Content stays within 1380px centered matching Homepage */
.mt-container {
    width: 100%;
    max-width: 1380px !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    position: relative;
}

@media (max-width: 768px) {
    .mt-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ==========================================================================
   STEP 3: Inner Page Banners, Team, Documents, Clients & Contact Styles
   ========================================================================== */

/* Inner Page Hero Banner (Full width background, boxed inner content) */
.mt-page-header {
    width: 100%;
    background-color: var(--mt-charcoal);
    background-image: url('/wp-content/uploads/2026/10/maktek-slide-background-3d-mep-building-design.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 76px 0 65px;
    border-bottom: 3px solid var(--mt-amber);
    color: #FFFFFF;
    overflow: hidden;
    box-sizing: border-box;
}

.mt-page-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(25, 25, 112, 0.88) 0%, rgba(20, 20, 90, 0.72) 100%);
    z-index: 1;
}

.mt-page-header-grid-overlay {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(245, 166, 35, 0.08) 1px, transparent 1px);
    background-size: 24px 24px;
    pointer-events: none;
    z-index: 1;
}

.mt-page-header .mt-container {
    position: relative;
    z-index: 5;
}

.mt-page-header-inner,
.mt-page-header__inner {
    position: relative;
    z-index: 5;
}

/* Page Header Breadcrumbs */
.mt-breadcrumbs,
.mt-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    font-family: var(--mt-font-nav);
    font-size: 13.5px;
    color: #CBD5E1 !important;
    margin: 0 0 14px 0;
    line-height: 1.4;
}

.mt-breadcrumbs a,
.mt-breadcrumb a {
    color: #E2E8F0 !important;
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.2s ease;
}

.mt-breadcrumbs a:hover,
.mt-breadcrumb a:hover {
    color: var(--mt-amber) !important;
}

.mt-breadcrumbs__sep,
.mt-breadcrumb .divider {
    color: rgba(255, 255, 255, 0.45) !important;
    font-size: 14px;
    margin: 0 2px;
}

.mt-breadcrumbs__current,
.mt-breadcrumb .current {
    color: var(--mt-amber) !important;
    font-weight: 700 !important;
}

/* Page Header Meta Strip & Badges */
.mt-page-header__meta-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px 0;
}

.mt-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--mt-font-display);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 5px 12px;
    border-radius: 4px;
    line-height: 1.2;
}

.mt-badge--amber {
    background: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    box-shadow: 0 2px 8px rgba(245, 166, 35, 0.3);
}

.mt-badge--graphite {
    background: #1E1E7A !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.mt-badge--graphite i {
    color: var(--mt-amber) !important;
}

.mt-badge--outline {
    background: rgba(245, 166, 35, 0.12) !important;
    color: var(--mt-amber) !important;
    border: 1.5px solid rgba(245, 166, 35, 0.6) !important;
}

.mt-page-header-title,
.mt-page-header__title {
    font-family: var(--mt-font-display);
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 800;
    letter-spacing: normal;
    text-transform: none;
    color: #FFFFFF !important;
    margin: 8px 0 14px;
    line-height: 1.1;
}

.mt-page-header-subtitle,
.mt-page-header__subtitle {
    font-family: var(--mt-font-body);
    font-size: clamp(15px, 1.2vw, 17.5px);
    color: #CBD5E1 !important;
    max-width: 840px;
    line-height: 1.6;
    margin: 0;
}

/* Team Grid & Cards */
.mt-team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin: 40px 0;
}

.mt-team-card {
    background: #191970;
    border: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.mt-team-card:hover {
    border-color: var(--mt-amber);
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
}

.mt-team-photo-wrap {
    position: relative;
    width: 100%;
    height: 350px;
    background-color: #14145A;
    overflow: hidden;
}

.mt-team-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    transition: transform 0.5s ease;
}

.mt-team-card:hover .mt-team-photo {
    transform: scale(1.05);
}

.mt-team-photo-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1E1E7A 0%, #14145A 100%);
}

.mt-team-content {
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-team-qual {
    margin-bottom: 8px;
}

.mt-team-name {
    font-family: var(--mt-font-display);
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF !important;
    text-transform: uppercase;
    margin: 4px 0 6px !important;
    letter-spacing: 0.5px;
}

.mt-team-designation {
    font-family: var(--mt-font-display);
    font-size: 15px;
    font-weight: 600;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 14px;
}

.mt-team-bio {
    font-size: 14px;
    line-height: 1.65;
    color: #A0AEC0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 14px;
    margin-top: auto;
}

details.mt-team-bio summary {
    font-family: var(--mt-font-display);
    font-size: 14px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    outline: none;
    user-select: none;
    margin-bottom: 6px;
}

details.mt-team-bio[open] summary {
    margin-bottom: 12px;
}

.mt-team-bio p {
    margin: 0 0 10px;
    color: #CBD5E1;
}

/* CEO Message Feature Block */
.mt-ceo-feature {
    background: #191970;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 5px solid var(--mt-amber);
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 40px;
    padding: 40px;
    margin-bottom: 50px;
    align-items: center;
}

@media (max-width: 900px) {
    .mt-ceo-feature {
        grid-template-columns: 1fr;
        padding: 24px;
        gap: 24px;
    }
}

.mt-ceo-portrait {
    width: 100%;
    height: 420px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.mt-ceo-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.mt-ceo-quote {
    font-family: var(--mt-font-display);
    font-size: clamp(20px, 2vw, 28px);
    font-weight: 600;
    line-height: 1.35;
    color: #FFFFFF;
    margin-bottom: 20px;
    position: relative;
    padding-left: 24px;
    border-left: 3px solid var(--mt-amber);
}

.mt-ceo-text {
    font-size: 15.5px;
    line-height: 1.7;
    color: #CBD5E1;
    margin-bottom: 24px;
}

.mt-ceo-signature {
    font-family: var(--mt-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
}

/* Statutory Certificates Gallery */
.mt-certs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 28px;
    margin: 40px 0;
}

.mt-cert-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.mt-cert-card:hover {
    border-color: var(--mt-amber);
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.mt-cert-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.mt-cert-preview {
    position: relative;
    height: 250px;
    background: #F8FAFC;
    border-bottom: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    overflow: hidden;
}

.mt-cert-preview img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    transition: transform 0.4s ease;
}

.mt-cert-card:hover .mt-cert-preview img {
    transform: scale(1.04);
}

.mt-cert-zoom-icon {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: var(--mt-charcoal);
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 12px;
    opacity: 0;
    transform: translateY(6px);
    transition: all 0.3s ease;
}

.mt-cert-card:hover .mt-cert-zoom-icon {
    opacity: 1;
    transform: translateY(0);
}

.mt-cert-info {
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-cert-title {
    font-family: var(--mt-font-display);
    font-size: 19px;
    font-weight: 700;
    color: var(--mt-charcoal) !important;
    margin: 10px 0 6px !important;
    line-height: 1.25;
    text-transform: uppercase;
}

.mt-cert-authority {
    font-size: 13.5px;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

/* Categorized Clients Section */
.mt-clients-wrapper {
    margin: 30px 0 50px;
}

.mt-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 36px;
    justify-content: center;
}

.mt-filter-btn {
    background: #FFFFFF;
    color: var(--mt-charcoal);
    border: 1px solid #CBD5E1;
    padding: 11px 22px;
    font-family: var(--mt-font-display);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 0 !important;
}

.mt-filter-btn:hover,
.mt-filter-btn.active {
    background: var(--mt-charcoal);
    color: var(--mt-amber);
    border-color: var(--mt-charcoal);
}

.mt-clients-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 16px;
}

.mt-client-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    padding: 22px 16px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 135px;
    transition: all 0.25s ease;
}

.mt-client-card:hover {
    border-color: var(--mt-amber);
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.07);
}

.mt-client-logo-inner {
    height: 60px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.mt-client-logo-inner img {
    max-height: 52px;
    max-width: 130px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.82;
    transition: all 0.25s ease;
}

.mt-client-card:hover .mt-client-logo-inner img {
    filter: none;
    opacity: 1;
    transform: scale(1.05);
}

.mt-client-title {
    font-size: 12px;
    font-weight: 600;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    line-height: 1.3;
}

/* Contact Page Components */
.mt-office-card {
    background: #191970;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 4px solid var(--mt-amber);
    padding: 28px 26px;
    margin-bottom: 22px;
    transition: border-color 0.25s ease;
}

.mt-office-card:hover {
    border-color: var(--mt-amber);
}

.mt-office-type {
    font-family: var(--mt-font-display);
    font-size: 13px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.mt-office-title {
    font-family: var(--mt-font-display);
    font-size: 22px;
    font-weight: 700;
    color: #FFFFFF !important;
    text-transform: uppercase;
    margin: 0 0 14px !important;
}

.mt-office-address {
    font-size: 14.5px;
    line-height: 1.6;
    color: #CBD5E1;
    margin-bottom: 14px;
}

.mt-office-contacts {
    font-size: 14px;
    line-height: 1.7;
    color: #A0AEC0;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    padding-top: 12px;
}

.mt-office-contacts a {
    color: #FFFFFF;
    text-decoration: none;
    transition: color 0.2s;
}

.mt-office-contacts a:hover {
    color: var(--mt-amber);
}

/* Elevated Light Office Card (.mt-office-card--light) */
.mt-office-card--light,
.mt-section:not(.mt-section--dark) .mt-office-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-left: 4px solid var(--mt-amber, #F5A623) !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.05);
    border-radius: 6px;
    padding: 26px 24px;
    margin-bottom: 20px;
    transition: all 0.25s ease;
}

.mt-office-card--light:hover,
.mt-section:not(.mt-section--dark) .mt-office-card:hover {
    border-color: #E2E8F0 !important;
    border-left-color: var(--mt-amber-dk, #DB8E0B) !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.09);
}

.mt-office-card--light .mt-office-type,
.mt-section:not(.mt-section--dark) .mt-office-card .mt-office-type {
    color: var(--mt-amber-dk, #DB8E0B) !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

.mt-office-card--light .mt-office-title,
.mt-section:not(.mt-section--dark) .mt-office-card .mt-office-title {
    color: #191970 !important; /* Midnight Blue */
    font-size: 20px;
    font-weight: 750;
    margin: 4px 0 10px !important;
}

.mt-office-card--light .mt-office-address,
.mt-section:not(.mt-section--dark) .mt-office-card .mt-office-address {
    color: var(--mt-text-body, #334155) !important;
    font-size: 14.5px;
    line-height: 1.6;
    margin-bottom: 12px;
}

.mt-office-card--light .mt-office-contacts,
.mt-section:not(.mt-section--dark) .mt-office-card .mt-office-contacts {
    color: #64748B !important;
    border-top: 1px solid #EEF0F2 !important;
    padding-top: 12px;
    font-size: 14px;
    line-height: 1.7;
}

.mt-office-card--light .mt-office-contacts a,
.mt-section:not(.mt-section--dark) .mt-office-card .mt-office-contacts a {
    color: #191970 !important; /* Midnight Blue */
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}

.mt-office-card--light .mt-office-contacts a:hover,
.mt-section:not(.mt-section--dark) .mt-office-card .mt-office-contacts a:hover {
    color: var(--mt-amber-dk, #DB8E0B) !important;
}

/* Fluent Form Dark Theme Overrides */
.mt-dark-form-card {
    background: #191970;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 4px solid var(--mt-amber);
    padding: 40px;
    color: #FFFFFF;
}

@media (max-width: 600px) {
    .mt-dark-form-card {
        padding: 24px 18px;
    }
}

.mt-dark-form-card .ff-el-input--label label {
    font-family: var(--mt-font-display) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #E2E8F0 !important;
    margin-bottom: 8px !important;
}

.mt-dark-form-card input[type="text"],
.mt-dark-form-card input[type="email"],
.mt-dark-form-card input[type="tel"],
.mt-dark-form-card select,
.mt-dark-form-card textarea {
    background-color: #14145A !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #FFFFFF !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    font-family: var(--mt-font-body) !important;
    font-size: 14.5px !important;
    text-transform: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

.mt-dark-form-card input::placeholder,
.mt-dark-form-card textarea::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.mt-dark-form-card input:focus,
.mt-dark-form-card select:focus,
.mt-dark-form-card textarea:focus {
    border-color: var(--mt-amber) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(245, 166, 35, 0.25) !important;
}

.mt-dark-form-card .ff-btn-submit {
    background: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    font-family: var(--mt-font-display) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 14px 28px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.mt-dark-form-card .ff-btn-submit:hover {
    background: #E59516 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(245, 166, 35, 0.35);
}

.mt-dark-form-card .ff-message-success {
    background: rgba(245, 166, 35, 0.15) !important;
    border: 1px solid var(--mt-amber) !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
    padding: 18px 20px !important;
    font-size: 15px !important;
}

/* Fluent Form Checkbox & Engineering Scope Grid */
.mt-dark-form-card .mt-rfq-conditional-group {
    background: rgba(20, 20, 90, 0.45);
    border: 1px solid rgba(245, 166, 35, 0.25);
    border-left: 3px solid var(--mt-amber);
    padding: 18px 20px;
    margin: 18px 0;
    transition: all 0.3s ease;
}

.mt-dark-form-card .mt-rfq-conditional-group .ff-el-input--content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.mt-dark-form-card .ff-el-form-check {
    background: rgba(20, 20, 90, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 10px 14px;
    transition: all 0.2s ease;
    display: flex;
    align-items: flex-start;
    margin: 0;
    cursor: pointer;
}

.mt-dark-form-card .ff-el-form-check:hover {
    background: rgba(245, 166, 35, 0.08);
    border-color: var(--mt-amber);
}

.mt-dark-form-card .ff-el-form-check:has(input:checked) {
    background: rgba(245, 166, 35, 0.14);
    border-color: var(--mt-amber);
    box-shadow: 0 0 0 1px var(--mt-amber);
}

.mt-dark-form-card .ff-el-form-check-label {
    color: #E2E8F0 !important;
    font-family: var(--mt-font-body) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.mt-dark-form-card .ff-el-form-check-input {
    accent-color: var(--mt-amber) !important;
    width: 17px !important;
    height: 17px !important;
    margin-top: 2px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

/* Tooltip & Help Text Styling */
.mt-dark-form-card .ff-el-help-message {
    color: #94A3B8 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    margin-top: 6px !important;
    font-family: var(--mt-font-body) !important;
}

.mt-dark-form-card .ff-el-tooltip {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    vertical-align: middle;
    cursor: help;
}

.mt-dark-form-card .ff-el-tooltip svg {
    fill: var(--mt-amber) !important;
    width: 15px;
    height: 15px;
    opacity: 0.85;
    transition: opacity 0.2s ease;
}

.mt-dark-form-card .ff-el-tooltip:hover svg {
    opacity: 1;
}

/* Select Option Styling */
.mt-dark-form-card select option {
    background-color: #14145A !important;
    color: #FFFFFF !important;
    padding: 10px !important;
}

/* File Upload & Dropzone Dark Styling */
.mt-dark-form-card .ff_file_upload_holder {
    display: block;
    width: 100%;
    padding: 24px 20px;
    background: #14145A;
    border: 2px dashed rgba(245, 166, 35, 0.4);
    text-align: center;
    cursor: pointer;
    transition: all 0.25s ease;
}

.mt-dark-form-card .ff_file_upload_holder:hover {
    border-color: var(--mt-amber);
    background: rgba(245, 166, 35, 0.05);
}

.mt-dark-form-card .ff_upload_btn {
    display: inline-block;
    background: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    font-family: var(--mt-font-display) !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 10px 22px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(245, 166, 35, 0.25) !important;
    transition: all 0.2s ease !important;
}

.mt-dark-form-card .ff_upload_btn:hover {
    background: #E59516 !important;
    transform: translateY(-1px);
}

/* ==========================================================================
   ELEVATED LIGHT RFQ FORM CARD (.mt-white-form-card) & NORMALIZED TYPOGRAPHY
   ========================================================================== */

.mt-white-form-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 4px solid var(--mt-amber);
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.08);
    padding: 40px;
    color: var(--mt-charcoal);
    border-radius: 6px;
}

@media (max-width: 600px) {
    .mt-white-form-card {
        padding: 24px 18px;
    }
}

.mt-white-form-card .ff-el-input--label label {
    font-family: var(--mt-font-display) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    margin-bottom: 8px !important;
    color: #1E293B !important;
}

.mt-white-form-card input[type="text"],
.mt-white-form-card input[type="email"],
.mt-white-form-card input[type="tel"],
.mt-white-form-card input[type="number"],
.mt-white-form-card select,
.mt-white-form-card textarea {
    background-color: #FFFFFF !important;
    border: 1.5px solid #CBD5E1 !important;
    color: #0F172A !important;
    border-radius: 4px !important;
    padding: 12px 14px !important;
    font-family: var(--mt-font-body) !important;
    font-size: 14.5px !important;
    text-transform: none !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

.mt-white-form-card input::placeholder,
.mt-white-form-card textarea::placeholder,
.mt-white-form-card select::placeholder {
    color: #94A3B8 !important;
    opacity: 1 !important;
    text-transform: none !important;
}

.mt-white-form-card input:focus,
.mt-white-form-card select:focus,
.mt-white-form-card textarea:focus {
    border-color: var(--mt-amber) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(245, 166, 35, 0.22) !important;
    background-color: #FFFFFF !important;
}

.mt-white-form-card .ff-btn-submit {
    background: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    font-family: var(--mt-font-display) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 14px 32px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(245, 166, 35, 0.35) !important;
    transition: all 0.25s ease !important;
}

.mt-white-form-card .ff-btn-submit:hover {
    background: #E59516 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(245, 166, 35, 0.45) !important;
}

.mt-white-form-card .mt-rfq-conditional-group {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-left: 3px solid var(--mt-amber) !important;
    padding: 20px !important;
    margin: 18px 0 !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

.mt-white-form-card .mt-rfq-conditional-group .ff-el-input--content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.mt-white-form-card .ff-el-form-check {
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 4px !important;
    padding: 10px 14px !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: flex-start !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.mt-white-form-card .ff-el-form-check:hover {
    background: #FFFDF9 !important;
    border-color: var(--mt-amber) !important;
}

.mt-white-form-card .ff-el-form-check:has(input:checked) {
    background: #FEF9EE !important;
    border-color: var(--mt-amber) !important;
    box-shadow: 0 0 0 1px var(--mt-amber) !important;
}

.mt-white-form-card .ff-el-form-check-label {
    color: #1E293B !important;
    font-family: var(--mt-font-body) !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

.mt-white-form-card .ff-el-form-check-input {
    accent-color: var(--mt-amber) !important;
    width: 17px !important;
    height: 17px !important;
    margin-top: 2px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.mt-white-form-card .ff_file_upload_holder {
    display: block;
    width: 100%;
    padding: 24px 20px;
    background: #F8FAFC;
    border: 2px dashed #CBD5E1;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s ease;
}

.mt-white-form-card .ff_file_upload_holder:hover {
    border-color: var(--mt-amber);
    background: #FEF9EE;
}

.mt-white-form-card .ff_upload_btn {
    display: inline-block;
    background: var(--mt-amber) !important;
    color: var(--mt-charcoal) !important;
    font-family: var(--mt-font-display) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    padding: 10px 22px !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    box-shadow: 0 3px 10px rgba(245, 166, 35, 0.25) !important;
    transition: all 0.2s ease !important;
}

.mt-white-form-card .ff_upload_btn:hover {
    background: #E59516 !important;
    transform: translateY(-1px);
}

.mt-white-form-card .ff-upload-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 8px 14px;
    margin-bottom: 8px;
    color: #1E293B;
    font-size: 13.5px;
}

.mt-white-form-card .ff-upload-preview .ff-file-name {
    color: #0F172A;
    font-weight: 600;
}

.mt-white-form-card .ff-el-help-message {
    color: #64748B !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    margin-top: 6px !important;
    font-family: var(--mt-font-body) !important;
    text-transform: none !important;
}

.mt-white-form-card .ff-el-tooltip svg {
    fill: var(--mt-charcoal) !important;
    width: 15px;
    height: 15px;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

.mt-white-form-card .ff-el-tooltip:hover svg {
    opacity: 1;
}

.mt-white-form-card select option {
    background-color: #FFFFFF !important;
    color: #0F172A !important;
    padding: 10px !important;
}

.mt-white-form-card .ff-message-success {
    background: #ECFDF5 !important;
    border: 1px solid #10B981 !important;
    color: #065F46 !important;
    border-radius: 4px !important;
    padding: 18px 20px !important;
    font-size: 15px !important;
}

.mt-dark-form-card .ff-uploaded-list {
    margin-top: 14px;
}

.mt-dark-form-card .ff-upload-preview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 8px 14px;
    margin-bottom: 8px;
    color: #FFFFFF;
    font-size: 13.5px;
}

.mt-dark-form-card .ff-upload-preview .ff-file-name {
    color: var(--mt-amber);
    font-weight: 600;
}

.mt-dark-form-card .ff-upload-preview .ff-remove-file {
    color: #EF4444;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    padding: 0 6px;
    transition: color 0.2s;
}

.mt-dark-form-card .ff-upload-preview .ff-remove-file:hover {
    color: #DC2626;
}

/* Value & Feature Cards */
.mt-value-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 4px solid var(--mt-charcoal);
    padding: 34px 28px;
    position: relative;
    transition: all 0.3s ease;
    height: 100%;
}

.mt-value-card:hover {
    border-top-color: var(--mt-amber);
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

.mt-value-num {
    font-family: var(--mt-font-display);
    font-size: 48px;
    font-weight: 800;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px var(--mt-amber);
    margin-bottom: 14px;
}

.mt-value-title {
    font-family: var(--mt-font-display);
    font-size: 22px;
    font-weight: 700;
    color: var(--mt-charcoal) !important;
    text-transform: uppercase;
    margin: 0 0 10px !important;
}

.mt-value-desc {
    font-size: 14.5px;
    line-height: 1.65;
    color: #64748B;
    margin: 0;
}

/* Process 4-Stage Cards */
.mt-process-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin: 36px 0;
}

.mt-process-card {
    background: #191970;
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 30px 24px;
    position: relative;
    transition: all 0.3s ease;
}

.mt-process-card:hover {
    border-color: var(--mt-amber);
    transform: translateY(-3px);
}

.mt-process-step-num {
    font-family: var(--mt-font-display);
    font-size: 14px;
    font-weight: 800;
    color: var(--mt-amber);
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.mt-process-title {
    font-family: var(--mt-font-display);
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF !important;
    text-transform: uppercase;
    margin: 0 0 10px !important;
}

.mt-process-text {
    font-size: 14px;
    line-height: 1.6;
    color: #A0AEC0;
    margin: 0;
}

/* Workshop Capabilities Grid */
.mt-workshop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

.mt-workshop-box {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-left: 4px solid var(--mt-charcoal);
    padding: 22px 20px;
    transition: all 0.25s ease;
}

.mt-workshop-box:hover {
    border-left-color: var(--mt-amber);
    background: #FFFFFF;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.mt-workshop-box h4 {
    font-family: var(--mt-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--mt-charcoal) !important;
    text-transform: uppercase;
    margin: 0 0 6px !important;
}

.mt-workshop-box p {
    font-size: 13.5px;
    line-height: 1.55;
    color: #64748B;
    margin: 0;
}

/* Responsive Split Grids for Inner Pages */
.mt-split-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 46px;
    align-items: center;
}

.mt-split-grid--top {
    align-items: start;
}

.mt-split-grid--left-heavy {
    grid-template-columns: 1.15fr 0.85fr;
}

.mt-split-grid--right-heavy {
    grid-template-columns: 0.85fr 1.15fr;
}

@media (max-width: 900px) {
    .mt-split-grid,
    .mt-split-grid--left-heavy,
    .mt-split-grid--right-heavy {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

/* ==========================================================================
   Executive Leadership: CEO Spotlight & Directors Grid (Light & Steel Theme)
   ========================================================================== */

.mt-ceo-spotlight {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 46px;
    align-items: start;
    margin-top: 10px;
}

@media (max-width: 900px) {
    .mt-ceo-spotlight {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

.mt-ceo-portrait-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 5px solid var(--mt-amber);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    position: relative;
    border-radius: 4px;
}

.mt-ceo-photo-wrap {
    width: 100%;
    height: 420px;
    background: #14145A;
    overflow: hidden;
}

.mt-ceo-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.4s ease;
}

.mt-ceo-portrait-card:hover .mt-ceo-photo-wrap img {
    transform: scale(1.03);
}

.mt-ceo-card-body {
    padding: 24px 22px;
    text-align: center;
}

.mt-ceo-card-name {
    font-family: var(--mt-font-display);
    font-size: 24px;
    font-weight: 800;
    color: var(--mt-charcoal) !important;
    text-transform: uppercase;
    margin: 0 0 4px !important;
    letter-spacing: 0.5px;
}

.mt-ceo-card-role {
    font-family: var(--mt-font-display);
    font-size: 15px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 10px;
}

.mt-ceo-card-qual {
    display: inline-block;
    background: #F1F5F9;
    color: #334155;
    font-size: 12.5px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 3px;
    margin-bottom: 16px;
    border: 1px solid #E2E8F0;
}

.mt-ceo-card-contact {
    border-top: 1px solid #E2E8F0;
    padding-top: 14px;
    font-size: 13.5px;
    color: #64748B;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mt-ceo-card-contact a {
    color: var(--mt-charcoal);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mt-ceo-card-contact a:hover {
    color: var(--mt-amber);
}

/* CEO Message Content Right Column */
.mt-ceo-message-content {
    display: flex;
    flex-direction: column;
}

.mt-ceo-pullquote {
    background: #F8FAFC;
    border-left: 4px solid var(--mt-amber);
    padding: 22px 26px;
    font-size: 17.5px;
    line-height: 1.7;
    font-style: italic;
    color: #191970;
    margin: 0 0 24px;
    border-radius: 0 6px 6px 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.mt-ceo-narrative {
    font-size: 15.5px;
    line-height: 1.8;
    color: #4A5568;
    margin-bottom: 16px;
}

.mt-ceo-signoff {
    margin-top: 16px;
    border-top: 1px solid #E2E8F0;
    padding-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.mt-ceo-signoff-text strong {
    display: block;
    font-family: var(--mt-font-display);
    font-size: 20px;
    font-weight: 800;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mt-ceo-signoff-text span {
    font-size: 13.5px;
    color: #64748B;
    font-weight: 500;
}

/* 3-Column Directors Grid */
.mt-directors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 36px;
}

@media (max-width: 992px) {
    .mt-directors-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .mt-directors-grid {
        grid-template-columns: 1fr;
    }
}

.mt-director-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 4px solid var(--mt-charcoal);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all 0.35s ease;
    border-radius: 4px;
}

.mt-director-card:hover {
    border-top-color: var(--mt-amber);
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.09);
}

.mt-director-photo-wrap {
    width: 100%;
    height: 320px;
    background: #14145A;
    overflow: hidden;
    position: relative;
}

.mt-director-photo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
    transition: transform 0.4s ease;
}

.mt-director-card:hover .mt-director-photo-wrap img {
    transform: scale(1.04);
}

.mt-director-card-body {
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-director-name {
    font-family: var(--mt-font-display);
    font-size: 21px;
    font-weight: 800;
    color: var(--mt-charcoal) !important;
    text-transform: uppercase;
    margin: 0 0 4px !important;
    letter-spacing: 0.5px;
}

.mt-director-role {
    font-family: var(--mt-font-display);
    font-size: 14px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
}

.mt-director-qual {
    display: inline-block;
    background: #F8FAFC;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 3px;
    margin-bottom: 14px;
    border: 1px solid #E2E8F0;
    align-self: flex-start;
}

.mt-director-bio {
    font-size: 14px;
    line-height: 1.65;
    color: #4A5568;
    margin: 0 0 18px;
    flex-grow: 1;
}

.mt-director-contact {
    border-top: 1px solid #F1F5F9;
    padding-top: 12px;
    margin-top: auto;
    font-size: 13.5px;
}

.mt-director-contact a {
    color: var(--mt-charcoal);
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.2s ease;
}

.mt-director-contact a:hover {
    color: var(--mt-amber);
}

/* ==========================================================================
   STANDARDIZED 50PX INDUSTRIAL AMBER DIVIDER LINE
   ========================================================================== */
.is-divider.small,
.mt-divider-amber,
.mt-divider-bar {
    width: 50px !important;
    max-width: 50px !important;
    height: 3px !important;
    background-color: var(--mt-amber, #F5A623) !important;
    border-radius: 1.5px !important;
    border: none !important;
    margin: 12px auto 20px auto;
    display: block;
    clear: both;
}

/* Centered Alignment */
.text-center .is-divider.small,
.text-center .mt-divider-amber,
.mt-divider-amber--center,
.section-title-wrap.text-center .is-divider.small,
.section-title-wrap.text-center .mt-divider-amber,
.mt-section-header.text-center .is-divider.small,
.mt-section-header.text-center .mt-divider-amber {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Left-Aligned */
.text-left .is-divider.small,
.text-left .mt-divider-amber,
.mt-divider-amber--left,
.mt-divider-bar--left,
.is-divider.small.align-left,
.section-title-wrap.text-left .is-divider.small,
.section-title-wrap.text-left .mt-divider-amber,
.mt-section-header.text-left .is-divider.small,
.mt-section-header.text-left .mt-divider-amber {
    margin: 10px 0 20px 0 !important;
}

/* Preserve blog post exclusion */
.box-blog-post .is-divider {
    display: none !important;
}

/* Lightbox support for certificates */
.mt-cert-card a.image-lightbox {
    position: relative;
    cursor: zoom-in;
}

/* Image Card with Dark Stat Overlay */
.mt-image-card {
    position: relative;
    border: 1px solid #CBD5E1;
    overflow: hidden;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
}

.mt-image-card img {
    width: 100%;
    display: block;
}

.mt-image-card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #14145A;
    background: rgba(20, 20, 90, 0.94);
    border-top: 3px solid var(--mt-amber);
    padding: 18px 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    z-index: 2;
}

.mt-image-card-overlay .stat-num {
    font-family: var(--mt-font-display);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.mt-image-card-overlay .stat-num--amber {
    color: var(--mt-amber);
}

.mt-image-card-overlay .stat-num--white {
    color: #FFFFFF;
}

.mt-image-card-overlay .stat-label {
    font-size: 12px;
    color: #CBD5E1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 4px;
}

/* Feature & Policy Cards (Bypass WP safecss stripping) */
.mt-card--white-shadow {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 5px solid var(--mt-amber);
    padding: 40px 36px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.mt-card--dark-shadow {
    background: var(--mt-charcoal);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 5px solid var(--mt-amber);
    padding: 40px 36px;
    color: #FFFFFF;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    box-sizing: border-box !important;
    max-width: 100% !important;
}

.mt-card--framed-photo {
    border: 1px solid #CBD5E1;
    padding: 10px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.mt-card--framed-photo img {
    width: 100%;
    display: block;
}

.mt-card--framed-photo .photo-caption {
    padding: 12px 10px 4px;
    font-size: 13.5px;
    color: #64748B;
    text-align: center;
    font-weight: 500;
}

/* HSE Policy Container & Box */
.mt-policy-card {
    background: var(--mt-charcoal);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 46px 40px;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.mt-policy-box {
    background: #14145A;
    border-left: 3px solid var(--mt-amber);
    padding: 22px 20px;
}

.mt-policy-box-title {
    font-family: var(--mt-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
    margin-bottom: 8px;
}

.mt-policy-box-text {
    font-size: 14px;
    line-height: 1.6;
    color: #CBD5E1;
    margin: 0;
}

/* Quote Callout */
.mt-quote-callout {
    background: #14145A;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-left: 4px solid var(--mt-amber);
    padding: 24px 22px;
    margin-top: 30px;
}

/* Map Section */
.mt-map-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    line-height: 0;
    border-top: 3px solid var(--mt-amber);
}

.mt-map-section iframe {
    display: block;
    width: 100%;
    border: 0;
}

.mt-border-subtle {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Clean wpautop rogue empty paragraphs */
p:empty,
.mt-container > p:empty,
.mt-section > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   STEP 4: EXPERTISE HUB & DIVISION PAGES
   ========================================================================== */

/* Division Page Layout (Main + Sticky Sidebar) */
.mt-division-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 48px;
    align-items: start;
}
@media (max-width: 991px) {
    .mt-division-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

.mt-division-main {
    min-width: 0;
}

/* Division Scope of Work Checklist */
.mt-scope-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 26px 0 36px;
}
@media (max-width: 640px) {
    .mt-scope-grid {
        grid-template-columns: 1fr;
    }
}
.mt-scope-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 3px solid var(--mt-amber);
    padding: 16px 18px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mt-scope-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}
.mt-scope-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background: var(--mt-amber);
    color: var(--mt-charcoal);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 2px;
    margin-top: 2px;
}
.mt-scope-text {
    font-size: 14px;
    line-height: 1.55;
    color: #334155;
}
.mt-scope-text strong {
    color: var(--mt-charcoal);
    display: block;
    font-size: 15.5px;
    font-family: var(--mt-font-display);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 3px;
}

/* Division Photo Mosaic Gallery (Lightbox) */
.mt-mosaic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin: 26px 0 36px;
}
@media (max-width: 768px) {
    .mt-mosaic-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .mt-mosaic-grid {
        grid-template-columns: 1fr;
    }
}
.mt-mosaic-card {
    position: relative;
    overflow: hidden;
    background: #000000;
    border: 1px solid #CBD5E1;
    aspect-ratio: 4/3;
    display: block;
    text-decoration: none !important;
}
.mt-mosaic-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease, opacity 0.3s ease;
}
.mt-mosaic-card:hover img {
    transform: scale(1.06);
    opacity: 0.88;
}
.mt-mosaic-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 40%, rgba(25, 25, 112, 0.92) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 14px;
    color: #FFFFFF;
    pointer-events: none;
}
.mt-mosaic-title {
    font-family: var(--mt-font-display);
    font-size: 14.5px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.25;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}
.mt-mosaic-zoom {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: var(--mt-amber);
    color: var(--mt-charcoal);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    border-radius: 2px;
    opacity: 0;
    transform: translateY(-4px);
    transition: all 0.2s ease;
}
.mt-mosaic-card:hover .mt-mosaic-zoom {
    opacity: 1;
    transform: translateY(0);
}

/* Project Reference Cards */
.mt-project-ref-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 24px 0 36px;
}
@media (max-width: 640px) {
    .mt-project-ref-grid {
        grid-template-columns: 1fr;
    }
}
.mt-project-ref-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 3px solid var(--mt-amber);
    padding: 18px 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}
.mt-project-ref-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}
.mt-project-ref-client {
    font-family: var(--mt-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--mt-charcoal);
    margin: 0;
    text-transform: uppercase;
}
.mt-project-ref-scope {
    font-size: 13.5px;
    line-height: 1.55;
    color: #64748B;
    margin: 0;
}

/* Division Sticky Sidebar */
.mt-division-sidebar {
    position: sticky;
    top: 100px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (max-width: 991px) {
    .mt-division-sidebar {
        position: static;
        margin-top: 36px;
    }
}
.mt-sidebox {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    padding: 26px 22px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.mt-sidebox--dark {
    background: var(--mt-charcoal);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 4px solid var(--mt-amber);
    color: #FFFFFF;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
}
.mt-sidebox-title {
    font-family: var(--mt-font-display);
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--mt-amber);
    color: var(--mt-charcoal);
}
.mt-sidebox--dark .mt-sidebox-title {
    color: #FFFFFF;
}
.mt-sidebar-nav {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.mt-sidebar-nav-item {
    margin: 0;
    padding: 0;
}
.mt-sidebar-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 14px;
    background: #F8FAFC;
    border-left: 3px solid transparent;
    color: #334155;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}
.mt-sidebar-nav-link:hover {
    background: #FFFBEB;
    border-left-color: var(--mt-amber);
    color: var(--mt-charcoal);
    padding-left: 18px;
}
.mt-sidebar-nav-link.active {
    background: #FFFBEB;
    border-left-color: var(--mt-amber);
    color: var(--mt-charcoal);
    font-weight: 700;
}
.mt-sidebar-nav-num {
    font-family: var(--mt-font-display);
    font-size: 15px;
    font-weight: 700;
    color: var(--mt-amber-dk);
    margin-right: 10px;
}
.mt-sidebar-hotline-item {
    display: flex;
    flex-direction: column;
    padding: 10px 0;
    border-bottom: 1px solid #E2E8F0;
}
.mt-sidebar-hotline-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.mt-hotline-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #64748B;
    font-weight: 600;
}
.mt-hotline-val {
    font-family: var(--mt-font-display);
    font-size: 17px;
    font-weight: 700;
    color: var(--mt-charcoal);
    text-decoration: none !important;
}
.mt-hotline-val:hover {
    color: var(--mt-amber);
}

/* Expertise Hub Stat Grid */
.mt-split,
.mt-split-col {
    min-width: 0;
}
.mt-split {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 46px;
    align-items: center;
}
@media (max-width: 900px) {
    .mt-split {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

.mt-hub-stat-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}
@media (max-width: 480px) {
    .mt-hub-stat-grid {
        grid-template-columns: 1fr;
    }
}
.mt-hub-stat-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-top: 4px solid var(--mt-amber);
    padding: 24px 20px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mt-hub-stat-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
}
.mt-hub-stat-num {
    font-family: var(--mt-font-display);
    font-size: 42px;
    font-weight: 800;
    color: var(--mt-charcoal);
    line-height: 1;
}
.mt-hub-stat-title {
    font-family: var(--mt-font-display);
    font-size: 15.5px;
    font-weight: 700;
    color: var(--mt-amber-dk);
    text-transform: uppercase;
    margin-top: 6px;
    letter-spacing: 0.5px;
}
.mt-hub-stat-desc {
    font-size: 13px;
    color: #64748B;
    margin: 6px 0 0;
    line-height: 1.45;
}

/* Expertise Hub Division Grid */
.mt-hub-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin: 40px 0;
}
@media (max-width: 820px) {
    .mt-hub-grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }
}
.mt-hub-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-top: 4px solid var(--mt-amber);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mt-hub-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
}
.mt-hub-card-photo {
    position: relative;
    height: 230px;
    overflow: hidden;
    background: #191970;
}
.mt-hub-card-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}
.mt-hub-card:hover .mt-hub-card-photo img {
    transform: scale(1.06);
}
.mt-hub-card-num {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(25, 25, 112, 0.92);
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 14.5px;
    font-weight: 800;
    padding: 4px 12px;
    border-left: 3px solid var(--mt-amber);
    letter-spacing: 0.6px;
}
.mt-hub-card-body {
    padding: 30px 26px 26px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.mt-hub-card-title {
    font-family: var(--mt-font-display);
    font-size: 24px;
    font-weight: 700;
    color: var(--mt-charcoal);
    margin-bottom: 12px;
    text-transform: uppercase;
    line-height: 1.2;
}
.mt-hub-card-desc {
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
    margin-bottom: 18px;
}
.mt-hub-scope-list {
    list-style: none !important;
    margin: 0 0 24px 0 !important;
    padding: 16px 0 0 0 !important;
    display: flex;
    flex-direction: column;
    gap: 9px;
    border-top: 1px solid #F1F5F9;
    flex-grow: 1;
}
.mt-hub-scope-list li {
    font-size: 13.5px;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    line-height: 1.45;
}
.mt-hub-scope-list li::before {
    content: "✓";
    color: var(--mt-amber-dk);
    font-weight: 700;
    font-size: 14px;
}
.mt-hub-card-body .mt-btn {
    width: 100%;
    justify-content: center;
    padding: 14px 22px !important;
    font-size: 15px !important;
    margin-top: auto;
}

/* "How We Work" Timeline (Dark Theme Optimized) */
.mt-timeline-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
    margin: 40px 0 10px;
}
@media (max-width: 991px) {
    .mt-timeline-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .mt-timeline-grid {
        grid-template-columns: 1fr;
    }
}
.mt-section--dark .mt-timeline-step {
    background: #14145A !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-top: 4px solid var(--mt-amber) !important;
    padding: 26px 20px;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mt-section--dark .mt-timeline-step:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
}
.mt-section--dark .mt-timeline-step-num {
    font-family: var(--mt-font-display);
    font-size: 32px;
    font-weight: 800;
    color: var(--mt-amber) !important;
    line-height: 1;
    margin-bottom: 10px;
}
.mt-section--dark .mt-timeline-step-title {
    font-family: var(--mt-font-display);
    font-size: 18px;
    font-weight: 700;
    color: #FFFFFF !important;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 0.3px;
}
.mt-section--dark .mt-timeline-step-text {
    font-size: 13.5px;
    color: #CBD5E1 !important;
    line-height: 1.55;
    margin: 0;
}

/* Workshop & Facility Section */
.mt-workshop-box {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 4px solid var(--mt-amber);
    padding: 24px 22px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
}
.mt-workshop-box h4 {
    font-family: var(--mt-font-display);
    font-size: 18px;
    font-weight: 700;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    margin: 0 0 6px;
}
.mt-workshop-box p {
    font-size: 13.5px;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

/* Global Grid Defense against wpautop stray paragraphs */
.mt-hub-grid > p,
.mt-timeline-grid > p,
.mt-scope-grid > p,
.mt-mosaic-grid > p,
.mt-split-grid > p,
.mt-project-ref-grid > p,
.mt-division-layout > p,
.mt-hub-stat-grid > p {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   STEP 5: PRODUCTS & EQUIPMENT DESIGN SYSTEM
   ========================================================================== */

/* --- 1. Products Catalogue Hub Styles --- */
.mt-catalogue-wrapper {
    width: 100%;
}

/* OEM Brand Trust Bar (Below Products Grid) */
.mt-oem-trust-banner {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 18px 24px;
    margin-top: 36px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.mt-oem-trust-tag {
    font-family: var(--mt-font-display);
    font-size: 11px;
    font-weight: 800;
    color: var(--mt-amber);
    background: #14145A;
    padding: 4px 10px;
    border-radius: 3px;
    letter-spacing: 1px;
    text-transform: uppercase;
    white-space: nowrap;
}

.mt-oem-trust-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-size: 13.5px;
    color: #475569;
}

.mt-oem-item strong {
    color: var(--mt-charcoal);
    font-weight: 700;
}

.mt-oem-item--amber strong {
    color: #B45309;
}

.mt-oem-sep {
    color: #CBD5E1;
}

/* Category Filter Navigation Bar (Single, Primary Filter) */
.mt-catalogue-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 4px solid var(--mt-amber);
    border-radius: 6px;
    padding: 16px 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.mt-filter-label {
    font-family: var(--mt-font-display);
    font-size: 13.5px;
    font-weight: 800;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.mt-filter-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    flex: 1 1 auto;
}

.mt-filter-btn,
.mt-project-filter-btn,
.mt-gallery-filter-btn {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    color: #475569;
    font-family: var(--mt-font-nav);
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.mt-filter-btn:hover,
.mt-project-filter-btn:hover,
.mt-gallery-filter-btn:hover {
    background: #F1F5F9;
    color: var(--mt-charcoal);
    border-color: #CBD5E1;
}

.mt-filter-btn.active,
.mt-project-filter-btn.active,
.mt-gallery-filter-btn.active {
    background: #14145A !important;
    border-color: #14145A !important;
    color: var(--mt-amber) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

/* Catalogue Products Grid */
.mt-catalogue-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 28px;
}

.mt-catalogue-item {
    transition: all 0.3s ease;
}

.mt-catalogue-card,
.mt-cat-card {
    background: #FFFFFF;
    border: 1px solid var(--mt-border-light, #E5E7EB);
    border-radius: var(--mt-card-radius, 6px);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: var(--mt-card-transition, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease);
    box-shadow: var(--mt-card-shadow, 0 4px 14px rgba(0, 0, 0, 0.04));
    position: relative;
}

.mt-catalogue-card:hover,
.mt-cat-card:hover {
    transform: var(--mt-card-lift, translateY(-5px));
    box-shadow: var(--mt-card-shadow-hover, 0 16px 32px rgba(245, 166, 35, 0.12));
    border-color: var(--mt-amber) !important;
}

.mt-cat-card__media {
    position: relative;
    width: 100%;
    height: 240px;
    background: #14145A;
    overflow: hidden;
}

.mt-cat-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.mt-cat-card:hover .mt-cat-card__img {
    transform: scale(1.05);
}

.mt-cat-card__badges {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    pointer-events: none;
}

.mt-badge-brand {
    background: rgba(20, 20, 90, 0.9);
    backdrop-filter: blur(4px);
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 11.5px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 3px;
    border: 1px solid rgba(245, 166, 35, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mt-badge-cert {
    background: var(--mt-amber);
    color: var(--mt-charcoal);
    font-family: var(--mt-font-display);
    font-size: 11px;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mt-cat-card__body {
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-cat-card__category {
    font-family: var(--mt-font-display);
    font-size: 11px;
    font-weight: 700;
    color: #64748B;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.mt-cat-card__title {
    font-family: var(--mt-font-display);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 10px 0;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.mt-cat-card__title a {
    color: var(--mt-charcoal);
    text-decoration: none;
    transition: color 0.2s ease;
}

.mt-cat-card__title a:hover {
    color: var(--mt-amber);
}

.mt-cat-card__desc {
    font-size: 13.5px;
    color: #475569;
    line-height: 1.5;
    margin: 0 0 16px 0;
}

.mt-cat-card__specs {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 12px 14px;
    margin-top: auto;
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mt-cat-spec-row {
    display: flex;
    justify-content: space-between;
    font-size: 12.5px;
    line-height: 1.35;
}

.mt-spec-k {
    color: #64748B;
    font-weight: 600;
}

.mt-spec-v {
    color: var(--mt-charcoal);
    font-weight: 700;
    text-align: right;
}

.mt-cat-card__footer {
    display: flex;
    align-items: center;
    padding-top: 14px;
    border-top: 1px solid #F1F5F9;
    margin-top: auto;
}

.mt-btn-spec {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: var(--mt-charcoal);
    color: #FFFFFF !important;
    font-family: var(--mt-font-nav);
    font-size: 13px;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.mt-btn-spec:hover {
    background: var(--mt-amber);
    color: var(--mt-charcoal) !important;
}

.mt-btn-rfq {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mt-amber);
    color: var(--mt-charcoal) !important;
    font-family: var(--mt-font-nav);
    font-size: 13px;
    font-weight: 700;
    padding: 9px 16px;
    border-radius: 4px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.mt-btn-rfq:hover {
    background: var(--mt-amber-dk) !important;
    color: var(--mt-charcoal) !important;
}

/* Workshop Spotlight Box */
.mt-workshop-spotlight__grid {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 36px;
    align-items: center;
}

.mt-workshop-stats-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    font-size: 13.5px;
    color: #94A3B8;
}

.mt-w-stat strong {
    color: var(--mt-amber);
    font-weight: 700;
}

.mt-w-sep {
    color: rgba(255, 255, 255, 0.2);
}

/* --- 2. Single Product Detail Page Styles (Fully Responsive & Clean Mobile Presentation) --- */
.mt-product-hero-section {
    padding-top: 40px;
    padding-bottom: 50px;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    box-sizing: border-box;
}

.mt-product-detail-section {
    padding-top: 55px;
    padding-bottom: 65px;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    box-sizing: border-box;
}

.mt-product-hero {
    display: grid;
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr);
    gap: 40px;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.mt-product-hero__media,
.mt-product-hero__summary {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* 2.1 Product Media Showcase Card */
.mt-product-media-card {
    position: relative;
    background: #FFFFFF !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(16, 16, 74, 0.08) !important;
    border: 1px solid #E2E8F0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.mt-product-media-card a.image-lightbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.mt-product-main-img {
    width: 100% !important;
    height: auto !important;
    max-height: 380px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
    transition: transform 0.3s ease;
}

.mt-product-media-card:hover .mt-product-main-img {
    transform: scale(1.02);
}

.mt-product-zoom-hint {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(20, 20, 90, 0.85);
    backdrop-filter: blur(4px);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    pointer-events: none;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    letter-spacing: 0.3px;
}

.mt-product-zoom-hint i {
    font-size: 13px;
}

.mt-product-card-badges {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    pointer-events: none;
    z-index: 3;
}

.mt-brand-tag {
    background: var(--mt-amber);
    color: var(--mt-charcoal);
    font-family: var(--mt-font-display);
    font-size: 11.5px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.mt-origin-tag {
    background: #14145A;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 3px;
    letter-spacing: 0.4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

/* 2.2 Trust Strip Under Hero Image */
.mt-product-trust-strip {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 14px;
    width: 100%;
    box-sizing: border-box;
}

.mt-trust-item {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
}

.mt-trust-icon {
    color: #16A34A;
    font-weight: 900;
    font-size: 16px;
    flex-shrink: 0;
}

.mt-trust-text {
    font-size: 12px;
    color: #475569;
    line-height: 1.35;
}

.mt-trust-text strong {
    display: block;
    color: var(--mt-charcoal);
    font-weight: 700;
}

/* 2.3 Product Hero Summary */
.mt-product-headline {
    font-family: var(--mt-font-display);
    font-size: 30px;
    font-weight: 800;
    color: var(--mt-charcoal);
    line-height: 1.2;
    text-transform: uppercase;
    margin: 8px 0 12px 0;
    letter-spacing: 0.5px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.mt-product-lead {
    font-size: 15px;
    line-height: 1.65;
    color: #334155;
    margin-bottom: 22px;
    word-break: break-word;
    overflow-wrap: break-word;
}

.mt-spec-highlights {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 24px;
    width: 100%;
    box-sizing: border-box;
}

.mt-spec-box {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-left: 3px solid var(--mt-amber);
    border-radius: 4px;
    padding: 12px 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
    box-sizing: border-box;
}

.mt-spec-box--wide {
    grid-column: 1 / -1;
}

.mt-spec-box__label {
    font-family: var(--mt-font-display);
    font-size: 11px;
    font-weight: 800;
    color: #64748B;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.mt-spec-box__val {
    font-size: 15px;
    font-weight: 700;
    color: var(--mt-charcoal);
    line-height: 1.3;
}

.mt-spec-box__val--highlight {
    color: #D97706;
}

.mt-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

.mt-product-actions .mt-btn {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    padding: 10px 22px;
}

.mt-product-hotline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-top: 14px;
    border-top: 1px solid #E2E8F0;
    font-size: 13px;
    color: #64748B;
    width: 100%;
    box-sizing: border-box;
}

.mt-hotline-numbers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.mt-hotline-link {
    color: var(--mt-charcoal);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.mt-hotline-link:hover {
    color: var(--mt-amber);
}

.mt-hotline-sep {
    color: #CBD5E1;
}

/* 2.4 Detail Split: Main Content & Sidebar */
.mt-product-detail-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
    gap: 36px;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.mt-product-detail-main {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.mt-product-detail-sidebar {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: sticky;
    top: 90px;
}

.mt-product-desc-box,
.mt-product-spec-table-box,
.mt-product-app-box {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-top: 4px solid var(--mt-amber) !important;
    border-radius: 6px !important;
    padding: 32px 28px !important;
    box-shadow: 0 4px 18px rgba(16, 16, 74, 0.04) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

.mt-box-title {
    font-family: var(--mt-font-display);
    font-size: 22px;
    font-weight: 800;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    margin: 6px 0 16px 0;
    letter-spacing: 0.5px;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* Typography inside Detailed Description (.mt-entry-content) */
.mt-entry-content {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
}

.mt-entry-content h3 {
    font-family: var(--mt-font-display) !important;
    font-size: 19px !important;
    font-weight: 750 !important;
    color: var(--mt-charcoal) !important;
    margin: 26px 0 12px 0 !important;
    border-left: 3.5px solid var(--mt-amber) !important;
    padding-left: 10px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.3px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
}

.mt-entry-content h3:first-child {
    margin-top: 0 !important;
}

.mt-entry-content p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: #334155 !important;
    margin-bottom: 16px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
}

.mt-entry-content strong {
    color: var(--mt-charcoal) !important;
    font-weight: 700 !important;
}

.mt-entry-content ul {
    padding-left: 0 !important;
    margin: 14px 0 20px 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
}

.mt-entry-content ul li {
    position: relative !important;
    padding-left: 22px !important;
    margin-bottom: 10px !important;
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #334155 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
}

.mt-entry-content ul li::before {
    content: "■" !important;
    position: absolute !important;
    left: 4px !important;
    top: 1px !important;
    color: var(--mt-amber) !important;
    font-size: 9px !important;
}

/* Equipment Accessories & Specifications Gallery Grid — Prominent Full-Size Layout */
.mt-entry-content .mt-product-gallery-grid,
.mt-product-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)) !important;
    gap: 24px !important;
    margin: 28px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.mt-gallery-item {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 8px !important;
    padding: 18px !important;
    text-align: center !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    position: relative !important;
    cursor: zoom-in !important;
}

.mt-gallery-item:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 24px rgba(20, 20, 90, 0.12) !important;
    border-color: var(--mt-amber) !important;
}

.mt-gallery-item img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 220px !important;
    max-height: 380px !important;
    object-fit: contain !important;
    margin: 0 auto 14px !important;
    display: block !important;
    border-radius: 6px !important;
    background: #F8FAFC !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    transition: transform 0.28s ease !important;
}

.mt-gallery-item:hover img {
    transform: scale(1.02) !important;
}

/* Full-width standalone diagrams & charts in single product entry content */
.mt-gallery-item[style*="grid-column: 1 / -1"] img,
.mt-entry-content > img,
.mt-entry-content p > img,
.mt-entry-content div > img:not(.mt-gallery-item:not([style*="grid-column: 1 / -1"]) img) {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 320px !important;
    max-height: 650px !important;
    object-fit: contain !important;
    margin: 0 auto 16px !important;
    display: block !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
}

/* Tap to Expand Zoom Hint badge on description images matching main hero image */
.mt-gallery-item .mt-product-zoom-hint,
.mt-desc-img-container .mt-product-zoom-hint {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(20, 20, 90, 0.85);
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 4px;
    backdrop-filter: blur(4px);
    pointer-events: none;
    opacity: 0.9;
    transition: opacity 0.2s, background 0.2s, color 0.2s;
    z-index: 3;
}

.mt-gallery-item:hover .mt-product-zoom-hint,
.mt-desc-img-container:hover .mt-product-zoom-hint {
    opacity: 1;
    background: var(--mt-amber, #F5A623);
    color: #14145A;
}

.mt-gallery-item strong {
    color: var(--mt-charcoal) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

.mt-gallery-item span {
    color: #64748B !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    display: block !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

/* 2.5 Technical Specifications Table */
.mt-table-swipe-cue {
    display: none;
    font-size: 12px;
    color: #64748B;
    background: #F1F5F9;
    padding: 6px 12px;
    border-radius: 4px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600;
}

.mt-table-responsive {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
    margin-top: 8px !important;
}

.mt-spec-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 0;
    font-size: 14px;
}

.mt-spec-table th {
    background: #14145A;
    color: #FFFFFF;
    font-family: var(--mt-font-display);
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 12px 16px;
    text-align: left;
    border: none;
    border-bottom: 2px solid var(--mt-amber);
}

.mt-spec-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #E2E8F0;
    color: #334155;
    line-height: 1.5;
}

.mt-spec-table tr:nth-child(even) td {
    background: #F8FAFC;
}

.mt-spec-table tr:hover td {
    background: #F1F5F9;
}

/* 2.6 Application Chips */
.mt-app-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    box-sizing: border-box;
}

.mt-app-chip {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    color: var(--mt-charcoal);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
}

.mt-app-chip i {
    color: #16A34A;
    font-size: 15px;
}

/* 2.7 Related Products Grid */
.mt-related-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
    width: 100%;
    box-sizing: border-box;
}

.mt-product-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

.mt-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}

.mt-product-card__img-wrap {
    position: relative;
    width: 100%;
    height: 190px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E2E8F0;
    padding: 12px;
    box-sizing: border-box;
}

.mt-product-card__img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.mt-product-card__brand {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(20, 20, 90, 0.9);
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
    border-radius: 3px;
    text-transform: uppercase;
}

.mt-product-card__body {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    box-sizing: border-box;
}

.mt-product-card__title {
    font-family: var(--mt-font-display);
    font-size: 16.5px;
    font-weight: 800;
    margin: 0 0 10px 0;
    line-height: 1.25;
    text-transform: uppercase;
    word-break: break-word;
    overflow-wrap: break-word;
}

.mt-product-card__title a {
    color: var(--mt-charcoal);
    text-decoration: none;
    transition: color 0.2s ease;
}

.mt-product-card__title a:hover {
    color: var(--mt-amber);
}

.mt-product-card__metric {
    font-size: 12.5px;
    color: #64748B;
    margin-bottom: 12px;
}

.mt-product-card__metric strong {
    color: var(--mt-charcoal);
}

.mt-product-card__footer {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid #F1F5F9;
}

.mt-card-link {
    color: var(--mt-amber);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: transform 0.2s ease;
}

.mt-card-link:hover {
    transform: translateX(4px);
    color: #D97706;
}

/* ==========================================================================
   2.8 SINGLE PRODUCT MOBILE RESPONSIVE ADAPTATIONS
   ========================================================================== */
@media (max-width: 1024px) {
    .mt-product-hero-section {
        padding-top: 30px !important;
        padding-bottom: 36px !important;
    }
    .mt-product-detail-section {
        padding-top: 36px !important;
        padding-bottom: 44px !important;
    }
    .mt-product-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
    }
    .mt-product-detail-split {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 28px !important;
    }
    .mt-product-detail-sidebar {
        position: static !important;
        margin-top: 24px !important;
    }
    .mt-workshop-spotlight__grid {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}

@media (max-width: 640px) {
    .mt-product-page-header,
    .single-product_item .mt-page-header {
        padding: 30px 0 24px !important;
    }
    .single-product_item .mt-page-header-title {
        font-size: clamp(19px, 5vw, 26px) !important;
        line-height: 1.2 !important;
        margin: 6px 0 10px !important;
    }
    .single-product_item .mt-page-header-subtitle {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }
    .mt-product-hero-section {
        padding-top: 18px !important;
        padding-bottom: 24px !important;
    }
    .mt-product-detail-section {
        padding-top: 22px !important;
        padding-bottom: 30px !important;
    }
    .mt-catalogue-grid {
        grid-template-columns: 1fr !important;
    }
    .mt-product-media-card {
        padding: 10px !important;
        min-height: 200px !important;
        border-radius: 6px !important;
    }
    .mt-product-main-img {
        max-height: 250px !important;
        width: 100% !important;
        object-fit: contain !important;
    }
    .mt-product-card-badges {
        top: 8px !important;
        left: 8px !important;
        gap: 4px !important;
    }
    .mt-brand-tag,
    .mt-origin-tag {
        font-size: 10.5px !important;
        padding: 2.5px 7px !important;
    }
    .mt-product-zoom-hint {
        bottom: 8px !important;
        right: 8px !important;
        font-size: 10px !important;
        padding: 3px 8px !important;
    }
    .mt-product-trust-strip {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }
    .mt-trust-item {
        padding: 8px 10px !important;
    }
    .mt-product-headline {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }
    .mt-product-lead {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
        margin-bottom: 16px !important;
    }
    .mt-spec-highlights {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-bottom: 16px !important;
    }
    .mt-spec-box {
        padding: 10px 12px !important;
    }
    .mt-spec-box__val {
        font-size: 13.5px !important;
    }
    .mt-product-actions {
        flex-direction: column !important;
        gap: 8px !important;
    }
    .mt-product-actions .mt-btn {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        min-height: 44px !important;
    }
    .mt-product-hotline {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 6px !important;
    }
    .mt-product-desc-box,
    .mt-product-spec-table-box,
    .mt-product-app-box {
        padding: 18px 14px !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .mt-box-title {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }
    .mt-entry-content h3 {
        font-size: 16px !important;
        margin: 18px 0 8px 0 !important;
    }
    .mt-entry-content p {
        font-size: 13.5px !important;
        line-height: 1.65 !important;
        margin-bottom: 12px !important;
    }
    .mt-entry-content ul li {
        font-size: 13px !important;
        line-height: 1.55 !important;
        margin-bottom: 8px !important;
        padding-left: 20px !important;
    }
    .mt-entry-content .mt-product-gallery-grid,
    .mt-product-gallery-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin: 16px 0 !important;
        width: 100% !important;
    }
    .mt-gallery-item {
        padding: 12px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .mt-gallery-item img {
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
        max-height: 320px !important;
        object-fit: contain !important;
    }
    .mt-gallery-item strong {
        font-size: 12.5px !important;
    }
    .mt-gallery-item span {
        font-size: 11.5px !important;
    }
    .mt-table-swipe-cue {
        display: block !important;
    }
    .mt-spec-table th,
    .mt-spec-table td {
        padding: 8px 10px !important;
        font-size: 12.5px !important;
    }
    .mt-app-chips {
        gap: 6px !important;
    }
    .mt-app-chip {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
    .mt-product-detail-sidebar .mt-sidebar-card {
        padding: 18px 14px !important;
        box-sizing: border-box !important;
    }
    .mt-related-products-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 380px) {
    .mt-product-desc-box,
    .mt-product-spec-table-box,
    .mt-product-app-box {
        padding: 14px 10px !important;
    }
    .mt-entry-content p {
        font-size: 13px !important;
    }
    .mt-entry-content ul li {
        font-size: 12.5px !important;
        padding-left: 18px !important;
    }
}





/* ==========================================================================
   HOMEPAGE BLOG POST CARDS POLISH
   ========================================================================== */
.box-blog-post {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-top: 3px solid var(--mt-amber) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
}

.box-blog-post:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.12) !important;
}

.box-blog-post .box-image img {
    transition: transform 0.5s ease !important;
}

.box-blog-post:hover .box-image img {
    transform: scale(1.05) !important;
}

.box-blog-post .box-text {
    text-align: left !important;
    padding: 24px 22px !important;
}

.box-blog-post .post-title {
    font-family: var(--mt-font-display) !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.box-blog-post .post-title a {
    color: var(--mt-charcoal) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.box-blog-post .post-title a:hover {
    color: var(--mt-amber) !important;
}

.box-blog-post .post-meta {
    font-family: var(--mt-font-body) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: var(--mt-amber-dk) !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
}

.box-blog-post .is-divider {
    display: none !important;
}

.box-blog-post .from_the_blog_excerpt {
    font-family: var(--mt-font-body) !important;
    font-size: 14px !important;
    color: #64748B !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

/* ==========================================================================
   MINIMALIST INDUSTRIAL DIVISION CARDS (HOMEPAGE)
   ========================================================================== */
.mt-minimal-division-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    width: 100%;
}

@media (max-width: 1024px) {
    .mt-minimal-division-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
}

@media (max-width: 680px) {
    .mt-minimal-division-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

.mt-minimal-div-card {
    position: relative;
    background: #14145A;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 3px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    padding: 34px 30px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 290px;
    text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    transition: transform 0.35s ease, border-top-color 0.3s ease, box-shadow 0.35s ease;
}

.mt-minimal-div-card:hover {
    transform: translateY(-6px);
    border-top-color: var(--mt-amber);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.32);
}

.mt-minimal-div-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0.22;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s ease;
    z-index: 1;
}

.mt-minimal-div-card:hover .mt-minimal-div-bg {
    transform: scale(1.08);
    opacity: 0.32;
}

.mt-minimal-div-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(20, 20, 90, 0.82) 0%, rgba(20, 20, 90, 0.95) 100%);
    z-index: 2;
}

.mt-minimal-div-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mt-minimal-div-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.mt-minimal-div-num {
    font-family: var(--mt-font-display);
    font-size: 32px;
    font-weight: 800;
    color: var(--mt-amber);
    line-height: 1;
    letter-spacing: 1px;
}

.mt-minimal-div-tag {
    font-family: var(--mt-font-display);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    color: #94A3B8;
}

.mt-minimal-div-title {
    font-family: var(--mt-font-display);
    font-size: 23px;
    font-weight: 800;
    color: #FFFFFF !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.2;
    margin: 0 0 12px 0;
    transition: color 0.25s ease;
}

.mt-minimal-div-card:hover .mt-minimal-div-title {
    color: var(--mt-amber) !important;
}

.mt-minimal-div-desc {
    font-family: var(--mt-font-body);
    font-size: 14.5px;
    color: #CBD5E1;
    line-height: 1.6;
    margin: 0 0 24px 0;
    flex-grow: 1;
}

.mt-minimal-div-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--mt-font-display);
    font-size: 14.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--mt-amber);
    transition: gap 0.25s ease;
}

.mt-minimal-div-card:hover .mt-minimal-div-link {
    gap: 12px;
}

/* ==========================================================================
   VISUAL SECTOR SHOWCASE CARDS (INDUSTRIES PAGE)
   ========================================================================== */
.mt-sector-grid,
.mt-sector-visual-grid,
.mt-industries-showcase,
.mt-industries-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    width: 100%;
}

@media (max-width: 1024px) {
    .mt-sector-grid,
    .mt-sector-visual-grid,
    .mt-industries-showcase,
    .mt-industries-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .mt-sector-grid,
    .mt-sector-visual-grid,
    .mt-industries-showcase,
    .mt-industries-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.mt-sector-card {
    position: relative;
    border-radius: var(--mt-card-radius, 6px);
    overflow: hidden;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: var(--mt-card-padding, 24px 22px);
    text-decoration: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 3px solid transparent;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
    background: #14145A;
    transition: var(--mt-card-transition, transform 0.35s ease, border-top-color 0.3s ease, box-shadow 0.35s ease);
}

.mt-sector-card:hover,
.mt-sector-card:focus-within {
    transform: var(--mt-card-lift, translateY(-5px));
    border-top-color: var(--mt-amber);
    border-color: rgba(245, 166, 35, 0.35);
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.3);
}

.mt-sector-card__bg,
.mt-sector-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.mt-sector-card:hover .mt-sector-card__bg,
.mt-sector-card:hover .mt-sector-bg,
.mt-sector-card:focus-within .mt-sector-bg {
    transform: scale(1.08);
}

.mt-sector-card__overlay,
.mt-sector-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(16, 16, 74, 0.3) 0%, rgba(16, 16, 74, 0.7) 48%, rgba(16, 16, 74, 0.98) 100%);
    z-index: 2;
    transition: background 0.35s ease;
}

.mt-sector-card:hover .mt-sector-card__overlay,
.mt-sector-card:hover .mt-sector-overlay,
.mt-sector-card:focus-within .mt-sector-overlay {
    background: linear-gradient(180deg, rgba(16, 16, 74, 0.2) 0%, rgba(16, 16, 74, 0.6) 40%, rgba(16, 16, 74, 0.98) 100%);
}

.mt-sector-card__top,
.mt-sector-top {
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mt-sector-card__badge,
.mt-sector-badge {
    background: rgba(245, 166, 35, 0.22);
    border-left: 3px solid var(--mt-amber);
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 4px 10px;
    text-transform: uppercase;
}

.mt-sector-card__body,
.mt-sector-body {
    position: relative;
    z-index: 3;
    margin-top: auto;
}

.mt-sector-card__title,
.mt-sector-title {
    font-family: var(--mt-font-display);
    font-size: 22px;
    font-weight: 800;
    color: #FFFFFF !important;
    text-transform: uppercase;
    line-height: 1.18;
    margin: 0 0 8px 0;
    transition: color 0.2s ease;
}

.mt-sector-card:hover .mt-sector-card__title,
.mt-sector-card:hover .mt-sector-title,
.mt-sector-card:focus-within .mt-sector-title {
    color: var(--mt-amber) !important;
}

.mt-sector-card__clients,
.mt-sector-clients {
    font-family: var(--mt-font-body);
    font-size: 13px;
    font-weight: 600;
    color: var(--mt-amber);
    margin-bottom: 8px;
    letter-spacing: 0.3px;
}

.mt-sector-card__desc,
.mt-sector-desc {
    font-family: var(--mt-font-body);
    font-size: 13.5px;
    color: #CBD5E1;
    line-height: 1.5;
    margin: 0 0 14px 0;
}

.mt-sector-card__arrow,
.mt-sector-arrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--mt-font-display);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFFFFF;
    transition: color 0.2s ease, gap 0.25s ease;
}

.mt-sector-card:hover .mt-sector-card__arrow,
.mt-sector-card:hover .mt-sector-arrow,
.mt-sector-card:focus-within .mt-sector-arrow {
    color: var(--mt-amber);
    gap: 10px;
}

/* Stretched links for shortcode cards */
.mt-sector-link-stretch {
    position: absolute;
    inset: 0;
    z-index: 10;
    text-decoration: none !important;
}

.mt-minimal-div-link-stretch {
    position: absolute;
    inset: 0;
    z-index: 10;
    text-decoration: none !important;
}

/* ==========================================================================
   CLEAN INDUSTRIAL SERVICE CARDS & COUNTERS (POSITIVE POWER STYLE)
   ========================================================================== */
.mt-service-card {
    transition: all 0.35s ease-in-out;
    border: 1px solid #E5E7EB;
    background: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    padding: 32px 24px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mt-service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(245, 166, 35, 0.16);
    border-color: var(--mt-amber);
}


.mt-service-icon-wrap {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    background: rgba(245, 166, 35, 0.10);
    border: 1px solid rgba(245, 166, 35, 0.28);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mt-amber);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.mt-service-card:hover .mt-service-icon-wrap {
    background: var(--mt-amber);
    color: #191970;
    border-color: var(--mt-amber);
    transform: scale(1.08) translateY(-2px);
    box-shadow: 0 8px 22px rgba(245, 166, 35, 0.35);
}

.mt-service-icon-wrap svg {
    width: 32px;
    height: 32px;
    stroke: currentColor;
    fill: none;
    display: block;
    transition: stroke 0.3s ease;
}

.mt-service-icon {
    font-size: 42px;
    color: var(--mt-amber);
    margin-bottom: 16px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.mt-service-card:hover 
.mt-service-icon-wrap {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    background: rgba(245, 166, 35, 0.10);
    border: 1px solid rgba(245, 166, 35, 0.28);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mt-amber);
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.mt-service-card:hover .mt-service-icon-wrap {
    background: var(--mt-amber);
    color: #191970;
    border-color: var(--mt-amber);
    transform: scale(1.08) translateY(-2px);
    box-shadow: 0 8px 22px rgba(245, 166, 35, 0.35);
}

.mt-service-icon-wrap svg {
    width: 32px;
    height: 32px;
    stroke: currentColor;
    fill: none;
    display: block;
    transition: stroke 0.3s ease;
}

.mt-service-icon {
    transform: scale(1.1);
}

.mt-service-title {
    font-family: var(--mt-font-display);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.mt-service-desc {
    font-family: var(--mt-font-body);
    font-size: 14px;
    line-height: 1.65;
    color: #64748B;
    margin-bottom: 20px;
    flex-grow: 1;
}

.mt-service-link {
    font-family: var(--mt-font-display);
    font-weight: 700;
    font-size: 13.5px;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: gap 0.25s ease;
}

.mt-service-card:hover .mt-service-link {
    gap: 10px;
}

/* Counter Box */
.mt-counter-box {
    text-align: center;
    padding: 24px 16px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-bottom: 3px solid var(--mt-amber);
    border-top: 1px solid #E5E7EB;
    border-left: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
    transition: transform 0.3s ease;
}

.mt-counter-box:hover {
    transform: translateY(-4px);
}

.mt-counter-number {
    font-family: var(--mt-font-display);
    font-size: 40px;
    font-weight: 800;
    color: var(--mt-amber);
    line-height: 1;
    margin-bottom: 6px;
}

.mt-counter-label {
    font-family: var(--mt-font-display);
    font-size: 14px;
    font-weight: 700;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0;
}

/* Compact Project Card */
.mt-compact-proj-card {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mt-compact-proj-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.1);
    border-color: #CBD5E1;
}

.mt-compact-proj-media {
    height: 190px;
    position: relative;
    overflow: hidden;
    background: #14145A;
}

.mt-compact-proj-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.mt-compact-proj-card:hover .mt-compact-proj-media img {
    transform: scale(1.06);
}

.mt-compact-proj-body {
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-compact-proj-cat {
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.mt-compact-proj-title {
    font-family: var(--mt-font-display);
    font-size: 17px;
    font-weight: 700;
    color: var(--mt-charcoal);
    margin: 0 0 8px 0;
    line-height: 1.3;
}

.mt-compact-proj-title a {
    color: inherit;
    text-decoration: none;
}

.mt-compact-proj-title a:hover {
    color: var(--mt-amber);
}

.mt-compact-proj-meta {
    font-size: 13px;
    color: #64748B;
    margin-bottom: 14px;
    line-height: 1.5;
    flex-grow: 1;
}

.mt-compact-proj-link {
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.mt-compact-proj-link:hover {
    color: var(--mt-charcoal);
}

/* ==========================================================================
   CLEAN CORPORATE CARDS & COMPONENTS (positivepowerbd.com standard)
   ========================================================================== */

/* Clean Division Card for Expertise Hub */
.mt-clean-division-card {
    background: #FFFFFF;
    border: 1px solid var(--mt-border-light, #E5E7EB);
    border-radius: var(--mt-card-radius, 6px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: var(--mt-card-transition, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease);
    box-shadow: var(--mt-card-shadow, 0 4px 14px rgba(0, 0, 0, 0.04));
}

.mt-clean-division-card:hover {
    transform: var(--mt-card-lift, translateY(-5px));
    box-shadow: var(--mt-card-shadow-hover, 0 16px 32px rgba(245, 166, 35, 0.12));
    border-color: var(--mt-amber);
}

.mt-clean-div-media {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: #10104A;
}

.mt-clean-div-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.mt-clean-division-card:hover .mt-clean-div-media img {
    transform: scale(1.06);
}

.mt-clean-div-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(20, 20, 90, 0.88);
    color: var(--mt-amber);
    font-family: var(--mt-font-display);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 3px;
    backdrop-filter: blur(4px);
}

.mt-clean-div-body {
    padding: var(--mt-card-padding, 24px 22px);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-clean-div-title {
    font-family: var(--mt-font-display);
    font-size: 19px;
    font-weight: 700;
    color: var(--mt-charcoal);
    margin: 0 0 8px 0;
    line-height: 1.25;
    text-transform: uppercase;
}

.mt-clean-div-desc {
    font-size: 13.5px;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 14px 0;
    flex-grow: 1;
}

.mt-clean-div-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px 0;
    border-top: 1px solid #F1F5F9;
    padding-top: 12px;
}

.mt-clean-div-list li {
    font-size: 12.5px;
    color: #475569;
    line-height: 1.5;
    margin-bottom: 6px;
    position: relative;
    padding-left: 16px;
}

.mt-clean-div-list li:last-child {
    margin-bottom: 0;
}

.mt-clean-div-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--mt-amber);
    font-weight: 700;
    font-size: 12px;
}

.mt-clean-div-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-family: var(--mt-font-display);
    font-size: 13px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-decoration: none;
    margin-top: auto;
    transition: gap 0.25s ease, color 0.25s ease;
}

.mt-clean-division-card:hover .mt-clean-div-action {
    gap: 10px;
    color: var(--mt-charcoal);
}

/* Clean Corporate Nav Card for Company Hub */
.mt-clean-nav-card {
    background: #FFFFFF;
    border: 1px solid var(--mt-border-light, #E5E7EB);
    border-radius: var(--mt-card-radius, 6px);
    padding: var(--mt-card-padding-lg, 28px 24px);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: var(--mt-card-transition, transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease);
    box-shadow: var(--mt-card-shadow, 0 3px 12px rgba(0, 0, 0, 0.03));
    position: relative;
}

.mt-clean-nav-card:hover {
    transform: var(--mt-card-lift, translateY(-5px));
    box-shadow: var(--mt-card-shadow-hover, 0 16px 32px rgba(245, 166, 35, 0.12));
    border-color: var(--mt-amber);
}

.mt-clean-nav-num {
    font-family: var(--mt-font-display);
    font-size: 12px;
    font-weight: 800;
    color: var(--mt-amber);
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.mt-clean-nav-title {
    font-family: var(--mt-font-display);
    font-size: 21px;
    font-weight: 750;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    margin: 0 0 10px 0;
    line-height: 1.2;
}

.mt-clean-nav-desc {
    font-size: 14px;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 18px 0;
    flex-grow: 1;
}

.mt-clean-nav-link {
    font-family: var(--mt-font-display);
    font-size: 13px;
    font-weight: 700;
    color: var(--mt-amber);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: gap 0.25s ease;
}

.mt-clean-nav-card:hover .mt-clean-nav-link {
    gap: 9px;
    color: var(--mt-charcoal);
}

.mt-clean-nav-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Clean Step Card for Turnkey Process */
.mt-clean-step-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 24px 18px;
    height: 100%;
    position: relative;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.mt-clean-step-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
    border-color: var(--mt-amber);
}

.mt-clean-step-num {
    font-family: var(--mt-font-display);
    font-size: 28px;
    font-weight: 800;
    color: var(--mt-amber);
    line-height: 1;
    margin-bottom: 10px;
}

.mt-clean-step-title {
    font-family: var(--mt-font-display);
    font-size: 16px;
    font-weight: 750;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    margin: 0 0 8px 0;
    line-height: 1.25;
}

.mt-clean-step-text {
    font-size: 13px;
    color: #64748B;
    line-height: 1.55;
    margin: 0;
}

/* Clean Document Card for Downloads */
/* Clean Document Card for Downloads Hub */
.mt-clean-doc-card {
    background: #FFFFFF;
    border: 1px solid var(--mt-border-light, #E2E8F0);
    border-radius: 8px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.mt-clean-doc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 32px rgba(25, 25, 112, 0.08);
    border-color: var(--mt-amber);
}

.mt-clean-doc-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    background: #F1F5F9;
    color: #475569;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 14px;
}

.mt-clean-doc-badge--amber {
    background: rgba(245, 166, 35, 0.12);
    color: #B45309;
}

.mt-clean-doc-title {
    font-family: var(--mt-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--mt-navy, #191970) !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.35 !important;
}

.mt-clean-doc-desc {
    font-size: 14px;
    color: #64748B;
    line-height: 1.6;
    margin: 0 0 16px 0;
    flex-grow: 1;
}

.mt-clean-doc-meta {
    font-size: 12.5px;
    color: #64748B;
    background: #F8FAFC;
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid #EEF2F6;
    line-height: 1.5;
}

.mt-clean-doc-meta strong {
    color: var(--mt-navy, #191970);
    font-weight: 600;
}

.mt-clean-doc-btn {
    margin-top: auto;
}

.mt-clean-doc-btn .mt-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
}

/* Refinements for Clean Modern Aesthetic */
.mt-value-card {
    border-top: 1px solid #E5E7EB !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
    padding: 30px 24px !important;
}

.mt-value-card:hover {
    border-color: var(--mt-amber) !important;
    box-shadow: 0 14px 28px rgba(245, 166, 35, 0.12) !important;
    transform: translateY(-5px) !important;
}

.mt-director-card {
    border-top: 1px solid #E5E7EB !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

.mt-director-card:hover {
    border-color: var(--mt-amber) !important;
    box-shadow: 0 16px 32px rgba(245, 166, 35, 0.12) !important;
}

.mt-clean-policy-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    padding: 26px 22px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03);
    height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.mt-clean-policy-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07);
    border-color: var(--mt-amber);
}

.mt-clean-policy-num {
    font-family: var(--mt-font-display);
    font-size: 24px;
    font-weight: 800;
    color: var(--mt-amber);
    line-height: 1;
    margin-bottom: 8px;
}

.mt-clean-policy-title {
    font-family: var(--mt-font-display);
    font-size: 18px;
    font-weight: 750;
    color: var(--mt-charcoal);
    text-transform: uppercase;
    margin: 0 0 8px 0;
}

.mt-clean-policy-text {
    font-size: 13.5px;
    color: #64748B;
    line-height: 1.6;
    margin: 0;
}

/* Enhanced Director Card Layout */
.mt-director-card {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    height: 100% !important;
}

.mt-director-card:hover {
    border-color: var(--mt-amber) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 32px rgba(245, 166, 35, 0.12) !important;
}

.mt-director-photo-wrap {
    width: 100% !important;
    height: 290px !important;
    background: #10104A !important;
    overflow: hidden !important;
    position: relative !important;
}

.mt-director-photo-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}

.mt-director-card:hover .mt-director-photo-wrap img {
    transform: scale(1.05) !important;
}

.mt-director-card-body {
    padding: 24px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.mt-director-name {
    font-family: var(--mt-font-display) !important;
    font-size: 20px !important;
    font-weight: 750 !important;
    color: var(--mt-charcoal) !important;
    text-transform: uppercase !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.25 !important;
}

.mt-director-role {
    font-family: var(--mt-font-display) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: var(--mt-amber) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
}

.mt-director-qual {
    display: inline-block !important;
    background: #F8FAFC !important;
    color: #475569 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    margin-bottom: 14px !important;
    border: 1px solid #E2E8F0 !important;
    align-self: flex-start !important;
}

.mt-director-bio {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #4A5568 !important;
    margin: 0 0 16px 0 !important;
    flex-grow: 1 !important;
}

.mt-director-contact {
    border-top: 1px solid #F1F5F9 !important;
    padding-top: 14px !important;
    margin-top: auto !important;
}

.mt-director-contact a {
    color: var(--mt-charcoal) !important;
    font-family: var(--mt-font-display) !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.mt-director-contact a:hover {
    color: var(--mt-amber) !important;
}

/* ==========================================================================
   Mak Tek Engineering — Modernization & Accessibility Upgrades (Tiers 1-3)
   ========================================================================== */

/* 1.1 High-Contrast Tokens for Light Backgrounds (WCAG AA Compliant: 5.00:1) */
:root {
    --mt-amber-text-light: #B45309; /* High-contrast Amber 700 (AA Compliant: 5.00:1) */
    --mt-ochre-display: #92400E;    /* Deep Ochre 800 (AAA Compliant: 7.03:1) */
}

.mt-section--white .mt-section-eyebrow,
.mt-section--steel .mt-section-eyebrow,
.mt-section--light .mt-eyebrow-text,
.mt-card-link,
.mt-clean-div-action,
.mt-clean-nav-link,
.mt-director-role {
    color: var(--mt-amber-text-light) !important;
}

.mt-clean-nav-num,
.mt-clean-step-num,
.mt-clean-policy-num {
    color: var(--mt-ochre-display) !important;
}

.mt-card-link:hover,
.mt-clean-div-action:hover,
.mt-clean-nav-link:hover {
    color: var(--mt-ochre-display) !important;
}

/* 1.2 Dark Form Input Placeholder Contrast (Elevated to 6.41:1 AA) */
.mt-dark-form-card input::placeholder,
.mt-dark-form-card textarea::placeholder,
.mt-dark-form-card select::placeholder {
    color: #94A3B8 !important;
    opacity: 1 !important;
}

/* 1.3 Responsive Projects Grid Container */
.mt-projects-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    gap: 30px;
}
@media (max-width: 640px) {
    .mt-projects-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
}

/* 1.4 44px Minimum Touch Targets for Filter Navigation Buttons */
.mt-filter-btn,
.mt-project-filter-btn,
.mt-gallery-filter-btn {
    min-height: 44px !important;
    padding: 10px 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* 1.4 44px Hit Area Expander for Flickity Hero Slider Industrial Bars */
.slider-wrapper .flickity-page-dots .dot,
.mt-hero-slider-wrap .flickity-page-dots .dot {
    position: relative !important;
}
.slider-wrapper .flickity-page-dots .dot::before,
.mt-hero-slider-wrap .flickity-page-dots .dot::before {
    content: '';
    position: absolute;
    top: -20px;
    bottom: -20px;
    left: -6px;
    right: -6px;
}

/* 1.5 Full-Card Hit Area on Core Services Cards */
.mt-service-card {
    position: relative !important;
    cursor: pointer;
}
.mt-service-card a.mt-service-link::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 5;
}

/* 2.2 Product Specification Table Responsive Horizontal Scroll Wrapper */
.mt-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #E2E8F0;
    border-radius: 4px;
    margin-top: 14px;
}
.mt-table-responsive table.mt-spec-table {
    margin: 0 !important;
    min-width: 520px;
}
@media (max-width: 640px) {
    .mt-product-spec-table-box {
        padding: 20px 16px !important;
    }
}

/* 2.4 Mobile Sticky Bottom Action Bar on Division & Product Templates */
.mt-mobile-sticky-action-bar {
    display: none !important;
}
@media (max-width: 900px) {
    .mt-mobile-sticky-action-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 998;
        background: rgba(20, 20, 90, 0.96);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        border-top: 2px solid var(--mt-amber);
        padding: 10px 16px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3);
    }
    .mt-sticky-action-info {
        display: flex;
        flex-direction: column;
        max-width: 60%;
    }
    .mt-sticky-action-label {
        font-family: var(--mt-font-display);
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: var(--mt-amber);
    }
    .mt-sticky-action-title {
        font-size: 13.5px;
        color: #FFFFFF;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mt-sticky-action-btn {
        padding: 8px 16px !important;
        font-size: 13px !important;
        min-height: 40px !important;
    }
    /* Suppress sticky bar when virtual keyboard is active */
    body:focus-within .mt-mobile-sticky-action-bar {
        display: none !important;
    }
    body.single-product_item,
    body.single-project,
    body.page-template-default {
        padding-bottom: 68px !important;
    }
}


/* 2.6 Mobile-First Form Stacking Order on Split Grids */
@media (max-width: 900px) {
    .mt-split-grid--right-heavy {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
    .mt-dark-form-card .ff-btn-submit {
        width: 100% !important;
        justify-content: center !important;
        min-height: 48px !important;
    }
}

/* 3.3 Interactive Dual-Location Map Switcher */
.mt-map-switcher-tabs {
    display: flex;
    gap: 8px;
    background: #14145A;
    padding: 8px 12px;
    border-bottom: 2px solid var(--mt-amber);
    flex-wrap: wrap;
}
.mt-map-tab-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #CBD5E1;
    font-family: var(--mt-font-display);
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 8px 18px;
    cursor: pointer;
    border-radius: 3px;
    transition: all 0.25s ease;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}
.mt-map-tab-btn:hover {
    color: #FFFFFF;
    border-color: var(--mt-amber);
}
.mt-map-tab-btn.is-active {
    background: var(--mt-amber);
    color: #191970;
    border-color: var(--mt-amber);
}

/* Services View Switcher (Overview Cards vs. CAD Bento Blueprint) */
.mt-services-view-switcher {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 0 auto 36px auto;
    flex-wrap: wrap;
}
.mt-view-btn {
    background: #F8FAFC;
    border: 1px solid #CBD5E1;
    color: #475569;
    font-family: var(--mt-font-display);
    font-size: 13.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 9px 20px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: all 0.25s ease;
    min-height: 44px;
}
.mt-view-btn svg {
    margin-right: 8px;
    stroke: currentColor;
}
.mt-view-btn:hover {
    background: #EEF2F6;
    color: #191970;
    border-color: #94A3B8;
}
.mt-view-btn.is-active {
    background: #191970;
    color: #F5A623;
    border-color: #191970;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.2);
}
.mt-services-bento-view {
    display: none;
    width: 100%;
}
.mt-services-bento-view.is-visible {
    display: block;
}
.mt-services-cards-view.is-hidden {
    display: none;
}

/* ==========================================================================
   MODERN CORPORATE TYPOGRAPHY & CASING NORMALIZATION (PositivePower Reference)
   Solves uppercase issues on headings & card titles; balances font size hierarchy.
   ========================================================================== */

/* Universal Heading & Card Title Normalization */
h1, h2, h3, h4, h5, h6,
.entry-title,
.mt-page-header-title,
.mt-page-header__title,
.mt-service-title,
.mt-clean-div-title,
.mt-clean-doc-title,
.mt-clean-policy-title,
.mt-clean-step-title,
.mt-clean-nav-title,
.mt-director-name,
.mt-director-role,
.mt-office-title,
.mt-sector-title,
.mt-sector-card__title,
.mt-product-card__title,
.mt-cat-card__title,
.mt-box-title,
.mt-bento-title,
.mt-card-title,
.mt-hub-card-title,
.mt-product-headline,
.box-blog-post .post-title,
.mt-minimal-div-title,
.mt-value-title,
.mt-process-title,
.mt-workshop-box h4,
.mt-timeline-step-title,
.mt-mosaic-title,
.mt-sidebox-title,
.mt-ceo-card-name {
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* Card Titles Font Sizing & Typography */
.mt-service-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
    margin-bottom: 10px !important;
}

.mt-clean-div-title {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-clean-doc-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-clean-policy-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-clean-step-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--mt-charcoal) !important;
}

.mt-clean-nav-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--mt-charcoal) !important;
}

.mt-director-name {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--mt-charcoal) !important;
}

.mt-director-role {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--mt-amber) !important;
}

.mt-office-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
}

.mt-sector-title,
.mt-sector-card__title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #FFFFFF !important;
}

.mt-product-card__title,
.mt-product-card__title a {
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-cat-card__title,
.mt-cat-card__title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-box-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-page-header-title,
.mt-page-header__title {
    font-size: clamp(26px, 3.4vw, 38px) !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    color: #FFFFFF !important;
}

.mt-bento-title {
    font-size: clamp(19px, 2.2vw, 23px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    color: #FFFFFF !important;
}

.box-blog-post .post-title,
.box-blog-post .post-title a {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-minimal-div-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-value-title,
.mt-process-title,
.mt-hub-card-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

.mt-workshop-box h4 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: var(--mt-charcoal) !important;
}

/* Section H2 Headings across all sections */
.mt-section h2,
.section h2,
section h2 {
    font-size: clamp(24px, 2.6vw, 32px) !important;
    line-height: 1.28 !important;
    font-weight: 750 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
}

/* Ensure Eyebrows, Badges and Tags Retain Professional Small Uppercase */
.mt-eyebrow,
.mt-eyebrow-text,
.mt-section-eyebrow,
.mt-badge,
.mt-tag,
.mt-bento-tag,
.mt-slide-meta,
.mt-clean-div-badge,
.mt-clean-doc-badge,
.mt-sector-badge,
.mt-brand-tag,
.mt-spec-box__label,
.ticker-label,
.mt-counter-label,
.mt-office-type {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   INSIGHTS & NEWS ARCHIVE ENHANCEMENTS (dev.positivepowerbd.com standard)
   ========================================================================== */

/* Blog Wrapper Spacing */
.blog-archive.page-wrapper {
    padding-top: 40px !important;
    padding-bottom: 60px !important;
    background: #F8FAFC;
}

/* Category Filter Tabs */
.mt-blog-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E2E8F0;
}

.mt-blog-tab {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    border-radius: 6px;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    color: #334155 !important;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mt-blog-tab:hover {
    background: #F1F5F9;
    color: var(--mt-navy, #191970) !important;
    border-color: #94A3B8;
}

.mt-blog-tab.is-active {
    background: var(--mt-navy, #191970) !important;
    color: #FFFFFF !important;
    border-color: var(--mt-navy, #191970);
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.18);
}

/* News Article Card Container */
.mt-news-article {
    margin-bottom: 35px !important;
}

.mt-news-card {
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 10px !important;
    padding: 34px 30px !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.mt-news-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(25, 25, 112, 0.09) !important;
    border-color: rgba(245, 166, 35, 0.45) !important;
}

/* Meta Strip (Category & Date) */
.mt-news-meta-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px;
}

.mt-news-category-badge a {
    display: inline-flex;
    align-items: center;
    background: rgba(245, 166, 35, 0.12);
    color: #B45309 !important;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mt-news-category-badge a:hover {
    background: var(--mt-amber);
    color: #FFFFFF !important;
}

.mt-news-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #64748B;
    font-weight: 500;
}

.mt-news-date i {
    color: var(--mt-amber);
    font-size: 14px;
}

/* Post Title */
.mt-news-title,
.mt-news-title a {
    font-family: var(--mt-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: clamp(20px, 2.2vw, 25px) !important;
    font-weight: 750 !important;
    color: var(--mt-navy, #191970) !important;
    line-height: 1.35 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
    margin: 0 0 12px 0 !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

.mt-news-title a:hover {
    color: var(--mt-amber) !important;
}

.mt-news-divider {
    background-color: var(--mt-amber) !important;
    height: 3px !important;
    width: 48px !important;
    margin: 12px 0 20px 0 !important;
}

/* Featured Image */
.mt-news-image {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 22px;
}

.mt-news-thumb-img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    max-height: 440px;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.mt-news-card:hover .mt-news-thumb-img {
    transform: scale(1.02);
}

/* Excerpt & CTA */
.mt-news-excerpt p {
    font-size: 15px;
    line-height: 1.7;
    color: #475569;
    margin-bottom: 20px;
}

.mt-news-btn-wrap {
    margin-top: 10px;
}

/* Sidebar Corporate Cards */
.mt-sidebar-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 24px 20px;
    margin-bottom: 28px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
}

.mt-sidebar-title {
    font-family: var(--mt-font-sans, 'Inter', sans-serif) !important;
    font-size: 16.5px !important;
    font-weight: 750 !important;
    color: var(--mt-navy, #191970) !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 18px;
    border-bottom: 2px solid #F1F5F9;
}

.mt-sidebar-title::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 32px;
    height: 2px;
    background: var(--mt-amber);
}

.mt-search-wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.mt-search-wrap .search-field {
    width: 100%;
    padding: 10px 42px 10px 14px;
    border: 1px solid #CBD5E1;
    border-radius: 5px;
    font-size: 14px;
    background: #F8FAFC;
    margin-bottom: 0 !important;
}

.mt-search-wrap .search-field:focus {
    background: #FFFFFF;
    border-color: var(--mt-navy, #191970);
}

.mt-search-btn {
    position: absolute;
    right: 4px;
    background: transparent;
    border: none;
    color: var(--mt-amber);
    font-size: 16px;
    padding: 8px 10px;
    cursor: pointer;
}

.mt-sidebar-posts {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mt-sidebar-post-item {
    padding: 12px 0;
    border-bottom: 1px solid #F1F5F9;
}

.mt-sidebar-post-item:first-child {
    padding-top: 0;
}

.mt-sidebar-post-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.mt-sidebar-post-link {
    display: flex;
    gap: 12px;
    align-items: center;
    text-decoration: none;
}

.mt-sidebar-post-thumb {
    width: 60px;
    height: 52px;
    border-radius: 4px;
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.mt-sidebar-post-info {
    flex-grow: 1;
}

.mt-sidebar-post-date {
    display: block;
    font-size: 11.5px;
    color: #94A3B8;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-weight: 600;
}

.mt-sidebar-post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.4;
    color: #1E293B;
    transition: color 0.2s ease;
}

.mt-sidebar-post-link:hover .mt-sidebar-post-title {
    color: var(--mt-amber);
}

.mt-sidebar-card--cta {
    background: #191970 !important;
    border-color: #191970 !important;
    border-top: 3px solid var(--mt-amber) !important;
    color: #FFFFFF !important;
}

.mt-sidebar-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--mt-amber);
    margin-bottom: 8px;
}

.mt-sidebar-cta-title {
    font-family: var(--mt-font-sans, 'Inter', sans-serif) !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    color: #FFFFFF !important;
    margin: 0 0 8px 0;
    text-transform: none !important;
}

.mt-sidebar-cta-desc {
    font-size: 13px;
    color: #CBD5E1;
    line-height: 1.6;
    margin-bottom: 16px;
}

/* Fallback & Single Post Overrides */
.single-post .entry-title {
    font-family: var(--mt-font-sans, 'Inter', sans-serif) !important;
    font-size: clamp(22px, 2.5vw, 32px) !important;
    font-weight: 800 !important;
    color: var(--mt-navy, #191970) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
    text-transform: none !important;
}

.single-post .entry-meta,
.blog-archive .entry-meta {
    text-transform: none !important;
    font-size: 13.5px !important;
    color: #64748B !important;
    letter-spacing: normal !important;
}

.single-post .entry-meta .posted-on a,
.blog-archive .entry-meta .posted-on a {
    color: #64748B !important;
}

.single-post .entry-content p {
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
    margin-bottom: 22px;
}

.single-post .entry-content h2,
.single-post .entry-content h3 {
    font-family: var(--mt-font-sans, 'Inter', sans-serif) !important;
    color: var(--mt-navy, #191970) !important;
    text-transform: none !important;
    letter-spacing: -0.01em !important;
    margin: 30px 0 14px 0 !important;
}

/* PDF Embed Iframe in Downloads */
.mt-pdf-embed-wrapper iframe {
    width: 100% !important;
    min-height: 720px;
}

@media (max-width: 768px) {
    .mt-pdf-embed-wrapper iframe {
        min-height: 480px;
    }
    .mt-news-card {
        padding: 22px 18px !important;
    }
}

/* ==========================================================================
   INSIGHTS GALLERY & VIDEO DOCUMENTARY SHOWCASE (dev.positivepowerbd.com standard)
   ========================================================================== */

/* Media Toggle Switcher (Photos vs Videos) */
.mt-media-toggle-wrap {
    display: inline-flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    border-radius: 40px;
    padding: 5px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    margin-bottom: 25px;
}

.mt-media-toggle-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 30px;
    border: none;
    background: transparent;
    color: #475569;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

.mt-media-toggle-btn i {
    font-size: 15px;
}

.mt-media-toggle-btn:hover {
    color: var(--mt-navy, #191970);
}

.mt-media-toggle-btn.is-active {
    background: var(--mt-navy, #191970) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25);
}

.mt-media-toggle-btn.is-active i {
    color: var(--mt-amber) !important;
}

/* Division Filter Bar */
.mt-gallery-filter-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 35px;
}

.mt-gallery-filter-title {
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 13.5px;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-right: 4px;
}

.mt-gallery-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.mt-gallery-pill {
    padding: 7px 16px;
    border-radius: 6px;
    background: #FFFFFF;
    border: 1px solid #CBD5E1;
    color: #334155;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mt-gallery-pill:hover {
    background: #F1F5F9;
    color: var(--mt-navy, #191970);
    border-color: #94A3B8;
}

.mt-gallery-pill.is-active {
    background: var(--mt-navy, #191970) !important;
    color: #FFFFFF !important;
    border-color: var(--mt-navy, #191970) !important;
    box-shadow: 0 2px 8px rgba(25, 25, 112, 0.18);
}

/* Photo Cards Grid */
.mt-clean-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

@media (max-width: 1100px) {
    .mt-clean-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 800px) {
    .mt-clean-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 550px) {
    .mt-clean-gallery-grid {
        grid-template-columns: 1fr;
    }
}

.mt-clean-gallery-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    height: 100%;
}

.mt-clean-gallery-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(25, 25, 112, 0.08);
    border-color: var(--mt-amber);
}

.mt-gallery-media-wrap {
    position: relative;
    overflow: hidden;
    height: 200px;
    background: #0B0B26;
}

.mt-gallery-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.mt-clean-gallery-card:hover .mt-gallery-img {
    transform: scale(1.05);
}

.mt-gallery-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(25, 25, 112, 0.88);
    color: #FFFFFF;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 4px;
    border-left: 2px solid var(--mt-amber);
    z-index: 2;
    backdrop-filter: blur(4px);
}

.mt-gallery-hover-overlay {
    position: absolute;
    inset: 0;
    background: rgba(25, 25, 112, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.25s ease;
    z-index: 1;
}

.mt-clean-gallery-card:hover .mt-gallery-hover-overlay {
    opacity: 1;
}

.mt-gallery-zoom-pill {
    background: rgba(255, 255, 255, 0.95);
    color: var(--mt-navy, #191970);
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 12px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transform: translateY(6px);
    transition: transform 0.25s ease;
}

.mt-clean-gallery-card:hover .mt-gallery-zoom-pill {
    transform: translateY(0);
}

.mt-gallery-card-body {
    padding: 16px 16px 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-gallery-card-title {
    font-family: var(--mt-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--mt-navy, #191970) !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    margin: 0 0 8px 0 !important;
}

.mt-gallery-card-meta {
    margin-top: auto;
    font-size: 12.5px;
    color: #64748B;
    display: flex;
    align-items: center;
    gap: 6px;
}

.mt-gallery-card-meta i {
    color: var(--mt-amber);
    font-size: 14px;
}

/* Video Showcase Styles */
.mt-video-showcase-wrap {
    display: none;
    margin-top: 10px;
}

.mt-video-showcase-wrap.is-visible {
    display: block;
}

.mt-video-spotlight {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: 1.25fr 1fr;
    align-items: center;
}

@media (max-width: 900px) {
    .mt-video-spotlight {
        grid-template-columns: 1fr;
    }
}

.mt-video-spotlight-media {
    position: relative;
    height: 380px;
    background: #0A0A23;
    overflow: hidden;
    cursor: pointer;
}

@media (max-width: 600px) {
    .mt-video-spotlight-media {
        height: 240px;
    }
}

.mt-video-spotlight-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.88;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

.mt-video-spotlight-media:hover .mt-video-spotlight-img {
    transform: scale(1.03);
    opacity: 0.98;
}

.mt-video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background: var(--mt-amber, #F5A623);
    color: #191970;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.5);
    transition: transform 0.25s ease, background 0.25s ease;
    animation: mt-pulse 2s infinite;
    cursor: pointer;
    z-index: 2;
}

@keyframes mt-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.7);
    }
    70% {
        box-shadow: 0 0 0 18px rgba(245, 166, 35, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(245, 166, 35, 0);
    }
}

.mt-video-spotlight-media:hover .mt-video-play-btn {
    transform: translate(-50%, -50%) scale(1.1);
    background: #FFFFFF;
    color: var(--mt-navy, #191970);
}

.mt-video-duration-badge {
    position: absolute;
    bottom: 14px;
    right: 14px;
    background: rgba(0, 0, 0, 0.78);
    color: #FFFFFF;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 11.5px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    z-index: 2;
}

.mt-video-spotlight-content {
    padding: 36px 32px;
}

.mt-video-spotlight-tag {
    display: inline-block;
    color: var(--mt-amber);
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.mt-video-spotlight-title {
    font-family: var(--mt-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: clamp(22px, 2.2vw, 26px) !important;
    font-weight: 800 !important;
    color: var(--mt-navy, #191970) !important;
    line-height: 1.3 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 14px 0 !important;
    text-transform: none !important;
}

.mt-video-spotlight-desc {
    font-size: 14.5px;
    line-height: 1.7;
    color: #475569;
    margin-bottom: 20px;
}

.mt-video-spotlight-highlights {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 24px 0 !important;
    font-size: 13.5px;
    color: #334155;
    line-height: 1.9;
}

.mt-video-spotlight-highlights li {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mt-video-spotlight-highlights i {
    color: #2E7D32;
    font-size: 14px;
}

/* Video Grid Cards */
.mt-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 900px) {
    .mt-video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .mt-video-grid {
        grid-template-columns: 1fr;
    }
}

.mt-video-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    cursor: pointer;
}

.mt-video-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(25, 25, 112, 0.08);
    border-color: var(--mt-amber);
}

.mt-video-card-thumb-wrap {
    position: relative;
    height: 200px;
    background: #0A0A23;
    overflow: hidden;
}

.mt-video-card-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
    transition: transform 0.35s ease, opacity 0.35s ease;
}

.mt-video-card:hover .mt-video-card-thumb {
    transform: scale(1.05);
    opacity: 0.98;
}

.mt-video-card-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--mt-amber);
    color: #191970;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: transform 0.2s ease, background 0.2s ease;
    z-index: 2;
}

.mt-video-card:hover .mt-video-card-play {
    transform: translate(-50%, -50%) scale(1.12);
    background: #FFFFFF;
    color: var(--mt-navy, #191970);
}

.mt-video-card-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.mt-video-card-badge {
    align-self: flex-start;
    background: #F1F5F9;
    color: #475569;
    font-family: var(--mt-font-sans, 'Inter', sans-serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 3px 8px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.mt-video-card-title {
    font-family: var(--mt-font-sans, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    color: var(--mt-navy, #191970) !important;
    line-height: 1.35 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 8px 0 !important;
    text-transform: none !important;
}

.mt-video-card-desc {
    font-size: 13.5px;
    line-height: 1.6;
    color: #64748B;
    margin-bottom: 14px;
    flex-grow: 1;
}

.mt-video-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12.5px;
    color: #64748B;
    border-top: 1px solid #F1F5F9;
    padding-top: 12px;
}

.mt-video-card-watch {
    color: var(--mt-amber);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Accessible YouTube Video Lightbox Modal */
.mt-video-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.mt-video-modal.is-open {
    display: flex;
}

.mt-video-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(10, 10, 30, 0.88);
    backdrop-filter: blur(6px);
}

.mt-video-modal-container {
    position: relative;
    width: 100%;
    max-width: 900px;
    background: #000000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.mt-video-modal-close {
    position: absolute;
    top: -44px;
    right: 0;
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-size: 34px;
    cursor: pointer;
    line-height: 1;
    padding: 4px 8px;
    transition: color 0.2s ease;
}

.mt-video-modal-close:hover {
    color: var(--mt-amber);
}

.mt-video-modal-iframe-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
}

.mt-video-modal-iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ==========================================================================
   Mak Tek Engineering — Single Product Lightbox Modal & Zoom Cues
   ========================================================================== */

/* Cursor and visual cues on clickable description images */
.single-product_item .mt-entry-content img,
.single-product_item .mt-product-desc-box img,
.single-product_item .mt-product-gallery-grid img,
.single-product_item .mt-gallery-item img,
.single-product_item .mt-product-media-card img,
img.mt-lightbox-trigger {
    cursor: zoom-in !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease, filter 0.28s ease !important;
}

.single-product_item .mt-entry-content img:hover,
.single-product_item .mt-product-desc-box img:hover,
.single-product_item .mt-product-gallery-grid img:hover,
.single-product_item .mt-gallery-item:hover img,
img.mt-lightbox-trigger:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(20, 20, 90, 0.16) !important;
}

/* Lightbox Modal Shell */
.mt-lightbox-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s;
}

.mt-lightbox-modal.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body.mt-lightbox-active {
    overflow: hidden !important;
    touch-action: none !important;
}

/* Dark Industrial Blurred Backdrop */
.mt-lightbox-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 15, 30, 0.92);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    cursor: zoom-out;
}

/* Dialog Container */
.mt-lightbox-dialog {
    position: relative;
    z-index: 2;
    max-width: 96vw;
    max-height: 96vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    outline: none;
    user-select: none;
    -webkit-user-select: none;
}

/* Lightbox Top Header Toolbar */
.mt-lightbox-toolbar {
    position: absolute;
    top: -48px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 12;
}

.mt-lightbox-btn-tool {
    background: rgba(20, 20, 90, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    height: 38px;
    padding: 0 12px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    text-decoration: none;
    backdrop-filter: blur(4px);
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.mt-lightbox-btn-tool:hover {
    background: var(--mt-amber, #F5A623);
    color: #14145A;
    border-color: var(--mt-amber, #F5A623);
}

/* Image Stage */
.mt-lightbox-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 96vw;
    max-height: 88vh;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    border-radius: 6px;
}

.mt-lightbox-image {
    max-width: 95vw !important;
    max-height: 86vh !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    border-radius: 6px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
    background: #FFFFFF;
    padding: 6px;
    box-sizing: border-box;
    transition: opacity 0.25s ease, transform 0.25s ease;
    cursor: zoom-in;
}

.mt-lightbox-image.is-zoomed {
    max-width: none !important;
    max-height: none !important;
    cursor: zoom-out !important;
    transform: none !important;
}

/* Controls: Close Button */
.mt-lightbox-btn-close {
    background: rgba(20, 20, 90, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #FFFFFF;
    font-size: 28px;
    line-height: 1;
    width: 38px;
    height: 38px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, transform 0.2s;
    padding: 0;
}

.mt-lightbox-btn-close:hover {
    background: var(--mt-amber, #F5A623);
    color: #14145A;
    border-color: var(--mt-amber, #F5A623);
    transform: rotate(90deg) scale(1.05);
}

/* Navigation Arrows */
.mt-lightbox-btn-prev,
.mt-lightbox-btn-next {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(20, 20, 90, 0.75);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    font-size: 26px;
    width: 48px;
    height: 52px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, transform 0.2s;
    z-index: 10;
    padding: 0;
}

.mt-lightbox-btn-prev {
    left: 20px;
}

.mt-lightbox-btn-next {
    right: 20px;
}

.mt-lightbox-btn-prev:hover,
.mt-lightbox-btn-next:hover {
    background: var(--mt-amber, #F5A623);
    color: #14145A;
    border-color: var(--mt-amber, #F5A623);
    transform: translateY(-50%) scale(1.08);
}

/* Caption and Counter Footer */
.mt-lightbox-caption-bar {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 90vw;
    color: #E2E8F0;
    font-size: 13.5px;
    padding: 6px 12px;
    background: rgba(15, 23, 42, 0.75);
    border-radius: 4px;
    backdrop-filter: blur(6px);
    box-sizing: border-box;
}

.mt-lightbox-caption-text {
    font-weight: 500;
    color: #FFFFFF;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 16px;
}

.mt-lightbox-counter {
    font-weight: 700;
    color: var(--mt-amber, #F5A623);
    font-family: var(--mt-font-display, sans-serif);
    font-size: 13px;
    white-space: nowrap;
    letter-spacing: 0.5px;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .mt-lightbox-btn-prev,
    .mt-lightbox-btn-next {
        width: 38px;
        height: 42px;
        font-size: 20px;
    }
    .mt-lightbox-btn-prev { left: 8px; }
    .mt-lightbox-btn-next { right: 8px; }
    .mt-lightbox-btn-close {
        top: -42px;
        right: 4px;
        width: 36px;
        height: 36px;
        font-size: 26px;
    }
    .mt-lightbox-image {
        max-width: 94vw !important;
        max-height: 72vh !important;
        padding: 4px;
    }
    .mt-lightbox-caption-bar {
        font-size: 12px;
        padding: 6px 8px;
    }
}