/*
Theme Name: Mobility and Motion UK
Theme URI: https://mobilityandmotion.uk
Author: Mobility and Motion UK
Author URI: https://mobilityandmotion.uk
Description: A premium WordPress + WooCommerce theme for Mobility and Motion UK
Version: 10.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mobility-in-motion
Tags: e-commerce, accessibility, woocommerce, responsive, custom-menu
*/

/* ============================================
   DESIGN TOKENS
   ============================================ */
:root {
    /* ── MIM Brand palette ── */
    --primary: #003087;
    --primary-mid: #0057b8;
    --primary-light: #0072ce;
    --primary-hover: #002570;
    --primary-glow: rgba(0,87,184,0.18);
    --accent: #ffc600;
    --accent-bright: #ffdd55;
    --accent-dark: #e6b000;
    --success: #16a34a;
    --warning: #f59e0b;
    --danger: #dc2626;
    /* ── Backgrounds — clean white with very faint blue tint ── */
    --bg-primary: #ffffff;
    --bg-secondary: #f4f7fc;
    --bg-tertiary: #e8eef8;
    --bg-elevated: #ffffff;
    --bg-hero: #003087;
    --bg-brand: linear-gradient(135deg,#003087 0%,#0057b8 55%,#0072ce 100%);
    /* ── Text ── */
    --text-primary: #0d1b3e;
    --text-secondary: #3a4a6b;
    --text-muted: #7a8aab;
    --text-on-dark: #f0f4ff;
    /* ── Borders ── */
    --border: #d0daf0;
    --border-subtle: #e8eef8;
    --border-brand: rgba(0,87,184,0.2);
    /* ── Glass ── */
    --glass-bg: rgba(255,255,255,0.72);
    --glass-border: rgba(255,255,255,0.18);
    --glass-blur: 20px;
    /* ── Shadows (blue-tinted) ── */
    --shadow-sm: 0 1px 3px rgba(0,48,135,0.06);
    --shadow-md: 0 4px 16px rgba(0,48,135,0.10);
    --shadow-lg: 0 12px 40px rgba(0,48,135,0.14);
    --shadow-xl: 0 24px 64px rgba(0,48,135,0.18);
    --shadow-glow: 0 0 40px var(--primary-glow);
    --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-full: 9999px;
    --max-width: 1440px;
    --header-height: 72px;
    --ease-out: cubic-bezier(0.16,1,0.3,1);
    --duration-fast: 150ms;
    --duration-normal: 300ms;
    --duration-slow: 500ms;
}

[data-theme="dark"] {
    --bg-primary: #040e24;
    --bg-secondary: #091630;
    --bg-tertiary: #0e1e3c;
    --bg-elevated: #0a1628;
    --bg-hero: #020a1a;
    --text-primary: #e8eeff;
    --text-secondary: #a0b0d0;
    --text-muted: #5a6e90;
    --border: #1a2d55;
    --border-subtle: #0e1e3c;
    --glass-bg: rgba(4,14,36,0.72);
    --glass-border: rgba(255,255,255,0.07);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.4);
    --shadow-lg: 0 12px 40px rgba(0,0,0,0.55);
}

/* ============================================
   GLOBAL RESET & BASE
   ============================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;padding-top:0;overflow-x:hidden;transition:background var(--duration-normal) ease,color var(--duration-normal) ease}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color var(--duration-fast) ease}
h1,h2,h3,h4,h5,h6{font-family:'Comfortaa',var(--font-sans);font-weight:700;line-height:1.15;letter-spacing:-0.01em;color:var(--text-primary)}
h1{font-size:clamp(2.25rem,5vw,4rem)}
h2{font-size:clamp(1.75rem,3.5vw,2.75rem)}
h3{font-size:clamp(1.25rem,2vw,1.75rem)}
h4{font-size:1.25rem}
p{margin-bottom:1rem;font-size:1.0625rem;color:var(--text-secondary);line-height:1.7}
::selection{background:#0057b8;color:#fff}

nav ul,nav li,.desktop-menu,.desktop-menu ul,.desktop-menu li,
.mobile-menu nav,.mobile-menu ul,.mobile-menu li,
.footer-links ul,.footer-links li{list-style:none!important;margin:0;padding:0}
nav ul::before,nav li::before,.desktop-menu::before,
.desktop-menu li::before,.mobile-menu li::before,.footer-links li::before{display:none!important;content:none!important}

.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(1rem,3vw,2rem)}

/* ============================================
   BUTTONS
   ============================================ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8125rem 1.75rem;font-size:.9375rem;font-weight:600;font-family:'Montserrat',var(--font-sans);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:center;position:relative;overflow:hidden;white-space:nowrap;letter-spacing:.02em}
.btn::after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-fast) ease;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent)}
.btn:hover::after{opacity:1}
.btn-primary{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;box-shadow:0 3px 12px rgba(0,48,135,.3)}
.btn-primary:hover{background:linear-gradient(135deg,#002570,#003087);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,48,135,.4)}
.btn-primary i{color:#fff}
.btn-secondary{background:var(--text-primary);color:var(--bg-primary)}
.btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-outline{background:transparent;color:#003087;border:1.5px solid #003087}
.btn-outline:hover{background:#003087;color:#fff;box-shadow:0 0 0 3px var(--primary-glow)}
.btn-gold{background:linear-gradient(135deg,#ffc600,#ffdd55);color:#003087;border:none;font-weight:700}
.btn-gold:hover{background:linear-gradient(135deg,#e6b000,#ffc600);transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,198,0,.4)}
.btn-white{background:#fff;color:#003087}
.btn-white:hover{background:#f0f4ff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-ghost{background:transparent;color:var(--text-primary);padding:.5rem 1rem}
.btn-ghost:hover{color:var(--primary)}
.btn-lg{padding:1rem 2rem;font-size:1.0625rem}
.btn-sm{padding:.5rem 1.25rem;font-size:.8125rem}
.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}


/* ============================================
   MIM UNIFIED HEADER  (v19)
   ============================================ */

/* ── Base ── */
.mim-header{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    background:linear-gradient(135deg,#003087 0%,#0050aa 50%,#0066cc 100%);
    transition:box-shadow .3s ease;
    overflow:visible;
}
.mim-header.mim-scrolled{
    box-shadow:0 4px 30px rgba(0,30,100,.35);
}

/* ── Speed streaks ── */
.mim-streaks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;}
.mim-streak{
    position:absolute;height:2px;border-radius:2px;
    background:linear-gradient(90deg,transparent,rgba(255,198,0,.45),transparent);
    animation:mimStreak 3s ease-in-out infinite;opacity:0;
}
.mim-streak:nth-child(1){width:100px;top:25%;left:-120px;animation-delay:0s;}
.mim-streak:nth-child(2){width:70px; top:55%;left:-90px; animation-delay:.9s;height:1px;}
.mim-streak:nth-child(3){width:130px;top:78%;left:-150px;animation-delay:1.8s;}
@keyframes mimStreak{
    0%  {transform:translateX(0);opacity:0;}
    10% {opacity:1;}
    90% {opacity:.5;}
    100%{transform:translateX(1800px);opacity:0;}
}

/* ── Trust bar ── */
.mim-trust-bar{
    background:rgba(0,0,0,.18);
    padding:.35rem 1rem;text-align:center;
    position:relative;z-index:1;
    border-bottom:1px solid rgba(255,198,0,.2);
}
.mim-trust-msg{
    display:inline-flex;align-items:center;gap:.5rem;
    color:#fff;font-size:.78rem;font-weight:600;
    letter-spacing:.06em;text-transform:uppercase;
    transition:opacity .3s ease;
}
.mim-trust-msg i{color:#ffc600;font-size:.75rem;}

/* ── Main row ── */
.mim-main-row{
    display:flex;
    align-items:center;
    padding:.55rem clamp(.75rem,3vw,2rem);
    position:relative;z-index:2;
    min-height:64px;
}

/* ── Brand — flex:1 on both sides forces true centre ── */
.mim-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none!important;
    white-space:nowrap;
    flex-shrink:0;
    z-index:3;
    padding:0;
}
@media(min-width:900px){.mim-brand{padding:0 1rem;}}
/* Hide logo image — text only */
.mim-brand-logo{display:none!important;}
.mim-brand-logo img,
.mim-brand-logo .custom-logo{display:none!important;}
.mim-brand-text{
    display:flex;flex-direction:row;align-items:baseline;
    line-height:1;gap:0;white-space:nowrap;
}
.mim-brand-top{display:flex;align-items:baseline;gap:0;}
.mim-b-mobility{
    font-family:'Raleway','Segoe UI',sans-serif;
    font-weight:700;font-size:clamp(20px,2.8vw,36px);
    color:rgba(255,255,255,.85);letter-spacing:.04em;line-height:1;
}
.mim-b-and{
    font-family:'Raleway','Segoe UI',sans-serif;
    font-weight:700;font-size:clamp(12px,1.4vw,17px);
    color:#ffc600;
    font-style:italic;
    padding:0 8px;
    align-self:center;
    display:inline-block;
    letter-spacing:.04em;
}
.mim-b-motion{
    font-family:'Raleway','Segoe UI',sans-serif;
    font-weight:700;font-size:clamp(20px,2.8vw,36px);
    color:#ffc600;letter-spacing:.04em;line-height:1;
    -webkit-text-fill-color:#ffc600;
    font-style:italic;
}
.mim-b-uk{
    font-family:'Raleway','Segoe UI',sans-serif;
    font-weight:700;
    font-size:clamp(15px,2vw,28px);
    color:#fff;
    letter-spacing:.04em;
    margin-left:6px;
    align-self:baseline;
    line-height:1;
    white-space:nowrap;
    flex-shrink:0;
}

/* ── Vertical gold divider — hidden, kept for compat ── */
.mim-vdivider{display:none!important;}

/* ── Left col: flex:1 so it mirrors right col width ── */
.mim-left-col{
    display:flex;align-items:center;
    flex:1;
    z-index:2;
}
.mim-left-col .mim-contact-pills{
    display:flex;gap:.4rem;align-items:center;
}
@media(max-width:899px){.mim-left-col{display:none;}}

/* ── Right col: flex:1, items pushed to right end ── */
.mim-right-col{
    display:flex;align-items:center;justify-content:flex-end;
    gap:.4rem;flex:1;
    z-index:2;
}

/* ── Desktop nav ── */
.mim-desktop-nav{
    display:none;align-items:center;
    gap:.1rem;
}
@media(min-width:900px){.mim-desktop-nav{display:flex;}}

.mim-nav-link{
    display:inline-flex;align-items:center;gap:.3rem;
    color:rgba(255,255,255,.9);
    font-family:'Montserrat','Segoe UI',sans-serif;
    font-weight:600;font-size:.875rem;
    padding:.45rem .7rem;border-radius:6px;
    text-decoration:none!important;
    transition:background .15s,color .15s;
    white-space:nowrap;
}
.mim-nav-link:hover{
    color:#ffc600;background:rgba(255,255,255,.1);
}
.mim-nav-link i.fa-chevron-down{
    font-size:.65rem;opacity:.6;transition:transform .2s;
}

/* Desktop dropdown */
.mim-nav-dropdown{position:relative;}
.mim-nav-dropdown:hover .mim-nav-link i.fa-chevron-down,
.mim-nav-dropdown.mim-touch-open .mim-nav-link i.fa-chevron-down{
    transform:rotate(180deg);opacity:1;
}
.mim-dropdown-panel{
    position:absolute;top:calc(100% + 10px);left:50%;
    transform:translateX(-50%) translateY(8px);
    min-width:240px;
    background:linear-gradient(135deg,#003087 0%,#0050aa 50%,#0066cc 100%);
    border:1px solid rgba(255,198,0,.25);
    border-radius:12px;
    box-shadow:0 20px 50px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.05);
    padding:.5rem;
    opacity:0;visibility:hidden;
    transition:all .22s cubic-bezier(.4,0,.2,1);z-index:999;
    overflow:hidden;
}
/* Gold top accent line */
.mim-dropdown-panel::before{
    content:'';
    position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,transparent,#ffc600 30%,#ffdd55 50%,#ffc600 70%,transparent);
}
.mim-nav-dropdown:hover .mim-dropdown-panel,
.mim-nav-dropdown.mim-touch-open .mim-dropdown-panel{
    opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);
}
.mim-drop-item{
    display:flex;align-items:center;gap:.7rem;
    padding:.65rem .9rem;
    color:rgba(255,255,255,.82);
    font-family:'Montserrat','Segoe UI',sans-serif;
    font-weight:500;font-size:.82rem;
    border-radius:8px;
    text-decoration:none!important;
    transition:background .15s,color .15s,padding-left .15s;
}
.mim-drop-item:hover{
    background:rgba(255,255,255,.09);
    color:#fff;
    padding-left:1.15rem;
}
.mim-drop-item i{
    width:18px;text-align:center;font-size:.8rem;
    color:#ffc600;opacity:.6;
    transition:opacity .15s;
    flex-shrink:0;
}
.mim-drop-item:hover i{opacity:1;}
.mim-drop-featured{
    font-weight:700;color:#fff;
    background:rgba(255,198,0,.1);
    border:1px solid rgba(255,198,0,.2);
    margin-bottom:.25rem;
}
.mim-drop-featured:hover{background:rgba(255,198,0,.18);}
.mim-drop-featured i{color:#ffc600!important;opacity:1!important;}
.mim-drop-divider{
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,198,0,.25),transparent);
    margin:.3rem .5rem;
}
[data-theme="dark"] .mim-dropdown-panel{
    background:linear-gradient(135deg,#003087 0%,#0050aa 50%,#0066cc 100%);
}

/* ── Actions cluster (dark mode + cart + burger) ── */
.mim-actions{
    display:flex;align-items:center;
    gap:.4rem;flex-shrink:0;
}

/* Contact pills — used in left col */
.mim-contact-pills{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;}
.mim-pill{
    display:inline-flex;align-items:center;gap:.4rem;
    background:rgba(255,255,255,.15);
    border:1px solid rgba(255,255,255,.3);
    color:#fff!important;
    font-size:.8rem;font-weight:700;
    padding:.375rem .9rem;border-radius:20px;
    text-decoration:none!important;
    transition:background .2s;white-space:nowrap;
    letter-spacing:.01em;
}
.mim-pill:hover{background:rgba(255,255,255,.22);color:#fff!important;}
.mim-pill i{font-size:.75rem;color:#ffc600;}
.mim-pill-email{display:none;}
@media(min-width:1200px){.mim-pill-email{display:inline-flex;}}

/* Icon buttons */
.mim-icon-btn{
    width:38px;height:38px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.2);
    border-radius:9px;color:#fff;font-size:.9rem;
    cursor:pointer;transition:background .2s,transform .15s;
    text-decoration:none!important;flex-shrink:0;
    position:relative;
}
.mim-icon-btn:hover{background:rgba(255,255,255,.22);color:#fff;}
.mim-cart-btn{position:relative;}
.mim-theme-btn{font-size:1rem;}

/* Cart badge */
.mim-cart-badge{
    position:absolute;top:-6px;right:-6px;
    width:18px;height:18px;border-radius:50%;
    background:#ffc600;color:#003087;
    font-size:9px;font-weight:900;
    display:flex;align-items:center;justify-content:center;
    border:2px solid #0057b8;
}

/* Hamburger */
.mim-burger{
    display:flex!important;flex-direction:column;
    justify-content:center;align-items:center;gap:5px;
    padding:0!important;
}
.mim-burger-bar{
    display:block;width:20px;height:2px;
    border-radius:2px;background:#fff;
    transition:all .25s ease;
}
.mim-burger-bar:nth-child(2){width:14px;}
@media(min-width:900px){.mim-burger{display:none!important;}}

/* ── Gold bar ── */
.mim-gold-bar{
    height:3px;position:relative;z-index:1;
    background:linear-gradient(90deg,transparent,#ffc600 15%,#ffdd55 50%,#ffc600 85%,transparent);
}

/* ── Tagline strip ── */
.mim-tagline-strip{
    display:flex;align-items:center;justify-content:center;
    gap:.6rem;padding:.5rem 1rem;
    position:relative;z-index:1;
}
.mim-tagline-strip span{
    font-family:'Oswald','Segoe UI',sans-serif;
    font-size:.75rem;font-weight:500;
    letter-spacing:2px;text-transform:uppercase;
    color:#fff;
}
.mim-tdot{
    width:3px;height:3px;border-radius:50%;
    background:#ffc600;opacity:.9;flex-shrink:0;
    display:inline-block;
}
@media(max-width:480px){.mim-tdot-hide,.mim-tagline-strip .mim-tdot-hide{display:none;}}

/* ── Overlay ── */
.mim-overlay{
    display:none;position:fixed;inset:0;z-index:1100;
    background:rgba(0,20,60,.55);backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);opacity:0;
    transition:opacity .3s ease;
}
.mim-overlay.mim-open{display:block;opacity:1;}

/* ── Slide drawer ── */
.mim-drawer{
    position:fixed;top:0;left:0;bottom:0;
    width:85%;max-width:320px;z-index:1110;
    background:linear-gradient(135deg,#003087 0%,#0050aa 50%,#0066cc 100%);
    display:flex;flex-direction:column;
    transform:translateX(-105%);
    transition:transform .35s cubic-bezier(.4,0,.2,1);
    box-shadow:8px 0 40px rgba(0,0,0,.35);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    height:100%;
    height:100dvh;
    padding-bottom:env(safe-area-inset-bottom, 0px);
}
.mim-drawer.mim-open{transform:translateX(0);}

.mim-drawer-head{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 18px 14px;
    background:rgba(0,0,0,.2);
    border-bottom:2px solid rgba(255,198,0,.2);
    flex-shrink:0;
}
.mim-drawer-brand{display:flex;align-items:baseline;gap:4px;flex-wrap:nowrap;}
.mim-db-m{font-family:'Comfortaa',sans-serif;font-weight:700;font-size:20px;color:#fff;letter-spacing:-.3px;}
.mim-db-and{font-family:'Comfortaa',sans-serif;font-weight:400;font-style:italic;font-size:12px;color:#ffc600;margin:0 1px;}
.mim-db-mo{font-family:'Comfortaa',sans-serif;font-weight:700;font-size:20px;color:#fff;letter-spacing:-.3px;}
.mim-db-uk{font-family:'Montserrat',sans-serif;font-weight:700;font-size:10px;color:#003087;background:#ffc600;border-radius:20px;padding:1px 7px;align-self:center;margin-left:3px;letter-spacing:.5px;}

.mim-drawer-close{
    width:32px;height:32px;display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
    border-radius:8px;color:rgba(255,255,255,.8);font-size:14px;cursor:pointer;
    transition:background .2s;flex-shrink:0;
}
.mim-drawer-close:hover{background:rgba(255,255,255,.2);color:#fff;}

.mim-drawer-tagline{
    display:flex;align-items:center;justify-content:center;gap:8px;
    padding:8px 16px;background:rgba(0,0,0,.15);
    border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;
}
.mim-drawer-tagline span{
    font-family:'Oswald',sans-serif;font-size:10px;font-weight:400;
    letter-spacing:1.2px;color:rgba(255,255,255,.5);text-transform:uppercase;
}

.mim-drawer-nav{display:flex;flex-direction:column;flex:1;padding:6px 0;}

.mim-dnav-link{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;padding:15px 20px;
    font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;
    color:rgba(255,255,255,.88);text-decoration:none!important;
    border:none;background:none;cursor:pointer;text-align:left;
    border-bottom:1px solid rgba(255,255,255,.06);
    transition:background .15s,color .15s;
    min-height:52px;
    box-sizing:border-box;
}
.mim-dnav-link:hover{background:rgba(255,255,255,.07);color:#fff;}
.mim-dnav-group{display:flex;flex-direction:column;}
.mim-dnav-toggle{width:100%;text-align:left;background:none;border:none;cursor:pointer;}
.mim-dicon{width:17px;text-align:center;color:rgba(255,255,255,.4);font-size:12px;margin-right:9px;}
.mim-dchev{font-size:10px;color:rgba(255,255,255,.3);transition:transform .25s ease;}
.mim-dchev-up{transform:rotate(180deg);}

.mim-dnav-sub{
    max-height:0;
    overflow:hidden;
    background:rgba(0,0,0,.25);
    border-top:0px solid rgba(255,198,0,.15);
    transition:max-height .3s ease, border-top-width .3s ease;
}
.mim-dnav-sub > *{display:block;}
.mim-dnav-sub.mim-dsub-open{
    max-height:500px;
    border-top-width:1px;
}
.mim-dsub-link{
    display:flex;align-items:center;gap:10px;
    padding:11px 20px 11px 42px;
    font-family:'Montserrat',sans-serif;font-size:12px;font-weight:500;
    color:rgba(255,255,255,.65);text-decoration:none!important;
    border-bottom:1px solid rgba(255,255,255,.04);
    transition:background .15s,color .15s,padding-left .15s;
}
.mim-dsub-link:hover{background:rgba(255,198,0,.1);color:#ffc600;padding-left:50px;}
.mim-dsub-link i{width:15px;text-align:center;font-size:11px;color:#ffc600;opacity:.5;}
.mim-dsub-link:hover i{opacity:1;}

.mim-drawer-foot{
    padding:14px 16px 20px;border-top:1px solid rgba(255,198,0,.2);
    display:flex;flex-direction:column;gap:9px;flex-shrink:0;
    padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px));
}
.mim-drawer-tel{
    display:flex;align-items:center;justify-content:center;gap:8px;
    padding:10px;border-radius:8px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
    font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:700;
    color:rgba(255,255,255,.85);text-decoration:none!important;
    transition:background .2s;
}
.mim-drawer-tel:hover{background:rgba(255,255,255,.15);color:#fff;}
.mim-drawer-tel i{color:#ffc600;}
.mim-drawer-cart{
    display:flex;align-items:center;justify-content:center;gap:8px;
    padding:12px;border-radius:8px;
    background:linear-gradient(135deg,#ffc600,#ffdd55);
    color:#003087!important;font-family:'Montserrat',sans-serif;
    font-weight:800;font-size:12.5px;letter-spacing:.5px;
    text-decoration:none!important;text-transform:uppercase;
    box-shadow:0 4px 16px rgba(255,198,0,.3);
    transition:transform .15s,box-shadow .15s;position:relative;
}
.mim-drawer-cart:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,198,0,.45);color:#003087!important;}
.mim-dcart-badge{
    position:absolute;top:-8px;right:-8px;width:19px;height:19px;border-radius:50%;
    background:#003087;color:#ffc600;font-size:9px;font-weight:900;
    display:flex;align-items:center;justify-content:center;
    border:2px solid #ffc600;
}

/* ── Dark mode adjustments ── */
[data-theme="dark"] .mim-dropdown-panel{background:#1e2a4a;border-color:rgba(255,255,255,.1);}
[data-theme="dark"] .mim-drop-item{color:rgba(255,255,255,.85);}
[data-theme="dark"] .mim-drop-item:hover{background:rgba(255,255,255,.08);color:#7ecfff;}



/* ── Non-hero pages: main content needs top breathing room ── */
main > *:first-child:not(.hero):not(.about-hero):not(.contact-hero):not(.elementor-section):not(.mim-banner-slider-section){
    padding-top:2.5rem;
}
main > .section:first-child,
main > .woocommerce:first-child,
.woocommerce-page main > *:first-child{
    padding-top:2rem;
}
/* Flush full-bleed hero sections hard against the fixed header — no white body gap */
main > .about-hero:first-child,
main > .contact-hero:first-child{
    margin-top:0;
    display:block;
}
/* Smooth anchor scrolling offset */
:target{scroll-margin-top:140px;}

/* ── Page body offset — fixed header height ── */
body{padding-top:131px;}
/* Prevent blue body colour showing through any gap */
main, #main, .site-main{background:var(--bg-primary);}
@media(max-width:899px){body{padding-top:115px;}}
@media(max-width:480px){body{padding-top:108px;}}

/* WordPress admin bar offset */
.admin-bar .mim-header{top:32px;}
@media(max-width:782px){.admin-bar .mim-header{top:46px;}}
.admin-bar body{padding-top:calc(131px + 32px);}
@media(max-width:899px){.admin-bar body{padding-top:calc(115px + 46px);}}
@media(max-width:480px){.admin-bar body{padding-top:calc(108px + 46px);}}

   DROPDOWN MENUS
   ============================================ */
.nav-dropdown{position:relative;display:inline-block}
.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(8px);min-width:240px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:.5rem;opacity:0;visibility:hidden;transition:all var(--duration-normal) var(--ease-out);z-index:999}
.nav-dropdown:hover .dropdown-menu,.nav-dropdown.touch-active .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-primary);font-weight:500;font-size:.9375rem;border-radius:var(--radius-md);transition:all var(--duration-fast) ease}
.dropdown-item:hover{background:rgba(0,87,184,.08);color:var(--primary)}
.dropdown-item i{width:20px;text-align:center;font-size:.875rem;color:var(--text-muted);transition:color var(--duration-fast) ease}
.dropdown-item:hover i{color:var(--primary)}
.dropdown-item.featured{background:linear-gradient(135deg,rgba(0,87,184,.08),rgba(0,114,206,.06));font-weight:600}
.dropdown-divider{height:1px;background:var(--border-subtle);margin:.375rem .75rem}

.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.875rem 1rem;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-sans)}
.mobile-dropdown-menu{display:none;padding:.5rem 0 .5rem 1rem}
.mobile-dropdown.active .mobile-dropdown-menu{display:block}
.mobile-dropdown.active .mobile-dropdown-toggle i{transform:rotate(180deg)}
.mobile-dropdown-menu a{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.9375rem;border-radius:var(--radius-md);color:var(--text-secondary)}
.mobile-dropdown-menu a:hover{background:var(--bg-secondary);color:var(--primary)}

/* ============================================
   DARK MODE TOGGLE
   ============================================ */
.theme-toggle{width:40px;height:40px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) ease;font-size:.875rem}
.theme-toggle:hover{border-color:#0057b8;color:#0057b8;background:rgba(0,87,184,.08)}

/* ============================================
   HERO — CINEMATIC
   ============================================ */
.hero{background:linear-gradient(135deg,#003087 0%,#0057b8 55%,#0072ce 100%);color:#fff;padding:clamp(3rem,6vw,5rem) 0 clamp(3rem,8vw,5rem);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-40%;right:-20%;width:70%;height:180%;background:radial-gradient(ellipse,rgba(255,198,0,.08) 0%,transparent 65%);pointer-events:none}
.hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ffc600 20%,#ffdd55 50%,#ffc600 80%,transparent)}
.hero-content{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}
@media(min-width:1024px){.hero-content{grid-template-columns:1fr 1fr;gap:4rem}}
.hero-text h2{font-size:clamp(2.25rem,5vw,3.75rem);color:#fff;margin-bottom:1.5rem;line-height:1.08;letter-spacing:-.03em}
.hero-text h2 .text-gradient{background:linear-gradient(135deg,#ffc600,#ffdd55,#ffc600);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.hero-text p{font-size:clamp(1.0625rem,1.5vw,1.25rem);color:rgba(255,255,255,.7);margin-bottom:2rem;max-width:36rem;line-height:1.7}
.hero-buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}
.hero-features{display:flex;flex-wrap:wrap;gap:1.5rem}
.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:rgba(255,255,255,.8)}
.feature-item i{color:var(--accent);font-size:1rem}

/* Hero slider */
.hero-image{position:relative}
.hero-slider{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);aspect-ratio:4/3;backdrop-filter:blur(8px)}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s var(--ease-out);pointer-events:none}
.hero-slide.active{opacity:1;pointer-events:auto}
.hero-slide a{display:block;width:100%;height:100%;text-decoration:none}
.hero-slide img{width:100%;height:100%;object-fit:contain;padding:1.5rem;border-radius:0;box-shadow:none}
.hero-slide-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:3rem 1.5rem 1rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}
.hero-slide-label span{color:#fff;font-size:.9375rem;font-weight:600;line-height:1.3}
.hero-slide-label strong{color:#ffc600;font-size:1.125rem;font-weight:800;font-family:'Montserrat',sans-serif;white-space:nowrap}
.hero-slider-dots{position:absolute;bottom:.75rem;left:50%;transform:translateX(-50%);display:flex;gap:.35rem;z-index:10}
.hero-dot{width:6px;height:6px;border-radius:50%;border:none;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:all var(--duration-normal) ease}
.hero-dot.active{background:#ffc600;width:20px;border-radius:3px}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--duration-normal) ease;color:#fff;font-size:.85rem}
.hero-arrow:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}
.hero-arrow-prev{left:.75rem}
.hero-arrow-next{right:.75rem}
@media(max-width:768px){.hero-slider{aspect-ratio:1/1}}

/* ============================================
   SECTIONS
   ============================================ */
.section{padding:clamp(3rem,6vw,5rem) 0}
.section-title{text-align:center;margin-bottom:clamp(2rem,4vw,3.5rem)}
.section-title h2{color:var(--text-primary);margin-bottom:.75rem}
.section-title .section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:#0057b8;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;font-family:'Montserrat',sans-serif}
.section-title .section-label::before,.section-title .section-label::after{content:'';width:20px;height:2px;background:linear-gradient(90deg,#003087,#ffc600);opacity:.7;border-radius:2px}
.section-title p{font-size:1.125rem;color:var(--text-muted);max-width:40rem;margin:0 auto}
.bg-gray{background:var(--bg-secondary)}
.bg-brand{background:linear-gradient(135deg,#003087 0%,#0057b8 55%,#0072ce 100%);color:#fff}
.bg-primary{background:var(--primary)}
.grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}

/* ============================================
   FEATURE CARDS
   ============================================ */
.feature-card{background:var(--bg-elevated);padding:2rem;border-radius:var(--radius-xl);text-align:center;border:1.5px solid var(--border-subtle);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#003087,#0057b8,#ffc600);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out)}
.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--border-brand)}
.feature-card:hover::before{transform:scaleX(1)}
.feature-icon{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;font-size:1.25rem;box-shadow:0 4px 16px rgba(0,48,135,.25)}
.feature-card:hover .feature-icon{background:linear-gradient(135deg,#ffc600,#ffdd55);color:#003087;box-shadow:0 4px 16px rgba(255,198,0,.3)}
.feature-card h3{margin-bottom:.5rem;font-size:1.125rem;color:var(--text-primary)}
.feature-card p{font-size:.9375rem;margin-bottom:0}

/* ============================================
   FEATURED PRODUCTS
   ============================================ */
.featured-products-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
@media(min-width:600px){.featured-products-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.featured-products-grid{grid-template-columns:repeat(4,1fr)}}
.featured-product-card{background:var(--bg-elevated);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle);transition:all var(--duration-normal) var(--ease-out);position:relative}
.featured-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border)}
.featured-product-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg,#ffc600,#ffdd55);color:#003087;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;z-index:2;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 2px 8px rgba(255,198,0,.3)}
.featured-product-image{height:460px;overflow:hidden;background:#f0f2f7}
.featured-product-image img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform var(--duration-slow) var(--ease-out);padding:1rem}
.featured-product-card:hover .featured-product-image img{transform:scale(1.05)}
.featured-product-content{padding:1.5rem}
.featured-product-content h3{font-size:1.25rem;margin-bottom:.25rem}
.featured-product-tagline{color:#0057b8;font-weight:700;font-size:.875rem;margin-bottom:.5rem;font-family:'Montserrat',sans-serif}
.featured-product-description{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1rem}
.featured-product-features{list-style:none;padding:0;margin:0 0 1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.featured-product-features li{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.35rem}
.featured-product-features li i{color:var(--success);font-size:.75rem}
.featured-product-actions{display:flex;gap:.75rem;flex-wrap:wrap}

.card{background:var(--bg-elevated);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-subtle);transition:all var(--duration-normal) var(--ease-out)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-brand)}
.card-image{width:100%;height:12rem;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}
.card:hover .card-image{transform:scale(1.05)}
.card-content{padding:1.5rem}
.card h3{font-size:1.125rem;margin-bottom:.5rem}
.card h3 a{color:var(--text-primary)}
.card h3 a:hover{color:#0057b8}
.card p{font-size:.9375rem;color:var(--text-secondary);margin-bottom:1rem}
.card-price{font-size:1.5rem;font-weight:800;color:#003087;margin-bottom:1rem;font-family:'Montserrat',sans-serif}
.card-footer{display:flex;justify-content:space-between;align-items:center}

/* ============================================
   SERVICE CARDS
   ============================================ */
.service-card{background:var(--bg-elevated);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border)}
.service-icon{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,#003087,#0057b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.service-card h3{margin-bottom:.75rem;font-size:1.25rem}
.service-card p{color:var(--text-secondary);margin-bottom:1.25rem}
.service-link{display:inline-flex;align-items:center;gap:.5rem;color:#0057b8;font-weight:700;font-size:.9375rem;text-decoration:none;transition:all var(--duration-fast) ease;font-family:'Montserrat',sans-serif}
.service-link:hover{gap:.75rem}
.service-link i{transition:transform var(--duration-fast) ease}
.service-link:hover i{transform:translateX(4px)}

/* Suppliers carousel */
.suppliers-carousel-wrapper{display:flex;align-items:center;gap:1rem;position:relative}
.suppliers-carousel{display:flex;gap:1rem;overflow:hidden;flex:1}
.supplier-card{flex:1 0 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--duration-normal) ease;text-align:center}
.supplier-card:hover{border-color:#0057b8;box-shadow:0 4px 20px rgba(0,48,135,.12)}
.supplier-logo{width:120px;height:60px;display:flex;align-items:center;justify-content:center}
.supplier-logo img{max-width:100%;max-height:50px;object-fit:contain;opacity:.7;transition:opacity var(--duration-normal) ease;filter:grayscale(100%)}
.supplier-card:hover .supplier-logo img{opacity:1;filter:grayscale(0%)}
.supplier-info h4{font-size:.875rem;margin-bottom:.25rem}
.supplier-info p{font-size:.75rem;color:var(--text-muted);margin-bottom:0}
.carousel-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all var(--duration-normal) ease;flex-shrink:0}
.carousel-btn:hover{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;border-color:#003087}
.carousel-btn:disabled{opacity:.3;cursor:not-allowed}
.carousel-dots{display:flex;justify-content:center;gap:.35rem;margin-top:1.25rem}
.carousel-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border);cursor:pointer;transition:all var(--duration-normal) ease}
.carousel-dot.active{background:linear-gradient(90deg,#003087,#ffc600);width:20px;border-radius:4px}

/* ============================================
   CONTACT SECTION
   ============================================ */
.contact-grid{display:grid;grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto}
@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}
.contact-item{display:flex;align-items:flex-start;gap:1rem}
.contact-info{display:flex;flex-direction:column;gap:1.5rem}
.contact-icon{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;padding:.875rem;border-radius:var(--radius-md);min-width:3rem;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0;box-shadow:0 4px 12px rgba(0,48,135,.25)}
.contact-details h3{font-size:1rem;margin-bottom:.25rem}
.contact-details p{margin-bottom:.15rem;font-size:1rem}
.contact-details a{color:#0057b8;font-weight:600}
.contact-details a:hover{text-decoration:underline}
.contact-details span{color:var(--text-muted);font-size:.8125rem}
.contact-form{background:var(--bg-elevated);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}
.contact-form h3{margin-bottom:1.25rem}

.wpcf7-form label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.9375rem}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form input[type="url"],.wpcf7-form textarea,.wpcf7-form select,.contact-form-simple input,.contact-form-simple textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:.9375rem;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}
.wpcf7-form input:focus,.wpcf7-form textarea:focus,.contact-form-simple input:focus,.contact-form-simple textarea:focus{outline:none;border-color:#0057b8;box-shadow:0 0 0 3px rgba(0,87,184,.15)}
.wpcf7-form textarea{min-height:150px;resize:vertical}
.wpcf7-form input[type="submit"]{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;padding:.875rem 2rem;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--duration-normal) ease;width:100%;font-family:'Montserrat',sans-serif}
.wpcf7-form input[type="submit"]:hover{background:linear-gradient(135deg,#002570,#003087);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,48,135,.35)}
.wpcf7-response-output{margin:1.5rem 0 0;padding:1rem;border-radius:var(--radius-md)}
.wpcf7-mail-sent-ok{background:#d1fae5;color:#065f46;border:1px solid #10b981}
.wpcf7-validation-errors,.wpcf7-mail-sent-ng{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}
.wpcf7-not-valid-tip{color:#dc2626;font-size:.875rem;margin-top:.25rem}

/* ============================================
   FOOTER — DARK PREMIUM
   ============================================ */
.footer{background:linear-gradient(135deg,#003087 0%,#0050aa 50%,#0066cc 100%);color:#fff;padding:clamp(3rem,5vw,4rem) 0 1.5rem;margin-top:0;border-top:3px solid transparent;border-image:linear-gradient(90deg,transparent,#ffc600 20%,#ffdd55 50%,#ffc600 80%,transparent) 1}
.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}
@media(min-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}
.footer-logo-icon{background:var(--primary);color:#fff;padding:.5rem;border-radius:var(--radius-md)}
.footer-logo-text h3{font-size:1.25rem;margin-bottom:.25rem;color:#fff}
.footer-logo-text p{font-size:.8125rem;color:rgba(255,255,255,.8);margin-bottom:0}
.footer-social{display:flex;gap:.75rem;margin-top:1rem}
.footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,198,0,.2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);transition:all var(--duration-normal) ease;font-size:.875rem}
.footer-social a:hover{color:#003087;border-color:#ffc600;background:#ffc600}
.footer-links h4{font-size:.9375rem;margin-bottom:1rem;color:#fff;letter-spacing:.03em;font-family:'Montserrat',sans-serif}
.footer-links a{color:rgba(255,255,255,.75);text-decoration:none;display:block;margin-bottom:.5rem;font-size:.9375rem;transition:color var(--duration-fast) ease}
.footer-links a:hover{color:#ffc600}
.newsletter h4{margin-bottom:.75rem;color:#fff}
.newsletter p{color:#8d8d8d;margin-bottom:1rem;font-size:.9375rem}
.newsletter-form{display:flex;gap:0}
.newsletter-form input{flex:1;padding:.75rem 1rem;border:1.5px solid rgba(255,255,255,.1);border-radius:var(--radius-full) 0 0 var(--radius-full);font-size:.9375rem;background:rgba(255,255,255,.05);color:#fff;font-family:var(--font-sans)}
.newsletter-form input:focus{outline:none;border-color:var(--primary)}
.newsletter-form input::placeholder{color:#6f6f6f}
.newsletter-form button{background:linear-gradient(135deg,#ffc600,#ffdd55);color:#003087;border:none;padding:.75rem 1.25rem;border-radius:0 var(--radius-full) var(--radius-full) 0;cursor:pointer;font-weight:700;transition:all var(--duration-fast) ease}
.newsletter-form button:hover{background:linear-gradient(135deg,#e6b000,#ffc600);}
.footer-bottom{border-top:1px solid rgba(255,198,0,.12);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-bottom p{color:rgba(255,255,255,.65);font-size:.8125rem;margin-bottom:0}

/* Cookie consent */
.cookie-consent{position:fixed;bottom:1rem;left:1rem;right:1rem;max-width:480px;background:var(--bg-elevated);color:var(--text-primary);padding:1.25rem;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-xl);z-index:1001;display:none;box-sizing:border-box;}
.cookie-consent.show{display:block}
.cookie-content{display:flex;flex-direction:column;gap:1rem}
.cookie-content p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}
.cookie-buttons{display:flex;gap:.75rem}

/* ============================================
   WOOCOMMERCE — SHOP
   ============================================ */
/* ============================================
   SHOP PAGE — branded to match MIM header
   ============================================ */

/* ── Page wrapper & header ── */
.shop-page-wrapper{padding:1.5rem 0 4rem;width:100%;background:var(--bg-primary);}
.shop-page-wrapper .container{max-width:var(--max-width);width:100%;padding:0 clamp(1rem,3vw,2rem);}
.products-grid-wrapper{width:100%}

.shop-header{
    margin-top:1.25rem;
    margin-bottom:2rem;
    text-align:center;
    padding:2rem 1rem 1.5rem;
    background:linear-gradient(135deg,#003087 0%,#0057b8 60%,#0072ce 100%);
    border-radius:16px;
    position:relative;
    overflow:hidden;
}
.shop-header::after{
    content:'';
    position:absolute;bottom:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,transparent,#ffc600 20%,#ffdd55 50%,#ffc600 80%,transparent);
}
.shop-header-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;}
.shop-page-title{
    font-family:'Comfortaa','Segoe UI',sans-serif;
    font-size:clamp(1.6rem,3vw,2.4rem);
    font-weight:700;
    color:#fff;
    margin-bottom:.25rem;
    letter-spacing:-.02em;
}
.shop-header .woocommerce-result-count{
    color:rgba(255,255,255,.6);
    font-size:.85rem;
    margin:0;
}
.shop-header .woocommerce-products-header__title,
.shop-header .term-description,
.shop-header .term-description p,
.shop-header .woocommerce-product-archive__description,
.shop-header .woocommerce-product-archive__description p {
    color:#fff;
}

/* ── Shop CTA Banner ── */
.mim-shop-cta-banner{
    display:flex;
    align-items:center;
    gap:1.5rem;
    margin-bottom:1.75rem;
    padding:1.5rem 2rem;
    background:linear-gradient(135deg,#002570 0%,#003087 50%,#0057b8 100%);
    border-radius:16px;
    border:2px solid rgba(255,198,0,.45);
    box-shadow:0 8px 32px rgba(0,48,135,.35),0 0 0 1px rgba(255,198,0,.08);
    position:relative;
    overflow:hidden;
}
.mim-shop-cta-banner::before{
    content:'';
    position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,transparent,#ffc600 25%,#ffdd55 50%,#ffc600 75%,transparent);
}
.mim-shop-cta-banner::after{
    content:'';
    position:absolute;inset:0;
    background:radial-gradient(ellipse 60% 100% at 0% 50%,rgba(255,198,0,.1) 0%,transparent 60%);
    pointer-events:none;
}
.mim-shop-cta-icon{
    flex-shrink:0;
    width:64px;height:64px;
    background:rgba(255,198,0,.18);
    border:2px solid rgba(255,198,0,.45);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#ffc600;
    font-size:1.625rem;
    box-shadow:0 0 20px rgba(255,198,0,.25);
    position:relative;
    z-index:1;
}
.mim-shop-cta-text{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:.35rem;
    min-width:0;
    position:relative;
    z-index:1;
}
.mim-shop-cta-text strong{
    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:1.25rem;
    font-weight:800;
    line-height:1.3;
    letter-spacing:-.01em;
}
.mim-shop-cta-text span{
    color:rgba(255,255,255,.85);
    font-size:1rem;
    font-weight:500;
    line-height:1.45;
}
.mim-shop-cta-actions{
    display:flex;
    gap:.875rem;
    flex-shrink:0;
    position:relative;
    z-index:1;
}
.mim-shop-cta-btn{
    display:inline-flex;align-items:center;gap:.55rem;
    padding:.85rem 1.65rem;
    border-radius:var(--radius-full);
    font-family:'Montserrat',sans-serif;
    font-size:1rem;font-weight:800;
    text-decoration:none;
    transition:all .2s ease;
    white-space:nowrap;
    letter-spacing:.01em;
}
.mim-shop-cta-call{
    background:linear-gradient(135deg,#ffc600,#ffdd55);
    color:#002570;
    box-shadow:0 4px 18px rgba(255,198,0,.45);
    animation:mim-cta-pulse 2.5s ease-in-out infinite;
}
@keyframes mim-cta-pulse{
    0%,100%{box-shadow:0 4px 18px rgba(255,198,0,.45);}
    50%{box-shadow:0 4px 26px rgba(255,198,0,.7);}
}
.mim-shop-cta-call:hover{
    background:linear-gradient(135deg,#ffdd55,#ffe980);
    box-shadow:0 6px 24px rgba(255,198,0,.6);
    transform:translateY(-2px);
    color:#002570;
}
.mim-shop-cta-email{
    background:rgba(255,255,255,.12);
    color:#fff;
    border:2px solid rgba(255,255,255,.4);
}
.mim-shop-cta-email:hover{
    background:rgba(255,255,255,.22);
    border-color:rgba(255,255,255,.65);
    transform:translateY(-2px);
    color:#fff;
}
@media(max-width:900px){
    .mim-shop-cta-banner{flex-wrap:wrap;gap:1rem;padding:1.25rem 1.5rem;}
    .mim-shop-cta-icon{width:52px;height:52px;font-size:1.375rem;}
    .mim-shop-cta-text strong{font-size:1.0625rem;}
    .mim-shop-cta-text span{font-size:.875rem;}
    .mim-shop-cta-actions{width:100%;justify-content:stretch;}
    .mim-shop-cta-btn{flex:1;justify-content:center;font-size:.9rem;padding:.75rem 1.25rem;}
}
@media(max-width:480px){
    .mim-shop-cta-banner{padding:1.1rem 1.1rem;}
    .mim-shop-cta-icon{display:none;}
    .mim-shop-cta-text strong{font-size:1rem;}
    .mim-shop-cta-text span{font-size:.825rem;}
    .mim-shop-cta-actions{flex-direction:column;}
    .mim-shop-cta-btn{text-align:center;}
}

/* ══════════════════════════════════════════
   MOBILE HEADER  (≤ 899px)
   Layout: [  brand text  ←——→  cart | burger  ]
   ══════════════════════════════════════════ */
@media(max-width:899px){

    /* Hide dark mode toggle */
    .mim-theme-btn{display:none!important;}

    /* Row: two items only, never wraps, constrained to screen width */
    .mim-main-row{
        display:flex!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        justify-content:flex-start!important;
        padding:.55rem .75rem!important;
        box-sizing:border-box!important;
        overflow:visible!important;
    }

    /* Left col: zero presence — no size, no flex share */
    .mim-left-col{
        display:none!important;
        flex:0 0 0!important;
        width:0!important; min-width:0!important; max-width:0!important;
        padding:0!important; margin:0!important;
        overflow:hidden!important;
    }

    /* Brand: fills the row, left-aligned, capped so burger always fits */
    .mim-brand{
        display:flex!important;
        flex:1 1 auto!important;
        flex-shrink:1!important;
        min-width:0!important;
        padding:0 .5rem 0 .4rem!important;
        margin:0!important;
        align-items:flex-start!important;
        justify-content:flex-start!important;
        overflow:hidden!important;
        order:1!important;
    }

    /* Right col: only as wide as its children, never grows */
    .mim-right-col{
        display:flex!important;
        flex:0 0 auto!important;
        flex-shrink:0!important;
        width:auto!important; min-width:0!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:.35rem!important;
        padding:0!important; margin:0!important;
        order:2!important;
    }

    /* Actions cluster */
    .mim-actions{display:flex!important;flex-shrink:0!important;gap:.3rem!important;}

    /* Buttons: fixed 36×36, never clip */
    .mim-icon-btn{width:36px!important;height:36px!important;flex-shrink:0!important;}
    .mim-burger{flex-shrink:0!important;}

    /* UK badge: tighter */
    .mim-b-uk{margin-left:4px!important;font-size:clamp(16px,4.5vw,22px)!important;}
}
.mim-product-cta-banner{
    margin-bottom:1.5rem;
    border-radius:14px;
}

/* ── Toolbar ── */
.shop-toolbar{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:1.5rem;padding:.75rem 1rem;
    background:var(--bg-elevated);
    border:1px solid var(--border-subtle);
    border-radius:12px;
    flex-wrap:wrap;gap:.75rem;
    box-shadow:0 2px 12px rgba(0,0,0,.05);
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    overflow:hidden;
}
.shop-toolbar-left .woocommerce-result-count{color:var(--text-muted);font-size:.875rem;margin:0}
.shop-toolbar-right{display:flex;align-items:center;gap:.75rem}

.grid-view-toggle{
    display:flex;
    background:var(--bg-secondary);
    border-radius:var(--radius-full);
    padding:3px;gap:2px;
    border:1px solid var(--border-subtle);
}
.view-btn{
    display:flex;align-items:center;gap:.35rem;
    padding:.35rem .7rem;border:none;border-radius:var(--radius-full);
    background:transparent;color:var(--text-muted);
    font-size:.8rem;font-weight:500;cursor:pointer;
    transition:all var(--duration-fast) ease;font-family:var(--font-sans);
}
.view-btn span{font-size:.75rem}
.view-btn.active{
    background:linear-gradient(135deg,#003087,#0057b8);
    color:#fff;
    box-shadow:0 2px 8px rgba(0,48,135,.25);
}
.view-btn:hover:not(.active){color:var(--text-primary)}

.woocommerce-ordering select{
    padding:.45rem 2rem .45rem .9rem;
    border:1.5px solid var(--border);
    border-radius:var(--radius-full);
    font-size:.8rem;font-weight:500;
    font-family:var(--font-sans);
    background:var(--bg-elevated);
    color:var(--text-primary);
    cursor:pointer;appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%230057b8' fill='none' stroke-width='1.8'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right .75rem center;
    transition:border-color .2s;
    max-width:100%;
    box-sizing:border-box;
}
.woocommerce-ordering select:focus{
    outline:none;
    border-color:#0057b8;
    box-shadow:0 0 0 3px rgba(0,87,184,.12);
}

/* ── Product grid ── */
.woocommerce ul.products{
    list-style:none!important;display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:1.25rem!important;
    padding:0!important;margin:0!important;
    width:100%!important;float:none!important;clear:both!important;
}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important}

/* ── Product card ── */
.woocommerce ul.products li.product{
    list-style:none!important;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    border:1.5px solid #d0daf0;
    transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
    margin:0!important;padding:0!important;
    float:none!important;width:100%!important;max-width:100%!important;
    position:relative;
    box-shadow:0 2px 12px rgba(0,48,135,.06);
}
.woocommerce[class*="columns-"] ul.products li.product,
.woocommerce-page[class*="columns-"] ul.products li.product{
    width:100%!important;margin:0!important;float:none!important;
}
/* Gold top accent on hover */
.woocommerce ul.products li.product::before{
    content:'';
    position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,#003087,#0057b8,#ffc600);
    opacity:0;
    transition:opacity .25s ease;
    z-index:2;
    border-radius:16px 16px 0 0;
}
.woocommerce ul.products li.product:hover{
    transform:translateY(-5px);
    box-shadow:0 12px 36px rgba(0,48,135,.14),0 2px 8px rgba(0,0,0,.06);
    border-color:#003087;
}
.woocommerce ul.products li.product:hover::before{opacity:1;}

/* ── Card image ── */
.product-card-inner{display:flex;flex-direction:column;height:100%}
.product-card-image{
    position:relative;overflow:hidden;
    background:#fff;
    aspect-ratio:1;
}
[data-theme="dark"] .product-card-image{background:linear-gradient(145deg,#12183a,#1a2040);}
.product-card-image img{
    width:100%!important;height:100%!important;
    object-fit:contain!important;padding:1.25rem;
    transition:transform .4s ease;
}
.woocommerce ul.products li.product:hover .product-card-image img{transform:scale(1.07);}

/* Sale badge */
.product-sale-badge{
    position:absolute;top:.65rem;left:.65rem;
    background:linear-gradient(135deg,#e11d48,#be123c);
    color:#fff;padding:.2rem .65rem;
    border-radius:var(--radius-full);
    font-size:.65rem;font-weight:700;
    letter-spacing:.06em;text-transform:uppercase;
    box-shadow:0 2px 8px rgba(225,29,72,.35);
    z-index:2;
}

/* ── Card content ── */
.product-card-content{
    padding:1.1rem 1.25rem 1.25rem;
    display:flex;flex-direction:column;flex:1;
    background:linear-gradient(160deg,#003087 0%,#0057b8 100%);
    border-top:3px solid #ffc600;
}
.product-card-category a{
    font-size:.65rem;font-weight:700;
    color:rgba(255,255,255,.7);
    text-transform:uppercase;letter-spacing:.1em;
    font-family:'Montserrat','Segoe UI',sans-serif;
}
[data-theme="dark"] .product-card-category a{color:rgba(255,255,255,.6);}
.product-card-title{font-size:.975rem;font-weight:700;margin:.3rem 0 .5rem;line-height:1.3}
.product-card-title a{color:#fff;text-decoration:none;}
.product-card-title a:hover{color:#ffc600;}
[data-theme="dark"] .product-card-title a:hover{color:#ffc600;}
.product-card-excerpt{font-size:.8rem;color:rgba(255,255,255,.7);margin-bottom:.6rem;line-height:1.6;}

/* Price */
.product-card-price{
    font-size:1.3rem;font-weight:800;
    color:#ffc600;
    margin-top:auto;padding-top:.5rem;
    font-family:'Montserrat','Segoe UI',sans-serif;
}
[data-theme="dark"] .product-card-price{color:#ffc600;}
.product-card-price del{font-size:.85rem;color:rgba(255,255,255,.5);font-weight:400}
.product-card-price ins{text-decoration:none;color:#ffc600;}

/* ── Action buttons ── */
.product-card-actions{
    display:flex;
    gap:.5rem;
    margin-top:.8rem;
    align-items:stretch;
}
.product-card-actions .button,
.product-card-actions .add_to_cart_button{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:.65rem .75rem;
    border-radius:8px;
    font-size:.78rem;font-weight:700;
    font-family:'Montserrat','Segoe UI',sans-serif;
    cursor:pointer;transition:all .2s ease;
    border:1.5px solid rgba(255,255,255,.3);
    text-decoration:none;
    letter-spacing:.03em;
    line-height:1.2;
    background:rgba(255,255,255,.1);
    color:#fff;
    box-sizing:border-box;
    min-height:42px;
    white-space:normal;
    word-break:break-word;
}
.product-card-actions .button:not(.add_to_cart_button):not(.view-details-btn):hover{
    background:rgba(255,255,255,.2);
    border-color:rgba(255,255,255,.55);
    transform:translateY(-1px);
    color:#fff;
}
.product-card-actions .add_to_cart_button{
    background:linear-gradient(135deg,#ffc600,#ffdd55);
    color:#002570;
    border-color:transparent;
    box-shadow:0 3px 10px rgba(255,198,0,.35);
    font-weight:800;
}
.product-card-actions .add_to_cart_button:hover{
    background:linear-gradient(135deg,#ffdd55,#ffe980);
    box-shadow:0 5px 18px rgba(255,198,0,.5);
    transform:translateY(-1px);
    color:#002570;
    border-color:transparent;
}
.product-card-actions .view-details-btn{
    background:rgba(255,255,255,.1);
    color:#fff;
    border:1.5px solid rgba(255,255,255,.3);
}
.product-card-actions .view-details-btn:hover{
    background:rgba(255,255,255,.2);
    color:#fff;
    border-color:rgba(255,255,255,.55);
    transform:translateY(-1px);
}
[data-theme="dark"] .product-card-actions .view-details-btn{
    color:#fff;border-color:rgba(255,255,255,.25);
}
[data-theme="dark"] .product-card-actions .view-details-btn:hover{
    background:rgba(255,255,255,.15);color:#fff;
}

/* ── Grid view size classes ── */
ul.products.view-4,.woocommerce ul.products.view-4{grid-template-columns:repeat(4,1fr)!important}
ul.products.view-3,.woocommerce ul.products.view-3{grid-template-columns:repeat(3,1fr)!important}
ul.products.view-list,.woocommerce ul.products.view-list{grid-template-columns:1fr!important;gap:.75rem!important}

/* List view layout */
.woocommerce ul.products.view-list li.product{border-radius:16px;overflow:visible!important;padding:0!important}
.woocommerce ul.products.view-list li.product .product-card-inner{display:grid!important;grid-template-columns:180px 1fr!important;align-items:stretch;gap:0!important;min-height:140px}
.woocommerce ul.products.view-list li.product .product-card-image{width:180px!important;height:100%!important;min-height:140px;border-radius:16px 0 0 16px;aspect-ratio:auto;background:#fff;}
.woocommerce ul.products.view-list li.product .product-card-image img{height:140px!important;padding:.75rem}
.woocommerce ul.products.view-list li.product .product-card-content{display:grid!important;grid-template-columns:1fr auto!important;grid-template-areas:"category price" "title price" "excerpt actions"!important;align-items:start;gap:.25rem 1.5rem;padding:1rem 1.5rem!important;border-top:none;border-left:none;}
.woocommerce ul.products.view-list li.product .product-card-category{grid-area:category}
.woocommerce ul.products.view-list li.product .product-card-title{grid-area:title;font-size:1.05rem!important;margin:0!important}
.woocommerce ul.products.view-list li.product .product-card-excerpt{grid-area:excerpt}
.woocommerce ul.products.view-list li.product .product-card-price{grid-area:price;text-align:right}
.woocommerce ul.products.view-list li.product .product-card-actions{grid-area:actions;display:flex!important;flex-direction:column!important;gap:.5rem!important;min-width:150px;align-self:end;padding:0!important}
.woocommerce ul.products.view-list li.product .product-card-actions .button{
    padding:.5rem 1rem!important;
    font-size:.78rem!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
}

/* ── Responsive ── */
@media(max-width:1280px){
    ul.products.view-4,.woocommerce ul.products.view-4{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:900px){
    ul.products.view-4,ul.products.view-3,
    .woocommerce ul.products.view-4,.woocommerce ul.products.view-3{grid-template-columns:repeat(2,1fr)!important}
    .woocommerce ul.products.view-list li.product .product-card-inner{grid-template-columns:130px 1fr!important}
    .woocommerce ul.products.view-list li.product .product-card-content{grid-template-columns:1fr!important;grid-template-areas:"category" "title" "excerpt" "price" "actions"!important}
}
@media(max-width:600px){
    ul.products.view-4,ul.products.view-3,
    .woocommerce ul.products.view-4,.woocommerce ul.products.view-3{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}
    .woocommerce ul.products.view-list li.product .product-card-inner{grid-template-columns:1fr!important}
    .woocommerce ul.products.view-list li.product .product-card-image{width:100%!important;height:160px!important;border-radius:16px 16px 0 0;min-height:unset;}
    .product-card-image{aspect-ratio:4/3;}
}
@media(max-width:400px){
    ul.products.view-4,ul.products.view-3,
    .woocommerce ul.products.view-4,.woocommerce ul.products.view-3{grid-template-columns:1fr!important}
}

/* ============================================
   CONTACT PAGE
   ============================================ */
.contact-hero{background:linear-gradient(135deg,#003087 0%,#0057b8 60%,#0072ce 100%);color:#fff;padding:clamp(2.5rem,5vw,4rem) 0;text-align:center;position:relative;overflow:hidden;margin-top:0;}
.contact-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ffc600 20%,#ffdd55 50%,#ffc600 80%,transparent)}
.contact-hero .section-title h1{color:#fff}
.contact-hero .section-title p{color:rgba(255,255,255,.7)}
.trust-badge{background:var(--bg-elevated);padding:1.75rem;border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-subtle);transition:all var(--duration-normal) ease}
.trust-badge:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.trust-icon{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.25rem;box-shadow:0 4px 14px rgba(0,48,135,.25)}
.trust-badge h3{font-size:1rem;margin-bottom:.5rem}
.trust-badge p{font-size:.875rem;margin-bottom:0}
.contact-methods{display:flex;flex-direction:column;gap:1.25rem}
.contact-method{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--duration-normal) ease}
.contact-method:hover{border-color:#0057b8;transform:translateX(4px);box-shadow:var(--shadow-sm)}
.faq-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;max-width:900px;margin:0 auto}
@media(min-width:768px){.faq-grid{grid-template-columns:1fr 1fr}}
.faq-item{background:var(--bg-elevated);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);border-left:4px solid #0057b8;box-shadow:var(--shadow-sm)}
.faq-item h3{font-size:1rem;margin-bottom:.75rem;display:flex;align-items:flex-start;gap:.5rem}
.faq-item h3 i{color:var(--primary);font-size:1rem;flex-shrink:0;margin-top:2px}
.faq-item p{font-size:.9375rem;margin-bottom:0;line-height:1.7}
.info-card{background:var(--bg-elevated);padding:1.75rem;border-radius:var(--radius-xl);text-align:center;border:1px solid var(--border-subtle);transition:all var(--duration-normal) ease}
.info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.info-icon{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;width:3.5rem;height:3.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.25rem;box-shadow:0 4px 14px rgba(0,48,135,.25)}
.cf7-notice{background:var(--bg-secondary);padding:2rem;border-radius:var(--radius-lg);border:2px dashed var(--border);text-align:center}
.cf7-notice p{color:var(--text-muted);margin-bottom:.5rem}

/* ============================================
   ABOUT PAGE
   ============================================ */
.about-hero{background:linear-gradient(135deg,#003087 0%,#0057b8 60%,#0072ce 100%);color:#fff;padding:clamp(3rem,6vw,5rem) 0;text-align:center;position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;top:-30%;right:-10%;width:60%;height:160%;background:radial-gradient(ellipse,rgba(255,198,0,.1) 0%,transparent 65%);pointer-events:none}
.about-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#ffc600 20%,#ffdd55 50%,#ffc600 80%,transparent)}

/* ============================================
   SCROLL REVEAL ANIMATION
   ============================================ */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* ============================================
   WOOCOMMERCE PAGINATION
   ============================================ */
.woocommerce nav.woocommerce-pagination{text-align:center;margin-top:3rem}
.woocommerce nav.woocommerce-pagination ul{display:inline-flex;gap:.5rem;list-style:none;padding:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li{list-style:none}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;border:1.5px solid var(--border);color:var(--text-primary);transition:all var(--duration-fast) ease;text-decoration:none;background:var(--bg-elevated)}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:#0057b8;color:#0057b8;box-shadow:0 0 0 3px rgba(0,87,184,.15)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:linear-gradient(135deg,#003087,#0057b8);color:#fff;border-color:#003087}

/* ============================================
   NO PRODUCTS
   ============================================ */
.no-products-found{text-align:center;padding:4rem 2rem}
.no-products-found .woocommerce-info{font-size:1.125rem;color:var(--text-muted)}

/* ============================================
   ELEMENTOR COMPATIBILITY
   ============================================ */
.elementor-page .header,.elementor-page .footer{display:block!important}
.elementor-page main{padding:0!important;margin:0!important}
.elementor-section.elementor-section-boxed>.elementor-container{max-width:1200px}
.elementor-template-canvas .container{padding:0}

/* ============================================
   UTILITIES
   ============================================ */
.text-center{text-align:center}
.text-large{font-size:1.125rem}
.mt-4{margin-top:1rem}
.mt-8{margin-top:2rem}
.mb-4{margin-bottom:1rem}
.mb-8{margin-bottom:2rem}
.w-full{width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

/* SVG */
.attachment-266x266,.thumbnail img[src$=".svg"]{width:100%!important;height:auto!important}


/* ═══════════════════════════════════════════════════════════
   MOBILITY AND MOTION UK — PREMIUM PRODUCT PAGE v2
   ═══════════════════════════════════════════════════════════ */

/* Container helper */
.mim-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 clamp(1rem, 3vw, 2.5rem);
}

/* ══════════════════════════════════════════════
   SINGLE PRODUCT — FULL VISUAL OVERHAUL
══════════════════════════════════════════════ */

/* Wider page wrapper — bleed to 1440px */
.mim-single-product {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}

/* Full-width coloured hero band */
.mim-product-hero {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    align-items: start;
    background: linear-gradient(135deg, #002570 0%, #003087 50%, #0057b8 100%);
    border-bottom: 3px solid #ffc600;
    padding: 2.5rem clamp(1rem, 4vw, 3.5rem);
    position: relative;
}
/* subtle gold-tint texture matching the header */
.mim-product-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(160deg, rgba(255,198,0,0.05) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}
.mim-product-hero > * { position: relative; z-index: 1; }

[data-theme="dark"] .mim-product-hero {
    background: linear-gradient(135deg, #002570 0%, #002570 60%, #002570 100%);
    border-bottom-color: #ffc600;
}

@media (min-width: 960px) {
    .mim-product-hero {
        grid-template-columns: 55fr 45fr;
        gap: 3rem;
    }
}

@media (min-width: 1200px) {
    .mim-product-hero {
        grid-template-columns: 58fr 42fr;
        gap: 4rem;
    }
}

/* ── Gallery ── */
.mim-gallery {
    position: sticky;
    top: calc(var(--header-height, 80px) + 1rem);
    min-width: 0;
    border-radius: var(--radius-xl);
    overflow: hidden;
    background: #fff;
    border: 2px solid rgba(0,48,135,0.12);
    box-shadow: 0 8px 40px rgba(0,48,135,0.18), 0 2px 8px rgba(0,0,0,0.06);
}

[data-theme="dark"] .mim-gallery {
    background: var(--bg-elevated);
    box-shadow: 0 8px 40px rgba(0,0,0,0.4);
}

.mim-gallery-main {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    background: linear-gradient(160deg, #f0f5ff 0%, #e8eef8 100%);
    overflow: hidden;
    border-radius: 0;
}

[data-theme="dark"] .mim-gallery-main {
    background: var(--bg-elevated);
}

.mim-gallery-slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 2rem;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

.mim-gallery-slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* Sale badge on gallery */
.mim-gallery-sale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: linear-gradient(135deg, #da1e28, #ff4d4f);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    padding: 0.3rem 0.85rem;
    border-radius: var(--radius-full);
    z-index: 2;
    box-shadow: 0 2px 8px rgba(218,30,40,0.4);
}

/* Thumbnail strip — navy gradient matching the banner */
.mim-gallery-thumbs-wrap {
    display: flex;
    align-items: center;
    gap: 0;
    background: linear-gradient(135deg, #002570 0%, #003087 60%, #0057b8 100%);
    border-top: 3px solid #ffc600;
    padding: 0.65rem;
    border-radius: 0;
    overflow: hidden;
    position: relative;
}
/* gold shimmer line at top */
.mim-gallery-thumbs-wrap::before {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, #ffc600 20%, #ffdd55 50%, #ffc600 80%, transparent);
}

[data-theme="dark"] .mim-gallery-thumbs-wrap {
    background: linear-gradient(135deg, #002570 0%, #002570 100%);
}

.mim-gallery-thumbs-arrow {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border: 1.5px solid rgba(255,198,0,0.4);
    border-radius: 50%;
    background: rgba(255,255,255,0.1);
    color: #ffc600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    transition: all 0.2s ease;
}
.mim-gallery-thumbs-arrow:hover:not(:disabled) {
    background: #ffc600;
    color: #003087;
    border-color: #ffc600;
}
.mim-gallery-thumbs-arrow:disabled { opacity: 0.2; cursor: not-allowed; }

.mim-gallery-thumbs {
    display: flex;
    gap: 0.4rem;
    flex: 1;
    overflow: hidden;
    margin: 0 0.4rem;
}

.mim-gallery-thumb {
    flex: 0 0 calc(25% - 0.3rem);
    padding: 2px;
    border: 2.5px solid rgba(255,255,255,0.2);
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    background: rgba(255,255,255,0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    aspect-ratio: 1;
}

.mim-gallery-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

.mim-gallery-thumb.is-active {
    border-color: #ffc600;
    background: rgba(255,198,0,0.15);
    box-shadow: 0 0 0 2px rgba(255,198,0,0.4);
}
.mim-gallery-thumb:hover:not(.is-active) {
    border-color: rgba(255,255,255,0.6);
    background: rgba(255,255,255,0.15);
}

/* ── Summary panel ── */
.mim-product-summary {
    position: sticky;
    top: calc(var(--header-height, 80px) + 1rem);
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Category label above title */
.mim-product-summary .posted_in {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #ffc600;
    font-family: 'Montserrat', sans-serif;
    opacity: 1;
}

/* Product title */
.mim-product-summary .product_title {
    font-size: clamp(1.5rem, 2.8vw, 2.2rem) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    color: #ffffff !important;
    margin: 0 !important;
}

/* Price */
.mim-product-summary .price {
    font-size: 2rem !important;
    font-weight: 800 !important;
    color: #ffc600 !important;
    font-family: 'Montserrat', sans-serif !important;
    margin: 0 !important;
    line-height: 1 !important;
}

.mim-product-summary .price del {
    font-size: 1.1rem !important;
    color: rgba(255,255,255,0.45) !important;
    font-weight: 400 !important;
    margin-right: 0.4rem !important;
}

/* Short description */
.mim-product-summary .woocommerce-product-details__short-description {
    font-size: 0.9375rem;
    color: rgba(255,255,255,0.88);
    line-height: 1.75;
    margin: 0;
    padding: 1rem 1.25rem;
    background: rgba(255,255,255,0.08);
    border-left: 3px solid #ffc600;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
}
.mim-product-summary .woocommerce-product-details__short-description p,
.mim-product-summary .woocommerce-product-details__short-description li,
.mim-product-summary .woocommerce-product-details__short-description span {
    color: rgba(255,255,255,0.88) !important;
    font-size: 0.9375rem;
    line-height: 1.75;
    margin-bottom: 0;
}

[data-theme="dark"] .mim-product-summary .woocommerce-product-details__short-description {
    background: rgba(255,255,255,0.06);
}

/* Quantity + Add to cart row */
.mim-product-summary .cart {
    margin: 0;
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.mim-product-summary .quantity input {
    width: 64px !important;
    padding: 0.75rem !important;
    border: 1.5px solid rgba(255,198,0,0.4) !important;
    border-radius: var(--radius-md) !important;
    font-size: 1rem !important;
    text-align: center !important;
    font-family: var(--font-sans) !important;
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.mim-product-summary .single_add_to_cart_button {
    flex: 1 !important;
    background: linear-gradient(135deg, #ffc600, #e6b000) !important;
    color: #002570 !important;
    border: none !important;
    border-radius: var(--radius-full) !important;
    padding: 0.9rem 2rem !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    font-family: var(--font-sans) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    letter-spacing: 0.01em !important;
    box-shadow: 0 4px 16px rgba(255,198,0,0.35) !important;
}

.mim-product-summary .single_add_to_cart_button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(255,198,0,0.5) !important;
    background: linear-gradient(135deg, #ffdd55, #ffc600) !important;
}

/* Sale badge inside summary */
.mim-sale-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: linear-gradient(135deg, #da1e28, #ff4d4f);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 0.3rem 0.85rem;
    border-radius: var(--radius-full);
    box-shadow: 0 2px 8px rgba(218,30,40,0.35);
    width: fit-content;
}
.mim-sale-badge::before { content: "🔥"; font-size: 0.9em; }

/* Divider between WC summary fields and panels */
.mim-product-summary .product_meta {
    font-size: 0.82rem;
    color: rgba(255,255,255,0.55);
    margin: 0;
    padding: 0.75rem 0 0.25rem;
    min-height: 2.5rem;
}

/* Trust strip */
.mim-trust-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    padding: 0.85rem 1rem;
    background: rgba(255,255,255,0.08);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255,198,0,0.25);
}

[data-theme="dark"] .mim-trust-strip {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,198,0,0.2);
}

.mim-trust-strip span {
    font-size: 0.8rem;
    font-weight: 600;
    color: rgba(255,255,255,0.9);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

[data-theme="dark"] .mim-trust-strip span {
    color: rgba(255,255,255,0.85);
}

.mim-trust-strip span i {
    color: #ffc600;
    font-size: 0.85rem;
}

[data-theme="dark"] .mim-trust-strip span i {
    color: #ffc600;
}

/* ── Info Accordion Panels ── */
.mim-info-panels {
    margin-top: 0;
    overflow: hidden;
    background: rgba(255,255,255,0.97);
    border-radius: var(--radius-xl);
    border: 1px solid rgba(255,198,0,0.3);
    box-shadow: 0 4px 24px rgba(0,0,0,0.25);
}

[data-theme="dark"] .mim-info-panels {
    background: var(--bg-elevated);
    border-color: #0057b8;
    box-shadow: none;
}

.mim-panel {
    border-bottom: 1px solid #e8eef8;
}

[data-theme="dark"] .mim-panel {
    border-bottom-color: var(--border-subtle);
}

.mim-panel:last-child { border-bottom: none; }

.mim-panel-trigger {
    display: flex;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    border-left: 3px solid transparent;
    padding: 0.9rem 1.25rem;
    cursor: pointer;
    font-family: var(--font-sans);
    font-size: 0.9rem;
    font-weight: 600;
    color: #003087;
    text-align: left;
    gap: 0.75rem;
    transition: background 0.15s ease;
}

.mim-panel-trigger:hover,
.mim-panel-trigger[aria-expanded="true"] {
    background: linear-gradient(135deg,#f0f4fc,#e8eef8);
    border-left: 3px solid #ffc600;
}

[data-theme="dark"] .mim-panel-trigger:hover,
[data-theme="dark"] .mim-panel-trigger[aria-expanded="true"] {
    background: rgba(0,87,184,0.1);
    border-left: 3px solid #ffc600;
}

.mim-panel-icon {
    font-size: 1rem;
    flex-shrink: 0;
    width: 1.5rem;
    text-align: center;
}

.mim-panel-title { flex: 1; }

.mim-panel-chevron {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--text-muted, #8d8d8d);
    transition: transform 0.25s ease;
}

.mim-panel-trigger[aria-expanded="true"] .mim-panel-chevron {
    transform: rotate(180deg);
    color: #ffc600;
}

.mim-panel-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.mim-panel-body.is-open { max-height: 600px; }

.mim-panel-content {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
    font-size: 0.875rem;
    color: var(--text-secondary, #525252);
    line-height: 1.75;
    border-top: 1px solid #d0daf0;
}

[data-theme="dark"] .mim-panel-content {
    border-top-color: var(--border-subtle);
}

.mim-panel-content ul {
    padding-left: 1.25rem;
    margin: 0;
}

.mim-panel-content ul li { margin-bottom: 0.35rem; }
.mim-panel-content li::marker { color: #0057b8; }

/* ── Marketing Section ── */
.mim-marketing-section {
    margin-top: 0;
    padding: 3.5rem clamp(1rem, 4vw, 3.5rem);
    background: linear-gradient(135deg, #003087 0%, #0057b8 60%, #0072ce 100%);
    border-bottom: 3px solid transparent;
    border-image: linear-gradient(90deg,transparent,#ffc600 20%,#ffdd55 50%,#ffc600 80%,transparent) 1;
    border: none;
}

.mim-marketing-text {
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 860px;
}

/* ── Description Blocks ── */
.mim-description-section {
    padding: 4rem clamp(1rem, 4vw, 3.5rem);
    background: var(--bg-primary);
}

.mim-desc-block {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
    padding: 3rem 0;
    border-bottom: 1px solid var(--border-subtle);
}
.mim-desc-block:last-child { border-bottom: none; }

@media (min-width: 768px) {
    .mim-desc-block { grid-template-columns: 1fr 1fr; }
    .mim-desc-block.img-right .mim-desc-text  { order: 1; }
    .mim-desc-block.img-right .mim-desc-image { order: 2; }
    .mim-desc-block.img-left  .mim-desc-text  { order: 2; }
    .mim-desc-block.img-left  .mim-desc-image { order: 1; }
}

.mim-desc-image img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-xl);
    box-shadow: 0 12px 48px rgba(0,0,0,0.12);
    display: block;
}

.mim-desc-text h3 {
    font-size: clamp(1.25rem, 2.2vw, 1.625rem);
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
}

.mim-desc-text p {
    font-size: 0.9375rem;
    line-height: 1.85;
    color: var(--text-secondary);
    margin-bottom: 0;
}

/* ── Specs ── */
.mim-specs-section {
    padding: 3rem clamp(1rem, 4vw, 3.5rem);
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-subtle);
    border-bottom: 1px solid var(--border-subtle);
}

.mim-section-title {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1.5rem;
    letter-spacing: -0.03em;
}

/* ── Spec Accordion ── */
.mim-spec-accordion {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: 0.75rem;
    box-shadow: var(--shadow-sm);
}
.mim-spec-accordion:last-child { margin-bottom: 0; }

.mim-spec-accordion-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.0625rem 1.375rem;
    background: var(--bg-elevated);
    border: none;
    cursor: pointer;
    font-family: var(--font-sans);
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-primary);
    text-align: left;
    transition: background var(--duration-fast) ease;
    line-height: 1.3;
}
.mim-spec-accordion-trigger:hover {
    background: linear-gradient(135deg,#f0f4fc,#e8eef8);
}
.mim-spec-accordion-trigger[aria-expanded="true"] {
    border-bottom: 1px solid var(--border-subtle);
}

/* The minus/plus square icon */
.mim-spec-accordion-icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg,#003087,#0057b8);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mim-spec-accordion-icon svg {
    width: 13px;
    height: 13px;
    stroke: #fff;
    transition: transform var(--duration-fast) ease;
}
/* When collapsed, the minus becomes a plus by adding a vertical line via transform */
.mim-spec-accordion-trigger:not([aria-expanded="true"]) .mim-spec-accordion-icon svg {
    transform: rotate(90deg);
}

/* Chevron on the right */
.mim-spec-accordion-chevron {
    width: 18px;
    height: 18px;
    margin-left: auto;
    flex-shrink: 0;
    stroke: var(--text-muted);
    transition: transform var(--duration-normal) var(--ease-out);
}
.mim-spec-accordion-trigger[aria-expanded="true"] .mim-spec-accordion-chevron {
    transform: rotate(180deg);
}

/* Body */
.mim-spec-accordion-body {
    padding: 0.25rem 0 0.5rem;
}
.mim-spec-accordion-body[hidden] { display: none; }

/* Individual rows */
.mim-spec-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6875rem 1.375rem;
    border-bottom: 1px solid var(--border-subtle);
    transition: background var(--duration-fast) ease;
}
.mim-spec-row:last-child { border-bottom: none; }
.mim-spec-row:hover { background: linear-gradient(135deg,#f8faff,#f0f4fc); }

.mim-spec-row-label {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--text-primary);
    flex-shrink: 0;
}
.mim-spec-row-value {
    font-size: 0.9375rem;
    color: var(--text-secondary);
    text-align: right;
}

@media(max-width: 600px) {
    .mim-spec-row { flex-direction: column; gap: 0.125rem; }
    .mim-spec-row-value { text-align: left; }
}

/* ── WC Tabs (Product Details section) ── */
.mim-tabs-section {
    padding: 4rem clamp(1rem, 4vw, 3.5rem);
}

.mim-tabs-section .woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    list-style: none;
    padding: 0 0 1.5rem;
    margin: 0;
    border-bottom: none;
    background: transparent;
}

/* Remove WooCommerce's default tab pseudo-element borders */
.mim-tabs-section .woocommerce-tabs ul.tabs::before,
.mim-tabs-section .woocommerce-tabs ul.tabs li::before,
.mim-tabs-section .woocommerce-tabs ul.tabs li::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

.mim-tabs-section .woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

/* Every tab title — inactive state: outlined blue oval */
.mim-tabs-section .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    padding: 0.5rem 1.4rem;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: var(--font-sans);
    color: var(--primary);
    text-decoration: none;
    border: 2px solid var(--primary);
    border-radius: 999px;
    background: transparent;
    transition: all 0.2s ease;
    letter-spacing: 0.01em;
    line-height: 1.4;
}

.mim-tabs-section .woocommerce-tabs ul.tabs li a:hover {
    background: var(--primary);
    color: #fff;
    box-shadow: 0 4px 14px rgba(0,48,135, 0.3);
}

/* Active tab — solid filled blue oval */
.mim-tabs-section .woocommerce-tabs ul.tabs li.active a {
    background: linear-gradient(135deg, #003087, #002570) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(0,48,135,0.3);
}

/* Tab panel content area */
.mim-tabs-section .woocommerce-tabs .panel {
    background: var(--bg-elevated);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border-subtle);
    padding: 2rem 2.5rem;
}

/* WC repeats tab title as h2 inside panels — hide it */
.mim-tabs-section .woocommerce-tabs .panel h2 {
    display: none;
}

/* ── Stacked tab sections (custom tabs.php template) ── */

/* Hide the "Description" section title only — keep Product Details & Reviews */
.mim-tabs-section .description-section > h2.section-title {
    display: none;
}

/* All section titles — match Specifications heading size */
.mim-tabs-section .section-title {
    font-size: clamp(1.75rem, 3vw, 2.25rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    color: var(--text-primary);
    text-align: center;
    margin-bottom: 1.5rem;
}

/* Each tab content block — white card */
.mim-tabs-section .tab-content-section {
    margin-bottom: 2rem;
    background: var(--bg-elevated);
    border-radius: var(--radius-xl);
    border: 1px solid var(--border-subtle);
    padding: 2rem 2.5rem;
    position: relative;
    overflow: hidden;
}

/* Blue left accent bar on description and reviews sections */
.mim-tabs-section .description-section,
.mim-tabs-section .reviews-section {
    border-left: 4px solid var(--primary);
}

/* Section content typography */
.mim-tabs-section .section-content p,
.mim-tabs-section .section-content li {
    font-size: 0.9375rem;
    line-height: 1.8;
    color: var(--text-secondary);
}

.mim-tabs-section .section-content h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary);
    margin: 1.5rem 0 0.5rem;
}

/* Make panel body text more readable */
.mim-tabs-section .woocommerce-tabs .panel p,
.mim-tabs-section .woocommerce-tabs .panel li {
    font-size: 0.9375rem;
    line-height: 1.8;
    color: var(--text-secondary);
}

.mim-tabs-section .woocommerce-tabs .panel h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--primary);
    margin: 1.5rem 0 0.5rem;
}

/* ── Upsell ── */
.mim-upsell-section {
    background: var(--bg-secondary);
    border-top: 1px solid var(--border-subtle);
    padding: 3rem 0 4rem;
    margin-top: 2rem;
}

.mim-upsell-inner {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
}

.mim-upsell-text {
    flex: 1;
    min-width: 280px;
}

.mim-upsell-text p {
    color: var(--text-secondary, #525252);
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.mim-upsell-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--primary);
    color: #fff;
    font-weight: 700;
    font-size: 0.9375rem;
    padding: 0.75rem 1.75rem;
    border-radius: var(--radius-full);
    text-decoration: none;
    transition: all 0.2s ease;
}

.mim-upsell-btn:hover {
    background: var(--primary-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,48,135, 0.3);
    color: #fff;
}

.mim-upsell-img-wrap {
    flex-shrink: 0;
    max-width: 320px;
}

.mim-upsell-img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg, 0 20px 60px rgba(0,0,0,0.12));
}

/* ── Accessories Section ── */
.mim-accessories-section {
    padding: 4rem clamp(1rem, 4vw, 3.5rem);
    background: var(--bg-primary);
    border-top: 1px solid var(--border-subtle);
}

.mim-accessories-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.mim-accessories-subtitle {
    font-size: 0.9375rem;
    color: var(--text-secondary);
    margin-top: -1rem;
    margin-bottom: 0;
}

.mim-accessories-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .mim-accessories-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1024px) {
    .mim-accessories-grid { grid-template-columns: repeat(4, 1fr); }
}

.mim-accessory-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mim-accessory-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(15, 48, 135, 0.12);
    border-color: #c7d7fc;
}

.mim-accessory-img-wrap {
    width: 100%;
    aspect-ratio: 1;
    overflow: hidden;
    background: #f0f4ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mim-accessory-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.mim-accessory-card:hover .mim-accessory-img {
    transform: scale(1.04);
}

.mim-accessory-no-img {
    font-size: 2.5rem;
    color: #c7d7fc;
}

.mim-accessory-body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}

.mim-accessory-title {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    color: var(--text-primary);
}

.mim-accessory-price {
    font-size: 1rem;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    color: var(--primary);
    line-height: 1;
}

.mim-accessory-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 0.55rem 1rem;
    background: linear-gradient(135deg, #003087, #002570);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    border-radius: var(--radius-full);
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,48,135,0.25);
}

.mim-accessory-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,48,135,0.4);
    color: #fff;
}




/* ============================================
   FRONT PAGE MOBILE OPTIMISATION (v10 patch)
   ============================================ */

/* Hero section — mobile */
@media(max-width:767px){
    .hero{padding:6.5rem 0 2.5rem}
    .hero-content{gap:2rem}
    .hero-text h2{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:1rem}
    .hero-text p{font-size:1rem;margin-bottom:1.5rem}
    .hero-buttons{flex-direction:column;gap:.625rem;margin-bottom:1.75rem}
    .hero-buttons .btn{width:100%;justify-content:center;text-align:center;box-sizing:border-box}
    .hero-features{gap:.875rem;justify-content:center;flex-wrap:wrap}
    .feature-item{font-size:.875rem}
    .hero-slider{max-height:300px}
    .hero-slide img{padding:.75rem}
    .hero-slide-label{padding:2rem 1rem .875rem}
    .hero-slide-label span{font-size:.8125rem}
    .hero-slide-label strong{font-size:1rem}
    .hero-arrow{width:34px;height:34px;font-size:.75rem}
}

/* Why Choose Us — 1 col on small phones */
@media(max-width:639px){
    .grid-4{grid-template-columns:1fr!important}
}

/* Featured products — 1 col on phones */
@media(max-width:599px){
    .featured-products-grid{grid-template-columns:1fr!important}
    .featured-product-image{height:380px}
    .featured-product-features{grid-template-columns:1fr}
    .featured-product-actions{flex-direction:column}
    .featured-product-actions .btn{width:100%;justify-content:center;box-sizing:border-box}
}

/* Category cards — 1 col on very small phones */
@media(max-width:479px){
    .grid-3{grid-template-columns:1fr!important}
}

/* Suppliers carousel tweaks */
@media(max-width:767px){
    .carousel-btn{width:34px;height:34px;font-size:.8rem}
    .supplier-card{min-width:155px;padding:1rem .75rem}
}

/* Contact form — prevent iOS input zoom */
@media(max-width:767px){
    .contact-form-simple input,
    .contact-form-simple textarea,
    .wpcf7-form input,
    .wpcf7-form textarea,
    .wpcf7-form select{font-size:16px!important}
    .contact-grid{gap:2rem}
}

/* Section spacing reduction on phones */
@media(max-width:639px){
    .section{padding:2.25rem 0}
    .section-title{margin-bottom:1.5rem}
    .section-title h2{font-size:clamp(1.5rem,6vw,2rem)}
    .section-title p{font-size:1rem}
}

/* ============================================
   BROCHURE BUTTON — Product Pages
   ============================================ */
.mim-brochure-btn-wrap{
    margin:1.25rem 0 0;
    display:flex;
    justify-content:stretch;
}
.mim-brochure-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.625rem;
    width:100%;
    padding:1rem 2rem;
    background:linear-gradient(135deg,#003087,#002570);
    color:#fff!important;
    font-size:1.0625rem;
    font-weight:700;
    border-radius:var(--radius-lg,12px);
    text-decoration:none!important;
    box-shadow:0 4px 16px rgba(0,48,135,.3);
    transition:all .25s ease;
    letter-spacing:.01em;
    cursor:pointer;
    border:none;
}
.mim-brochure-btn i{font-size:1.15rem}
.mim-brochure-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(0,48,135,.45);
    color:#fff!important;
}
@media(max-width:767px){
    .mim-brochure-btn{font-size:.9375rem;padding:.875rem 1.25rem}
}

/* ============================================
   PREMIUM PRODUCT PAGES — RESTORED STYLES
   (page-ergobaum-7g.php, single-product-premium.php,
    page-robooter-e80.php, page-xsto-m4.php etc.)
   ============================================ */

/* ── Page wrapper ─────────────────────────────────────────── */
.premium-product-page {
    overflow-x: hidden;
}

/* ── Product Hero ─────────────────────────────────────────── */
.product-hero {
    background: var(--bg-hero);
    color: #fff;
    padding: clamp(7rem, 12vw, 10rem) 0 clamp(3rem, 6vw, 5rem);
    position: relative;
    overflow: hidden;
}
.product-hero::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -20%;
    width: 70%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(0,87,184,.15) 0%, transparent 68%);
    pointer-events: none;
}
.product-hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.1) 50%, transparent);
}

.product-hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
    align-items: center;
}
@media(min-width: 1024px) {
    .product-hero-grid {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
}

/* Badge */
.product-badge {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: linear-gradient(135deg,#ffc600,#ffdd55);
    color: #003087;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: .35rem 1rem;
    border-radius: var(--radius-full);
    margin-bottom: 1.25rem;
    box-shadow: 0 2px 8px rgba(255,198,0,.3);
}

/* Hero text */
.product-hero-content h1 {
    font-size: clamp(2rem, 4.5vw, 3.25rem);
    color: #fff;
    margin-bottom: .75rem;
    line-height: 1.08;
    letter-spacing: -.03em;
}
.product-tagline {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    color: #ffc600;
    font-weight: 700;
    margin-bottom: .5rem;
    line-height: 1.3;
}
.product-subtitle {
    font-size: 1.0625rem;
    color: rgba(255,255,255,.7);
    margin-bottom: 2rem;
    line-height: 1.6;
}

/* Hero feature pills */
.product-hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-bottom: 2rem;
}
.hero-feature {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.9);
    font-size: .875rem;
    font-weight: 600;
    padding: .5rem 1rem;
    border-radius: var(--radius-full);
    backdrop-filter: blur(8px);
}
.hero-feature i {
    color: #ffc600;
    font-size: .9rem;
}

/* Price display block */
.product-price-display {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    backdrop-filter: blur(8px);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 2rem;
    text-align: center;
}
.product-price-display .price-label {
    font-size: .8125rem;
    color: rgba(255,255,255,.6);
    display: block;
    margin-bottom: .35rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
}
.product-price-display .price-amount {
    font-size: 2.5rem;
    font-weight: 800;
    font-family: 'Montserrat', sans-serif;
    color: #ffc600;
    display: block;
    letter-spacing: -.02em;
    line-height: 1;
}
.product-price-display .price-note {
    font-size: .875rem;
    color: rgba(255,255,255,.55);
    display: block;
    margin-top: .4rem;
}

/* CTA buttons */
.product-cta {
    display: flex;
    flex-wrap: wrap;
    gap: .875rem;
}
.product-cta .btn {
    flex: 1 1 auto;
    min-width: 180px;
}

/* Hero image */
.product-hero-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-product-image {
    width: 100%;
    max-width: 520px;
    height: auto;
    border-radius: var(--radius-xl);
    object-fit: cover;
    box-shadow: 0 32px 80px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);
    display: block;
    margin: 0 auto;
}

/* ── Feature Showcase sections ────────────────────────────── */
.features-grid {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.feature-showcase {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    align-items: center;
}
@media(min-width: 900px) {
    .feature-showcase {
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
    }
    .feature-showcase.feature-reverse .feature-showcase-image {
        grid-column: 2;
        grid-row: 1;
    }
    .feature-showcase.feature-reverse .feature-showcase-content {
        grid-column: 1;
        grid-row: 1;
    }
}

.feature-showcase-image {
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-lg);
    aspect-ratio: 4/3;
    background: var(--bg-secondary);
}
.feature-showcase-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform var(--duration-slow) var(--ease-out);
}
.feature-showcase:hover .feature-showcase-image img {
    transform: scale(1.03);
}

.feature-showcase-content .feature-icon {
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, var(--primary), var(--primary-hover));
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    box-shadow: 0 8px 24px rgba(0,48,135,.3);
}
.feature-showcase-content .feature-icon i {
    font-size: 1.375rem;
    color: #fff;
}

.feature-showcase-content h3 {
    font-size: 1.625rem;
    margin-bottom: .875rem;
    color: var(--text-primary);
    letter-spacing: -.02em;
}
.feature-showcase-content p {
    font-size: 1.0625rem;
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
    line-height: 1.7;
}

/* Feature list (check bullets) */
.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .625rem;
}
.feature-list li {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: .9375rem;
    color: var(--text-secondary);
    font-weight: 500;
}
.feature-list li i {
    color: #0057b8;
    font-size: .875rem;
    flex-shrink: 0;
    width: 16px;
    text-align: center;
}

/* ── Specifications Grid ──────────────────────────────────── */
.specs-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
@media(min-width: 640px) {
    .specs-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(min-width: 1024px) {
    .specs-grid { grid-template-columns: repeat(3, 1fr); }
}

.specs-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--duration-normal) ease, transform var(--duration-normal) ease;
}
.specs-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

.specs-header {
    display: flex;
    align-items: center;
    gap: .875rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--primary), var(--primary-hover));
    color: #fff;
}
.specs-header i {
    font-size: 1.25rem;
    opacity: .9;
}
.specs-header h3 {
    font-size: 1.0625rem;
    color: #fff;
    margin: 0;
    font-weight: 700;
}

.specs-content {
    padding: 1rem 1.5rem 1.5rem;
}

.spec-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 0;
    border-bottom: 1px solid var(--border-subtle);
}
.spec-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.spec-label {
    font-size: .875rem;
    color: var(--text-muted);
    font-weight: 500;
}
.spec-value {
    font-size: .9375rem;
    color: var(--text-primary);
    font-weight: 600;
    text-align: right;
}
.spec-value i {
    color: var(--success);
}

/* Full specs image */
.full-specs-image {
    margin-top: 3rem;
    text-align: center;
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}
.full-specs-image img {
    width: 100%;
    max-width: 900px;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ── Benefit Cards ────────────────────────────────────────── */
.benefit-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    padding: 2rem;
    text-align: center;
    transition: all var(--duration-normal) var(--ease-out);
    box-shadow: var(--shadow-sm);
}
.benefit-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: #0057b8;
}
.benefit-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, rgba(0,87,184,.1), rgba(0,87,184,.08));
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    border: 1px solid rgba(0,87,184,.12);
}
.benefit-icon i {
    font-size: 1.5rem;
    color: var(--primary);
}
.benefit-card h3 {
    font-size: 1.125rem;
    margin-bottom: .625rem;
    color: var(--text-primary);
}
.benefit-card p {
    font-size: .9375rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.6;
}

/* ── Colour Options ───────────────────────────────────────── */
.colour-options {
    text-align: center;
    padding: 2rem 0;
}
.colour-chart {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md);
    display: inline-block;
}

/* ── Accessories Grid ─────────────────────────────────────── */
.accessories-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
@media(min-width: 640px) {
    .accessories-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(min-width: 1024px) {
    .accessories-grid { grid-template-columns: repeat(3, 1fr); }
}

.accessory-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: all var(--duration-normal) var(--ease-out);
}
.accessory-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}
.accessory-image {
    aspect-ratio: 4/3;
    overflow: hidden;
    background: #f4f7fc;
    display: flex;
    align-items: center;
    justify-content: center;
}
.accessory-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: .75rem;
    transition: transform var(--duration-slow) var(--ease-out);
    display: block;
}
.accessory-card:hover .accessory-image img {
    transform: scale(1.05);
}
.accessory-info {
    padding: 1.25rem 1.5rem;
}
.accessory-info h3 {
    font-size: 1.0625rem;
    margin-bottom: .375rem;
    color: var(--text-primary);
}
.accessory-info p {
    font-size: .875rem;
    color: var(--text-secondary);
    margin: 0;
}

/* ── Services Grid (premium) ──────────────────────────────── */
.services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}
@media(min-width: 768px) {
    .services-grid { grid-template-columns: repeat(2, 1fr); }
}

.service-card-premium {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    padding: 2.5rem;
    transition: all var(--duration-normal) var(--ease-out);
    box-shadow: var(--shadow-sm);
}
.service-card-premium:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
    border-color: var(--primary);
}
.service-icon-large {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--primary), var(--primary-hover));
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 24px rgba(0,48,135,.3);
}
.service-icon-large i {
    font-size: 1.5rem;
    color: #fff;
}
.service-card-premium h3 {
    font-size: 1.25rem;
    margin-bottom: .75rem;
    color: var(--text-primary);
}
.service-card-premium p {
    color: var(--text-secondary);
    margin-bottom: 1.25rem;
    line-height: 1.7;
}
.service-features {
    list-style: none;
    padding: 0;
    margin: 0 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.service-features li {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .9375rem;
    color: var(--text-secondary);
}
.service-features li i {
    color: var(--success);
    font-size: .875rem;
    flex-shrink: 0;
}

/* ── Comparison Grid ──────────────────────────────────────── */
.comparison-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    max-width: 900px;
    margin: 0 auto;
}
@media(min-width: 768px) {
    .comparison-grid { grid-template-columns: repeat(2, 1fr); }
}

.comparison-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border);
    border-radius: var(--radius-xl);
    padding: 2rem;
    box-shadow: var(--shadow-sm);
}
.comparison-card.highlight {
    border: 2.5px solid #0057b8;
    position: relative;
    box-shadow: 0 0 0 4px rgba(0,87,184,0.15), var(--shadow-md);
}
.comparison-card.highlight::before {
    content: 'Recommended';
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg,#ffc600,#ffdd55);
    color: #003087;
    padding: .25rem 1rem;
    border-radius: var(--radius-full);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap;
}
.comparison-card h3 {
    text-align: center;
    font-size: 1.375rem;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
}
.comparison-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.comparison-list li {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--border-subtle);
    font-size: .9375rem;
    color: var(--text-secondary);
}
.comparison-list li:last-child { border-bottom: none; }
.comparison-list i { font-size: 1rem; flex-shrink: 0; }
.comparison-list:not(.negative) i { color: #0057b8; }
.comparison-list.negative li { color: var(--text-muted); }
.comparison-list.negative i { color: #da1e28; }

/* ── Testimonials ─────────────────────────────────────────── */
.testimonial-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-xl);
    padding: 2rem;
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--duration-normal) ease;
}
.testimonial-card:hover {
    box-shadow: var(--shadow-md);
}
.testimonial-stars {
    color: #f59e0b;
    font-size: 1.125rem;
    margin-bottom: 1rem;
    display: flex;
    gap: .2rem;
}
.testimonial-text {
    font-size: 1.0625rem;
    font-style: italic;
    color: var(--text-secondary);
    line-height: 1.75;
    margin-bottom: 1rem;
}
.testimonial-author {
    font-weight: 700;
    color: #003087;
    font-size: .9375rem;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}

/* ── Trust Badges ─────────────────────────────────────────── */
.trust-badges {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 2rem;
    margin-top: 3rem;
}
@media(min-width: 768px) {
    .trust-badges { grid-template-columns: repeat(4, 1fr); }
}
.trust-badge-item {
    text-align: center;
}
.trust-badge-item i {
    font-size: 2.5rem;
    color: #0057b8;
    margin-bottom: .875rem;
    display: block;
}
.trust-badge-item p {
    font-weight: 600;
    color: var(--text-primary);
    font-size: .9375rem;
    margin: 0;
    line-height: 1.35;
}

/* ── Premium CTA Section ──────────────────────────────────── */
.cta-section-premium {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
    position: relative;
    overflow: hidden;
}
.cta-section-premium::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -20%;
    width: 60%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(255,255,255,.08) 0%, transparent 70%);
    pointer-events: none;
}

.cta-content-premium {
    text-align: center;
    position: relative;
    z-index: 1;
    max-width: 700px;
    margin: 0 auto;
}
.cta-content-premium h2 {
    color: #fff;
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    margin-bottom: 1rem;
    letter-spacing: -.02em;
}
.cta-content-premium > p {
    color: rgba(255,255,255,.8);
    font-size: 1.125rem;
    margin-bottom: 2rem;
}

.cta-buttons-premium {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.cta-buttons-premium .btn-white {
    background: #fff;
    color: #003087;
    font-weight: 700;
    box-shadow: 0 4px 16px rgba(0,0,0,.2);
}
.cta-buttons-premium .btn-white:hover {
    background: #f0f4ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    color: #002570;
}

.cta-secondary-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.cta-link-white {
    color: rgba(255,255,255,.85);
    font-size: .9375rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    transition: color var(--duration-fast) ease;
}
.cta-link-white:hover {
    color: #fff;
}
.cta-divider {
    color: rgba(255,255,255,.3);
    font-size: 1.25rem;
}

.payment-badges {
    margin-top: 1rem;
}
.payment-badges p {
    color: rgba(255,255,255,.8);
    font-size: .875rem;
    margin-bottom: .875rem;
}
.payment-badges img {
    max-width: 360px;
    width: 100%;
    height: auto;
    opacity: .88;
    display: block;
    margin: 0 auto;
}

/* ── text-center utility ──────────────────────────────────── */
.text-center { text-align: center; }

/* ── Mobile fix: disable sticky on single-column product layout ── */
@media(max-width: 959px) {
    .mim-gallery {
        position: relative !important;
        top: auto !important;
        z-index: 1;
    }
    .mim-product-summary {
        position: relative !important;
        top: auto !important;
        z-index: 1;
    }
    .mim-product-hero {
        overflow: visible;
    }
}

/* ── Mobile tweaks for premium pages ─────────────────────── */
@media(max-width: 767px) {
    .product-hero { padding: 6rem 0 2.5rem; }
    .product-hero-content h1 { font-size: clamp(1.75rem, 7vw, 2.25rem); }
    .product-cta { flex-direction: column; }
    .product-cta .btn { width: 100%; justify-content: center; }
    .feature-showcase { gap: 1.75rem; }
    .cta-buttons-premium { flex-direction: column; align-items: center; }
    .cta-buttons-premium .btn { width: 100%; max-width: 320px; justify-content: center; }
    .comparison-grid { grid-template-columns: 1fr; }
    .trust-badges { gap: 1.25rem; }
}

/* ═══════════════════════════════════════════════════════════


/* ══════════════════════════════════════════════════════
   FULL-WIDTH BANNER SLIDER  (mim-bslider)
   ══════════════════════════════════════════════════════ */
.mim-banner-slider-section {
    position: relative;
    overflow: hidden;
    margin-top: 0;
    padding-top: 0;
}

/* ── Slider wrapper ── */
.mim-bslider {
    position: relative;
    width: 100%;
    height: clamp(380px, 58vh, 680px);
    overflow: hidden;
    background: #003087;
}

/* ── Individual slide ── */
.mim-bslide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1s cubic-bezier(.4,0,.2,1);
    pointer-events: none;
}
.mim-bslide.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* ── Background image ── */
.mim-bslide__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.04);
    transition: transform 6s ease;
}
.mim-bslide.is-active .mim-bslide__bg {
    transform: scale(1);
}

/* ── Dark gradient overlay — left heavy so text is readable ── */
.mim-bslide__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 20, 70, 0.82) 0%,
        rgba(0, 20, 70, 0.55) 45%,
        rgba(0, 20, 70, 0.15) 75%,
        transparent 100%
    );
}

/* ── Text content ── */
.mim-bslide__content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
}
.mim-bslide__content--right {
    justify-content: flex-end;
}
.mim-bslide__content--right .mim-bslide__inner {
    text-align: right;
}
.mim-bslide__inner {
    padding: 0 clamp(1.5rem, 6vw, 6rem);
    max-width: 680px;
    transform: translateY(18px);
    opacity: 0;
    transition: transform .7s .25s cubic-bezier(.4,0,.2,1),
                opacity   .7s .25s ease;
}
.mim-bslide.is-active .mim-bslide__inner {
    transform: translateY(0);
    opacity: 1;
}
.mim-bslide__eyebrow {
    display: inline-block;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #ffc600;
    background: rgba(255,198,0,.12);
    border: 1px solid rgba(255,198,0,.3);
    border-radius: 2rem;
    padding: .3rem 1rem;
    margin-bottom: 1.25rem;
}
.mim-bslide__heading {
    font-size: clamp(1.75rem, 3.5vw, 3rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.06;
    letter-spacing: -.03em;
    margin: 0 0 1.25rem;
}
.mim-bslide__subtext {
    font-size: clamp(.9375rem, 1.4vw, 1.1875rem);
    color: rgba(255,255,255,.78);
    line-height: 1.65;
    max-width: 480px;
    margin: 0;
}

/* ── Arrows ── */
.mim-barrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    font-size: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    transition: background .2s, border-color .2s, transform .2s;
    /* keep above shop bar */
    bottom: 64px;
}
.mim-barrow:hover {
    background: rgba(255,198,0,.25);
    border-color: rgba(255,198,0,.5);
    transform: translateY(-50%) scale(1.08);
}
.mim-barrow--prev { left: 1.25rem; }
.mim-barrow--next { right: 1.25rem; }

/* ── Dots ── */
.mim-bdots {
    position: absolute;
    bottom: 72px; /* sits just above shop bar */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: .4rem;
    z-index: 20;
}
.mim-bdot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,.35);
    cursor: pointer;
    padding: 0;
    transition: all .25s ease;
}
.mim-bdot.is-active {
    background: #ffc600;
    width: 24px;
    border-radius: 4px;
}

/* ── Full-width shop button bar ── */
.mim-bshop {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
}
.mim-bshop__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    width: 100%;
    padding: 1.0625rem 2rem;
    background: #ffc600;
    color: #003087;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background .2s, letter-spacing .2s;
}
.mim-bshop__btn:hover {
    background: #ffdd55;
    letter-spacing: .07em;
    color: #003087;
}
.mim-bshop__arrow {
    transition: transform .25s ease;
}
.mim-bshop__btn:hover .mim-bshop__arrow {
    transform: translateX(5px);
}

/* ── Mobile tweaks ── */
@media (max-width: 640px) {
    .mim-bslider { height: clamp(360px, 70vw, 500px); }
    .mim-bslide__overlay {
        background: linear-gradient(
            180deg,
            transparent 0%,
            rgba(0,20,70,.75) 55%,
            rgba(0,20,70,.9) 100%
        );
    }
    .mim-bslide__content { align-items: flex-end; padding-bottom: 4.5rem; }
    .mim-bslide__inner { max-width: 100%; }
    .mim-bslide__subtext { display: none; }
    .mim-barrow { width: 38px; height: 38px; font-size: .75rem; }
    .mim-bdots { bottom: 64px; }
    .mim-bshop__btn { font-size: .875rem; padding: .9rem 1rem; }
}

/* ── Slogan band ── */
.mim-slogan-band {
    background: linear-gradient(135deg,#003087 0%,#0050aa 50%,#0066cc 100%);
    padding: clamp(1rem, 2.5vw, 2rem) 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.mim-slogan-band::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 60% at 50% 50%, rgba(255,198,0,.07) 0%, transparent 70%);
    pointer-events: none;
}
.mim-slogan-band::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent, #ffc600 30%, #ffdd55 50%, #ffc600 70%, transparent);
}
.mim-slogan-band__text {
    font-family: 'Raleway', sans-serif;
    font-size: clamp(1.75rem, 4vw, 3.5rem);
    font-weight: 300;
    color: #fff;
    letter-spacing: -.02em;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 900px;
}
.mim-slogan-band__text span {
    font-weight: 700;
    background: linear-gradient(135deg,#ffc600,#ffdd55);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ════════════════════════════════════════════════════════════════
   LARGE SCREEN OPTIMISATION — 2K / 4K / 5K (iMac 5K = 5120×2880)
   macOS scales the 5K display at 2x = effective 2560px CSS pixels
   Target breakpoints: 1800px, 2200px, 2560px+
   ════════════════════════════════════════════════════════════════ */

/* ── 1800px+: start opening up the layout ── */
@media (min-width: 1800px) {

    :root {
        --max-width: 1800px;
    }

    /* Header */
    .mim-main-row {
        padding: .7rem clamp(2rem, 4vw, 4rem);
        min-height: 72px;
    }
    .mim-trust-bar { padding: .45rem 1rem; }
    .mim-trust-msg { font-size: .85rem; }

    /* Wordmark */
    .mim-b-mobility,
    .mim-b-motion {
        font-size: clamp(28px, 2vw, 42px);
    }
    .mim-b-and {
        font-size: clamp(14px, 1.1vw, 20px);
    }
    .mim-b-uk {
        font-size: clamp(20px, 1.6vw, 40px);
    }

    /* Nav links */
    .mim-nav-link {
        font-size: .9375rem;
        padding: .5rem .9rem;
    }

    /* Banner slider */
    .mim-bslider {
        height: clamp(640px, 62vh, 820px);
    }
    .mim-bslide__heading {
        font-size: clamp(3rem, 4.5vw, 5rem);
    }
    .mim-bslide__subtext {
        font-size: clamp(1.125rem, 1.3vw, 1.5rem);
        max-width: 560px;
    }
    .mim-bslide__eyebrow {
        font-size: .875rem;
        padding: .35rem 1.25rem;
        margin-bottom: 1.5rem;
    }
    .mim-bslide__inner {
        max-width: 820px;
        padding: 0 clamp(2rem, 6vw, 7rem);
    }
    .mim-barrow { width: 56px; height: 56px; font-size: 1rem; }
    .mim-bshop__btn { font-size: 1.0625rem; padding: 1.2rem 2rem; }

    /* Hero (front-page two-column) */
    .hero { padding: clamp(4rem, 7vw, 7rem) 0; }
    .hero-content { gap: 5rem; }
    .hero-text h2 { font-size: clamp(3rem, 4.5vw, 5rem); }
    .hero-text p { font-size: clamp(1.125rem, 1.3vw, 1.4rem); max-width: 42rem; }

    /* Section spacing & typography */
    .section { padding: clamp(4rem, 7vw, 7rem) 0; }
    .section-title { margin-bottom: clamp(2.5rem, 4vw, 4.5rem); }
    .section-title h2 { font-size: clamp(2rem, 3vw, 3.25rem); }
    .section-title p { font-size: 1.25rem; max-width: 52rem; }

    /* Product grids — allow 5 columns if there's room */
    .grid-4 { grid-template-columns: repeat(4, 1fr); gap: 2rem; }
    .featured-products-grid { grid-template-columns: repeat(4, 1fr); gap: 2rem; }

    /* Supplier logos — bigger */
    .supplier-logo { width: 150px; height: 80px; }
    .supplier-logo img { max-height: 64px; }
    .supplier-card { padding: 2rem 1.5rem; }

    /* Footer */
    .footer { padding: clamp(4rem, 6vw, 6rem) 0 2rem; }

    /* Product hero */
    .mim-product-hero {
        padding: 3.5rem clamp(2rem, 5vw, 5rem);
    }

    /* Slogan band */
    .mim-slogan-band__text {
        font-size: clamp(1.25rem, 1.8vw, 1.75rem);
    }

    /* Buttons */
    .btn { padding: .875rem 2rem; font-size: 1rem; }
    .btn-lg { padding: 1.125rem 2.5rem; font-size: 1.0625rem; }
}

/* ── 2200px+: iMac 27" at default scaling ── */
@media (min-width: 2200px) {

    :root {
        --max-width: 2100px;
    }

    .mim-main-row {
        padding: .8rem clamp(3rem, 4vw, 5rem);
        min-height: 80px;
    }

    .mim-bslider {
        height: clamp(800px, 68vh, 1000px);
    }
    .mim-bslide__heading { font-size: clamp(2.5rem, 3vw, 3.75rem); }
    .mim-bslide__subtext { font-size: clamp(1.25rem, 1.2vw, 1.625rem); max-width: 640px; }
    .mim-bslide__inner { max-width: 960px; }

    .hero-text h2 { font-size: clamp(3.5rem, 4vw, 5.5rem); }
    .hero-content { gap: 6rem; }

    .section-title h2 { font-size: clamp(2.25rem, 2.8vw, 3.75rem); }
    .section-title p { font-size: 1.375rem; max-width: 58rem; }

    .grid-4 { gap: 2.5rem; }
    .featured-products-grid { gap: 2.5rem; }
}

/* ── 2560px+: iMac 5K at 2x scaling (effective CSS width ~2560px) ── */
@media (min-width: 2560px) {

    :root {
        --max-width: 2400px;
    }

    body { font-size: 17px; }

    .mim-main-row {
        padding: 1rem clamp(3rem, 4vw, 6rem);
        min-height: 88px;
    }
    .mim-trust-msg { font-size: .9375rem; letter-spacing: .07em; }

    /* Wordmark scales further */
    .mim-b-mobility,
    .mim-b-motion { font-size: clamp(34px, 1.8vw, 48px); }
    .mim-b-and    { font-size: clamp(16px, .9vw, 22px); }
    .mim-b-uk     { font-size: clamp(20px, 1.3vw, 38px); }

    /* Nav */
    .mim-nav-link { font-size: 1rem; padding: .6rem 1rem; }

    /* Banner — tall and immersive */
    .mim-bslider {
        height: clamp(900px, 72vh, 1200px);
    }
    .mim-bslide__heading  { font-size: clamp(2.75rem, 2.8vw, 4.5rem); margin-bottom: 1.75rem; }
    .mim-bslide__subtext  { font-size: clamp(1.375rem, 1.1vw, 1.75rem); max-width: 720px; }
    .mim-bslide__eyebrow  { font-size: .9375rem; padding: .4rem 1.5rem; margin-bottom: 1.75rem; }
    .mim-bslide__inner    { max-width: 1100px; padding: 0 clamp(3rem, 6vw, 9rem); }
    .mim-barrow { width: 64px; height: 64px; font-size: 1.1rem; }
    .mim-bshop__btn { font-size: 1.125rem; padding: 1.375rem 2.5rem; letter-spacing: .05em; }

    /* Hero section */
    .hero { padding: clamp(5rem, 8vw, 9rem) 0; }
    .hero-content { gap: 7rem; }
    .hero-text h2 { font-size: clamp(4rem, 3.8vw, 6.5rem); margin-bottom: 2rem; }
    .hero-text p  { font-size: clamp(1.25rem, 1.1vw, 1.625rem); max-width: 48rem; }
    .hero-buttons { gap: 1rem; margin-bottom: 3rem; }
    .hero-features { gap: 2rem; }

    /* Sections */
    .section          { padding: clamp(5rem, 8vw, 9rem) 0; }
    .section-title    { margin-bottom: clamp(3rem, 4.5vw, 5.5rem); }
    .section-title h2 { font-size: clamp(2.5rem, 2.6vw, 4.25rem); }
    .section-title p  { font-size: 1.5rem; max-width: 64rem; }

    /* Grids */
    .grid-2 { gap: 3rem; }
    .grid-3 { gap: 3rem; }
    .grid-4 { gap: 3rem; }
    .featured-products-grid { grid-template-columns: repeat(4, 1fr); gap: 3rem; }

    /* Cards & containers */
    .supplier-logo     { width: 180px; height: 90px; }
    .supplier-logo img { max-height: 72px; }
    .supplier-card     { padding: 2.5rem 2rem; gap: 1rem; }

    /* Footer */
    .footer       { padding: clamp(5rem, 7vw, 8rem) 0 2.5rem; }
    .footer-grid  { gap: 3.5rem; }

    /* Headings globally */
    h1 { font-size: clamp(3rem, 3.8vw, 6rem); }
    h2 { font-size: clamp(2.25rem, 2.8vw, 4.5rem); }
    h3 { font-size: clamp(1.5rem, 1.6vw, 2.5rem); }

    /* Slogan band */
    .mim-slogan-band { padding: 1.25rem 0; }
    .mim-slogan-band__text { font-size: clamp(1.75rem, 5vw, 2.75rem); }

    /* Product hero */
    .mim-product-hero { padding: 4.5rem clamp(3rem, 6vw, 7rem); }

    /* Buttons */
    .btn    { padding: 1rem 2.25rem; font-size: 1.0625rem; }
    .btn-lg { padding: 1.25rem 3rem;  font-size: 1.125rem; }
}

/* ── 3840px+: True 4K displays ── */
@media (min-width: 3840px) {

    :root {
        --max-width: 3400px;
    }

    body { font-size: 20px; }

    /* Banner — very tall and immersive */
    .mim-bslider {
        height: clamp(1300px, 75vh, 1800px);
    }
    .mim-bslide__heading  { font-size: clamp(4rem, 3.5vw, 7rem); margin-bottom: 2.25rem; }
    .mim-bslide__subtext  { font-size: clamp(1.5rem, 1.2vw, 2.25rem); max-width: 900px; }
    .mim-bslide__eyebrow  { font-size: 1.125rem; padding: .5rem 1.75rem; margin-bottom: 2rem; }
    .mim-bslide__inner    { max-width: 1400px; padding: 0 clamp(4rem, 7vw, 12rem); }
    .mim-barrow { width: 80px; height: 80px; font-size: 1.3rem; }

    /* Wordmark */
    .mim-b-mobility,
    .mim-b-motion { font-size: clamp(44px, 2vw, 64px); }
    .mim-b-and    { font-size: clamp(20px, 1vw, 30px); }
    .mim-b-uk     { font-size: clamp(28px, 1.4vw, 50px); }

    /* Sections */
    .section { padding: clamp(6rem, 9vw, 11rem) 0; }
    .section-title h2 { font-size: clamp(3rem, 3vw, 5.5rem); }
    .section-title p  { font-size: 1.75rem; max-width: 72rem; }

    /* Slogan */
    .mim-slogan-band { padding: clamp(1.5rem, 2vw, 2.5rem) 0; }
    .mim-slogan-band__text { font-size: clamp(2.5rem, 4vw, 5rem); }

    /* Buttons */
    .btn    { padding: 1.125rem 2.5rem; font-size: 1.25rem; }
    .btn-lg { padding: 1.5rem 3.5rem;   font-size: 1.375rem; }
}

/* ── Featured mega-dropdown wider panel fix ── */
.mim-nav-dropdown:hover .mim-dropdown-panel[style*="520px"],
.mim-nav-dropdown.mim-touch-open .mim-dropdown-panel[style*="520px"] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-60%) translateY(0);
}

/* ── Call for Price ──────────────────────────────────────── */

/* Loop button */
.mim-call-price-btn {
    background: linear-gradient(135deg, #003087, #0057b8) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700 !important;
    font-size: .8125rem !important;
    letter-spacing: .02em;
    padding: .6rem 1.1rem !important;
    border-radius: var(--radius-full) !important;
    transition: all .2s ease !important;
    white-space: nowrap;
}
.mim-call-price-btn:hover {
    background: linear-gradient(135deg, #0057b8, #003087) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0,48,135,.35) !important;
    color: #fff !important;
}

/* Loop price label */
.mim-price-on-request {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    width: 100%;
    font-size: .9375rem;
    font-weight: 700;
    color: #002060;
    font-style: normal;
    letter-spacing: .01em;
    background: #ffc600;
    border: 2px solid #e6a800;
    border-radius: 6px;
    padding: .45rem .75rem;
    box-sizing: border-box;
}

/* Single product notice */
.mim-cfp-notice {
    background: var(--bg-elevated);
    border: 2px solid var(--primary);
    border-radius: var(--radius-xl);
    padding: 1.5rem 1.75rem;
    margin: 1.25rem 0 1.5rem;
    position: relative;
    overflow: hidden;
}
.mim-cfp-notice::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #ffc600, #003087, #ffc600);
}
.mim-cfp-inner {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.25rem;
}
.mim-cfp-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    background: linear-gradient(135deg, #003087, #0057b8);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffc600;
    font-size: 1.125rem;
}
.mim-cfp-text strong {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: .35rem;
}
.mim-cfp-text p {
    font-size: .875rem;
    color: var(--text-secondary);
    line-height: 1.6;
    margin: 0;
}
.mim-cfp-actions {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.mim-cfp-btn {
    display: inline-flex !important;
    align-items: center;
    gap: .45rem;
    font-size: .9375rem !important;
}
.mim-cfp-sub {
    font-size: .8125rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.7;
}

/* ── Triple Price Display ────────────────────────────────── */
/* ── Triple Price Display — clean professional layout ──── */
.mim-triple-price {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    margin: .5rem 0;
}

/* ── RRP row ── */
.mim-price-row { display: flex; align-items: center; flex-wrap: nowrap; gap: .5rem; line-height: 1.3; }
.mim-price-label {
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: rgba(255,255,255,.85);
    flex-shrink: 0;
    min-width: 38px;
}
.mim-price-rrp del.mim-price-value,
.mim-price-rrp del .woocommerce-Price-amount {
    font-size: .9rem;
    color: rgba(255,255,255,.8);
    text-decoration: line-through;
    font-weight: 400;
}
.mim-price-rrp .mim-excl-vat { color: rgba(255,255,255,.65); }
.mim-price-save-badge {
    background: #e63030;
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
    padding: .18rem .55rem;
    border-radius: 4px;
    letter-spacing: .04em;
    text-transform: uppercase;
    flex-shrink: 0;
    white-space: nowrap;
    box-shadow: 0 1px 4px rgba(0,0,0,.35);
}

/* ── excl. VAT — inline, never wraps ── */
.mim-excl-vat {
    font-size: .65rem;
    font-weight: 600;
    opacity: 1;
    font-style: normal;
    letter-spacing: 0;
    margin-left: .1rem;
    white-space: nowrap;
    color: rgba(0,32,96,.7);
}

/* ── Sale price row — clean border-only style ── */
.mim-price-sale {
    background: transparent;
    border: 2px solid #e6a800;
    border-radius: 6px;
    background: #ffc600;
    padding: .45rem .75rem;
    margin-top: .1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: nowrap;
}
.mim-sale-label {
    font-size: .65rem !important;
    font-weight: 700 !important;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #003087 !important;
    display: flex;
    align-items: center;
    gap: .3rem;
    flex-shrink: 0;
    white-space: nowrap;
}
.mim-sale-label i { font-size: .6rem; }
.mim-price-sale-value {
    text-decoration: none !important;
    font-style: normal !important;
    display: flex;
    align-items: baseline;
    gap: .1rem;
    flex-wrap: nowrap;
}
.mim-price-sale-value strong {
    font-size: 1.1875rem;
    font-weight: 800;
    color: #002060;
    white-space: nowrap;
}
.mim-price-sale-value strong .woocommerce-Price-amount { color: #002060; }
.mim-price-sale-value .mim-excl-vat { color: rgba(0,32,96,.6); }

/* Single product page — slightly larger */
.single-product .mim-price-sale-value strong { font-size: 1.75rem; }
.single-product .mim-price-rrp del.mim-price-value { font-size: 1rem; }
.single-product .mim-price-save-badge { font-size: .75rem; padding: .2rem .65rem; }

/* ── Hide M&M price row entirely ── */
.mim-price-mm,
.mim-price-mm-crossed { display: none !important; }