/* ============================================================
   MCE India — single site stylesheet
   Cascade order is load-bearing. Sections, in order:
     1. Design tokens            :root custom properties only
     2. Grid, tiers & print      nine-tier 12-col shim, print rules
     3. Shared components        .mce-* blocks used by every page
     4-8. Page sections          category, product, compare, solutions, CE
     9. Responsive               tier overrides — always last
   Never add a rule above the section it belongs to.
   ============================================================ */

/* Georama is loaded from Google Fonts in inc/enqueue.php (the self-hosted files were never supplied). */


/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root{
  /* Brand */
  --brand-red:#E31837;
  --brand-red-deep:#B6132C;
  --brand-red-700:#880E21;
  --brand-yellow:#FFF200;
  --brand-yellow-700:#999100;
  --brand-yellow-800:#666100;
  --brand-ink:#1F1F20;
  --brand-black:#000000;
  --logo-red:#D80028;
  --logo-graphite:#3B3C3E;

  /* Text */
  --text-primary:#1F1F20;
  --text-secondary:#494B4D;
  --text-muted:#777777;
  --text-inverse:#FFFFFF;
  --text-inverse-muted:#B8B9BA;

  /* Surfaces */
  --surface-page:#FFFFFF;
  --surface-subtle:#F5F5F5;
  --surface-muted:#F2F2F2;
  --surface-inverse:#000000;
  --surface-inverse-soft:#1A1A1A;
  --surface-imaxx:#0C0C0D;

  /* Borders */
  --border-hairline:rgba(0,0,0,0.3);
  --border-subtle:#E8E8E8;
  --border-default:#D9D9D9;
  --border-strong:#BDBDBD;
  --border-field:#D1D5DC;
  --border-inverse:rgba(255,255,255,0.08);

  /* Status */
  --status-success:#2E7D32;
  --status-error:#D32F2F;

  /* Fonts */
  --font-core:"Georama",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-condensed:"Barlow Condensed","Georama",Impact,"Arial Narrow",sans-serif;

  /* Radii */
  --radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;

  /* Elevation */
  --shadow-header:0 3px 5.1px 0 rgba(0,0,0,0.1);
  --shadow-card:0 2px 20px 0 rgba(0,0,0,0.05);
  --shadow-card-sm:0 2px 12px 0 rgba(0,0,0,0.05);
  --shadow-raised:0 2px 16px 0 rgba(0,0,0,0.1);
  --shadow-float:0 6px 28px 0 rgba(0,0,0,0.1);
  --shadow-rail:0 4px 24px 0 rgba(0,0,0,0.12),0 1px 4px 0 rgba(0,0,0,0.12);
  --shadow-menu:0 8px 30px 0 rgba(0,0,0,0.06),0 2px 8px 0 rgba(0,0,0,0.04);
  --shadow-play:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);
  --shadow-brand:0 2px 12px 0 rgba(200,16,46,0.28);
  --shadow-on-dark:0 2px 20px 0 rgba(0,0,0,0.4);

  /* Scrims */
  --scrim-bottom:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 100%); /* @kind color */
  --scrim-left:linear-gradient(90deg,rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.15) 55%,rgba(0,0,0,0) 78%); /* @kind color */
  --rule-two-color:linear-gradient(90deg,var(--brand-yellow) 0%,var(--brand-yellow) 15.37%,var(--brand-red) 15.38%,var(--brand-red) 100%); /* @kind color */

  /* Motion */
  --ease-standard:cubic-bezier(0.2,0,0.2,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --transition-interactive:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard); /* @kind other */

  /* Layout — widened to a 1920 canvas with a centered content container */
  --content-max:1920px;
  --gutter:40px;
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms; /* @kind other */
  --dur-base:0ms; /* @kind other */}}


/* ============================================================
   GRID, TIERS & PRINT
   ============================================================ */
/* ---- 1. The three tiers Bootstrap's CDN build doesn't ship ----
   --n is inert until its media query activates the width rule. */
.col-mobl-1{--n:1 /* @kind other */}.col-mobl-2{--n:2 /* @kind other */}.col-mobl-3{--n:3 /* @kind other */}.col-mobl-4{--n:4 /* @kind other */}.col-mobl-5{--n:5 /* @kind other */}
.col-mobl-6{--n:6 /* @kind other */}.col-mobl-7{--n:7 /* @kind other */}.col-mobl-8{--n:8 /* @kind other */}.col-mobl-9{--n:9 /* @kind other */}.col-mobl-10{--n:10 /* @kind other */}
.col-mobl-11{--n:11 /* @kind other */}.col-mobl-12{--n:12 /* @kind other */}
.col-xxxl-1{--n:1 /* @kind other */}.col-xxxl-2{--n:2 /* @kind other */}.col-xxxl-3{--n:3 /* @kind other */}.col-xxxl-4{--n:4 /* @kind other */}.col-xxxl-5{--n:5 /* @kind other */}
.col-xxxl-6{--n:6 /* @kind other */}.col-xxxl-7{--n:7 /* @kind other */}.col-xxxl-8{--n:8 /* @kind other */}.col-xxxl-9{--n:9 /* @kind other */}.col-xxxl-10{--n:10 /* @kind other */}
.col-xxxl-11{--n:11 /* @kind other */}.col-xxxl-12{--n:12 /* @kind other */}
.col-uhd-1{--n:1 /* @kind other */}.col-uhd-2{--n:2 /* @kind other */}.col-uhd-3{--n:3 /* @kind other */}.col-uhd-4{--n:4 /* @kind other */}.col-uhd-5{--n:5 /* @kind other */}
.col-uhd-6{--n:6 /* @kind other */}.col-uhd-7{--n:7 /* @kind other */}.col-uhd-8{--n:8 /* @kind other */}.col-uhd-9{--n:9 /* @kind other */}.col-uhd-10{--n:10 /* @kind other */}
.col-uhd-11{--n:11 /* @kind other */}.col-uhd-12{--n:12 /* @kind other */}
@media (min-width:431px){[class*="col-mobl-"]{flex:0 0 auto;width:calc(var(--n)/12*100%)}}
@media (min-width:1800px){[class*="col-xxxl-"]{flex:0 0 auto;width:calc(var(--n)/12*100%)}}
@media (min-width:2400px){[class*="col-uhd-"]{flex:0 0 auto;width:calc(var(--n)/12*100%)}}

/* ---- 2. Sticky-header anchor offset ---- */
:root{--header-h:112px}
html{scroll-padding-top:var(--header-h)}
@media (max-width:991px){:root{--header-h:72px}}

/* ---- 3. Upward tiers: gutter grows, cards never widen ----
   Content shell stays capped at --content-max (1920px) so every
   fixed-width Figma grid keeps its exact measured dimensions;
   above 1920 the page centres in a growing gutter. */
@media (min-width:1800px){:root{--gutter:80px}}
@media (min-width:2400px){:root{--gutter:96px}}

/* ---- 4. Short landscape viewports (phone rotated, ~390px tall) ---- */
@media (max-height:500px) and (orientation:landscape){
  .mce-hero,.mce-phero{min-height:0;height:auto;padding-block:48px}
  .mce-hero__media,.mce-phero__media{min-height:280px}
  #site-header{position:static}
  .mce-crumb{position:static}
}

/* ---- 5. Touch: no stuck hover states ---- */
@media (hover:none) and (pointer:coarse){
  .mce-prodcard:hover,.mce-artcard:hover{transform:none;box-shadow:var(--shadow-card)}
  .mce-zoom:hover img,.mce-media:hover img{transform:none}
}

/* ---- 6. Print / PDF export path ---- */
@media print{
  #site-header,#site-footer,.mce-utility,.mce-fixmenu,#back-to-top,.mce-skip,.no-print{display:none !important}
  html,body{background:#fff;color:#000;overflow:visible}
  .mce-section,.mce-lead,.mce-imaxx{padding-block:1.5rem;break-inside:avoid}
  .mce-prodcard,.mce-artcard,.mce-spec__group,.mce-faq__item{break-inside:avoid}
  h1,h2,h3{break-after:avoid}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em}
}


/* ============================================================
   SHARED COMPONENTS
   ============================================================ */
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light;background:#fff;overflow-x:clip}
/* overflow-x must be `clip`, never `hidden`: `hidden` makes the element a scroll
   container, and a sticky descendant of a scrollport that never scrolls never
   offsets — which silently kills the sticky header and breadcrumb. */
body{margin:0;background:#fff;font-family:var(--font-core);color:var(--text-primary);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
#main,#site-header{background:#fff}
img{max-width:100%;display:block}
a{color:var(--text-primary);text-decoration:none;transition:var(--transition-interactive)}
a:hover{color:var(--brand-red)}
h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-core);color:var(--text-primary);text-wrap:pretty}
p{margin:0;text-wrap:pretty}
ul{margin:0;padding:0;list-style:none}
button{font-family:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--brand-red);outline-offset:2px}

/* Layout helpers */
.mce-container{max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter);width:100%}
.mce-section{padding:80px 0}
.mce-section--tight{padding:56px 0}

/* Simple nav dropdown (Solutions, Dealers, Resources, Company) */
.mce-nav__links li.has-drop{position:relative}
.mce-drop{position:absolute;left:0;top:100%;z-index:60;min-width:268px;margin-top:10px;padding:10px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-menu);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),visibility var(--dur-base)}
.mce-nav__links li.has-drop:hover .mce-drop,.mce-nav__links li.has-drop:focus-within .mce-drop,.mce-drop.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.mce-drop a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);font-family:var(--font-core);font-weight:500;font-size:15px;line-height:1.35;color:var(--text-primary);text-decoration:none;transition:var(--transition-interactive)}
.mce-drop a:hover{background:var(--surface-subtle);color:var(--brand-red)}
.mce-drop a i{font-size:13px;color:var(--brand-red)}

/* Section intro (eyebrow + heading + sub) */
.mce-eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;color:var(--brand-red);margin-bottom:18px}
.mce-eyebrow::before{content:"";width:88px;min-width:88px;max-width:88px;height:3px;flex-shrink:0;display:inline-block;background:linear-gradient(90deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-eyebrow--center{justify-content:center}
.mce-eyebrow--center::after{content:"";width:88px;min-width:88px;max-width:88px;height:3px;flex-shrink:0;display:inline-block;background:linear-gradient(270deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-intro{text-align:center;max-width:820px;margin:0 auto 56px}
.mce-intro h2{font-size:44px;line-height:1.14;font-weight:800;margin-bottom:16px}
.mce-intro p{font-size:18px;line-height:1.6;color:var(--text-secondary)}
.mce-h2{font-size:44px;line-height:1.14;font-weight:800}
.mce-h3{font-size:30px;line-height:1.2;font-weight:800}

/* Buttons (Button set 1 — colour changes only, geometry fixed) */
.mce-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--font-core);font-weight:600;font-size:16px;letter-spacing:0.5px;line-height:1;transition:var(--transition-interactive);white-space:nowrap}
.mce-btn i{font-size:15px}
.mce-btn--primary{background:var(--brand-red);border-color:var(--brand-red-deep);color:#fff}
.mce-btn--primary:hover{background:var(--brand-yellow);border-color:var(--brand-yellow-700);color:var(--brand-yellow-800)}
.mce-btn--primary:active{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
.mce-btn--yellow{background:var(--brand-yellow);border-color:var(--brand-yellow-700);color:var(--brand-yellow-800)}
.mce-btn--yellow:hover{background:var(--brand-red);border-color:var(--brand-red-deep);color:#fff}
.mce-btn--ink{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
.mce-btn--ink:hover{background:var(--brand-red);border-color:var(--brand-red-deep);color:#fff}
.mce-btn--ghost{background:#fff;border-color:var(--border-field);color:#000}
.mce-btn--ghost:hover{border-color:var(--brand-red);color:var(--brand-red)}
.mce-btn--ghost-dark{background:transparent;border-color:rgba(255,255,255,0.35);color:#fff}
.mce-btn--ghost-dark:hover{background:#fff;border-color:#fff;color:var(--brand-ink)}
.mce-btn--white{background:#fff;border-color:#fff;color:var(--brand-ink)}
.mce-btn--white:hover{background:var(--brand-yellow);border-color:var(--brand-yellow-700);color:var(--brand-yellow-800)}
.mce-btn--block{width:100%}

/* Link button (arrow, ink→red) */
.mce-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-core);font-weight:600;font-size:16px;letter-spacing:0.5px;color:var(--brand-red)}
.mce-link i{transition:transform var(--dur-base) var(--ease-standard)}
.mce-link:hover{color:var(--brand-red-deep)}
.mce-link:hover i{transform:translateX(4px)}

.mce-spec{font-family:var(--font-condensed);font-weight:700;line-height:1;letter-spacing:0}

/* Skip link + back to top */
.mce-skip{position:absolute;left:-999px;top:0;z-index:2000;background:var(--brand-red);color:#fff;padding:10px 16px;border-radius:0 0 var(--radius-sm) 0}
.mce-skip:focus{left:0;color:#fff}
#back-to-top{position:fixed;right:24px;bottom:24px;z-index:900;width:46px;height:46px;border:none;border-radius:var(--radius-pill);background:var(--brand-ink);color:#fff;box-shadow:var(--shadow-float);opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition-interactive),opacity var(--dur-base),visibility var(--dur-base)}
#back-to-top.is-visible{opacity:1;visibility:visible;transform:none}
#back-to-top:hover{background:var(--brand-red)}

/* ============================================================
   HEADER — utility bar, two-colour rule, nav, mega menu, drawer
   ============================================================ */
#site-header{position:sticky;top:0;z-index:1000}
/* Breadcrumb sticks directly under the header on every page; --header-h is measured
   at runtime (initStickyOffsets) so it stays right when the utility bar hides. */
.mce-crumb{position:sticky;top:var(--header-h,124px);z-index:900}
.mce-rule{height:4px;background:var(--rule-two-color)}
.mce-utility{background:var(--surface-inverse)}
.mce-utility__inner{display:flex;justify-content:flex-end;align-items:center;height:40px;gap:26px;overflow-x:auto;scrollbar-width:none}
.mce-utility__inner::-webkit-scrollbar{display:none}
.mce-utility__list{display:flex;gap:22px;align-items:center;flex-shrink:0}
.mce-utility__list a{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-size:14px;letter-spacing:0.005em;color:var(--text-inverse-muted);white-space:nowrap}
.mce-utility__list a:hover{color:#fff}
.mce-utility__list i{font-size:14px;color:var(--text-inverse-muted)}
.mce-utility__list a:hover i{color:#fff}
.mce-utility__tools{display:flex;align-items:center;gap:14px;padding-left:22px;border-left:1px solid var(--border-inverse)}
.mce-utility__icon{width:30px;height:30px;border:none;background:transparent;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-inverse-muted);font-size:16px;transition:var(--transition-interactive)}
.mce-utility__icon:hover{color:#fff;background:rgba(255,255,255,0.08)}
.mce-utility__country{position:relative}
.mce-utility__country-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-inverse);background:transparent;border-radius:var(--radius-sm);padding:5px 10px;font-family:var(--font-core);font-weight:600;font-size:13px;letter-spacing:0.03em;color:var(--text-inverse-muted)}
.mce-utility__country-btn i{font-size:10px;color:var(--text-inverse-muted)}
.mce-utility__country-btn:hover{color:#fff;border-color:rgba(255,255,255,0.3)}
.mce-utility__country-btn:hover i{color:#fff}
.mce-utility__country-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:96px;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-float);padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--dur-base),transform var(--dur-base),visibility var(--dur-base);z-index:20}
.mce-utility__country.is-open .mce-utility__country-panel{opacity:1;visibility:visible;transform:none}
.mce-utility__country-panel a{display:block;padding:8px 10px;border-radius:var(--radius-sm);font-family:var(--font-core);font-weight:600;font-size:13px;color:var(--text-secondary)}
.mce-utility__country-panel a:hover{background:var(--surface-subtle);color:var(--brand-red)}

.mce-nav{background:#fff;border-bottom:0.5px solid var(--border-hairline);box-shadow:var(--shadow-header)}
.mce-nav__inner{display:flex;align-items:center;justify-content:space-between;height:80px;gap:24px}
.mce-nav__logo{margin-right:48px}
.mce-nav__logo img{height:44px;width:auto}
.mce-nav__links{display:flex;align-items:center;gap:4px;margin-left:auto}
.mce-nav__links>li>a{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:var(--radius-sm);font-family:var(--font-core);font-weight:500;font-size:16px;letter-spacing:0.5px;color:var(--text-secondary)}
.mce-nav__links>li>a i{font-size:11px;transition:transform var(--dur-base) var(--ease-standard)}
.mce-nav__links>li>a:hover{color:var(--brand-red)}
.mce-nav__links>li>a.is-active{color:var(--text-secondary);font-weight:500}
.mce-nav__links>li.has-mega>a.is-open i{transform:rotate(180deg)}
.mce-nav__cta{margin-left:14px}
.mce-nav__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:none;background:transparent;padding:0}
.mce-nav__toggle span{display:block;width:24px;height:2px;background:var(--brand-ink);margin:0 auto;transition:var(--transition-interactive)}

/* Mega menu */
.mce-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-menu);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard),visibility var(--dur-base)}
.mce-mega.is-open{opacity:1;visibility:visible;transform:none}
.mce-mega__inner{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.15fr;padding:34px var(--gutter) 40px}
.mce-mega__col{padding:0 34px}
.mce-mega__col:first-child{padding-left:0}
.mce-mega__col:last-child{padding-right:0}
.mce-mega__col+.mce-mega__col{border-left:1px solid var(--border-subtle)}
.mce-mega__label{font-family:var(--font-core);font-weight:600;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}
/* Col 1 — categories */
.mce-mega__cats{display:flex;flex-direction:column;gap:2px}
.mce-mega__cats a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-core);font-weight:500;font-size:16px;color:var(--text-secondary)}
.mce-mega__cats a i{font-size:12px;color:var(--text-muted)}
.mce-mega__cats a:hover{background:var(--surface-subtle);color:var(--brand-red)}
.mce-mega__cats a.is-active{background:var(--surface-subtle);border-color:var(--border-default);font-weight:700;color:var(--text-primary)}
.mce-mega__cats a.is-active i{color:var(--text-primary)}
/* Col 2 — explore + models */
.mce-mega__heading{font-family:var(--font-core);font-weight:700;font-size:18px;color:var(--text-primary);padding-bottom:14px;border-bottom:1px solid var(--border-subtle);margin-bottom:8px}
.mce-mega__arrows{display:flex;flex-direction:column;margin-bottom:22px}
.mce-mega__arrows a{display:inline-flex;align-items:center;gap:8px;padding:10px 0;font-family:var(--font-core);font-weight:500;font-size:16px;color:var(--text-secondary)}
.mce-mega__arrows a i{font-size:13px;color:var(--text-muted);transition:transform var(--dur-base) var(--ease-standard)}
.mce-mega__arrows a:hover{color:var(--brand-red)}
.mce-mega__arrows a:hover i{color:var(--brand-red);transform:translateX(3px)}
.mce-mega__models{display:flex;flex-direction:column;gap:2px}
.mce-mega__models a{display:block;padding:11px 14px;border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-core);font-weight:500;font-size:16px;color:var(--text-secondary)}
.mce-mega__models a:hover{background:var(--surface-subtle);color:var(--brand-red)}
.mce-mega__models a.is-active{background:var(--surface-subtle);border-color:var(--border-default);font-weight:700;color:var(--text-primary)}
/* Col 3 — featured model */
.mce-mega__thumb{display:block;width:135px;height:82px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px}
.mce-mega__model-title{font-family:var(--font-core);font-weight:700;font-size:18px;color:var(--text-primary);margin-bottom:10px}
.mce-mega__model-desc{font-size:15px;line-height:1.5;color:var(--text-muted);margin-bottom:18px}
.mce-mega__sublinks{display:flex;flex-direction:column}
.mce-mega__sublinks a{display:block;padding:9px 0 9px 6px;font-family:var(--font-core);font-weight:500;font-size:16px;color:var(--text-secondary)}
.mce-mega__sublinks a:hover{color:var(--brand-red)}
/* Col 4 — action cards */
.mce-mega__col--actions{display:flex;flex-direction:column;gap:14px}
.mce-mega__action{display:flex;flex-direction:column;gap:4px;padding:15px 18px;border:1px solid var(--border-default);border-radius:var(--radius-md);transition:var(--transition-interactive)}
.mce-mega__action-title{font-family:var(--font-core);font-weight:700;font-size:17px;color:var(--text-primary)}
.mce-mega__action-desc{font-size:14px;line-height:1.45;color:var(--text-muted)}
.mce-mega__action:hover{border-color:var(--brand-red);box-shadow:var(--shadow-card-sm)}
.mce-mega__action:hover .mce-mega__action-title{color:var(--brand-red)}

/* Mobile drawer + scrim */
.mce-drawer{position:fixed;top:0;right:0;bottom:0;width:min(88vw,380px);background:#fff;z-index:1300;transform:translateX(100%);transition:transform var(--dur-base) var(--ease-standard);display:flex;flex-direction:column;overflow-y:auto}
.mce-drawer.is-open{transform:none}
.mce-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border-subtle)}
.mce-drawer__head img{height:44px;width:auto}
.mce-drawer__close{border:none;background:transparent;font-size:20px;color:var(--text-primary);width:40px;height:40px}
.mce-drawer__list{padding:8px 0;flex:1}
.mce-drawer__list>li>a{display:block;padding:14px 20px;font-family:var(--font-core);font-weight:500;font-size:17px;color:var(--text-secondary)}
.mce-drawer__list>li>a.is-active{color:var(--brand-ink);font-weight:600}
.mce-acc__btn{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:14px 20px;font-family:var(--font-core);font-weight:500;font-size:17px;color:var(--text-secondary);text-align:left}
.mce-acc__btn i{color:var(--brand-red);transition:transform var(--dur-base)}
.mce-acc.is-open .mce-acc__btn i{transform:rotate(45deg)}
.mce-acc__panel{max-height:0;overflow:hidden;transition:max-height var(--dur-base) var(--ease-standard);background:var(--surface-subtle)}
.mce-acc__panel a{display:block;padding:11px 32px;font-size:15px;color:var(--text-secondary)}
.mce-drawer__foot{padding:20px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:14px}
.mce-drawer__call{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-family:var(--font-core);font-weight:600;color:var(--brand-red)}
.mce-scrim{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:1200;opacity:0;visibility:hidden;transition:opacity var(--dur-base),visibility var(--dur-base)}
.mce-scrim.is-open{opacity:1;visibility:visible}

/* ============================================================
   FIX MENU (docked right rail)
   ============================================================ */
.mce-fixmenu{position:fixed;right:0;top:42%;transform:translateY(-50%);z-index:800;display:flex;flex-direction:column;width:114px;background:#fff;border-radius:8px 0 0 8px;box-shadow:var(--shadow-rail);overflow:hidden}
.mce-fixmenu__item{display:flex;align-items:center;gap:8px;padding:10px 10px;font-family:var(--font-core);font-weight:600;font-size:10px;line-height:1.25;letter-spacing:0.02em;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);transition:var(--transition-interactive)}
.mce-fixmenu__item:last-child{border-bottom:none}
.mce-fixmenu__item i{font-size:15px;color:var(--text-primary);flex-shrink:0;width:20px;text-align:center}
.mce-fixmenu__item:hover{background:var(--surface-subtle)}
.mce-fixmenu__item--active,.mce-fixmenu__item--active:hover{background:var(--brand-red);color:#fff;border-bottom-color:rgba(255,255,255,0.15)}
.mce-fixmenu__item--active i{color:#fff}

/* ============================================================
   REVEAL
   ============================================================ */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-standard),transform .6s var(--ease-standard)}
.js .reveal.is-in{opacity:1;transform:none}

/* ============================================================
   HERO
   ============================================================ */
.mce-hero{position:relative;display:flex;color:#fff;overflow:hidden}
.mce-hero__slides{position:relative;display:grid;width:100%;min-height:620px}
.mce-hero__slide{grid-area:1/1;position:relative;display:flex;align-items:center;padding:80px 0;background-size:cover;background-position:center;opacity:0;transition:opacity .45s ease-in-out;pointer-events:none}
.mce-hero__slide.is-active{opacity:1;pointer-events:auto}
.mce-hero__scrim{position:absolute;inset:0;background:var(--scrim-left)}
.mce-hero__inner{position:relative;z-index:2;width:100%}
.mce-hero__dots{position:absolute;left:50%;bottom:70px;transform:translateX(-50%);z-index:3;display:flex;gap:10px}
.mce-hero__dot{width:32px;height:4px;border:0;padding:0;background:rgba(255,255,255,0.4);cursor:pointer;transition:background .3s ease,width .3s ease}
.mce-hero__dot.is-active{background:var(--brand-yellow,#ffc107);width:48px}
.mce-hero__dot:hover{background:rgba(255,255,255,0.7)}
.mce-hero__content{max-width:720px}
.mce-hero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:0.14em;text-transform:uppercase;color:#fff;margin-bottom:22px}
.mce-hero__eyebrow::before{content:"";width:88px;min-width:88px;max-width:88px;height:3px;flex-shrink:0;display:inline-block;background:linear-gradient(90deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-hero__title{font-size:60px;line-height:1.06;font-weight:800;margin-bottom:22px;letter-spacing:-0.5px}
.mce-hero__sub{font-size:20px;line-height:1.55;color:rgba(255,255,255,0.9);max-width:600px;margin-bottom:34px}
.mce-hero__actions{display:flex;gap:14px;flex-wrap:wrap}
.mce-hero__scroll{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,0.8);font-size:22px;animation:mce-bob 2s var(--ease-standard) infinite}
.mce-hero__scroll:hover{color:#fff}
@keyframes mce-bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
@media (prefers-reduced-motion:reduce){.mce-hero__scroll{animation:none}}

/* Banner Option — the slides sit on one horizontal track, so the outgoing frame
   travels out while the next travels in. Figma: 1440x558, centred lockup. */
.mce-hero--banner .mce-hero__slides{display:flex;flex-wrap:nowrap;min-height:558px;transition:transform .62s var(--ease-standard);will-change:transform}
.mce-hero--banner .mce-hero__slide{grid-area:auto;flex:0 0 100%;min-width:100%;opacity:1;pointer-events:auto;justify-content:center;padding:40px 60px}
.mce-hero--banner .mce-hero__scrim{background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.42) 26%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.8) 62%,rgba(0,0,0,.42) 76%,rgba(0,0,0,.18) 100%)}
.mce-hero--banner .mce-hero__inner{display:flex;justify-content:center}
.mce-hero--banner .mce-hero__content{max-width:900px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.mce-hero__kicker{color:#fff;margin-bottom:0}
.mce-hero--banner .mce-hero__title{font-size:48px;line-height:54px;font-weight:800;letter-spacing:.5px;color:#fff;margin:0}
.mce-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:52px;height:52px;padding:0;border:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.8);color:var(--brand-ink);font-size:24px;cursor:pointer;transition:background var(--dur-base) var(--ease-standard)}
.mce-hero__arrow:hover{background:#fff}
.mce-hero__arrow--prev{left:0}
.mce-hero__arrow--next{right:0}
.mce-hero--banner .mce-hero__dots{bottom:35px}
/* Banner, left lockup — Figma home banner (2026-09): eyebrow, title, subtitle and CTAs
   aligned left at 60px over a lighter left scrim. Measured against the 1440 frame
   (text tops within 1px, line lengths within 2px). */
.mce-hero--left .mce-hero__slides{padding:0}
.mce-hero--left .mce-hero__slide{justify-content:flex-start;padding:40px 60px 72px}
.mce-hero--left .mce-hero__scrim{background:linear-gradient(90deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.18) 40%,rgba(0,0,0,0) 65%)}
.mce-hero--left .mce-hero__inner{justify-content:flex-start;padding:0}
.mce-hero--left .mce-hero__content{max-width:640px;align-items:flex-start;gap:0;text-align:left}
.mce-hero--left .mce-hero__kicker{font-size:13px;letter-spacing:.12em;gap:8px;margin-bottom:1px}
.mce-hero--left .mce-hero__sub{max-width:500px;margin:8px 0 0;font-size:16px;line-height:24px;letter-spacing:.6px;color:#fff}
.mce-hero--left .mce-hero__actions{margin-top:53px}
.mce-hero--left .mce-hero__actions .mce-btn{height:42px;padding:0 15px}
@media (prefers-reduced-motion:reduce){.mce-hero--banner .mce-hero__slides{transition:none}}

/* ============================================================
   TRUST / WHY MAHINDRA
   ============================================================ */
.mce-trust{background:var(--surface-subtle);padding:48px 0}
.mce-trust__inner{display:grid;grid-template-columns:1.15fr 1.5fr;gap:56px;align-items:stretch}
.mce-trust__lead{align-self:center;padding:16px 0}
.mce-trust__lead .mce-eyebrow{margin-bottom:16px}
.mce-trust__lead h2{margin-bottom:16px;font-weight:800}
.mce-trust__light{font-weight:300}
.mce-trust__lead p{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:480px}
.mce-trust__stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;height:100%}
.mce-stat{padding:8px 28px;border-left:1px solid var(--border-default);display:flex;flex-direction:column;justify-content:center}
.mce-stat:last-child{border-right:1px solid var(--border-default)}
.mce-stat__num{display:flex;align-items:baseline;font-family:var(--font-core);font-size:48px;font-weight:800;color:var(--text-primary);line-height:1}
.mce-stat__plus{font-family:var(--font-core);font-size:inherit;font-weight:800;color:var(--brand-red);line-height:1}
.mce-stat__label{display:block;margin-top:12px;font-family:var(--font-core);font-weight:700;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;color:#6B7280;line-height:1.35}

/* ============================================================
   PRODUCT PORTFOLIO
   ============================================================ */
.mce-portfolio__grid{display:grid;grid-template-columns:repeat(3,311px);gap:32px;justify-content:space-between;max-width:1002px;margin:0 auto}
.mce-rule-mini{display:block;width:88px;min-width:88px;max-width:88px;height:3px;flex-shrink:0;background:linear-gradient(90deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-prodcard{display:flex;flex-direction:column;width:311px;height:441px;background:var(--surface-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-interactive)}
.mce-prodcard:hover{background:#fff;box-shadow:var(--shadow-float);transform:translateY(-4px)}
.mce-prodcard__media{position:relative;height:196px;flex-shrink:0;background:var(--surface-muted);overflow:hidden}
.mce-prodcard__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s var(--ease-standard)}
.mce-prodcard:hover .mce-prodcard__img{transform:scale(1.05)}
.mce-prodcard__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:11px;flex:1;min-height:0}
.mce-prodcard__title{font-size:22px;line-height:1.16;font-weight:800;color:var(--text-primary)}
.mce-prodcard__title span{color:var(--brand-red)}
.mce-prodcard__body p{font-size:14px;line-height:1.55;color:var(--text-muted);flex:1;min-height:0;overflow:hidden}
.mce-prodcard__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-core);font-weight:700;font-size:14px;color:var(--text-primary);margin-top:auto}
.mce-prodcard__link i{transition:transform var(--dur-base) var(--ease-standard)}
.mce-prodcard:hover .mce-prodcard__link{color:var(--brand-red)}
.mce-prodcard__link:hover i{transform:translateX(4px)}

/* ============================================================
   SOLUTIONS & APPLICATIONS
   ============================================================ */
.mce-sol{background:var(--surface-subtle);overflow-x:hidden}
.mce-sol__layout{display:grid;grid-template-columns:390px 1fr;gap:28px;align-items:start}
.mce-sol__tabs{display:flex;flex-direction:column;background:#fafafa;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}
.mce-sol__tabs-label{padding:22px 26px 16px;font-family:var(--font-core);font-weight:600;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}
.mce-sol__tab{text-align:left;border:none;border-bottom:1px solid var(--border-subtle);background:transparent;padding:20px 26px;font-family:var(--font-core);font-weight:500;font-size:19px;color:var(--text-secondary);box-shadow:inset 4px 0 0 transparent;transition:var(--transition-interactive)}
.mce-sol__tab:last-child{border-bottom:none}
.mce-sol__tab:hover{color:var(--brand-red)}
.mce-sol__tab.is-active{background:#FDEEF0;color:var(--brand-red);font-weight:700;box-shadow:inset 4px 0 0 var(--brand-red)}
.mce-sol__panel{display:none;background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);padding:28px}
.mce-sol__panel.is-active{display:block;animation:mce-fade var(--dur-base) var(--ease-standard)}
@keyframes mce-fade{from{opacity:0}to{opacity:1}}
.mce-sol__media{position:relative;height:520px;border-radius:var(--radius-lg);overflow:hidden}
.mce-sol__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--ease-standard,ease)}
.mce-sol__media:hover .mce-sol__img{transform:scale(1.06)}
.mce-sol__content{padding:30px 6px 8px;display:flex;flex-direction:column;gap:14px}
.mce-sol__content h3{color:var(--text-primary)}
.mce-sol__content>p{font-size:16px;line-height:1.6;color:var(--text-secondary);padding-bottom:22px;border-bottom:1px solid var(--border-subtle)}
.mce-sol__reco-title{font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin-top:4px}
.mce-sol__reco{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.mce-sol__reco li{display:inline-flex;align-items:center;gap:9px;background:#fafafa;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:9px 18px;font-size:16px;color:var(--text-primary)}
.mce-sol__reco i{color:var(--status-success);font-size:17px}
.mce-sol__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:14px 22px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-core);font-weight:700;font-size:16px;color:var(--text-primary);transition:var(--transition-interactive)}
.mce-sol__btn i{color:var(--brand-red);transition:transform var(--dur-base) var(--ease-standard)}
.mce-sol__btn:hover{border-color:var(--brand-red);color:var(--brand-red)}
.mce-sol__btn:hover i{transform:translateX(4px)}

/* ============================================================
   IMAXX (dark)
   ============================================================ */
.mce-imaxx{background:#141414;color:#fff;padding:84px 0;overflow-x:hidden}
.mce-imaxx__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:64px;align-items:center}
.mce-imaxx__left,.mce-imaxx__right{min-width:0}
.mce-imaxx__left .mce-eyebrow{color:#fff}
.mce-imaxx__left h2{color:#fff;margin-bottom:20px;font-weight:400}
.mce-imaxx__accent{color:var(--brand-yellow);font-weight:800}
.mce-imaxx__sub{font-size:17px;line-height:1.65;color:rgba(255,255,255,0.72);margin-bottom:30px;max-width:520px;overflow-wrap:anywhere}
.mce-imaxx__cta{margin-bottom:40px}
/* CTA pair (Explore iMAXX + Login) */
.mce-imaxx__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}
.mce-imaxx__ctas .mce-imaxx__cta{margin-bottom:0}
.mce-imaxx__features{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,0.12)}
.mce-imaxx__features li{display:flex;gap:20px;align-items:flex-start;padding:22px 0;border-bottom:1px solid rgba(255,255,255,0.12)}
.mce-imaxx__num{font-family:var(--font-ui);font-weight:600;font-size:14px;color:var(--brand-yellow);line-height:1.4;min-width:26px}
.mce-imaxx__features h4{font-family:var(--font-core);font-weight:700;font-size:19px;margin-bottom:8px;color:#fff}
.mce-imaxx__features p{font-size:15px;line-height:1.6;color:rgba(255,255,255,0.62)}
.mce-imaxx__features h4:last-child{margin-bottom:0}
.mce-imaxx__right{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.mce-imaxx__device{position:relative;width:100%;aspect-ratio:16/11;border-radius:var(--radius-lg);background-size:cover;background-position:center;overflow:hidden}
.mce-imaxx__tag{position:absolute;display:flex;flex-direction:column;gap:5px;background:rgba(18,18,20,0.82);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:9px 14px}
.mce-imaxx__tag-top{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;color:#fff;white-space:nowrap}
.mce-imaxx__tag-top i{font-size:13px;color:#fff}
.mce-imaxx__tag-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-core);font-weight:500;font-size:13px;color:rgba(255,255,255,0.82);white-space:nowrap}
.mce-dot{width:7px;height:7px;border-radius:var(--radius-pill);background:#22C55E;display:inline-block}
.mce-imaxx__tag--tl{top:5%;left:5%}
.mce-imaxx__tag--tr{top:5%;right:4%}
.mce-imaxx__tag--mr{top:41%;right:0}
.mce-imaxx__tag--bl{bottom:16%;left:5%}
.mce-imaxx__tag--br{bottom:17%;right:5%}
.mce-imaxx__pager{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:18px}
.mce-imaxx__arrow{border:none;background:transparent;color:rgba(255,255,255,0.75);font-size:22px;line-height:1;padding:4px;transition:var(--transition-interactive)}
.mce-imaxx__arrow:hover{color:#fff}
.mce-imaxx__dots{display:flex;gap:10px;align-items:center}
.mce-imaxx__dot{width:8px;height:8px;border-radius:var(--radius-pill);background:rgba(255,255,255,0.35);cursor:pointer;transition:var(--transition-interactive)}
.mce-imaxx__dot.is-active{background:var(--brand-red)}
.mce-imaxx__caption{align-self:flex-end;font-family:var(--font-core);font-weight:600;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(255,255,255,0.38)}

/* ============================================================
   SHARED FORM CONTROLS
   ============================================================ */
.mce-field{display:flex;flex-direction:column;gap:7px}
.mce-field label{font-family:var(--font-core);font-weight:600;font-size:13px;letter-spacing:0.02em;color:var(--text-secondary)}
.mce-field .req{color:var(--brand-red)}
.mce-field__opt{font-weight:400;color:var(--text-muted)}
.mce-input,.mce-select{width:100%;height:48px;border:1px solid var(--border-field);border-radius:var(--radius-md);padding:0 14px;font-family:var(--font-core);font-size:15px;color:var(--text-primary);background:#fff;transition:var(--transition-interactive)}
textarea.mce-input{height:auto;padding:12px 14px;resize:vertical}
.mce-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23494B4D' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}
.mce-input:focus,.mce-select:focus{outline:none;border-color:var(--brand-red);box-shadow:0 0 0 3px rgba(227,24,55,0.12)}
.mce-input.is-invalid,.mce-select.is-invalid{border-color:var(--status-error);box-shadow:0 0 0 3px rgba(211,47,47,0.12)}
.mce-field__err{display:none;font-size:12px;color:var(--status-error)}
.mce-field .is-invalid ~ .mce-field__err{display:block}
/* Contact Form 7 — its own stylesheet is off (inc/forms.php); keep its wrappers out of the reference layout */
.wpcf7-form-control-wrap,.wpcf7-form-control-wrap>.wpcf7-form-control{display:block}
.mce-field .wpcf7-form-control-wrap:has(.is-invalid) ~ .mce-field__err{display:block}
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;border:0}
.wpcf7 .hidden-fields-container,.wpcf7-not-valid-tip,.wpcf7-spinner{display:none}
.wpcf7 form .wpcf7-response-output{display:none;margin:16px 0 0;font-size:14px;color:var(--status-error)}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output,.wpcf7 form.spam .wpcf7-response-output{display:block}

/* ============================================================
   TESTIMONIALS CAROUSEL
   ============================================================ */
.mce-tst{padding:64px 0}
.mce-tst .mce-intro{margin-bottom:40px}
.mce-carousel__viewport{overflow:hidden;max-width:1000px;margin:0 auto}
.mce-carousel__track{display:flex;transition:transform .45s var(--ease-standard);will-change:transform}
.mce-tstcard:last-child{margin-right:0}
.mce-tstcard{flex:0 0 312px;width:312px;height:329px;margin-right:32px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card)}
.mce-tstcard__media{position:relative;height:168px;flex-shrink:0;background-size:cover;background-position:center}
.mce-tstcard__media::after{content:"";position:absolute;inset:0;background:var(--scrim-bottom);opacity:.5}
.mce-tstcard__badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--brand-red);color:#fff;font-family:var(--font-core);font-weight:700;font-size:11px;letter-spacing:0.06em;text-transform:uppercase;padding:5px 10px;border-radius:var(--radius-sm)}
.mce-tstcard__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:60px;height:60px;border:none;border-radius:var(--radius-pill);background:rgba(255,255,255,0.95);color:var(--brand-red);font-size:26px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-play);transition:var(--transition-interactive)}
.mce-tstcard__play:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff}
.mce-tstcard__body{padding:16px 20px 18px;display:flex;flex-direction:column;flex:1;min-height:0}
.mce-tstcard__body h4{font-family:var(--font-core);font-weight:700;font-size:18px;margin-bottom:3px}
.mce-tstcard__loc{font-size:13px;color:var(--text-muted);margin-bottom:2px}
.mce-tstcard__role{font-size:13px;color:var(--text-secondary);margin-bottom:10px}
.mce-tstcard__body .mce-link{margin-top:auto;font-size:14px}
.mce-carousel__nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:34px}
.mce-carousel__prev,.mce-carousel__next{width:46px;height:46px;border:1px solid var(--border-default);background:#fff;border-radius:var(--radius-pill);color:var(--text-primary);font-size:18px;display:flex;align-items:center;justify-content:center;transition:var(--transition-interactive)}
.mce-carousel__prev:hover,.mce-carousel__next:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff}
.mce-carousel__dots{display:none;justify-content:center;gap:8px;margin-top:22px}
.mce-carousel__dot{width:9px;height:9px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;transition:var(--transition-interactive)}
.mce-carousel__dot.is-active{background:var(--brand-red);width:26px}
.mce-tst__foot{text-align:center;margin-top:28px}

/* Video lightbox — mirrors the .fig "Video Popup" (close CTA 42×42, radius 4, #EFEFEF, red X) */
.mce-vlb{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:60px;background:rgba(45,45,45,0.94);opacity:0;visibility:hidden;transition:opacity var(--dur-base) var(--ease-standard),visibility var(--dur-base)}
.mce-vlb.is-open{opacity:1;visibility:visible}
.mce-vlb__stage{display:flex;flex-direction:column;gap:6px;width:min(894px,100%)}
.mce-vlb__bar{display:flex;justify-content:flex-end;align-items:flex-start;height:42px;flex-shrink:0}
.mce-vlb__close{width:42px;height:42px;border:none;border-radius:var(--radius-sm);background:#EFEFEF;color:rgb(200,16,46);font-size:18px;display:flex;align-items:center;justify-content:center;transition:var(--transition-interactive)}
.mce-vlb__close:hover{background:#fff;color:var(--brand-red)}
.mce-vlb__frame{position:relative;width:100%;aspect-ratio:894/504;background:#000 center/cover no-repeat;overflow:hidden}
.mce-vlb__frame iframe,.mce-vlb__frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}

/* ============================================================
   INSIGHTS
   ============================================================ */
.mce-ins{background:var(--surface-subtle)}
.mce-ins__head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin:0 0 40px}
.mce-ins__lead{text-align:right}
/* Sub-heading row: label + rule on the left, action on the right */
.mce-ins__row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.mce-ins__row+.mce-ins__row,.mce-ins__grid+.mce-ins__row{margin-top:56px}
.mce-ins__label{font-family:var(--font-core);font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);padding-bottom:10px;border-bottom:2px solid var(--brand-red);margin:0}
.mce-btn--sm{height:44px;padding:0 20px;font-size:14px}
.mce-ins__head .mce-eyebrow{margin-bottom:14px}
.mce-ins__lead{font-size:17px;line-height:1.6;color:var(--text-secondary)}
.mce-ins__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0}
.mce-ins__news{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin:0}
/* Card meta row — grey category pill + dated line */
.mce-artcard__tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:14px;padding-right:8px}
.mce-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;background:var(--surface-muted);border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-primary);white-space:nowrap}
.mce-date{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);font-size:12.5px;color:var(--text-muted);white-space:nowrap}
.mce-date i{font-size:12px}
/* Horizontal news card */
.mce-newscard{display:grid;grid-template-columns:311px minmax(0,1fr);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card-sm);transition:var(--transition-interactive)}
.mce-newscard:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}
.mce-newscard__media{position:relative;overflow:hidden;background-size:cover;background-position:center;min-height:212px}
.mce-newscard__body{display:flex;flex-direction:column;padding:22px 24px}
.mce-newscard__title{font-family:var(--font-core);font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 10px}
.mce-newscard__body p{font-family:var(--font-ui);font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mce-artcard{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition-interactive)}
.mce-artcard:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}
.mce-artcard__media{position:relative;height:168px;flex-shrink:0;background-size:cover;background-position:center}
.mce-artcard__badge{position:absolute;left:16px;top:16px;background:var(--brand-red);color:#fff;font-family:var(--font-ui);font-weight:600;font-size:10px;letter-spacing:0.07em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-pill)}
.mce-artcard__body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1;min-height:0}
.mce-artcard__meta{font-family:var(--font-ui);font-size:12px;color:#9CA3AF;margin-bottom:8px}
.mce-artcard__title{font-family:var(--font-core);font-weight:700;font-size:18px;line-height:1.32;font-weight:600;letter-spacing:-0.02em;color:#111827;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mce-artcard__rule{display:block;height:1px;background:#F3F4F6;margin-bottom:12px;flex-shrink:0}
.mce-artcard__body p{font-family:var(--font-ui);font-size:13px;line-height:1.55;color:#6B7280;flex:1;min-height:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mce-artcard__link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-weight:600;font-size:13px;color:var(--brand-red);margin-top:12px}
.mce-artcard__link i{transition:transform var(--dur-base) var(--ease-standard)}
.mce-artcard__link:hover i{transform:translateX(4px)}
.mce-ins__foot{text-align:center;margin-top:44px}

/* ============================================================
   DEALER LOCATOR
   ============================================================ */
.mce-dealer{padding-top:36px}
.mce-dealer__head{max-width:760px;margin:0 0 26px}
.mce-dealer__head .mce-eyebrow{margin-bottom:14px}
.mce-dealer__head h2{margin-bottom:14px}
.mce-dealer__head p{font-size:17px;line-height:1.6;color:var(--text-secondary)}
.mce-dealer__geo{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text-muted);margin-bottom:14px}
.mce-dealer__geo i{color:var(--brand-red)}
.mce-dealer__search{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:24px;align-items:end;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:26px 28px;margin-bottom:24px}
.mce-dealer__search .mce-field label{font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);font-weight:600}
.mce-dealer__search .mce-select{background-color:#fafafa}
.mce-dealer__searchbtn{height:48px;font-weight:700}

.mce-dealer__body{display:grid;grid-template-columns:590px 1fr;gap:24px;align-items:stretch}
.mce-dealer__list{display:flex;flex-direction:column;gap:16px;max-height:760px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:2px}
.mce-dealer__list::-webkit-scrollbar{width:0;height:0;display:none}
.mce-dcard{cursor:pointer;transition:var(--transition-interactive)}
.mce-dcard.is-active{border-color:var(--brand-red);box-shadow:0 0 0 1px var(--brand-red)}
.mce-dcard{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:30px 34px 32px;display:flex;flex-direction:column;height:100%}
.mce-dcard__flag{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:#FDE8EC;border-radius:var(--radius-pill);padding:7px 15px;font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--brand-red);margin-bottom:18px}
.mce-dcard__flagdot{width:6px;height:6px;border-radius:var(--radius-pill);background:var(--brand-red)}
.mce-dcard__name{font-size:34px;line-height:1.16;font-weight:800;color:var(--text-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;margin-bottom:16px}
.mce-dcard__name:hover{color:var(--brand-red)}
.mce-dcard.is-active .mce-dcard__name{color:var(--brand-red)}
.mce-dcard__addr p{font-size:16px;line-height:1.65;color:var(--text-muted)}
.mce-dcard__rating{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0 22px}
.mce-dcard__stars{display:inline-flex;gap:2px;color:#F5A623;font-size:15px}
.mce-dcard__score{font-family:var(--font-core);font-weight:600;font-size:15px;color:var(--text-secondary)}
.mce-dcard__dist{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:6px 14px;font-family:var(--font-core);font-weight:700;font-size:14px;color:var(--text-primary)}
.mce-dcard__dist i{color:var(--brand-red);font-size:12px}
.mce-dcard__svc-title{font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}
.mce-dcard__svc{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding-bottom:22px;border-bottom:1px solid var(--border-subtle)}
.mce-dcard__svc li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--text-primary)}
.mce-dcard__svc i{color:var(--brand-red);font-size:16px}
.mce-dcard__hours{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--border-subtle);margin-bottom:22px}
.mce-dcard__hours>span:first-child{display:inline-flex;align-items:center;gap:9px;font-size:15px;color:var(--text-secondary)}
.mce-dcard__hours i{color:var(--text-muted)}
.mce-dcard__open{background:#DCFCE7;color:#15803D;border-radius:var(--radius-pill);padding:5px 12px;font-family:var(--font-core);font-weight:600;font-size:13px;white-space:nowrap;flex-shrink:0}
.mce-dcard__actions{display:flex;gap:14px;margin-top:auto;min-width:0}
.mce-dcard__actions .mce-btn{flex:1;font-weight:700;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.mce-dealer__right{display:flex;flex-direction:column;gap:14px;height:100%}
.mce-dealer__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;flex-shrink:0}
.mce-dstat{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:20px 22px;display:flex;align-items:center;gap:14px}
.mce-dstat__num{font-family:var(--font-core);font-weight:800;font-size:30px;line-height:1;color:var(--brand-red);flex-shrink:0}
.mce-dstat p{font-family:var(--font-core);font-weight:500;font-size:15px;line-height:1.3;color:var(--text-secondary)}
.mce-dealer__map{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-subtle);flex:1;min-height:340px}
.mce-map__marker{position:absolute;transform:translate(-50%,-100%);color:var(--brand-red);font-size:34px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:left .4s var(--ease-standard),top .4s var(--ease-standard)}
.mce-dealer__mapimg{position:absolute;inset:0;background-size:cover;background-position:center}
.mce-map__pill{position:absolute;display:inline-flex;align-items:center;gap:7px;background:#fff;border-radius:var(--radius-sm);padding:8px 14px;font-family:var(--font-core);font-weight:600;font-size:14px;color:var(--text-primary);box-shadow:var(--shadow-raised)}
.mce-map__pill i{color:var(--brand-red);font-size:13px}
.mce-map__pill--tl{top:16px;left:16px}
.mce-map__pill--bl{bottom:16px;left:16px}
.mce-map__pill--br{bottom:16px;right:76px}
.mce-map__zoom{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-raised)}
.mce-map__zoom button{width:42px;height:42px;border:none;background:#fff;font-size:20px;color:var(--text-secondary);transition:var(--transition-interactive)}
.mce-map__zoom button:first-child{border-bottom:1px solid var(--border-subtle)}
.mce-map__zoom button:hover{background:var(--surface-subtle);color:var(--brand-red)}
.mce-dealer__foot{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:0;flex-shrink:0}
.mce-dealer__footbtn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:56px;font-family:var(--font-core);font-weight:700;font-size:16px;color:var(--text-primary);transition:var(--transition-interactive)}
.mce-dealer__footbtn i{color:var(--brand-red);transition:transform var(--dur-base) var(--ease-standard)}
.mce-dealer__footbtn:hover{border-color:var(--brand-red);color:var(--brand-red)}
.mce-dealer__footbtn:hover i{transform:translateX(4px)}

/* ============================================================
   LEAD FORM
   ============================================================ */
.mce-lead{position:relative;padding:64px 0;background-size:cover;background-position:center;isolation:isolate}
.mce-lead__scrim{position:absolute;inset:0;background:rgba(20,22,26,0.72);z-index:-1}
.mce-lead__card{position:relative;width:1094px;max-width:100%;min-height:970px;margin:0 auto;background:#F7F7F7;border-radius:14px;box-shadow:0 30px 70px rgba(0,0,0,0.35);padding:60px 70px 70px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.mce-lead__intro{text-align:center;margin-bottom:44px}
.mce-lead__intro .mce-eyebrow{margin-bottom:14px}
.mce-lead__intro h2{margin-bottom:14px}
.mce-lead__intro p{font-size:17px;line-height:1.55;color:var(--text-secondary);max-width:700px;margin:0 auto}
.mce-lead__step{margin-bottom:38px}
.mce-lead__stepno{display:block;font-family:var(--font-core);font-weight:700;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--brand-red);margin-bottom:6px}
.mce-lead__steptitle{font-family:var(--font-core);font-weight:500;font-size:22px;color:var(--text-primary);margin-bottom:20px}
.mce-lead__choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.mce-choice{display:flex;align-items:flex-start;gap:10px;text-align:left;background:var(--brand-yellow);border:none;border-radius:6px;padding:10px 14px;transition:var(--transition-interactive)}
.mce-choice__box{flex-shrink:0;width:18px;height:18px;border:2px solid rgba(0,0,0,0.75);border-radius:3px;display:flex;align-items:center;justify-content:center;margin-top:1px;background:transparent}
.mce-choice__box i{font-size:12px;color:#fff;opacity:0}
.mce-choice__text{display:flex;flex-direction:column;gap:1px}
.mce-choice__title{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:1.25;color:var(--text-primary)}
.mce-choice__desc{font-family:var(--font-core);font-size:13px;line-height:1.3;color:rgba(0,0,0,0.72)}
.mce-choice:hover{filter:brightness(0.97)}
.mce-choice.is-selected{background:var(--brand-red)}
.mce-choice.is-selected .mce-choice__title{color:#fff}
.mce-choice.is-selected .mce-choice__desc{color:rgba(255,255,255,0.86)}
.mce-choice.is-selected .mce-choice__box{border-color:#fff}
.mce-choice.is-selected .mce-choice__box i{opacity:1}
.mce-lead__hint{margin-top:16px;font-size:14px;color:var(--text-muted)}
.mce-lead__grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 32px;margin-bottom:26px}
.mce-field--full{grid-column:1 / -1}
.mce-lead__grid .mce-field label{font-family:var(--font-core);font-weight:500;font-size:17px;color:var(--text-primary);letter-spacing:0}
.mce-lead__grid .mce-input,.mce-lead__grid .mce-select{height:54px;border:1px solid #E3E3E3;border-radius:6px;font-size:16px;background:#fff}
.mce-lead__grid textarea.mce-input{height:auto;min-height:110px}
.mce-lead__grid .mce-input::placeholder,.mce-lead__grid textarea::placeholder{color:#9AA0A6}
.mce-lead__checks{display:flex;flex-wrap:wrap;gap:14px 44px;margin-bottom:16px}
.mce-check{display:flex;align-items:center;gap:11px;font-size:15px;color:var(--text-secondary);margin:0;cursor:pointer}
.mce-check input{appearance:none;-webkit-appearance:none;margin:0;flex-shrink:0;width:18px;height:18px;border:1.5px solid var(--border-default);border-radius:4px;background:#fff;position:relative;cursor:pointer;transition:var(--transition-interactive)}
.mce-check input:hover{border-color:var(--brand-red)}
.mce-check input:checked{background:var(--brand-red);border-color:var(--brand-red)}
.mce-check input:checked::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.mce-lead__consent{font-size:14px;color:var(--text-muted);margin-bottom:26px}
.mce-lead__consent a{color:var(--text-primary);font-weight:600;text-decoration:underline}
.mce-lead__submit{width:100%;height:62px;display:flex;align-items:center;justify-content:center;gap:12px;border:none;border-radius:6px;background:var(--brand-red);color:#fff;font-family:var(--font-core);font-weight:700;font-size:18px;letter-spacing:0.3px;transition:var(--transition-interactive)}
.mce-lead__submit i{transition:transform var(--dur-base) var(--ease-standard)}
.mce-lead__submit:hover{background:var(--brand-red-deep)}
.mce-lead__submit:hover i{transform:translateX(4px)}
.mce-lead__success{display:none;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 20px}
.mce-lead__success i{font-size:64px;color:var(--status-success)}
.mce-lead__success h3{font-size:28px;font-weight:800}
.mce-lead__success p{font-size:16px;color:var(--text-secondary)}
.mce-lead__success .mce-btn{margin-top:10px}
#lead-form-wrap.is-submitted #lead-form{display:none}
#lead-form-wrap.is-submitted .mce-lead__intro{display:none}
#lead-form-wrap.is-submitted .mce-lead__success{display:flex}

/* ============================================================
   FOOTER
   ============================================================ */
.mce-footer{background:#0D0D0D;color:var(--text-inverse-muted)}
.mce-footer__top{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:48px var(--gutter) 32px}
.mce-footer__logo{height:64px;width:auto;margin-bottom:20px}
.mce-footer__brand p{font-size:12px;line-height:1.55;color:var(--text-inverse-muted);margin-bottom:18px}
.mce-footer__badges{display:flex;flex-direction:column;gap:12px}
.mce-footer__badges li{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--text-inverse-muted)}
.mce-footer__badges i{color:var(--brand-red);font-size:11px;margin-top:4px;flex-shrink:0}
.mce-footer__cols{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.mce-footer__title{position:relative;font-family:var(--font-core);font-weight:700;font-size:12px;line-height:18px;letter-spacing:0.06em;text-transform:uppercase;color:#fff;margin-bottom:18px;padding-bottom:12px;display:block;min-height:48px}
.mce-footer__title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:var(--brand-red)}
.mce-footer__title--plain::after{display:block}
.mce-footer__col ul{display:flex;flex-direction:column;gap:5px}
.mce-footer__col a{font-size:12px;color:#fff;white-space:nowrap}
.mce-footer__col a.is-muted{color:var(--text-inverse-muted);font-weight:400}
.mce-footer__col a.is-strong{color:#fff;font-weight:700}
.mce-footer__col a.is-active{color:#fff;font-weight:500}
.mce-footer__col a:hover,.mce-footer__col a.is-active:hover{color:var(--brand-yellow)}
.mce-footer__col a:active,.mce-footer__col a.is-active:active{color:var(--brand-yellow)}

.mce-footer__assist{display:flex;align-items:center;gap:28px;flex-wrap:wrap;background:#1A1A1A;border-radius:var(--radius-md);padding:22px 28px;margin-bottom:36px}
.mce-footer__assist-label{font-family:var(--font-core);font-weight:700;font-size:14px;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-inverse-muted)}
.mce-footer__assist-item{display:inline-flex;align-items:center;gap:9px;font-size:15px;color:var(--text-inverse-muted);line-height:1}
.mce-footer__assist-item b{color:rgba(255,255,255,0.5);font-weight:500;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-right:2px}
.mce-footer__assist-item:not(b){font-weight:600;color:#fff}
.mce-footer__assist-item i{color:rgba(255,255,255,0.5);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;height:16px;flex-shrink:0}
a.mce-footer__assist-item:hover{color:var(--brand-red)}
.mce-footer__social{margin-left:auto;display:flex;gap:10px}
.mce-footer__social a{width:40px;height:40px;border-radius:var(--radius-sm);background:#2A2A2A;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;transition:var(--transition-interactive)}
.mce-footer__social a:hover{background:var(--brand-yellow);color:var(--brand-yellow-800)}
.mce-footer__legal{border-top:1px solid rgba(255,255,255,0.08)}
.mce-footer__legal-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px var(--gutter);flex-wrap:wrap}
.mce-footer__legal p{font-size:13px;color:var(--text-inverse-muted)}
.mce-footer__legal ul{display:flex;gap:22px;flex-wrap:wrap}
.mce-footer__legal a{font-size:13px;color:var(--text-inverse-muted)}
.mce-footer__legal a:hover{color:#fff}


/* ---- Global image zoom on hover ----
   Two patterns, and the distinction matters:
   1. A clipped frame with an inner element — scale the INNER element.
   2. A frame carrying its own background-image — grow background-size.
   Never transform the frame itself: it has no parent clip, so it overflows
   its container instead of zooming inside it. */
.mce-prodcard__media,.mce-rcard__media,.mce-tstcard__media,.mce-artcard__media,.mce-ecard__media,.mce-cesol__media,.mce-cathero__media,.mce-deliver__media,.mce-mega__thumb,.mce-inscard__media,.mce-eqcard__media,.mce-sol__media{overflow:hidden}
/* 1 — inner element scales inside a clipped frame */
.mce-prodcard__img,.mce-tstcard__media,.mce-artcard__media,.mce-ecard__media,.mce-inscard__media,.mce-eqcard__media{transition:transform .6s var(--ease-standard,ease)}
.mce-prodcard:hover .mce-prodcard__img,.mce-tstcard:hover .mce-tstcard__media,.mce-artcard:hover .mce-artcard__media,.mce-ecard:hover .mce-ecard__media,.mce-inscard:hover .mce-inscard__media,.mce-eqcard:hover .mce-eqcard__media{transform:scale(1.06)}
/* 2 — frames that used to carry their own background now hold an inner
   __img element; the frame stays put and clips, the inner element scales.
   Authored background-size is preserved per frame (cover / contain). */
.mce-cesol__media,.mce-cathero__media,.mce-deliver__media,.mce-mega__thumb{position:relative}
.mce-cesol__img,.mce-cathero__img,.mce-deliver__img,.mce-mega__thumb-img{position:absolute;inset:0;background-position:center;background-repeat:no-repeat;transition:transform .6s var(--ease-standard,ease)}
.mce-cesol__img,.mce-cathero__img,.mce-mega__thumb-img{background-size:cover}
.mce-deliver__img{background-size:contain}
.mce-cesol__media:hover .mce-cesol__img,.mce-cathero__media:hover .mce-cathero__img,.mce-deliver__media:hover .mce-deliver__img,.mce-mega__thumb:hover .mce-mega__thumb-img{transform:scale(1.06)}
img{transition:transform .5s var(--ease-standard,ease)}
a:hover>img{transform:scale(1.06)}


/* ============================================================
   CATEGORY PAGE
   ============================================================ */
/* Breadcrumb */
.mce-crumb{background:var(--surface-subtle);border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.mce-crumb__inner{display:flex;align-items:center;gap:10px;padding:20px 0 20px 16px;font-family:var(--font-core);font-size:14px;color:#717182}
.mce-crumb a{color:#717182;text-decoration:none}
.mce-crumb a:hover{color:var(--brand-red)}
.mce-crumb__sep{opacity:.6}
.mce-crumb__current{color:var(--text-primary);font-weight:600}

/* Category hero */
.mce-cathero{background:#F9FAFB;padding:56px 0}
.mce-cathero__inner{display:grid;grid-template-columns:1fr 646px;gap:28px;align-items:center}
.mce-cathero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:#717182;margin-bottom:20px}
.mce-cathero__eyebrow::before{content:"";width:88px;min-width:88px;max-width:88px;height:3px;flex-shrink:0;background:linear-gradient(90deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-cathero h1{font-family:var(--font-core);font-weight:800;font-size:48px;line-height:1.13;margin-bottom:16px}
.mce-cathero h1 em{font-style:normal;color:var(--brand-red)}
.mce-cathero p{font-size:16px;line-height:1.5;color:#717182;max-width:500px;margin-bottom:24px}
.mce-cathero__actions{display:flex;gap:12px}
.mce-cathero__media{position:relative;height:438px;border-radius:12px;overflow:hidden}

/* Feature strip below hero */
.mce-catstrip{background:#F5F5F5;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.mce-catstrip__row{display:grid;grid-template-columns:repeat(4,1fr);max-width:1440px;margin:0 auto}
.mce-catstrip__item{display:flex;gap:16px;align-items:center;padding:26px 24px;border-right:1px solid rgba(0,0,0,.08)}
.mce-catstrip__item:last-child{border-right:none}
.mce-catstrip__icon{width:46px;height:46px;border-radius:4px;background:rgba(200,16,46,.09);color:var(--brand-red);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}
.mce-catstrip__title{font-family:var(--font-core);font-weight:700;font-size:14px;color:#1a1612}
.mce-catstrip__desc{font-family:var(--font-core);font-size:12px;color:#6b6058}

/* Product intro */
.mce-catintro__inner{display:grid;grid-template-columns:646px 1fr;gap:28px;align-items:start}
.mce-catintro__gallery{position:relative;height:438px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center}
.mce-catintro__dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:8px}
.mce-catintro__dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5)}
.mce-catintro__dots span.is-active{background:#fff}
.mce-catintro__dots--top{position:static;justify-content:center;align-items:center;gap:10px;margin-top:14px;margin-bottom:0;overflow-x:auto}
.mce-catintro__arrow{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-field);background:#fff;color:#1a1a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-interactive)}
.mce-catintro__arrow:hover{border-color:var(--brand-red);color:var(--brand-red)}
.mce-catintro__dots--top span{background:#D9D9D9;flex-shrink:0}
.mce-catintro__dots--top span.is-active{background:var(--brand-red)}
.mce-catintro__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-red);margin-bottom:16px}
.mce-catintro__eyebrow::before{content:"";width:88px;min-width:88px;max-width:88px;height:3px;flex-shrink:0;background:linear-gradient(90deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-catintro h2{font-size:36px;font-weight:800;margin-bottom:14px}
.mce-catintro>div>p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:28px}
.mce-catintro__feat{display:flex;gap:16px;padding:20px 0;border-top:1px solid #eee}
.mce-catintro__feat:first-of-type{border-top:none}
.mce-catintro__feat-icon{width:36px;height:36px;border-radius:6px;background:rgba(200,16,46,.07);color:var(--brand-red);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}
.mce-catintro__feat h4{font-size:16px;font-weight:700;color:#0a0a0a;margin-bottom:4px}
.mce-catintro__feat p{font-size:14px;color:#717182;margin:0}

/* Product range grid */
.mce-catrange{background:#F5F5F5}
.mce-catrange__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mce-catrange__more{display:none;justify-content:center;margin-top:24px}
.mce-catrange__dots{display:none}
.mce-rcard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-card-sm);display:flex;flex-direction:column;transition:var(--transition-interactive)}
.mce-rcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-float)}
.mce-rcard__media{position:relative;height:180px;background-size:cover;background-position:center;overflow:hidden}
.mce-rcard__media::before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:center;transform:scale(1);transition:transform .5s var(--ease-standard)}
.mce-rcard:hover .mce-rcard__media::before{transform:scale(1.05)}
.mce-rcard__badge{position:absolute;top:16px;left:16px;background:rgba(200,16,46,.9);color:#fff;font-family:var(--font-core);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.mce-rcard__body{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1}
.mce-rcard__body h3{font-size:17px;font-weight:800;line-height:1.3;margin:0;display:flex;flex-direction:column}
.mce-rcard__base{color:#1a1a1a;font-weight:700;font-size:15px}
.mce-rcard__model{color:var(--brand-red);font-weight:800;font-size:20px}
.mce-rcard__specs{display:flex;flex-direction:column;gap:8px}
.mce-rcard__spec{display:flex;justify-content:space-between;font-family:var(--font-core);font-size:13px}
.mce-rcard__spec span:first-child{color:#6a7282}
.mce-rcard__spec span:last-child{font-weight:700;color:#101828}
.mce-rcard__link{font-family:var(--font-core);font-weight:600;font-size:14px;color:var(--brand-red);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.mce-rcard__actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mce-rcard__compare{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:116px;padding:0 20px;background:#fff;border:1px solid var(--border-field);border-radius:var(--radius-sm);font-family:var(--font-core);font-weight:700;font-size:15px;color:var(--brand-ink);cursor:pointer;transition:var(--transition-interactive)}
.mce-rcard__compare:hover{background:var(--brand-yellow);border-color:var(--brand-yellow-700);color:var(--brand-yellow-800)}
.mce-rcard__compare.is-active{background:var(--brand-red);border-color:var(--brand-red-deep);color:#fff}
.mce-rcard__link:hover{gap:10px}

/* Built to Deliver More */
.mce-deliver__inner{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;max-width:1200px;margin:0 auto}
.mce-deliver__col{display:flex;flex-direction:column;gap:28px}
.mce-deliver__media{width:424px;height:198px;border-radius:8px;overflow:hidden}
.mce-deliver__feat{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #eee;transition:var(--transition-interactive)}
.mce-deliver__text{text-align:left}
.mce-deliver__feat h4{font-size:16px;font-weight:700;margin:0 0 4px;color:#111827;transition:color var(--dur-fast) var(--ease-standard)}
.mce-deliver__feat p{font-size:14px;color:#717182;margin:0}
.mce-deliver__icon{width:44px;height:44px;border-radius:8px;background:#F3F4F6;color:#6B7280;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:var(--transition-interactive)}
.mce-deliver__feat:hover h4{color:var(--brand-red)}
.mce-deliver__feat:hover .mce-deliver__icon{background:rgba(200,16,46,.09);color:var(--brand-red)}

/* Comparison table */
.mce-cmp__tabs{display:flex;gap:32px;border-bottom:1px solid #E2E5E9;margin-bottom:0}
.mce-cmp__tab{background:none;border:none;border-bottom:2px solid transparent;padding:0 0 16px;font-family:var(--font-core);font-weight:700;font-size:16px;color:#6B7280;cursor:pointer;transition:var(--transition-interactive)}
.mce-cmp__tab.is-active{color:var(--brand-red);border-color:var(--brand-red)}
.mce-cmp__tab:hover:not(.is-active){color:#1a1a1a}
.mce-cmp{overflow-x:auto;background:#fff;border-radius:0 0 12px 12px;box-shadow:var(--shadow-card);scrollbar-width:thin;scrollbar-color:var(--brand-red) rgba(200,16,46,.15)}
.mce-cmp::-webkit-scrollbar{height:8px}
.mce-cmp::-webkit-scrollbar-track{background:rgba(200,16,46,.12);border-radius:8px}
.mce-cmp::-webkit-scrollbar-thumb{background:var(--brand-red);border-radius:8px}
.mce-cmp::-webkit-scrollbar-thumb:hover{background:#a00d24}
.mce-cmp table{width:100%;border-collapse:collapse;min-width:900px}
.mce-cmp th,.mce-cmp td{padding:16px 20px;text-align:center;border-bottom:1px solid #E8EDF2;font-family:var(--font-core)}
.mce-cmp th:first-child,.mce-cmp td:first-child{text-align:left;color:#94A3B8;font-weight:600;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.mce-cmp thead th{background:#F8FAFC;font-weight:800;font-size:16px;color:#0F172A;padding-top:24px;padding-bottom:24px;position:relative}
.mce-cmp thead th.is-recommended{background:rgba(200,16,46,.06)}
.mce-cmp__model-sub{display:block;font-size:13px;font-weight:600;color:#94A3B8}
.mce-cmp thead th.is-recommended .mce-cmp__model-sub{color:#C4123055}
.mce-cmp__model-name{display:block;font-size:22px;font-weight:800;color:#0F172A;margin-top:2px}
.mce-cmp thead th.is-recommended .mce-cmp__model-name{color:var(--brand-red)}
.mce-cmp__tag{position:absolute;top:0;left:50%;transform:translateX(-50%);background:var(--brand-red);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:4px 10px;white-space:nowrap}
.mce-cmp tbody tr td{font-weight:700;color:#334155;font-size:16px}
.mce-cmp .mce-cmp__group td{background:#EEF1F5;color:var(--brand-red);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;text-align:left;border-left:3px solid var(--brand-red);padding-left:17px}
.mce-cmp td.is-recommended{background:rgba(200,16,46,.04);color:var(--brand-red)}
.mce-cmp__pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent}
.mce-cmp__pill--no{background:#F1F3F6;color:#94A3B8;border-color:#E2E5E9}
.mce-cmp__pill--yes{background:#ECFDF3;color:#15803D;border-color:#BBF0D2}
.mce-cmp__pill--rec{background:#fff;color:var(--brand-red);border-color:rgba(200,16,46,.4)}
.mce-cmp__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.mce-cmp__chip{background:#F1F3F6;color:#334155;font-size:12px;font-weight:600;border-radius:6px;padding:6px 12px;white-space:nowrap}
.mce-cmp__chip--rec{background:#fff;color:var(--brand-red);border:1px solid rgba(200,16,46,.3)}

/* Performance features */
.mce-perf{background:#fff}
.mce-perf__grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}
.mce-perf__card{padding:32px 40px;border-right:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;gap:16px}
.mce-perf__grid .mce-perf__card:nth-child(2n){border-right:none}
.mce-perf__grid .mce-perf__card:nth-last-child(-n+2){border-bottom:none}
.mce-perf__card--highlight{background:var(--brand-red);color:#fff}
.mce-perf__top{display:flex;gap:20px;align-items:flex-start}
.mce-perf__icon{width:32px;height:32px;color:var(--brand-red);flex-shrink:0;font-size:24px;transition:color var(--dur-fast) var(--ease-standard)}
.mce-perf__card--highlight .mce-perf__icon{color:#fff}
.mce-perf__card h4{font-size:16px;font-weight:700;margin:0 0 8px;color:#1a1a2a}
.mce-perf__card--highlight h4{color:#fff}
.mce-perf__card p{font-size:14px;color:#717182;margin:0}
.mce-perf__card--highlight p{color:#e5e7eb}
.mce-perf__tag{display:inline-flex;align-items:center;gap:7px;padding-left:52px}
.mce-perf__tag-label{border:1px solid rgba(0,0,0,.4);border-radius:2px;padding:2px 5px;font-family:var(--font-core);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#717182}
.mce-perf__card--highlight .mce-perf__tag-label{border-color:rgba(255,255,255,.5);color:#fff}
.mce-perf__tag-val{font-family:var(--font-core);font-size:14px;font-weight:600;color:#000}
.mce-perf__card--highlight .mce-perf__tag-val{color:#fff}
.mce-perf__card:not(.mce-perf__card--highlight):hover{background:var(--brand-red)}
.mce-perf__card:not(.mce-perf__card--highlight):hover .mce-perf__icon,
.mce-perf__card:not(.mce-perf__card--highlight):hover h4,
.mce-perf__card:not(.mce-perf__card--highlight):hover .mce-perf__tag-val{color:#fff}
.mce-perf__card:not(.mce-perf__card--highlight):hover p{color:#e5e7eb}
.mce-perf__card:not(.mce-perf__card--highlight):hover .mce-perf__tag-label{border-color:rgba(255,255,255,.5);color:#fff}

/* FAQ */
.mce-faq{max-width:820px;margin:0 auto}
.mce-faq__item{border-bottom:1px solid rgba(113,113,130,.5)}
.mce-faq__item:first-child{border-top:1px solid rgba(113,113,130,.5)}
.mce-faq__q{width:100%;background:none;border:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;text-align:left;font-family:var(--font-core);font-weight:700;font-size:16px;color:#1a1a1a;cursor:pointer}
.mce-faq__item.is-open .mce-faq__q{color:var(--brand-red)}
.mce-faq__q i{transition:transform .2s var(--ease-standard);flex-shrink:0}
.mce-faq__item.is-open .mce-faq__q i{transform:rotate(180deg)}
.mce-faq__a{max-height:0;overflow:hidden;transition:max-height .25s var(--ease-standard)}
.mce-faq__a p{font-size:15px;line-height:1.6;color:#555;padding-bottom:24px;margin:0}
.mce-faq__item.is-open .mce-faq__a{max-height:220px}

@media (max-width:991px){
  .mce-cathero__inner,.mce-catintro__inner{grid-template-columns:1fr}
  .mce-cathero__media,.mce-catintro__gallery{height:280px}
  .mce-catintro__inner>div:first-child{order:2}
  .mce-catintro__inner>div:last-child{order:1}
  .mce-catstrip__row{grid-template-columns:repeat(2,1fr)}
  .mce-catstrip__item:nth-child(2){border-right:none}
  .mce-catstrip__item{border-bottom:1px solid rgba(0,0,0,.08)}
  .mce-catrange__grid{grid-template-columns:repeat(2,1fr)}
  .mce-deliver__inner{grid-template-columns:1fr;text-align:center}
  .mce-deliver__media{margin:0 auto;order:-1;width:100%;max-width:424px;height:220px}
  .mce-perf__grid{grid-template-columns:1fr}
  .mce-perf__grid .mce-perf__card{border-right:none}
  .mce-perf__grid .mce-perf__card:nth-last-child(-n+2){border-bottom:1px solid rgba(0,0,0,.1)}
  .mce-perf__grid .mce-perf__card:last-child{border-bottom:none}
}
@media (max-width:576px){
  .mce-cathero{padding:40px 0}
  .mce-cathero h1{font-size:34px}
  .mce-cathero__actions{flex-direction:column}
  .mce-cathero__actions .mce-btn{width:100%}
  .mce-catstrip__row{grid-template-columns:1fr}
  .mce-catstrip__item{border-right:none}
  .mce-catrange__grid{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 20px;margin:0 -20px}
  .mce-catrange__grid::-webkit-scrollbar{display:none}
  .mce-catrange__grid>.mce-rcard{flex:0 0 82%;scroll-snap-align:center;display:flex}
  .mce-catrange__more{display:none !important}
  .mce-catrange__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
  .mce-catrange__dot{width:8px;height:8px;border-radius:50%;background:#d0d0d0;border:none;padding:0;cursor:pointer;transition:width .2s var(--ease-standard),background .2s}
  .mce-catrange__dot.is-active{background:var(--brand-red);width:22px;border-radius:4px}
  .mce-perf__tag{padding-left:0}
  .mce-crumb__inner{font-size:12px;flex-wrap:wrap}
}


/* ============================================================
   PRODUCT PAGE
   ============================================================ */
/* ---- Hero ---- */
.mce-phero{background:#F9FAFB;padding:64px 0}
.mce-phero__inner{display:grid;grid-template-columns:1fr 646px;gap:28px;align-items:start}
.mce-phero__left h1{font-family:var(--font-core);font-weight:800;font-size:44px;line-height:1.13;margin:2px 0 12px;color:var(--brand-red)}
.mce-phero__left h1 em{font-style:normal;color:var(--brand-red)}
.mce-phero__tagline{font-family:var(--font-core);font-weight:600;font-size:20px;line-height:1.4;color:var(--text-secondary);max-width:520px;margin-bottom:14px}
.mce-phero__left>p{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:520px;margin-bottom:22px}
.mce-phero__usps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:26px;max-width:520px}
.mce-phero__usps li{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgb(229,231,235);border-radius:9999px;padding:6px 14px;font-family:var(--font-core);font-weight:500;font-size:14px;letter-spacing:.03em;color:rgb(54,65,83);line-height:19.5px;white-space:nowrap}
.mce-phero__usps i{color:var(--brand-red);font-size:14px;flex-shrink:0}
.mce-phero__actions{display:flex;gap:12px;flex-wrap:wrap}
.mce-phero__media{position:relative;height:438px;border-radius:12px;overflow:hidden;background:#D9D9D9}
.mce-phero__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--ease-standard,ease)}
.mce-phero__media:hover .mce-phero__img{transform:scale(1.06)}

/* ---- Benefits bar ---- */
.mce-pbenefits{background:#F5F5F5}
.mce-pbenefits__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding-top:0;padding-bottom:0;align-items:stretch}
.mce-pbenefit{display:flex;align-items:center;justify-content:center;gap:16px;padding:26px 24px;border-right:1px solid rgba(0,0,0,0.15);align-self:center}
.mce-pbenefit:last-child{border-right:none}
.mce-pbenefit__icon{width:46px;height:46px;border-radius:4px;background:rgba(200,16,46,0.09);color:var(--brand-red);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.mce-pbenefit__text{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text-secondary)}
.mce-pbenefit__text b{font-family:var(--font-core);font-weight:800;font-size:20px;color:var(--text-primary);line-height:1.1}

/* ---- Overview ---- */
.mce-pover__inner{display:grid;grid-template-columns:582px 1fr;grid-template-areas:"media head" "media body";gap:56px;align-items:center}
.mce-pover__media{grid-area:media}
.mce-pover__headwrap{grid-area:head}
.mce-pover__content{grid-area:body}
.mce-pover__media{position:relative;height:340px;display:flex;align-items:center;justify-content:center;overflow:visible;border-radius:0}
.mce-pover__img{position:absolute;inset:0;background-size:contain;background-position:center;background-repeat:no-repeat;transition:transform .6s var(--ease-standard,ease)}
.mce-pover__media:hover .mce-pover__img{transform:scale(1.06)}
.mce-pover__headwrap h2{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:1.2;color:var(--text-primary);margin:14px 0 14px}
.mce-pover__accent{color:var(--brand-red)}
.mce-pover__content>p{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:24px}
.mce-pover__rule{border:none;border-top:2px solid rgba(0,0,0,0.18);margin:0 0 24px}
.mce-pover__headwrap .mce-catintro__eyebrow+.mce-catintro__eyebrow,.mce-pover__content .mce-catintro__eyebrow+.mce-catintro__eyebrow{margin-top:0}
.mce-pover__label{font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--brand-red);margin-bottom:12px}
.mce-pover__chips{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 22px}
.mce-pover__chips li{background:#F3F4F6;border:none;border-radius:9999px;padding:11px 20px;font-family:var(--font-core);font-weight:500;font-size:15px;color:#374151}
.mce-pover__ticks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 60px}
.mce-pover__ticks li{display:flex;align-items:center;gap:10px;font-size:15px;color:#374151}
.mce-pover__ticks i{color:var(--brand-red);font-size:17px;flex-shrink:0}

/* ---- Performance & Technology ---- */
.mce-pperf{background:#F5F5F6}
.mce-pperf__head{text-align:center;max-width:760px;margin:0 auto 48px}
.mce-pperf__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-red);margin-bottom:16px}
.mce-pperf__eyebrow i{width:56px;height:2px;display:inline-block;background:linear-gradient(90deg,var(--brand-yellow) 0 14px,transparent 14px 16px,var(--brand-red) 16px 100%)}
.mce-pperf__eyebrow i:last-child{background:linear-gradient(270deg,var(--brand-yellow) 0 14px,transparent 14px 16px,var(--brand-red) 16px 100%)}
.mce-pperf__head h2{font-family:var(--font-core);font-weight:800;font-size:34px;line-height:1.25;color:var(--text-primary);margin-bottom:16px}
.mce-pperf__accent{color:var(--brand-red)}
.mce-pperf__head p{font-size:16px;line-height:1.6;color:var(--text-secondary)}
.mce-pperf__panel{display:grid;grid-template-columns:312px 1fr;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}
.mce-pperf__nav{background:#FAFAFA;border-right:1px solid rgba(0,0,0,0.06);padding:28px 0}
.mce-pperf__navlabel{font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF;padding:0 28px 16px}
.mce-pperf__navitem{display:flex;align-items:center;gap:14px;width:100%;background:none;border:none;border-left:3px solid transparent;padding:16px 28px;text-align:left;font-family:var(--font-core);font-weight:600;font-size:15px;color:var(--text-primary);cursor:pointer;transition:var(--transition-interactive)}
.mce-pperf__navitem:hover{background:rgba(200,16,46,0.05)}
.mce-pperf__navitem.is-active{background:rgba(200,16,46,0.07);border-left-color:var(--brand-red);color:var(--brand-red)}
.mce-pperf__navicon{width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(0,0,0,0.04);color:#6B7280;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.mce-pperf__navitem.is-active .mce-pperf__navicon{background:rgba(200,16,46,0.12);color:var(--brand-red)}
.mce-pperf__content{padding:40px}
.mce-pperf__feature{display:none}
.mce-pperf__feature.is-active{display:block;animation:mce-fade var(--dur-base,.25s) var(--ease-standard,ease)}
.mce-pperf__banner{position:relative;height:280px;border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:28px}
.mce-pperf__img{position:absolute;inset:0;margin:auto;width:70%;height:70%;background-size:contain;background-position:center;background-repeat:no-repeat}
.mce-pperf__feature h3{font-family:var(--font-core);font-weight:800;font-size:26px;color:var(--text-primary);margin-bottom:14px}
.mce-pperf__feature>p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}
.mce-pperf__feature hr{border:none;border-top:1px solid rgba(0,0,0,0.08);margin:0 0 24px}
.mce-pperf__cols{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.mce-pperf__bullets{display:flex;flex-direction:column;gap:12px}
.mce-pperf__bullets li{position:relative;padding-left:18px;font-size:15px;color:var(--text-primary)}
.mce-pperf__bullets li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--brand-red)}
.mce-pperf__benefits-label{font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9CA3AF;margin-bottom:12px}
.mce-pperf__benefits{display:flex;flex-direction:column;gap:10px}
.mce-pperf__benefits li{display:inline-flex;align-items:center;gap:8px;background:#F3F4F6;border-radius:9999px;padding:9px 16px;font-size:14px;font-weight:600;color:var(--text-primary);width:fit-content}
.mce-pperf__benefits i{color:var(--status-success,#059669);font-size:15px}

/* ---- Specifications ---- */
.mce-pspec{background:var(--surface-subtle)}
.mce-pspec__inner{display:grid;grid-template-columns:534px 1fr;gap:24px;align-items:flex-start}
.mce-pspec__left h2{font-size:30px;font-weight:800;line-height:1.2;color:var(--text-primary);margin:14px 0 14px}
.mce-pspec__accent{color:var(--brand-red)}
.mce-pspec__left>p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin-bottom:24px}
.mce-pspec__download{background:rgb(248,248,250);border:1px solid rgba(0,0,0,0.07);border-radius:8px;padding:26px 28px}
.mce-pspec__download h3{font-family:var(--font-core);font-weight:700;font-size:19px;margin-bottom:10px}
.mce-pspec__download p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin-bottom:18px}
.mce-pspec__download .mce-pspec__dlbtn{width:234px;height:51px;justify-content:center;align-items:center}
.mce-pspec__dlbtn i{display:inline-flex;align-items:center;line-height:1;font-size:16px}
.mce-pspec__select-label{font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}
.mce-pspec__select{position:relative;margin-bottom:18px}
.mce-pspec__select select{width:100%;appearance:none;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:16px 44px 16px 20px;font-family:var(--font-core);font-weight:600;font-size:17px;color:var(--text-primary);cursor:pointer}
.mce-pspec__select i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}
.mce-pspec__table{background:#fff;border:1px solid rgba(0,0,0,0.07);border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1);overflow:hidden}
.mce-pspec__thead{display:flex;justify-content:space-between;background:#F8F8FA;border-bottom:1px solid rgba(0,0,0,0.06);padding:16px 24px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.05em;text-transform:uppercase;color:#717182}
.mce-pspec__tbody{display:none}
.mce-pspec__tbody.is-active{display:block;animation:mce-fade var(--dur-base,.25s) var(--ease-standard,ease)}
.mce-pspec__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px}
.mce-pspec__row:nth-child(odd){background:#FBFBFC}
.mce-pspec__row span{font-size:15px;color:var(--text-secondary)}
.mce-pspec__row b{font-family:var(--font-core);font-weight:700;font-size:15px;color:var(--text-primary);text-align:right}

/* ---- Attachments ---- */
.mce-patt{background:#F5F5F5}
.mce-patt__head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}
.mce-patt__head h2{font-size:36px;font-weight:800;margin:14px 0 12px}
.mce-patt__head p{font-size:16px;line-height:1.6;color:var(--text-secondary);max-width:560px}
.mce-patt__pager{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-top:14px}
.mce-patt__arrow{width:32px;height:32px;border:none;background:none;color:#9CA3AF;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:color .2s ease}
.mce-patt__arrow:hover{color:var(--brand-red)}
.mce-patt__dots{display:flex;align-items:center;gap:8px}
.mce-patt__dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#D1D5DB;cursor:pointer}
.mce-patt__dot.is-active{background:var(--brand-red)}
.mce-patt__track{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:start}
.mce-pattcard{background:#fff;border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:var(--transition-interactive)}
.mce-pattcard:hover{box-shadow:var(--shadow-float);transform:translateY(-4px)}
.mce-pattcard__media{position:relative;height:190px;overflow:hidden;flex-shrink:0;background:#DADADA}
.mce-pattcard__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s var(--ease-standard,ease)}
.mce-pattcard:hover .mce-pattcard__img{transform:scale(1.06)}
.mce-pattcard__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.mce-pattcard__body h3{font-family:var(--font-core);font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:.02em;color:var(--text-primary);transition:color .2s ease}
.mce-pattcard:hover .mce-pattcard__body h3{color:var(--brand-red)}
.mce-pattcard__list{display:flex;flex-direction:column;gap:8px;flex:1}
.mce-pattcard__list li{position:relative;padding-left:14px;font-size:13.5px;line-height:1.55;color:var(--text-secondary)}
.mce-pattcard__list li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#9CA3AF}
.mce-pattcard__more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:700;font-size:14px;color:var(--brand-red);margin-top:4px}
.mce-pattcard__more:hover{color:var(--brand-red-deep,#B6132C)}

/* ---- Related models ---- */
.mce-prel{background:#F5F5F5}
.mce-prel__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}
.mce-prel .mce-rcard__badge--light{background:#fff;color:var(--text-primary)}
.mce-prel .mce-rcard__specs{gap:12px}
.mce-prel .mce-rcard__specs li{display:flex;align-items:center;gap:12px;font-family:var(--font-core);font-size:14px}
.mce-prel .mce-rcard__spec-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:rgba(200,16,46,0.09);color:var(--brand-red);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.mce-prel .mce-rcard__spec-label{flex:1;color:var(--text-secondary)}
.mce-prel .mce-rcard__specs b{font-weight:800;font-size:15px;color:var(--text-primary)}
.mce-prel .mce-rcard__link{color:var(--brand-red)}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-phero__inner{grid-template-columns:1fr 1fr}
  .mce-pover__inner{grid-template-columns:1fr 1fr;grid-template-areas:"media head" "media body"}
  .mce-pspec__inner{grid-template-columns:minmax(0,0.85fr) minmax(0,1fr);gap:32px}
}
@media (max-width:991px){
  .mce-phero__inner{grid-template-columns:1fr;gap:36px}
  .mce-phero__media{height:340px}
  .mce-pbenefits__inner{grid-template-columns:repeat(2,1fr);gap:0}
  .mce-pbenefit{border:none;border-bottom:1px solid rgba(0,0,0,0.1);justify-content:flex-start}
  .mce-pover__inner{grid-template-columns:1fr;grid-template-areas:"head" "media" "body";gap:20px}
  .mce-pover__media{height:280px}
  .mce-prel__grid{grid-template-columns:1fr 1fr}
  .mce-pspec__inner{grid-template-columns:1fr;gap:28px}
}
@media (max-width:767px){
  .mce-phero{padding:44px 0}
  .mce-phero__left h1{font-size:32px}
  .mce-patt__head{flex-direction:column;align-items:flex-start}
  .mce-patt__head h2{font-size:28px}
  .mce-patt__track{grid-template-columns:1fr;gap:20px}
  .mce-pover__headwrap h2{font-size:27px}
  .mce-pspec__left h2{font-size:24px}
  .mce-prel__grid{grid-template-columns:1fr}
  .mce-pperf__panel{grid-template-columns:1fr}
  .mce-pperf__nav{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid rgba(0,0,0,0.06);padding:16px 0;scrollbar-width:none;-ms-overflow-style:none}
  .mce-pperf__nav::-webkit-scrollbar{display:none}
  .mce-pperf__navlabel{display:none}
  .mce-pperf__navitem{flex-direction:column;gap:8px;padding:12px 18px;border-left:none;border-bottom:3px solid transparent;white-space:nowrap;font-size:13px}
  .mce-pperf__navitem.is-active{border-left-color:transparent;border-bottom-color:var(--brand-red)}
  .mce-pperf__content{padding:24px}
  .mce-pperf__cols{grid-template-columns:1fr;gap:20px}
  .mce-pperf__head h2{font-size:26px}
}
@media (max-width:480px){
  .mce-phero__left h1{font-size:27px}
  .mce-phero__actions{flex-direction:column;align-items:stretch}
  .mce-phero__actions .mce-btn{width:100%}
  .mce-phero__usps{grid-template-columns:1fr}
  .mce-pbenefits__inner{grid-template-columns:repeat(2,1fr)}
  .mce-pbenefit{padding:16px 4px;border-right:1px solid rgba(0,0,0,0.1)}
  .mce-pbenefit:nth-child(2n){border-right:none;padding-left:20px}
  .mce-pbenefit:nth-child(3),.mce-pbenefit:nth-child(4){border-bottom:none}
  .mce-pover__ticks{grid-template-columns:1fr}
  .mce-pattcard{flex:0 0 82%}
  .mce-pperf__head h2{font-size:22px}
}


/* ============================================================
   COMPARE PAGE
   ============================================================ */
/* ---- Models: intro + selector ---- */
.mce-cmpmodels{background:rgb(245,245,245);padding:84px 0}
.mce-cmpmodels__intro{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;margin-bottom:24px}
.mce-cmpmodels__intro h1{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:1;letter-spacing:1px;color:rgb(17,17,17);margin:0}
.mce-cmpmodels__intro p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:1px;color:rgb(113,113,130);max-width:812px;margin:0}
.mce-cmpmodels__pick{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.mce-cmpmodels__picklabel{font-family:var(--font-core);font-weight:600;font-size:14px;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:rgb(113,113,130)}
.mce-cmpmodels__select{position:relative;width:420px;max-width:100%}
.mce-cmpmodels__select select{appearance:none;-webkit-appearance:none;width:100%;height:60px;min-height:56px;padding:17px 44px 17px 21px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;font-family:var(--font-core);font-weight:600;font-size:18px;line-height:24px;letter-spacing:.5px;color:rgb(26,26,26);text-align:center;cursor:pointer}
.mce-cmpmodels__select i{position:absolute;right:21px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:14px;color:rgb(153,161,175)}

/* ---- Candidate cards ---- */
.mce-cmpmodels__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:24px;align-items:stretch}
.mce-cmpmodels__grid .mce-rcard{height:100%}
.mce-cmpmodels__grid .mce-rcard:hover{border-color:var(--brand-red);box-shadow:0 0 0 1px var(--brand-red)}

/* ---- Selection bar ---- */
.mce-cmpbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px;background:#fff;border:1px solid rgb(243,244,246);border-radius:8px;flex-wrap:wrap}
.mce-cmpbar__chips{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mce-cmpchip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:6px 12px;background:rgb(249,250,251);border:1px solid rgb(229,231,235);border-radius:6px;font-family:var(--font-core);font-weight:600;font-size:16px;line-height:20px;letter-spacing:.5px;color:rgb(30,41,57)}
.mce-cmpchip button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:transparent;color:rgb(153,161,175);font-size:14px;line-height:1}
.mce-cmpchip button:hover{color:var(--brand-red)}
.mce-cmpbar__cta{height:44px;padding:0 22px;font-size:15px}
.mce-cmpbar__cta.is-disabled{opacity:.45;pointer-events:none}
.mce-cmpbar__empty{font-family:var(--font-ui);font-size:14px;color:var(--text-muted)}

/* ---- Empty / loaded state ---- */
.is-hidden{display:none !important}
.mce-cmpempty{display:none;background:#fff;padding:72px 0;text-align:center}
.mce-cmpempty.is-shown{display:block}
.mce-cmpempty .mce-rule-mini{margin:0 auto 20px}
.mce-cmpempty h2{font-family:var(--font-core);font-weight:700;font-size:28px;line-height:34px;color:rgb(16,24,40);margin:0 0 12px}
.mce-cmpempty p{font-family:var(--font-ui);font-size:15px;line-height:1.6;color:var(--text-secondary);max-width:56ch;margin:0 auto}
.mce-cmpempty b{color:var(--brand-red)}

/* ---- Section tabs ---- */
.mce-cmptabs{position:sticky;top:calc(var(--header-h,124px) + var(--crumb-h,0px));z-index:40;background:#fff;border-bottom:1px solid rgb(243,244,246)}
.mce-cmptabs__inner{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:12px 0}
.mce-cmptabs__inner::-webkit-scrollbar{display:none}
.mce-cmptab{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:10px 16px;border-radius:6px;background:transparent;font-family:var(--font-core);font-weight:600;font-size:16px;line-height:19.5px;letter-spacing:.5px;color:var(--text-secondary);text-decoration:none;white-space:nowrap;transition:var(--transition-interactive)}
.mce-cmptab:hover{color:var(--brand-red)}
.mce-cmptab.is-active{background:rgb(253,246,246);color:rgb(227,24,55)}

/* ---- Shared section head (dash rule + title) ---- */
.mce-cmphead{display:flex;align-items:center;gap:24px;margin-bottom:24px}
.mce-cmphead h2{font-family:var(--font-core);font-weight:700;font-size:36px;line-height:40px;letter-spacing:.5px;color:rgb(16,24,40);margin:0}

/* ---- Comparison table ---- */
.mce-cmpspec{background:#fff;padding:64px 0}
.mce-cmptable{border:1px solid rgb(243,244,246);border-radius:8px;overflow:hidden}
.mce-cmprow{display:grid;grid-template-columns:192px minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:48px;padding:0 0 0 24px;border-bottom:1px solid rgb(249,250,251);background:#fff}
.mce-cmprow>span{font-family:var(--font-ui);font-size:14px;line-height:21px;letter-spacing:-.15px;color:rgb(30,41,57);padding:12px 24px 12px 0}
.mce-cmprow>span:first-child{color:rgb(106,114,130);padding-left:0}
.mce-cmprow:nth-of-type(even){background:rgba(249,250,251,.5)}
.mce-cmprow--head{min-height:75px;background:rgb(249,250,251);border-bottom:1px solid rgb(243,244,246)}
.mce-cmprow--head:nth-of-type(even){background:rgb(249,250,251)}
.mce-cmpcol-label,.mce-cmpcol{display:flex;flex-direction:column;gap:2px}
.mce-cmpcol-label{font-family:var(--font-ui);font-weight:700;font-size:11px;line-height:16.5px;letter-spacing:1.164px;text-transform:uppercase;color:rgb(153,161,175)}
.mce-cmpcol__tag{font-family:var(--font-ui);font-weight:700;font-size:11px;line-height:16.5px;letter-spacing:1.164px;text-transform:uppercase;color:rgb(215,25,32)}
.mce-cmpcol__name{font-family:var(--font-ui);font-weight:700;font-size:16px;line-height:24px;letter-spacing:-.313px;color:rgb(16,24,40)}
.mce-cmpgroup{padding:14px 24px;background:rgba(215,25,32,.04);font-family:var(--font-ui);font-weight:700;font-size:11px;line-height:16.5px;letter-spacing:1.164px;text-transform:uppercase;color:rgb(215,25,32)}

/* ---- Performance ---- */
.mce-cmpperf{background:rgb(245,245,245);padding:64px 0}
.mce-cmpperf__list{display:flex;flex-direction:column;gap:24px}
.mce-perfcard{background:#fff;border:1px solid rgb(243,244,246);border-radius:16px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);padding:24px}
.mce-perfcard__head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.mce-perfcard__head b{font-family:var(--font-ui);font-weight:700;font-size:15px;line-height:22.5px;letter-spacing:-.234px;color:rgb(30,41,57)}
.mce-perfcard__head span{font-family:var(--font-ui);font-weight:400;font-size:11px;line-height:16.5px;letter-spacing:.614px;text-transform:uppercase;color:rgb(153,161,175)}
.mce-perfcard__rows{display:flex;flex-direction:column;gap:12px;padding:16px 0 0}
.mce-perfcard__meta{display:flex;justify-content:space-between;align-items:center;gap:16px}
.mce-perfcard__meta span{font-family:var(--font-ui);font-weight:500;font-size:12px;line-height:18px;color:rgb(106,114,130)}
.mce-perfcard__meta b{font-family:var(--font-ui);font-weight:700;font-size:14px;line-height:21px;letter-spacing:-.15px;color:rgb(30,41,57)}
.mce-perfcard__meta i{font-family:var(--font-ui);font-style:normal;font-weight:700;font-size:10px;line-height:15px;letter-spacing:.117px;color:rgb(215,25,32);margin-left:8px}
.mce-perfcard__row.is-best .mce-perfcard__meta b{color:rgb(215,25,32)}
.mce-perfcard__track{height:10px;margin-top:4px;border-radius:var(--radius-pill);background:rgb(243,244,246);overflow:hidden}
.mce-perfcard__track>span{display:block;height:10px;border-radius:var(--radius-pill);background:rgb(209,213,220)}
.mce-perfcard__row.is-best .mce-perfcard__track>span{background:rgb(215,25,32)}

/* ---- Features ---- */
.mce-cmpfeat{background:#fff;padding:64px 0}
.mce-cmpfeat__legend{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:0 0 32px}
.mce-cmplegend{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:12px;line-height:18px;color:rgb(74,85,101)}
.mce-cmplegend i,.mce-cmprow i{font-size:16px;line-height:1}
.is-std{color:rgb(215,25,32)}
.is-opt{color:rgb(153,161,175)}
.is-na{color:rgb(209,213,220)}
.mce-cmptable--feat .mce-cmprow>span:not(:first-child){display:flex;justify-content:center;padding-right:0}

/* ---- Attachments ---- */
.mce-cmpatt{background:rgb(245,245,245);padding:64px 0}
.mce-cmpatt__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.mce-cmpatt__grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.mce-cmpatt__grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}
.mce-cmpscroll{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.mce-cmptable .mce-cmprow{grid-template-columns:192px repeat(var(--cols,2),minmax(0,1fr))}
/* Two machines leave the columns very wide — cap them and centre the values
   so the row reads as a pair rather than two half-empty panels. */
.mce-cmptable[data-cols="2"] .mce-cmprow{grid-template-columns:240px repeat(2,minmax(0,280px))}
.mce-cmptable[data-cols="2"] .mce-cmprow>span:not(:first-child){justify-content:center;text-align:center}
.mce-cmptable[data-cols="2"] .mce-cmpcol{align-items:center}
.mce-cmptable[data-cols="3"] .mce-cmprow{grid-template-columns:224px repeat(3,minmax(0,260px))}
.mce-attcard{background:#fff;border:1px solid rgb(243,244,246);border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);padding:24px}
.mce-attcard__head{display:flex;flex-direction:column;gap:2px;padding-bottom:16px;border-bottom:1px solid rgb(243,244,246)}
.mce-attcard__tag{font-family:var(--font-core);font-weight:700;font-size:14px;line-height:15px;letter-spacing:.5px;text-transform:uppercase;color:rgb(215,25,32)}
.mce-attcard__name{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:21px;letter-spacing:.5px;color:rgb(16,24,40)}
.mce-attcard__list{display:flex;flex-direction:column;gap:12px;padding:20px 0 0;margin:0;list-style:none}
.mce-attcard__list li{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:14px;line-height:21px;color:rgb(30,41,57)}
.mce-attcard__list i{font-size:15px;color:rgb(215,25,32)}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-cmpmodels__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mce-cmptable .mce-cmprow{grid-template-columns:160px repeat(var(--cols,2),minmax(0,1fr))}
  .mce-cmptable[data-cols="2"] .mce-cmprow,.mce-cmptable[data-cols="3"] .mce-cmprow{grid-template-columns:180px repeat(var(--cols,2),minmax(0,1fr))}
  .mce-cmpatt__grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .mce-cmpmodels{padding:56px 0}
  .mce-cmpmodels__intro h1{font-size:30px}
  .mce-cmphead h2{font-size:28px;line-height:34px}
  .mce-cmpspec,.mce-cmpperf,.mce-cmpfeat,.mce-cmpatt{padding:48px 0}
  .mce-cmpatt__grid,.mce-cmpatt__grid[data-count="3"],.mce-cmpatt__grid[data-count="4"]{grid-template-columns:1fr}
}
@media (max-width:767px){
  .mce-cmpmodels{padding:40px 0}
  .mce-cmpmodels__intro h1{font-size:26px}
  .mce-cmpmodels__intro p{font-size:15px}
  .mce-cmpmodels__grid{grid-template-columns:1fr}
  .mce-cmpbar{flex-direction:column;align-items:stretch}
  .mce-cmpbar__chips{gap:12px}
  .mce-cmpbar__cta{width:100%}
  .mce-cmphead{gap:14px;margin-bottom:18px}
  .mce-cmphead h2{font-size:24px;line-height:30px}
  /* Tables scroll sideways instead of stacking — holds 2, 3 or 4 columns */
  .mce-cmptable{min-width:calc(132px + var(--cols,2) * 148px)}
  .mce-cmptable .mce-cmprow,.mce-cmptable[data-cols="2"] .mce-cmprow,.mce-cmptable[data-cols="3"] .mce-cmprow{grid-template-columns:132px repeat(var(--cols,2),minmax(148px,1fr));padding-left:14px}
  .mce-cmprow>span{padding:10px 14px 10px 0;font-size:13px;line-height:19px}
  .mce-cmprow--head{min-height:66px}
  .mce-cmpcol__name{font-size:14px;line-height:20px}
  .mce-cmpgroup{padding:11px 14px}
  .mce-perfcard{padding:18px}
  .mce-cmpfeat__legend{gap:14px;padding-bottom:20px}
}


/* ============================================================
   SOLUTIONS BY APPLICATION
   ============================================================ */
/* ---- Hero ---- */
.mce-solhero{position:relative;min-height:558px;display:flex;align-items:center;padding:96px 0;background-size:cover;background-position:center;isolation:isolate}
.mce-solhero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 52%,rgba(0,0,0,.12) 100%)}
.mce-solhero__inner{display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:100%}
.mce-eyebrow--light{color:#fff}
.mce-solhero h1{font-family:var(--font-core);font-weight:800;font-size:48px;line-height:54px;letter-spacing:.5px;color:#fff;max-width:574px;margin:0}
.mce-solhero p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:#fff;max-width:574px;margin:0}
.mce-solhero__actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:22px}
.mce-solhero__actions .mce-btn{height:54.5px}

/* ---- Application rows ---- */
.mce-solapps{background:#fff;padding:46px 0}
.mce-solapps .mce-intro{margin-bottom:32px}
.mce-solapps__accent{color:var(--brand-red)}
.mce-soltrack{display:block}
.mce-soldots{display:none}
.mce-solrow{display:grid;grid-template-columns:minmax(0,711px) minmax(0,582px);background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 24px 0 rgba(0,0,0,.06);overflow:hidden;align-items:stretch}
.mce-solrow+.mce-solrow{margin-top:32px}
.mce-solrow--flip .mce-solrow__media{order:2}
.mce-solrow__media{position:relative;min-height:474px;overflow:hidden}
.mce-solrow__img{position:absolute;inset:0;display:block;background-size:cover;background-position:center;transition:transform var(--dur-base) var(--ease-standard)}
.mce-solrow:hover .mce-solrow__img{transform:scale(1.06)}
.mce-solrow__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:48px}
.mce-solpill{display:inline-flex;align-items:center;height:23px;padding:4px 12px;border-radius:var(--radius-pill);background:rgb(255,241,243);font-family:var(--font-core);font-weight:600;font-size:11px;line-height:14.667px;letter-spacing:.5px;color:rgb(227,24,55);text-transform:uppercase;margin-bottom:6px}
.mce-solrow__body h3{font-family:var(--font-core);font-weight:700;font-size:26px;line-height:36px;letter-spacing:.5px;color:rgb(16,24,40);margin:0 0 12px}
.mce-solrow__body p{font-family:var(--font-core);font-weight:400;font-size:16px;line-height:26px;letter-spacing:.5px;color:rgb(102,102,102);margin:0 0 24px}
.mce-sollabel{font-family:var(--font-core);font-weight:600;font-size:14px;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:rgb(170,170,170);margin-bottom:12px}
.mce-solmachines{display:flex;flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.mce-solmachines li{display:inline-flex;align-items:center;gap:6px;height:36px;padding:7px 14px;border:1px solid rgb(232,232,232);border-radius:100px;background:rgb(244,244,244);font-family:var(--font-core);font-weight:500;font-size:14px;line-height:19.5px;letter-spacing:.5px;color:rgb(34,34,34)}
.mce-solmachines i{font-size:12px;color:rgb(22,163,74)}
.mce-solcta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:600;font-size:16px;line-height:21px;letter-spacing:.5px;color:var(--brand-red);text-decoration:none}
.mce-solcta i{transition:transform var(--dur-base) var(--ease-standard)}
.mce-solcta:hover{color:var(--brand-red-deep)}
.mce-solcta:hover i{transform:translateX(4px)}

/* ---- Why Mahindra ---- */
.mce-solwhy{background:#fff;padding:84px 0}
.mce-solwhy .mce-intro{margin-bottom:28px}
.mce-solwhy__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 64px}
.mce-whyitem{display:flex;gap:14px;align-items:flex-start}
.mce-whyitem__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--surface-subtle);color:var(--text-primary);font-size:16px;transition:var(--transition-interactive)}
.mce-whyitem:hover .mce-whyitem__icon{background:rgb(255,241,243);color:rgb(200,16,46)}
.mce-whyitem__body{min-width:0}
.mce-whyitem h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:17.55px;letter-spacing:.5px;color:var(--text-primary);margin:0 0 8px;transition:color var(--dur-fast) var(--ease-standard)}
.mce-whyitem:hover h3{color:rgb(200,16,46)}
.mce-whyitem__rule{display:block;width:232px;max-width:100%;height:1px;background:rgb(229,231,235);margin-bottom:9px}
.mce-whyitem p{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:22px;letter-spacing:.3px;color:var(--text-secondary);margin:0}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-solrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mce-solrow__body{padding:36px}
  .mce-solwhy__grid{gap:26px 40px}
}
@media (max-width:991px){
  .mce-solhero{min-height:0;padding:64px 0}
  .mce-solhero h1{font-size:36px;line-height:44px}
  .mce-solrow{grid-template-columns:1fr}
  .mce-solrow__body{order:1}
  .mce-solrow__media{order:2}
  .mce-solrow--flip .mce-solrow__media{order:2}
  .mce-solrow__media{min-height:300px}
  .mce-solrow+.mce-solrow{margin-top:24px}
  .mce-solwhy{padding:56px 0}
  .mce-solwhy__grid{grid-template-columns:1fr;gap:24px}
  .mce-whyitem__rule{width:100%}
}
@media (max-width:767px){
  .mce-solhero{padding:48px 0}
  .mce-solhero h1{font-size:29px;line-height:36px}
  .mce-solhero p{font-size:15px}
  .mce-solhero__actions{width:100%}
  .mce-solhero__actions .mce-btn{flex:1 1 auto;min-width:150px}
  .mce-solapps{padding:36px 0}
  .mce-solrow__body{padding:24px 20px}
  .mce-solrow__body h3{font-size:22px;line-height:30px}
  .mce-solrow__media{min-height:220px}
  .mce-solmachines li{height:auto;white-space:normal;border-radius:var(--radius-lg)}
  /* Horizontal scroller with dot pagination — avoids a very long scroll */
  .mce-soltrack{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
  .mce-soltrack::-webkit-scrollbar{display:none}
  .mce-solrow{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .mce-solrow+.mce-solrow{margin-top:0}
  .mce-soldots{display:flex;justify-content:center;gap:8px;margin-top:20px}
  .mce-soldot{width:8px;height:8px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;transition:var(--transition-interactive)}
  .mce-soldot.is-active{width:24px;background:var(--brand-red)}
}


/* ============================================================
   CONSTRUCTION EQUIPMENT PAGE
   ============================================================ */
/* Breadcrumb (shared pattern with category page) */
.mce-crumb{background:var(--surface-subtle);border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.mce-crumb__inner{display:flex;align-items:center;gap:10px;padding:20px 0 20px 16px;font-family:var(--font-core);font-size:14px;color:#717182}
.mce-crumb a{color:#717182;text-decoration:none}
.mce-crumb a:hover{color:var(--brand-red)}
.mce-crumb__sep{opacity:.6}
.mce-crumb__current{color:var(--text-primary);font-weight:600}

/* Hero */
.mce-cehero{position:relative;background-size:cover;background-position:center;isolation:isolate;padding:120px 0}
.mce-cehero__scrim{position:absolute;inset:0;background:var(--scrim-left);z-index:-1}
.mce-cehero__inner{max-width:var(--content-max);display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.mce-cehero__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#FFFFFF}
.mce-cehero__eyebrow::before{content:"";width:88px;min-width:88px;max-width:88px;height:3px;flex-shrink:0;background:linear-gradient(90deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-cehero h1{font-size:56px;line-height:1.1;font-weight:800;color:#fff;max-width:820px}
.mce-cehero p{font-size:17px;line-height:1.6;color:rgba(255,255,255,.86);max-width:680px}

/* Equipment range bento */
.mce-cerange__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mce-cerange__dots{display:none}
.mce-ecard{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:var(--transition-interactive)}
.mce-ecard:hover{box-shadow:var(--shadow-float)}
.mce-ecard--wide,.mce-ecard--split{grid-column:span 2}
.mce-ecard--split{flex-direction:row;gap:8.3333%}
.mce-ecard--split .mce-ecard__media{width:41.6667%;height:auto;min-height:360px;flex-shrink:0}
.mce-ecard--split .mce-ecard__body{justify-content:center;flex:0 0 50%}
.mce-ecard__media{height:360px;background-size:cover;background-position:center;overflow:hidden}
.mce-ecard--wide .mce-ecard__media{height:420px}
.mce-ecard__body{padding:28px 32px 32px;display:flex;flex-direction:column;gap:14px;flex:1}
.mce-ecard__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mce-ecard__body h3{font-size:26px;line-height:1.2;font-weight:800;color:#111}
.mce-ecard__badge{background:#FDE8EC;color:var(--brand-red);border-radius:var(--radius-pill);padding:5px 12px;font-family:var(--font-core);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.mce-ecard__body p{font-size:16px;line-height:1.6;color:#666}
.mce-ecard__label{font-family:var(--font-core);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-top:2px}
.mce-ecard__chips{display:flex;flex-wrap:wrap;gap:10px}
.mce-ecard__chips span{background:#fafafa;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:7px 14px;font-family:var(--font-core);font-size:14px;color:#555}
.mce-ecard__bullets{display:flex;flex-wrap:wrap;gap:20px}
.mce-ecard__bullets li{display:flex;align-items:center;gap:8px;font-size:15px;color:#555}
.mce-ecard__bullets li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-red)}
.mce-ecard__link{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-core);font-weight:600;font-size:15px;color:var(--brand-red);text-decoration:none;transition:var(--transition-interactive)}
.mce-ecard__link:hover{gap:12px;color:var(--brand-red-deep)}

/* Equipment solutions */
.mce-cesol{background:var(--surface-subtle)}
.mce-cesol__layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:24px}
.mce-cesol__rail{display:flex;flex-direction:column}
.mce-cesol__rail-label{font-family:var(--font-core);font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:8px 18px 14px}
.mce-cesol__tab{text-align:left;border:none;background:transparent;border-radius:var(--radius-md);padding:16px 18px;font-family:var(--font-core);font-weight:500;font-size:17px;color:#6B7280;transition:var(--transition-interactive)}
.mce-cesol__tab:hover{color:var(--brand-red)}
.mce-cesol__tab.is-active{background:#FDEEF0;color:var(--brand-red);font-weight:700;box-shadow:inset 3px 0 0 var(--brand-red)}
.mce-cesol__panel{display:none;flex-direction:column;gap:14px}
.mce-cesol__panel.is-active{display:flex;animation:mce-fade var(--dur-base) var(--ease-standard)}
.mce-cesol__media{height:340px;border-radius:var(--radius-lg);overflow:hidden}
.mce-cesol__panel h3{font-size:20px;font-weight:800;color:var(--brand-red)}
.mce-cesol__panel p{font-size:16px;line-height:1.6;color:#666}
.mce-cesol__label{font-family:var(--font-core);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.mce-cesol__reco{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.mce-cesol__reco li{display:inline-flex;align-items:center;gap:9px;background:#fafafa;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:8px 16px;font-size:15px;color:#222}
.mce-cesol__reco i{color:var(--status-success);font-size:15px}

@media (max-width:991px){
  .mce-cehero{padding:60px 0}
  .mce-cehero h1{font-size:40px}
  .mce-cerange__grid{grid-template-columns:1fr}
  .mce-ecard--wide,.mce-ecard--split{grid-column:span 1}
  .mce-ecard--split{flex-direction:column}
  .mce-ecard--split .mce-ecard__media{width:100%;min-height:0;height:280px}
  .mce-ecard__media,.mce-ecard--wide .mce-ecard__media{height:280px}
  .mce-cesol__layout{grid-template-columns:1fr}
  .mce-cesol__rail{flex-direction:row;overflow-x:auto;gap:8px;scrollbar-width:none}
  .mce-cesol__rail::-webkit-scrollbar{display:none}
  .mce-cesol__rail-label{display:none}
  .mce-cesol__tab{white-space:nowrap;flex-shrink:0;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:10px 16px;font-size:15px}
  .mce-cesol__tab.is-active{box-shadow:none;border-color:var(--brand-red)}
}
@media (max-width:576px){
  .mce-cehero{padding:40px 0}
  .mce-cehero h1{font-size:32px}
  .mce-cehero p{font-size:15px}
  .mce-cehero .mce-btn{width:100%}
  .mce-cerange__grid{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 20px;margin:0 -20px}
  .mce-cerange__grid::-webkit-scrollbar{display:none}
  .mce-cerange__grid>.mce-ecard{flex:0 0 82%;scroll-snap-align:center;grid-column:auto;flex-direction:column}
  .mce-cerange__grid>.mce-ecard--split{flex-direction:column}
  .mce-ecard--split .mce-ecard__media{width:100%;min-height:0;height:180px}
  .mce-ecard__media,.mce-ecard--wide .mce-ecard__media{height:180px}
  .mce-cerange__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
  .mce-cerange__dot{width:8px;height:8px;border-radius:50%;background:#d0d0d0;border:none;padding:0;cursor:pointer;transition:width .2s var(--ease-standard),background .2s}
  .mce-cerange__dot.is-active{background:var(--brand-red);width:22px;border-radius:4px}
  .mce-ecard__body{padding:22px 20px 24px}
  .mce-ecard__body h3{font-size:22px}
  .mce-cesol__media{height:220px}
  .mce-crumb__inner{font-size:12px;flex-wrap:wrap}
}


/* (duplicate image-zoom block removed — the canonical one is in the shared
   components section above; keep only one copy so the cascade is predictable) */


/* ============================================================
   SOLUTIONS BY CONSTRUCTION (ROAD)
   ============================================================ */
/* Industry overview — reuses .mce-solrow, adds the bullet list */
.mce-solrow__body .mce-eyebrow{margin-bottom:12px}
.mce-rovlist{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.mce-rovlist li{position:relative;padding-left:18px;font-family:var(--font-core);font-weight:400;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(102,102,102)}
.mce-rovlist li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:var(--radius-pill);background:var(--brand-red)}

/* Recommended machines */
.mce-roadmach{background:rgb(245,245,245);padding:84px 0}
.mce-roadmach__head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:32px}
.mce-roadmach__head h2{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:1;letter-spacing:1px;color:rgb(17,17,17);margin:0}
.mce-roadmach__lead{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:1px;text-align:right;color:rgb(113,113,130);max-width:384px;margin:0}
.mce-roadmach__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.mce-roadmach__grid .mce-rcard{height:100%}
.mce-roadmach__dots{display:none}

@media (max-width:1200px){
  .mce-roadmach__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .mce-roadmach{padding:56px 0}
  .mce-roadmach__head{grid-template-columns:1fr;gap:16px;align-items:start}
  .mce-roadmach__head h2{font-size:30px;line-height:1.1}
  .mce-roadmach__lead{text-align:left;max-width:none}
}
@media (max-width:767px){
  .mce-roadmach{padding:40px 0}
  .mce-roadmach__head h2{font-size:26px}
  .mce-roadmach__head h2 br{display:none}
  /* Cards become a swipeable rail with dot pagination */
  .mce-roadmach__grid{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}
  .mce-roadmach__grid::-webkit-scrollbar{display:none}
  .mce-roadmach__grid .mce-rcard{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
  .mce-roadmach__dots{display:flex;justify-content:center;gap:8px;margin-top:20px}
  .mce-roadmach__dot{width:8px;height:8px;padding:0;border:none;border-radius:var(--radius-pill);background:var(--border-strong);cursor:pointer;transition:var(--transition-interactive)}
  .mce-roadmach__dot.is-active{width:24px;background:var(--brand-red)}
  .mce-rovlist li{font-size:15px;line-height:23px}
}


/* ============================================================
   IMAXX PAGE
   ============================================================ */
/* ---- Hero extras ---- */
.mce-ihero__accent{color:var(--brand-yellow)}
.mce-ihero__stores{display:flex;flex-direction:column;gap:8px;margin-top:22px}
.mce-ihero__avail{font-family:var(--font-core);font-weight:600;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#fff}
.mce-ihero__badges{display:flex;gap:13px;flex-wrap:wrap}
.mce-storebadge{display:inline-flex;align-items:center;gap:11px;height:54px;padding:0 18px;background:#000;border:1px solid #A9A9A9;border-radius:8px;color:#fff;transition:var(--transition-interactive)}
.mce-storebadge:hover{border-color:#fff;color:#fff}
.mce-storebadge i{font-size:24px}
.mce-storebadge span{display:flex;flex-direction:column;line-height:1.15}
.mce-storebadge small{font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:#d5d5d5}
.mce-storebadge b{font-family:var(--font-core);font-weight:700;font-size:17px}
/* ---- Shared: centered dash label ---- */
.mce-dashlabel{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-red)}
.mce-dashlabel::before,.mce-dashlabel::after{content:"";width:88px;min-width:88px;height:3px;background:linear-gradient(90deg,var(--brand-yellow) 0 22px,transparent 22px 26px,var(--brand-red) 26px 100%)}
.mce-dashlabel::after{transform:scaleX(-1)}
.mce-dashlabel--light{color:#fff}
/* ---- About ---- */
.mce-iabout__card{border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.07);box-shadow:0 4px 24px 0 rgba(0,0,0,.06);overflow:hidden;background:#fff}
.mce-iabout__top{display:grid;grid-template-columns:1fr 1fr}
.mce-iabout__body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:48px}
.mce-iabout__body h3{font-family:var(--font-core);font-weight:700;font-size:26px;line-height:36px;letter-spacing:.5px;color:#101828;margin:0}
.mce-iabout__accent{color:var(--brand-red)}
.mce-iabout__body p{font-size:16px;line-height:26px;letter-spacing:.5px;color:#666;margin:0;max-width:487px}
.mce-iabout__brand{background:var(--brand-red);display:flex;align-items:center;justify-content:center;padding:48px;min-height:360px}
.mce-imaxxmark{display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.mce-imaxxmark__with{font-family:var(--font-core);font-weight:600;font-size:20px;margin-bottom:2px}
.mce-imaxxmark__word{position:relative;font-family:var(--font-core);font-weight:900;font-style:italic;font-size:72px;line-height:1;letter-spacing:1px}
.mce-imaxxmark__px{position:absolute;right:-18px;top:-2px;width:6px;height:6px;background:#fff;box-shadow:9px 0 0 0 #fff,0 -9px 0 0 rgba(255,255,255,.7),9px -9px 0 0 #fff,18px -9px 0 0 rgba(255,255,255,.5)}
.mce-imaxxmark__sub{font-family:var(--font-core);font-weight:700;font-size:19px;letter-spacing:.24em;text-transform:none;margin-top:6px}
.mce-iabout__stepwrap{padding:24px;border-top:1px solid var(--border-subtle)}
.mce-iabout__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #CACACA;border-radius:var(--radius-lg);overflow:hidden}
.mce-istep{padding:30px 28px;border-right:1px solid var(--border-subtle)}
.mce-istep:last-child{border-right:none}
.mce-istep__num{display:block;font-family:var(--font-core);font-weight:800;font-size:30px;line-height:1;color:#F0B9C1;margin-bottom:14px}
.mce-istep h4{font-family:var(--font-core);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#101828;margin-bottom:8px}
.mce-istep p{font-size:14px;line-height:1.5;color:#666}
/* ---- App showcase ---- */
.mce-iapp{background:#000;padding:84px 0}
.mce-iapp__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:38px}
.mce-iapp__head h2{font-family:var(--font-core);font-weight:700;font-size:40px;line-height:46px;letter-spacing:-.8px;color:#fff;margin:0}
.mce-iapp__head p{font-size:16px;line-height:24px;letter-spacing:.5px;color:#C9C9C9;max-width:672px;margin:0}
.mce-iapp__tabs{display:flex;justify-content:center;gap:38px;flex-wrap:wrap;margin-bottom:44px}
.mce-iapp__tab{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;padding:0;font-family:var(--font-core);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#9A9A9A;transition:var(--transition-interactive)}
.mce-iapp__tab span{font-size:12px;font-weight:600;color:#6d6d6d}
.mce-iapp__tab:hover{color:#fff}
.mce-iapp__tab.is-active{color:var(--brand-red)}
.mce-iapp__tab.is-active span{color:var(--brand-red)}
.mce-iapp__rail{display:flex;justify-content:center;align-items:center;gap:44px;min-height:540px}
.mce-iphone{display:none;width:236px;flex-shrink:0;background:#0c0c0c;border:2px solid #2E2E2E;border-radius:34px;padding:9px;transition:opacity var(--dur-base) var(--ease-standard)}
.mce-iphone.is-center{display:block;width:266px;position:relative;z-index:2;border-color:#3a3a3a;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.mce-iphone.is-left,.mce-iphone.is-right{display:block;opacity:.5}
.mce-iphone.is-left{order:1}
.mce-iphone.is-center{order:2}
.mce-iphone.is-right{order:3}
.mce-iphone__scr{position:relative;height:498px;border-radius:26px;overflow:hidden;background:#101010}
.mce-iphone.is-center .mce-iphone__scr{height:548px}
.mce-iphone__img{position:absolute;inset:0;background-size:cover;background-position:top center}
.mce-iscr{display:flex;flex-direction:column;height:100%;color:#ddd}
.mce-iscr__bar{display:flex;align-items:center;gap:8px;padding:16px 16px 12px;font-family:var(--font-core);font-weight:700;font-size:14px;color:#fff;border-bottom:1px solid #222}
.mce-iscr__bar i{font-size:12px;color:#9a9a9a}
.mce-iscr__search{display:flex;align-items:center;gap:8px;margin:12px 14px;padding:9px 12px;border:1px solid #2a2a2a;border-radius:8px;font-size:11px;color:#8a8a8a}
.mce-iscr__row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid #1d1d1d}
.mce-iscr__row span{display:flex;flex-direction:column;gap:3px;min-width:0}
.mce-iscr__row b{font-family:var(--font-core);font-weight:600;font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mce-iscr__row small{font-size:10px;color:#8a8a8a}
.mce-iscr__row em{font-style:normal;font-family:var(--font-core);font-weight:700;font-size:10px;letter-spacing:.06em;color:#8a8a8a;background:#1c1c1c;border-radius:var(--radius-pill);padding:4px 9px;white-space:nowrap}
.mce-iscr__row em.is-on{color:#4ADE80;background:rgba(74,222,128,.1)}
.mce-iscr__row em.is-alert{color:#F87171;background:rgba(248,113,113,.12)}
.mce-iscr__row em.is-warn{color:var(--brand-yellow);background:rgba(255,242,0,.09)}
.mce-iscr__cta{margin:auto 14px 16px;padding:11px 0;border:1px solid var(--brand-red);border-radius:8px;background:transparent;font-family:var(--font-core);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-red)}
.mce-iscr__map{position:relative;flex:1;background:radial-gradient(circle at 55% 45%,#1d2430 0%,#12161d 60%,#0d1015 100%)}
.mce-iscr__pin{position:absolute;left:52%;top:44%;width:12px;height:12px;border-radius:50%;background:var(--brand-red);box-shadow:0 0 0 6px rgba(227,24,55,.25),0 0 0 12px rgba(227,24,55,.1)}
.mce-iscr__stat{display:flex;flex-direction:column;gap:7px;padding:18px 14px;border-bottom:1px solid #1d1d1d}
.mce-iscr__stat small{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8a8a8a}
.mce-iscr__stat b{font-family:var(--font-core);font-weight:800;font-size:22px;color:#fff}
.mce-iscr__meter{display:block;height:6px;border-radius:3px;background:#222;overflow:hidden}
.mce-iscr__meter span{display:block;height:100%;border-radius:3px;background:var(--brand-red)}
.mce-iapp__dots{display:flex;justify-content:center;gap:9px;margin-top:34px}
.mce-iapp__dots button{width:9px;height:9px;padding:0;border:none;border-radius:var(--radius-pill);background:#3a3a3a;cursor:pointer;transition:var(--transition-interactive)}
.mce-iapp__dots button.is-active{background:var(--brand-red);width:26px}
.mce-iapp__nav{display:flex;justify-content:center;gap:18px;margin-top:22px}
.mce-iapp__nav button{width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-pill);background:transparent;color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;transition:var(--transition-interactive)}
.mce-iapp__nav button:hover{background:var(--brand-red);border-color:var(--brand-red)}
/* ---- Benefits ---- */
.mce-ibene__head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:52px}
.mce-ibene__head h2{font-family:var(--font-core);font-weight:700;font-size:40px;line-height:46px;letter-spacing:-.8px;color:#101828;margin:0}
.mce-ibene__accent{color:var(--brand-red)}
.mce-ibene__head p{font-size:16px;line-height:24px;letter-spacing:.5px;color:var(--text-muted);max-width:672px;margin:0}
.mce-ibene__grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:44px 120px;justify-content:center}
.mce-ibene__item{display:flex;gap:20px;align-items:flex-start}
.mce-ibene__num{font-family:var(--font-core);font-weight:800;font-size:42px;line-height:1;color:#E5E7EB;transition:color var(--dur-base) var(--ease-standard)}
.mce-ibene__item:hover .mce-ibene__num{color:#F0B9C1}
.mce-ibene__item h4{font-family:var(--font-core);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#101828;margin-bottom:7px;transition:color var(--dur-base) var(--ease-standard)}
.mce-ibene__item:hover h4{color:var(--brand-red)}
.mce-ibene__item p{font-size:14px;line-height:1.55;color:var(--text-muted)}
/* ---- FAQ ---- */
.mce-ifaq{background:#F5F5F5;padding:84px 0}
.mce-ifaq__card{background:#fff;padding:84px clamp(24px,11vw,226px)}
.mce-ifaq__card h3{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:#0a0a0a;margin:8px 0 6px}
.mce-ifaq__lead{font-size:16px;line-height:24px;letter-spacing:.5px;color:#717182;max-width:520px}
.mce-ifaq__list{margin-top:30px;border-top:1px solid #E2E2E2}
.mce-ifaq__item{border-bottom:1px solid #E2E2E2}
.mce-ifaq__q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:24px 0;background:none;border:none;text-align:left;font-family:var(--font-core);font-weight:700;font-size:16px;letter-spacing:.5px;color:#1a1a1a;transition:color var(--dur-base) var(--ease-standard)}
.mce-ifaq__q i{font-size:14px;color:#717182;transition:transform var(--dur-base) var(--ease-standard)}
.mce-ifaq__q:hover{color:var(--brand-red)}
.mce-ifaq__item.is-open .mce-ifaq__q{color:#C00}
.mce-ifaq__item.is-open .mce-ifaq__q i{transform:rotate(180deg);color:#C00}
.mce-ifaq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-base) var(--ease-standard)}
.mce-ifaq__a>div{overflow:hidden}
.mce-ifaq__a p{max-width:646px;padding:0 32px 22px 0;font-size:16px;line-height:23.8px;letter-spacing:.5px;color:#555}
.mce-ifaq__item.is-open .mce-ifaq__a{grid-template-rows:1fr}
/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-ibene__grid{gap:36px 60px}
}
@media (max-width:991px){
  .mce-iabout__top{grid-template-columns:1fr}
  .mce-iabout__brand{min-height:280px}
  .mce-iabout__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mce-istep:nth-child(2n){border-right:none}
  .mce-istep:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}
  .mce-iapp__head h2{font-size:32px;line-height:40px}
  .mce-iapp__tabs{gap:22px}
  .mce-iphone.is-left,.mce-iphone.is-right{display:none}
  .mce-iapp__rail{min-height:0}
  .mce-ibene__grid{grid-template-columns:1fr;gap:30px;justify-items:start}
  .mce-ibene__head h2{font-size:32px;line-height:40px}
  .mce-ifaq__card{padding:56px 32px}
}
@media (max-width:767px){
  .mce-iabout__body{padding:28px 22px}
  .mce-iabout__brand{padding:36px 22px;min-height:230px}
  .mce-imaxxmark__word{font-size:52px}
  .mce-imaxxmark__sub{font-size:14px}
  .mce-iabout__stepwrap{padding:16px}
  .mce-iabout__steps{grid-template-columns:1fr}
  .mce-istep{border-right:none;border-bottom:1px solid var(--border-subtle);padding:22px 20px}
  .mce-istep:last-child{border-bottom:none}
  .mce-istep:nth-child(-n+2){border-bottom:1px solid var(--border-subtle)}
  .mce-dashlabel::before,.mce-dashlabel::after{width:44px;min-width:44px}
  .mce-iapp{padding:56px 0}
  .mce-iapp__head h2{font-size:26px;line-height:33px}
  .mce-iapp__tab{font-size:10px}
  .mce-iapp__tabs{gap:16px;row-gap:14px}
  .mce-ifaq{padding:48px 0}
  .mce-ifaq__card{padding:36px 20px}
  .mce-ifaq__card h3{font-size:26px;line-height:33px}
  .mce-ifaq__q{font-size:15px;padding:18px 0}
  .mce-ifaq__a p{padding-right:0}
  .mce-ibene__head h2{font-size:26px;line-height:33px}
}

/* ============================================================
   AFTER SALES SUPPORT PAGE
   ============================================================ */
/* ---- Four pillars ---- */
.mce-suppill{padding:48px 0}
.mce-suppill__head{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;max-width:620px}
.mce-suppill__head .mce-eyebrow{margin-bottom:0}
.mce-suppill__head h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-suppill__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgb(202,202,202);border-radius:8px;overflow:hidden;background:#fff}
.mce-suppill__item{display:flex;flex-direction:column;gap:16px;padding:32px;border-right:1px solid rgb(226,226,226)}
.mce-suppill__item:last-child{border-right:0}
.mce-suppill__icon{width:48px;height:48px;flex-shrink:0;border-radius:6px;background:rgb(243,222,226);border:1px solid rgb(229,231,235);display:flex;align-items:center;justify-content:center;color:rgb(227,24,55);font-size:22px}
.mce-suppill__item h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:22px;letter-spacing:.5px;text-transform:uppercase;color:rgb(17,17,17);margin:0}
.mce-suppill__item p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:22px;letter-spacing:.6px;color:rgb(120,120,120);margin:8px 0 0}

/* ---- Split cards (service / parts) ---- */
.mce-supsplit{padding:46px 0 16px}
.mce-supsplit--tight{padding:16px 0 46px}
.mce-supcard{display:grid;grid-template-columns:583px minmax(0,1fr);align-items:stretch;min-height:476px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.06);overflow:hidden}
.mce-supcard--flip{grid-template-columns:minmax(0,712px) minmax(0,1fr)}
.mce-supcard__body{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:flex-start;padding:48px;background:#fff}
.mce-supcard__body .mce-eyebrow{margin-bottom:0}
.mce-supcard__body h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-supcard__body p{font-family:var(--font-core);font-weight:400;font-size:16px;line-height:26px;letter-spacing:.5px;color:rgb(102,102,102);max-width:487px;margin:0}
.mce-supcard__link{margin-top:10px;font-size:16px;line-height:21px;color:rgb(226,35,26);text-decoration:underline}
.mce-supcard__link:hover{color:var(--brand-red-deep)}
.mce-supcard__media{position:relative;overflow:hidden;min-height:360px}
.mce-supcard__img{position:absolute;inset:0;display:block;background-size:cover;background-position:center;transition:transform var(--dur-slow,.5s) var(--ease-standard)}
.mce-supcard__media:hover .mce-supcard__img{transform:scale(1.06)}

/* ---- IMAXX CTA banner ---- */
.mce-supimaxx{padding:48px 0}
.mce-supimaxx__band{display:flex;flex-direction:row;gap:28px;justify-content:space-between;align-items:center;padding:60px;background:rgb(246,246,247);border:1px solid rgb(228,228,231)}
.mce-supimaxx__copy{display:flex;flex-direction:column;gap:12px;max-width:837px}
.mce-supimaxx__copy h2{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:1;letter-spacing:1px;color:rgb(17,17,17);margin:0}
.mce-supimaxx__copy p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);max-width:739px;margin:0}
.mce-supimaxx__band .mce-btn{height:54.5px;min-width:145px;flex-shrink:0}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-supcard,.mce-supcard--flip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mce-suppill__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mce-suppill__item:nth-child(2n){border-right:0}
  .mce-suppill__item:nth-child(-n+2){border-bottom:1px solid rgb(226,226,226)}
  .mce-supimaxx__band{padding:44px 40px}
}
@media (max-width:991px){
  .mce-suppill{padding:40px 0}
  .mce-suppill__head h2{font-size:28px;line-height:34px}
  .mce-supcard,.mce-supcard--flip{grid-template-columns:1fr;min-height:0}
  .mce-supcard__body{padding:36px}
  .mce-supcard__body h2{font-size:28px;line-height:34px}
  .mce-supcard__body h2 br{display:none}
  .mce-supcard__media{min-height:300px;order:-1}
  .mce-supimaxx__band{flex-direction:column;align-items:flex-start;gap:24px;padding:36px 28px}
  .mce-supimaxx__copy h2{font-size:28px;line-height:34px}
}
@media (max-width:767px){
  .mce-suppill__grid{grid-template-columns:1fr}
  .mce-suppill__item{padding:24px;border-right:0;border-bottom:1px solid rgb(226,226,226)}
  .mce-suppill__item:nth-child(-n+2){border-bottom:1px solid rgb(226,226,226)}
  .mce-suppill__item:last-child{border-bottom:0}
  .mce-suppill__head h2{font-size:26px;line-height:32px}
  .mce-supsplit{padding:32px 0 12px}
  .mce-supsplit--tight{padding:12px 0 32px}
  .mce-supcard__body{padding:24px;gap:10px}
  .mce-supcard__body h2{font-size:24px;line-height:30px}
  .mce-supcard__media{min-height:220px}
  .mce-supimaxx{padding:32px 0}
  .mce-supimaxx__copy h2{font-size:24px;line-height:30px}
  .mce-supimaxx__band .mce-btn{width:100%}
}


/* ============================================================
   GUARANTEE PAGE
   ============================================================ */
.mce-guarintro{padding:48px 0}
.mce-guarintro__head{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;max-width:520px}
.mce-guarintro__head .mce-eyebrow{margin-bottom:0}
.mce-guarintro__head h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-guarintro__head p{font-family:var(--font-core);font-weight:400;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(113,113,130);margin:0}
.mce-guarintro__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mce-guarcard{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:24px;border:1px solid rgb(228,228,231);border-radius:8px;background:#fff}
.mce-guarcard__icon{width:40px;height:40px;flex-shrink:0;border-radius:8px;background:rgb(246,246,247);display:flex;align-items:center;justify-content:center;color:rgb(232,0,45);font-size:18px}
.mce-guarcard h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:22px;letter-spacing:.5px;text-transform:uppercase;color:rgb(17,17,17);margin:0}
.mce-guarcard p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(120,120,120);margin:0}
.mce-guarcard .mce-link{margin-top:auto;font-size:16px;line-height:21px}

.mce-guarwhy{background:rgb(246,246,247);padding:48px 0}
.mce-guarwhy__title{font-family:var(--font-core);font-weight:700;font-size:26px;line-height:36px;letter-spacing:.5px;color:rgb(16,24,40);margin:0 0 24px}
.mce-guarwhy__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgb(202,202,202);border-radius:8px;overflow:hidden}
.mce-guarwhy__item{padding:32px;border-right:1px solid rgb(202,202,202)}
.mce-guarwhy__item:last-child{border-right:0}
.mce-guarwhy__num{display:block;font-family:var(--font-condensed);font-weight:800;font-size:36px;color:rgba(227,24,55,.28);line-height:1;margin-bottom:12px}
.mce-guarwhy__item h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:22px;letter-spacing:.3px;color:rgb(17,17,17);margin:0 0 8px}
.mce-guarwhy__item p{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:22px;letter-spacing:.3px;color:var(--text-secondary);margin:0}

.mce-guarfaq{background:#fff}

.mce-guarcta{padding:48px 0}
.mce-guarcta__band{display:flex;flex-direction:row;gap:28px;justify-content:space-between;align-items:center;padding:60px;background:rgb(246,246,247);border:1px solid rgb(228,228,231)}
.mce-guarcta__copy{display:flex;flex-direction:column;gap:12px;max-width:837px}
.mce-guarcta__copy h2{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:1;letter-spacing:1px;color:rgb(17,17,17);margin:0}
.mce-guarcta__copy p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);max-width:739px;margin:0}
.mce-guarcta__band .mce-btn{height:54.5px;min-width:134px;flex-shrink:0}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-guarcta__band{padding:44px 40px}
}
@media (max-width:991px){
  .mce-guarintro__grid{grid-template-columns:1fr}
  .mce-guarwhy__grid{grid-template-columns:1fr}
  .mce-guarwhy__item{border-right:0;border-bottom:1px solid rgb(202,202,202)}
  .mce-guarwhy__item:last-child{border-bottom:0}
  .mce-guarintro__head h2{font-size:28px;line-height:34px}
  .mce-guarcta__band{flex-direction:column;align-items:flex-start;gap:24px;padding:36px 28px}
  .mce-guarcta__copy h2{font-size:28px;line-height:34px}
}
@media (max-width:767px){
  .mce-guarintro{padding:32px 0}
  .mce-guarintro__head h2{font-size:24px;line-height:30px}
  .mce-guarcard{padding:20px}
  .mce-guarwhy{padding:32px 0}
  .mce-guarwhy__title{font-size:22px;line-height:30px}
  .mce-guarwhy__item{padding:20px}
  .mce-guarcta{padding:32px 0}
  .mce-guarcta__copy h2{font-size:24px;line-height:30px}
  .mce-guarcta__band .mce-btn{width:100%}
}


/* ============================================================
   MAINTENANCE TIPS PAGE
   ============================================================ */
.mce-mtips{padding:48px 0}
.mce-mtips__head{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;max-width:520px}
.mce-mtips__head .mce-eyebrow{margin-bottom:0}
.mce-mtips__head h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-mtips__head p{font-family:var(--font-core);font-weight:400;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(113,113,130);margin:0}
.mce-mtips__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mce-mtipcard{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid rgb(228,228,231);border-radius:8px;background:#fff}
.mce-mtipcard__num{font-family:var(--font-core);font-weight:900;font-size:48px;line-height:48px;color:rgb(243,222,226)}
.mce-mtipcard h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:22px;letter-spacing:.5px;color:rgb(17,17,17);margin:0}
.mce-mtipcard p{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:21px;letter-spacing:.4px;color:rgb(102,102,102);margin:0}
.mce-mtipcard:hover{background:rgb(227,24,55);border-color:rgb(227,24,55)}
.mce-mtipcard:hover .mce-mtipcard__num{color:rgba(255,255,255,.35)}
.mce-mtipcard:hover h3,.mce-mtipcard:hover p{color:#fff}
.mce-mtipcard:hover .mce-mtipcard__note{background:rgba(255,255,255,.12);border-color:#fff}
.mce-mtipcard:hover .mce-mtipcard__note span,.mce-mtipcard:hover .mce-mtipcard__note p{color:#fff}
.mce-mtipcard__note{margin-top:auto;padding:8px 12px;background:rgb(245,245,245);border-left:2px solid rgb(204,0,34)}
.mce-mtipcard__note span{display:block;font-family:var(--font-core);font-weight:600;font-size:12px;line-height:16.5px;letter-spacing:.5px;text-transform:uppercase;color:rgb(204,0,34)}
.mce-mtipcard__note p{font-family:var(--font-core);font-weight:400;font-size:12px;line-height:19.5px;letter-spacing:.5px;color:rgb(92,92,93);margin-top:4px}

.mce-mtipcta{background:rgb(227,24,55);padding:60px 0}
.mce-mtipcta__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.mce-mtipcta__card{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:34px;background:#fff;border-radius:8px}
.mce-mtipcta__card h3{font-family:var(--font-core);font-weight:700;font-size:28px;letter-spacing:.5px;color:rgb(17,17,17);margin:0}
.mce-mtipcta__card p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(120,120,120);margin:0}
.mce-mtipcta__card .mce-link{margin-top:auto;font-size:16px;line-height:21px}

.mce-mtipsched{padding:48px 0}
.mce-mtipsched__band{display:flex;flex-direction:row;gap:28px;justify-content:space-between;align-items:center;padding:80px 60px;background:rgb(246,246,247);border:1px solid rgb(228,228,231)}
.mce-mtipsched__copy{display:flex;flex-direction:column;gap:12px;max-width:640px}
.mce-mtipsched__copy h2{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:1.1;letter-spacing:1px;color:rgb(17,17,17);margin:0}
.mce-mtipsched__copy p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);max-width:510px;margin:0}
.mce-mtipsched__band .mce-btn{height:54.5px;min-width:197px;flex-shrink:0}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-mtips__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mce-mtipsched__band{padding:56px 40px}
}
@media (max-width:991px){
  .mce-mtips__head h2{font-size:28px;line-height:34px}
  .mce-mtipcta__grid{grid-template-columns:1fr}
  .mce-mtipsched__band{flex-direction:column;align-items:flex-start;gap:24px;padding:40px 28px}
  .mce-mtipsched__copy h2{font-size:28px;line-height:34px}
  .mce-mtipsched__copy h2 br{display:none}
}
@media (max-width:767px){
  .mce-mtips{padding:32px 0}
  .mce-mtips__head h2{font-size:24px;line-height:30px}
  .mce-mtips__grid{grid-template-columns:1fr}
  .mce-mtipcard{padding:20px}
  .mce-mtipcta{padding:40px 0}
  .mce-mtipcta__card{padding:24px}
  .mce-mtipsched{padding:32px 0}
  .mce-mtipsched__copy h2{font-size:22px;line-height:28px}
  .mce-mtipsched__band .mce-btn{width:100%}
}


/* ============================================================
   BOOK DEMO PAGE
   ============================================================ */
.mce-bdemo{padding:48px 0 0}
.mce-bdemo__head{max-width:672px;margin:0 auto 12px;text-align:center}
.mce-bdemo__head .mce-eyebrow--center{margin-bottom:8px}
.mce-bdemo__head h2{font-family:var(--font-core);font-weight:700;font-size:40px;line-height:46px;letter-spacing:.5px;color:rgb(16,24,40);margin:0 0 12px}
.mce-bdemo__head p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);margin:0}
.mce-bdemo__form{max-width:860px;margin:32px auto 0}
.mce-bdemo__inner{display:block}
.mce-bdemo__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 38px}
.mce-bdemo__grid .mce-field label{font-family:var(--font-core);font-weight:500;font-size:16px;letter-spacing:.5px;color:rgb(55,65,81);text-transform:none}
.mce-bdemo__grid .mce-input,.mce-bdemo__grid .mce-select{height:40.25px;border:1px solid rgb(229,231,235);border-radius:6px;font-size:14px;color:rgb(17,17,17)}
.mce-bdemo__grid .mce-input::placeholder,.mce-bdemo__grid textarea::placeholder{color:rgba(17,17,17,.5)}
.mce-bdemo__grid textarea.mce-input{height:auto;min-height:82px}
.mce-bdemo__checks{display:flex;flex-wrap:wrap;gap:14px 44px;margin:20px 0 0}
.mce-bdemo__consent{font-family:"Inter",sans-serif;font-weight:500;font-size:12px;letter-spacing:.5px;color:rgb(156,163,175);margin:18px 0 20px}
.mce-bdemo__consent a{color:rgb(107,114,128);font-weight:600;text-decoration:underline}
.mce-bdemo__submit{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;background:rgb(200,16,46);box-shadow:0 2px 12px rgba(200,16,46,.28);color:#fff;font-family:var(--font-core);font-weight:600;font-size:16px;letter-spacing:.5px;cursor:pointer;transition:background var(--dur-base) var(--ease-standard)}
.mce-bdemo__submit:hover{background:var(--brand-red-deep)}
.mce-bdemo__submit i{transition:transform var(--dur-base) var(--ease-standard)}
.mce-bdemo__submit:hover i{transform:translateX(4px)}
.mce-bdemo__success{display:none;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:40px 20px}
.mce-bdemo__success i{font-size:64px;color:var(--status-success)}
.mce-bdemo__success h3{font-family:var(--font-core);font-weight:800;font-size:26px;color:rgb(16,24,40);margin:0}
.mce-bdemo__success p{font-size:16px;color:var(--text-secondary);margin:0}
#bdemo-form-wrap.is-submitted #bdemo-form{display:none}
#bdemo-form-wrap.is-submitted .mce-bdemo__success{display:flex}
#texpert-form-wrap.is-submitted #texpert-form{display:none}
#texpert-form-wrap.is-submitted .mce-bdemo__success{display:flex}
#gquote-form-wrap.is-submitted #gquote-form{display:none}
#gquote-form-wrap.is-submitted .mce-bdemo__success{display:flex}

.mce-bdaddr{padding:48px 0}
.mce-bdaddr__head{text-align:center;margin-bottom:24px}
.mce-bdaddr__head .mce-eyebrow--center{margin-bottom:0}
.mce-bdaddr__head h2{font-family:var(--font-core);font-weight:700;font-size:40px;line-height:46px;letter-spacing:.5px;color:rgb(16,24,40);margin:0}
.mce-bdaddr__row{display:grid;grid-template-columns:424px minmax(0,1fr);gap:24px;align-items:start}
.mce-bdaddr__card{display:flex;flex-direction:column;gap:20px;padding:24px 28px;background:#fff;border:1px solid rgb(217,217,217);border-radius:4px}
.mce-bdaddr__badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;border-radius:100px;background:rgba(228,0,43,.07);font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:rgb(228,0,43)}
.mce-bdaddr__badge::before{content:"";width:6px;height:6px;border-radius:50%;background:rgb(228,0,43)}
.mce-bdaddr__card h3{font-family:var(--font-core);font-weight:700;font-size:28px;line-height:34px;letter-spacing:.5px;color:rgb(15,23,42);margin:0}
.mce-bdaddr__text{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:24px;letter-spacing:.5px;color:rgb(100,116,139);margin:0}
.mce-bdaddr__contacts{display:flex;flex-direction:column;gap:12px}
.mce-bdaddr__contacts span{display:flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:400;font-size:14px;color:rgb(100,116,139)}
.mce-bdaddr__contacts i{color:rgb(100,116,139);font-size:14px}
.mce-bdaddr__hours{display:flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:400;font-size:14px;letter-spacing:.5px;color:rgb(100,116,139)}
.mce-bdaddr__hours i{color:rgb(100,116,139)}
.mce-bdaddr__cta{display:flex;align-items:center;justify-content:center;gap:6px;height:54px;border-radius:4px;background:rgb(228,0,43);color:#fff;font-family:var(--font-core);font-weight:700;font-size:16px;letter-spacing:.5px;text-decoration:none;transition:background var(--dur-base) var(--ease-standard)}
.mce-bdaddr__cta:hover{background:var(--brand-red-deep);color:#fff}
.mce-bdaddr__map{position:relative;border-radius:4px;overflow:hidden;border:1px solid #fff;min-height:474px}

.mce-bdcta{padding:48px 0}
.mce-bdcta__band{display:flex;flex-direction:row;gap:28px;justify-content:space-between;align-items:center;padding:80px 60px;background:rgb(246,246,247);border:1px solid rgb(228,228,231)}
.mce-bdcta__copy{display:flex;flex-direction:column;gap:12px;max-width:576px}
.mce-bdcta__copy h2{font-family:var(--font-core);font-weight:800;font-size:36px;line-height:1;letter-spacing:1px;color:rgb(17,17,17);margin:0}
.mce-bdcta__copy p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);margin:0}
.mce-bdcta__band .mce-btn{height:54.5px;min-width:134px;flex-shrink:0}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-bdaddr__row{grid-template-columns:1fr}
  .mce-bdaddr__map{min-height:380px}
  .mce-bdcta__band{padding:56px 40px}
}
@media (max-width:991px){
  .mce-bdemo__head h2{font-size:30px;line-height:36px}
  .mce-bdemo__grid{grid-template-columns:1fr}
  .mce-bdaddr__head h2{font-size:30px;line-height:36px}
  .mce-bdcta__band{flex-direction:column;align-items:flex-start;gap:24px;padding:40px 28px}
  .mce-bdcta__copy h2{font-size:28px;line-height:34px}
}
@media (max-width:767px){
  .mce-bdemo{padding:32px 0 0}
  .mce-bdemo__head h2{font-size:24px;line-height:30px}
  .mce-bdemo__head h2 br{display:none}
  .mce-bdemo__checks{flex-direction:column;gap:14px}
  .mce-bdaddr{padding:32px 0}
  .mce-bdaddr__head h2{font-size:24px;line-height:30px}
  .mce-bdaddr__card{padding:20px}
  .mce-bdaddr__map{min-height:280px}
  .mce-bdcta{padding:32px 0}
  .mce-bdcta__copy h2{font-size:22px;line-height:28px}
  .mce-bdcta__band .mce-btn{width:100%}
}


/* ============================================================
   FAQ PAGE
   ============================================================ */
.mce-faqpg{padding:48px 0}
.mce-faqpg__head{max-width:716px;margin:0 auto 24px;text-align:center}
.mce-faqpg__head .mce-eyebrow{color:rgb(200,16,46);margin-bottom:16px;justify-content:center}
.mce-faqpg__head h2{font-family:var(--font-core);font-weight:800;font-size:40px;line-height:46px;letter-spacing:.5px;color:rgb(46,46,47);margin:0 0 16px}
.mce-faqpg__head p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(111,111,112);margin:0}
.mce-faqpg__filters{display:flex;gap:24px;padding:24px 0;border-top:1px solid rgb(230,231,232);border-bottom:1px solid rgb(230,231,232);margin:0 auto 24px;max-width:872px}
.mce-faqpg__search{flex:1;max-width:533px;display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-radius:4px;background:rgb(250,250,250);border:1px solid rgb(229,231,235)}
.mce-faqpg__search i{color:rgb(156,163,175);font-size:15px;flex-shrink:0}
.mce-faqpg__search input{flex:1;border:none;background:none;outline:none;font-family:var(--font-core);font-weight:500;font-size:14px;color:rgb(17,17,17)}
.mce-faqpg__search input::placeholder{color:rgba(0,0,0,.3)}
.mce-faqpg__select{position:relative;width:316px;flex-shrink:0}
.mce-faqpg__select select{width:100%;height:40px;padding:0 24px;border-radius:4px;background:rgb(77,77,79);border:1px solid rgb(77,77,79);color:rgb(228,228,228);font-family:var(--font-core);font-weight:600;font-size:14px;letter-spacing:.5px;appearance:none;cursor:pointer}
.mce-faqpg__select i{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:rgb(228,228,228);font-size:12px;pointer-events:none}
.mce-faqpg__list{max-width:872px;margin:0 auto;border-top:1px solid rgb(230,231,232)}
.mce-faqpg__list .mce-faq__item{border-color:rgb(230,231,232);border-bottom-width:1px}
.mce-faqpg__list .mce-faq__item:first-child{border-top:none}
.mce-faqpg__list .mce-faq__q{font-size:16px;line-height:22.5px;color:rgb(26,26,26)}
.mce-faqpg__list .mce-faq__item.is-open .mce-faq__q{color:rgb(204,0,0)}
.mce-faqpg__list .mce-faq__a p{font-size:16px;line-height:23.8px;color:rgb(85,85,85);padding-right:32px}
.mce-faqpg__list .mce-faq__item.is-open .mce-faq__a{max-height:280px}
.mce-faqpg__list .mce-faq__item.is-hidden{display:none}
.mce-faqpg__empty{display:block;text-align:center;padding:40px 0;color:var(--text-muted);font-size:15px} /* reference: display:none, so it could never show; .is-hidden hides it */
.mce-faqpg__empty.is-hidden{display:none}

/* ---- Responsive ---- */
@media (max-width:991px){
  .mce-faqpg__head h2{font-size:30px;line-height:36px}
  .mce-faqpg__filters{flex-direction:column}
  .mce-faqpg__search,.mce-faqpg__select{max-width:none;width:100%}
}
@media (max-width:767px){
  .mce-faqpg{padding:32px 0}
  .mce-faqpg__head h2{font-size:24px;line-height:30px}
  .mce-faqpg__head h2 br{display:none}
  .mce-faqpg__list .mce-faq__q{font-size:15px}
}


/* ============================================================
   FIND DEALER PAGE
   ============================================================ */
.mce-fdealer{padding:48px 0}
.mce-fdealer__head{display:flex;flex-direction:column;gap:8px;max-width:644px;margin-bottom:16px}
.mce-fdealer__head .mce-eyebrow{margin-bottom:0;color:rgb(200,16,46)}
.mce-fdealer__head h2{font-family:var(--font-core);font-weight:700;font-size:36px;letter-spacing:.5px;color:rgb(17,17,17);margin:0}
.mce-fdealer__head p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);max-width:646px;margin:0}
.mce-fdealer__geo{display:flex;align-items:center;gap:4px;font-family:var(--font-core);font-size:14px;color:rgb(148,163,184);margin:0 0 4px}
.mce-fdealer__geo i{font-size:13px}
.mce-fdealer__search{display:flex;gap:20px;align-items:end;padding:28px;border:1px solid rgb(217,217,217);border-radius:4px;margin-bottom:16px;flex-wrap:wrap}
.mce-fdealer__search .mce-field{flex:1;min-width:160px}
.mce-fdealer__search .mce-field label{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:rgb(55,65,81);font-weight:600}
.mce-fdealer__search .mce-select{height:42px;background:#fff;border-color:rgb(217,217,217)}
.mce-fdealer__searchbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border:none;border-radius:4px;background:rgb(228,0,43);color:#fff;font-family:var(--font-core);font-weight:700;font-size:16px;letter-spacing:.5px;white-space:nowrap;cursor:pointer;transition:background var(--dur-base) var(--ease-standard)}
.mce-fdealer__searchbtn:hover{background:var(--brand-red-deep)}
.mce-fdealer__body{display:grid;grid-template-columns:424px minmax(0,1fr);gap:24px;align-items:start}

.mce-fdcard{display:flex;flex-direction:column;gap:22px;padding:24px 28px;background:#fff;border:1px solid rgb(217,217,217);border-radius:4px}
.mce-fdcard__flag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:6px 12px;border-radius:100px;background:rgba(228,0,43,.07);font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:rgb(228,0,43)}
.mce-fdcard__flag b{width:6px;height:6px;border-radius:50%;background:rgb(228,0,43);display:inline-block}
.mce-fdcard__name{font-family:var(--font-core);font-weight:700;font-size:28px;line-height:30px;letter-spacing:.5px;color:rgb(15,23,42);text-decoration:underline;margin:0}
.mce-fdcard__addr p{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:24px;letter-spacing:.5px;color:rgb(100,116,139);margin:0}
.mce-fdcard__addr a{color:rgb(100,116,139)}
.mce-fdcard__svc-title{font-family:var(--font-core);font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:rgb(148,163,184);margin:0 0 10px}
.mce-fdcard__svc{list-style:none;display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0}
.mce-fdcard__svc li{display:flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:500;font-size:14px;color:rgb(55,65,81)}
.mce-fdcard__svc i{color:rgb(228,0,43);font-size:15px}
.mce-fdcard__hr{height:1px;background:rgb(217,217,217)}
.mce-fdcard__hours{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mce-fdcard__hours span:first-child{display:flex;align-items:center;gap:6px;font-family:var(--font-core);font-size:14px;color:rgb(100,116,139)}
.mce-fdcard__open{padding:4px 10px;border-radius:100px;background:rgba(16,185,129,.1);font-family:var(--font-core);font-weight:700;font-size:12px;color:rgb(5,150,105)}
.mce-fdcard__actions{display:flex;gap:12px}
.mce-fdcard__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:54px;border-radius:4px;font-family:var(--font-core);font-weight:700;font-size:16px;letter-spacing:.5px;text-decoration:none;transition:var(--transition-interactive,all .2s)}
.mce-fdcard__btn--primary{background:rgb(228,0,43);color:#fff}
.mce-fdcard__btn--primary:hover{background:var(--brand-red-deep);color:#fff}
.mce-fdcard__btn--ghost{border:1.5px solid rgb(226,232,240);color:rgb(55,65,81)}
.mce-fdcard__btn--ghost:hover{border-color:rgb(228,0,43);color:rgb(228,0,43)}

.mce-fdealer__right{display:flex;flex-direction:column;gap:16px}
.mce-fdstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mce-fdstat{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:1px solid rgb(217,217,217);border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.mce-fdstat span{font-family:var(--font-core);font-weight:800;font-size:24px;letter-spacing:.5px;color:rgb(228,0,43);flex-shrink:0}
.mce-fdstat p{font-family:var(--font-core);font-weight:500;font-size:14px;line-height:16px;letter-spacing:.5px;color:rgb(100,116,139);margin:0}
.mce-fdealer__map{position:relative;border-radius:4px;overflow:hidden;border:1px solid #fff;min-height:437px}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-fdealer__body{grid-template-columns:1fr}
  .mce-fdealer__map{min-height:380px}
}
@media (max-width:991px){
  .mce-fdealer__head h2{font-size:28px}
  .mce-fdealer__search{flex-direction:column;align-items:stretch}
  .mce-fdealer__search .mce-field{min-width:0}
  .mce-fdstats{grid-template-columns:1fr}
  .mce-fdcard__actions{flex-direction:column}
  .mce-fdcard__btn{flex:none;min-height:56px;height:auto;font-size:16px}
  .mce-fdealer__map{min-height:280px}
}
@media (max-width:767px){
  .mce-fdealer{padding:32px 0}
  .mce-fdealer__head h2{font-size:24px}
  .mce-fdcard{padding:20px}
  .mce-fdcard__name{font-size:22px}
}

/* ============================================================
   SERVICE CENTRE PAGE (reuses .mce-fdealer)
   ============================================================ */
.mce-fdealer--svc .mce-fdealer__head h2{max-width:576px}
.mce-fdealer--svc .mce-fdealer__head p{max-width:646px}
.mce-fdealer__scroll{max-height:525px;overflow-y:auto;padding-right:10px;scrollbar-gutter:stable}
.mce-fdealer__scroll::-webkit-scrollbar{width:8px}
.mce-fdealer__scroll::-webkit-scrollbar-track{background:rgb(231,231,231)}
.mce-fdealer__scroll::-webkit-scrollbar-thumb{background:rgb(186,185,185)}
.mce-fdealer__scroll{scrollbar-width:thin;scrollbar-color:rgb(186,185,185) rgb(231,231,231)}
@media (max-width:1200px){
  .mce-fdealer__scroll{max-height:none;overflow:visible;padding-right:0}
}


/* ============================================================
   BECOME DEALER PAGE
   ============================================================ */
.mce-crumb--plain{background:#fff;border-top:0;border-bottom:0}
.mce-crumb--plain .mce-crumb__inner{padding:16px var(--gutter)}

.mce-bdhero{position:relative;min-height:398px;display:flex;align-items:center;padding:96px 0;background-size:cover;background-position:center;isolation:isolate}
.mce-bdhero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.34) 48%,rgba(0,0,0,0) 100%)}
.mce-bdhero__inner{display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:574px}
.mce-bdhero h1{font-family:var(--font-core);font-weight:800;font-size:48px;line-height:54px;letter-spacing:.5px;color:#fff;margin:0}
.mce-bdhero p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:#fff;margin:0}

.mce-bdwhy{padding:48px 0}
.mce-bdwhy__head{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}
.mce-bdwhy__head .mce-eyebrow{margin-bottom:0}
.mce-bdwhy__head h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-bdwhy__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgb(202,202,202);border-radius:8px;overflow:hidden}
.mce-bdwhycard{display:flex;flex-direction:column;gap:16px;padding:32px;border-right:1px solid rgb(226,226,226)}
.mce-bdwhycard:last-child{border-right:0}
.mce-bdwhycard__icon{width:48px;height:48px;border-radius:6px;background:rgb(243,222,226);border:.625px solid rgb(229,231,235);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mce-bdwhycard__icon i{font-size:20px;color:rgb(227,24,55)}
.mce-bdwhycard h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:22px;letter-spacing:.5px;color:rgb(17,17,17);text-transform:uppercase;margin:0}
.mce-bdwhycard p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:22px;letter-spacing:.6px;color:rgb(120,120,120);margin:0}

.mce-bdpart{padding:60px 0;background:rgb(243,243,243)}
.mce-bdpart__card{display:grid;grid-template-columns:648px minmax(0,1fr);align-items:center;background:#fff;border:1px solid rgb(232,232,232);border-radius:18px;box-shadow:0 2px 14px rgba(0,0,0,.04);overflow:hidden}
.mce-bdpart__media{min-height:480px;background-size:cover;background-position:center}
.mce-bdpart__copy{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:40px 64px}
.mce-bdpart__copy .mce-eyebrow{margin-bottom:0}
.mce-bdpart__copy h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-bdpart__copy p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:26.25px;letter-spacing:.5px;color:rgb(102,102,102);max-width:420px;margin:0}
.mce-bdpart__list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}
.mce-bdpart__list li{display:flex;align-items:center;gap:12px;font-family:var(--font-core);font-weight:500;font-size:14px;line-height:21.6px;letter-spacing:.5px;color:rgb(54,65,83)}
.mce-bdpart__list i{font-size:16px;color:rgb(208,35,42)}

.mce-bdform{padding:60px 0}
.mce-bdform__head{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;max-width:817px;margin:0 auto 28px}
.mce-bdform__head .mce-eyebrow{margin-bottom:0}
.mce-bdform__head h2{font-family:var(--font-core);font-weight:700;font-size:40px;line-height:46px;letter-spacing:.5px;color:rgb(16,24,40);margin:0}
.mce-bdform__head p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);margin:0}
.mce-bdform__form{max-width:860px;margin:0 auto;padding:20px 0}
.mce-bdform__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.mce-bdform__grid .mce-field{gap:6px}
.mce-bdform__grid .mce-field label{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:20px;letter-spacing:.5px;color:rgb(55,65,81);text-transform:none}
.mce-bdform__grid .mce-input,.mce-bdform__grid .mce-select{height:40px;border:1px solid rgb(229,231,235);border-radius:6px;font-size:14px;letter-spacing:.5px;background:#fff}
.mce-bdform__grid textarea.mce-input{height:auto;min-height:76px;padding:11px 12px}
.mce-bdform__grid .mce-input::placeholder,.mce-bdform__grid textarea::placeholder{color:rgba(17,17,17,.5)}
.mce-bdform__checks{display:flex;flex-wrap:wrap;gap:8px 44px;padding:16px 0}
.mce-bdform__checks .mce-check{font-family:var(--font-core);font-weight:500;font-size:14px;line-height:20px;letter-spacing:.5px;color:rgb(107,114,128);gap:6px}
.mce-bdform__checks .mce-check input{width:17px;height:17px}
.mce-bdform__consent{font-family:var(--font-body);font-weight:500;font-size:12px;line-height:20px;letter-spacing:.5px;color:rgb(156,163,175);margin:0 0 18px}
.mce-bdform__consent a{color:rgb(156,163,175);text-decoration:underline}
.mce-bdform__consent a:hover{color:var(--brand-red)}
.mce-bdform__submit{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;background:rgb(200,16,46);box-shadow:0 2px 12px rgba(200,16,46,.28);font-family:var(--font-core);font-weight:600;font-size:16px;line-height:20px;letter-spacing:.5px;color:#fff;cursor:pointer;transition:background var(--dur) var(--ease-standard)}
.mce-bdform__submit:hover{background:var(--brand-red-deep)}
.mce-bdform__success{display:none;max-width:860px;margin:0 auto;text-align:center;padding:48px 24px}
.mce-bdform__success.is-visible{display:block}
.mce-bdform__success i{font-size:44px;color:var(--status-success)}
.mce-bdform__success h3{font-family:var(--font-core);font-weight:700;font-size:26px;letter-spacing:.5px;color:rgb(16,24,40);margin:16px 0 10px}
.mce-bdform__success p{font-family:var(--font-core);font-size:16px;line-height:24px;color:rgb(107,114,128);margin:0 0 22px}

/* ---- Responsive ---- */
@media (max-width:1200px){
  .mce-bdpart__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mce-bdpart__copy{padding:36px 40px}
  .mce-bdwhy__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mce-bdwhycard:nth-child(2n){border-right:0}
  .mce-bdwhycard:nth-child(-n+2){border-bottom:1px solid rgb(226,226,226)}
}
@media (max-width:991px){
  .mce-bdhero{padding:64px 0;min-height:340px}
  .mce-bdhero h1{font-size:36px;line-height:42px}
  .mce-bdpart__card{grid-template-columns:1fr}
  .mce-bdpart__media{min-height:300px}
  .mce-bdform__head h2{font-size:30px;line-height:38px}
}
@media (max-width:767px){
  .mce-bdhero{padding:48px 0;min-height:0}
  .mce-bdhero h1{font-size:30px;line-height:36px}
  .mce-bdwhy{padding:32px 0}
  .mce-bdwhy__head h2{font-size:26px;line-height:32px}
  .mce-bdwhy__grid{grid-template-columns:1fr}
  .mce-bdwhycard{padding:24px;border-right:0;border-bottom:1px solid rgb(226,226,226)}
  .mce-bdwhycard:last-child{border-bottom:0}
  .mce-bdpart{padding:32px 0}
  .mce-bdpart__copy{padding:28px 24px}
  .mce-bdpart__copy h2{font-size:26px;line-height:32px}
  .mce-bdform{padding:40px 0}
  .mce-bdform__head h2{font-size:24px;line-height:32px}
  .mce-bdform__grid{grid-template-columns:1fr}
  .mce-bdform__submit{height:54px}
}


/* ============================================================
   CUSTOMER STORIES / VIDEO TESTIMONIAL LISTING PAGE
   ============================================================ */
/* ---- Hero + filter bar ---- */
.mce-vshero{padding:24px 0}
.mce-vshero__copy{display:flex;flex-direction:column;gap:12px;max-width:856px;margin-bottom:24px}
.mce-vshero__copy .mce-eyebrow{margin-bottom:0}
.mce-vshero h1{font-family:var(--font-core);font-weight:700;font-size:48px;line-height:54px;letter-spacing:.5px;color:rgb(46,46,47);margin:0}
.mce-vshero p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(111,111,112);max-width:770px;margin:0}
.mce-vsfilter{display:flex;gap:24px;align-items:center;padding:24px 0;border-top:1px solid rgb(230,231,232)}
.mce-vsfilter__search{position:relative;flex:1 1 auto;min-width:0;height:40px;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgb(229,231,235);border-radius:4px;background:rgb(250,250,250)}
.mce-vsfilter__search i{font-size:14px;color:rgb(156,163,175);flex-shrink:0}
.mce-vsfilter__search input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--font-core);font-weight:600;font-size:14px;line-height:16px;letter-spacing:.5px;color:#000;outline:none}
.mce-vsfilter__search input::placeholder{color:#000;opacity:.85}
.mce-vsfilter__drop{position:relative;width:339.5px;flex-shrink:0;height:40px}
.mce-vsfilter__drop select{width:100%;height:100%;appearance:none;-webkit-appearance:none;padding:12px 40px 12px 24px;border:1px solid rgb(77,77,79);border-radius:4px;background:rgb(77,77,79);font-family:var(--font-core);font-weight:600;font-size:14px;line-height:16px;letter-spacing:.5px;color:rgb(228,228,228);cursor:pointer;outline:none}
.mce-vsfilter__drop i{position:absolute;right:20px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:12px;color:rgb(228,228,228)}

/* ---- Grid ---- */
.mce-vstories{padding:24px 0}
.mce-vstories__head{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}
.mce-vstories__label{font-family:var(--font-core);font-weight:500;font-size:14px;line-height:1;letter-spacing:.5px;text-transform:uppercase;color:rgb(211,47,47)}
.mce-vstories__head h2{font-family:var(--font-core);font-weight:700;font-size:28px;line-height:24px;letter-spacing:.5px;color:rgb(17,24,39);margin:0;padding:12px 0}
.mce-vstories__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.mce-vcard{display:flex;flex-direction:column;background:#fff;border:1px solid rgb(228,228,231);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);transition:box-shadow var(--dur,250ms) var(--ease,ease),transform var(--dur,250ms) var(--ease,ease)}
.mce-vcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.mce-vcard__media{position:relative;display:block;height:168px;background:rgb(17,17,17);overflow:hidden;flex-shrink:0}
.mce-vcard__img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.9;transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-vcard:hover .mce-vcard__img{transform:scale(1.06)}
.mce-vcard__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:var(--radius-pill);background:rgb(232,0,45);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.mce-vcard__dur{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);background:rgba(0,0,0,.7);font-family:var(--font-core);font-weight:500;font-size:11px;line-height:16.5px;color:#fff}
.mce-vcard__dur i{font-size:10px}
.mce-vcard__body{display:flex;flex-direction:column;padding:20px;flex:1}
.mce-vcard__badge{align-self:flex-start;padding:4px 12px;border-radius:var(--radius-pill);background:rgb(240,240,242);font-family:var(--font-core);font-weight:700;font-size:11px;line-height:16.5px;letter-spacing:.66px;text-transform:uppercase;color:rgb(75,75,75)}
.mce-vcard__body h3{font-family:var(--font-core);font-weight:700;font-size:15px;line-height:20.25px;color:rgb(28,28,28);margin:0;padding:12px 0 0}
.mce-vcard__loc{display:flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:400;font-size:12px;line-height:18px;color:rgb(154,154,154);margin:0;padding:4px 0 0}
.mce-vcard__loc i{font-size:12px;flex-shrink:0}
.mce-vcard__machine{font-family:var(--font-core);font-weight:400;font-size:12px;line-height:18px;color:rgb(113,113,113);margin:0;padding:8px 0}
.mce-vcard__link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:16px;border-top:1px solid rgb(240,240,242);font-family:var(--font-core);font-weight:600;font-size:13px;line-height:19.5px;color:rgb(232,0,45);text-decoration:none}
.mce-vcard__link i{transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-vcard__link:hover{color:var(--brand-red-deep)}
.mce-vcard__link:hover i{transform:translateX(4px)}
.mce-vstories__empty{display:none;padding:48px 0;text-align:center;font-family:var(--font-core);font-weight:500;font-size:16px;color:var(--text-muted);margin:0}
.mce-vstories__empty.is-shown{display:block}
.mce-vstories__more{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}
.mce-vstories__count{font-family:var(--font-core);font-weight:600;font-size:16px;line-height:16px;letter-spacing:.5px;color:rgb(154,154,154);margin:0}
.mce-vstories__btn{height:48px;padding:12px 32px;border:1px solid rgb(228,228,231);border-radius:10px;background:rgb(230,231,232);font-family:var(--font-core);font-weight:600;font-size:16px;line-height:22px;letter-spacing:.5px;color:rgb(77,77,79);cursor:pointer;transition:background var(--dur,250ms) var(--ease,ease),color var(--dur,250ms) var(--ease,ease)}
.mce-vstories__btn:hover{background:var(--brand-red);border-color:var(--brand-red-deep);color:#fff}

/* ---- Blog listing cards (Blogs Listing Page) ---- */
.mce-bcard{display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;transition:transform var(--dur,250ms) var(--ease,ease),box-shadow var(--dur,250ms) var(--ease,ease)}
.mce-bcard.is-hidden{display:none}
.mce-bcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.mce-bcard__media{position:relative;display:block;height:168px;overflow:hidden;flex-shrink:0;background:rgb(239,239,240)}
.mce-bcard__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-bcard:hover .mce-bcard__img{transform:scale(1.06)}
.mce-bcard__body{flex:1;display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid rgba(0,0,0,.2);border-top:0;border-radius:0 0 8px 8px}
.mce-bcard__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mce-bcard__badge{padding:4px 12px;border-radius:var(--radius-pill);background:rgb(239,239,240);font-family:var(--font-core);font-weight:700;font-size:12px;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:rgb(77,77,79)}
.mce-bcard__date{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:400;font-size:12px;line-height:18px;color:rgb(154,154,154)}
.mce-bcard__date i{font-size:12px;flex-shrink:0}
.mce-bcard__body h3{margin:0;font-family:var(--font-core);font-weight:600;font-size:16px;line-height:23.2px;color:rgb(28,28,28);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mce-bcard__body h3 a{color:inherit;text-decoration:none}
.mce-bcard__body h3 a:hover{color:var(--brand-red)}
.mce-bcard__body p{margin:0;font-family:var(--font-core);font-weight:400;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(107,114,128);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mce-bcard__link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:600;font-size:14px;line-height:19px;letter-spacing:.5px;color:rgb(232,0,45);text-decoration:none}
.mce-bcard__link i{transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-bcard__link:hover{color:var(--brand-red-deep)}
.mce-bcard__link:hover i{transform:translateX(4px)}

/* ---- Article detail (Blogs Detail Page) ---- */
.mce-arthero{padding:24px 0}
.mce-arthero__inner{width:100%}
.mce-arthero__copy{display:flex;flex-direction:column;gap:12px}
.mce-artmeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mce-artbadge{padding:4px 12px;border-radius:var(--radius-pill);background:rgb(239,239,240);font-family:var(--font-core);font-weight:700;font-size:12px;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:rgb(77,77,79)}
.mce-artdate{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-core);font-weight:400;font-size:12px;line-height:18px;color:rgb(154,154,154)}
.mce-arthero h1{max-width:694px;font-family:var(--font-core);font-weight:700;font-size:48px;line-height:54px;letter-spacing:.5px;color:rgb(46,46,47);margin:0}
.mce-arthero__lede{max-width:694px;font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(111,111,112);margin:0}
.mce-artbyline{display:flex;justify-content:space-between;align-items:center;gap:48px;margin-top:24px;padding:24px 0;border-top:1px solid rgb(230,231,232)}
.mce-artbyline__who{display:flex;align-items:center;gap:12px}
.mce-artbyline__av{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-pill);background:rgb(227,24,55);color:rgb(243,222,226);display:flex;align-items:center;justify-content:center;font-size:16px}
.mce-artbyline__name{font-family:var(--font-core);font-weight:600;font-size:16px;line-height:21px;letter-spacing:.5px;color:rgb(28,28,28);margin:0}
.mce-artbyline__role{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:18px;letter-spacing:.5px;color:rgb(154,154,154);margin:0}
.mce-artshare{display:flex;align-items:center;gap:8px}
.mce-artshare__label{font-family:var(--font-core);font-weight:500;font-size:14px;line-height:19.5px;color:rgb(113,113,113);padding-right:4px}
.mce-artshare__btn{width:36px;height:36px;flex-shrink:0;border:1px solid rgb(228,228,231);border-radius:10px;background:rgb(246,246,247);color:rgb(77,77,79);display:flex;align-items:center;justify-content:center;font-size:15px;text-decoration:none;transition:background var(--dur,250ms) var(--ease,ease),color var(--dur,250ms) var(--ease,ease)}
.mce-artshare__btn:hover{background:var(--brand-red);border-color:var(--brand-red-deep);color:#fff}
.mce-artmedia{padding:24px 0}
/* The frame follows the container (up to --content-max); the 1092x514 Figma box is
   an aspect ratio, not a pixel cap, so the image keeps stretching on wide screens. */
.mce-artmedia__frame{width:100%;border-radius:12px;overflow:hidden;aspect-ratio:1092/514}
.mce-artmedia__frame img{display:block;width:100%;height:100%;object-fit:cover}
/* Article photo (MCE, 2026-10-05: full width as designed, then "too pixelated, reduce the
   height"). The frame spans the page but is never taller than the design's 514px; a photo that
   fills it is cropped from a point above its middle, so heads in group photos stay in view.
   A small photo (under 1000px wide — the old site's news photos) or one set to "show the whole
   photo" is not blown up: it sits in the middle at its own size (up to 514px tall, never
   enlarged) over a blurred, darkened copy of itself that fills the frame. */
.mce-artmedia__frame{max-height:514px}
.mce-artmedia__frame img{object-position:50% 30%}
.mce-artmedia__frame--fit{position:relative;aspect-ratio:auto;max-height:none;background:#1b1b1c}
.mce-artmedia__frame--fit::before{content:"";position:absolute;inset:-48px;background:var(--mce-art-bg) center/cover no-repeat;filter:blur(32px) brightness(.72)}
.mce-artmedia__frame--fit img{position:relative;width:var(--mce-art-w,auto);max-width:100%;height:auto;margin:0 auto} /* width set by the template, so its space is kept while it loads */
.mce-artsec figure{margin:0 0 20px}
.mce-artsec figure img{display:block;max-width:100%;height:auto;border-radius:8px}

.mce-artbody{padding:32px 0 0}
.mce-artbody__col{max-width:874px;margin-inline:auto}
.mce-artsec{padding:18px 0}
.mce-artsec--lead{padding-top:0}
.mce-artsec h2{font-family:var(--font-core);font-weight:700;font-size:26px;line-height:33.8px;color:rgb(28,28,28);margin:0}
.mce-artsec p{font-family:var(--font-core);font-weight:400;font-size:16px;line-height:28px;color:rgb(75,75,75);margin:12px 0 0;max-width:var(--measure,68ch)}
.mce-artsec--lead h2+p{margin-top:12px}
.mce-arttable{margin-top:20px;overflow-x:auto}
.mce-arttable table{width:100%;min-width:640px;border-collapse:collapse}
.mce-arttable th{background:rgb(28,28,28);font-family:var(--font-core);font-weight:600;font-size:14px;line-height:21px;color:#fff;text-align:left;padding:12px 16px}
.mce-arttable td{border:1px solid rgb(228,228,231);font-family:var(--font-core);font-weight:500;font-size:14px;line-height:21px;color:rgb(28,28,28);padding:12px 16px}
.mce-arttable tbody tr:nth-child(even) td{background:rgb(249,249,250)}
.mce-artbp{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.mce-artbp__item{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid rgb(228,228,231);border-radius:14px;background:rgb(249,249,250)}
.mce-artbp__n{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-pill);background:rgb(232,0,45);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-core);font-weight:700;font-size:13px;line-height:19.5px}
.mce-artbp__t{font-family:var(--font-core);font-weight:600;font-size:15px;line-height:22.5px;color:rgb(28,28,28);margin:0}
.mce-artbp__d{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:23.1px;color:rgb(113,113,113);margin:4px 0 0}
.mce-artfaq{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.mce-artfaq__item{border:1px solid rgb(228,228,231);border-radius:8px;background:#fff;overflow:hidden}
.mce-artfaq__q{width:100%;min-height:55px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border:0;background:transparent;text-align:left;font-family:var(--font-core);font-weight:600;font-size:15px;line-height:22.5px;color:rgb(28,28,28);cursor:pointer}
.mce-artfaq__q i{flex-shrink:0;font-size:14px;color:rgb(154,154,154);transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-artfaq__item.is-open .mce-artfaq__q i{transform:rotate(90deg)}
.mce-artfaq__a{display:none;padding:0 20px 20px}
.mce-artfaq__item.is-open .mce-artfaq__a{display:block}
.mce-artfaq__a p{font-family:var(--font-core);font-weight:400;font-size:15px;line-height:26px;color:rgb(75,75,75);margin:0}
.mce-artgal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:20px}
.mce-artgal__item{display:block;border-radius:6px;overflow:hidden;aspect-ratio:274/148;background:rgb(239,239,240)}
.mce-artgal__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-artgal__item:hover img{transform:scale(1.06)}
.mce-artfoot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px;padding:24px 0;border-top:1px solid rgb(228,228,231);border-bottom:1px solid rgb(228,228,231)}
.mce-artfoot p{font-family:var(--font-core);font-weight:600;font-size:15px;line-height:23px;color:rgb(28,28,28);margin:0}
.mce-artrel{padding-top:32px}
.mce-artrel .mce-vstories__label{font-weight:700}
.mce-vstories__btn--link{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none}

/* ---- CTA band ---- */
.mce-vscta{padding:0 0 48px}
.mce-vscta__band{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:80px 60px;background:rgb(246,246,247);border:1px solid rgb(228,228,231)}
.mce-vscta__copy{max-width:576px}
.mce-vscta__copy h2{font-family:var(--font-core);font-weight:700;font-size:32px;line-height:40px;letter-spacing:.5px;color:rgb(28,28,28);margin:0}
.mce-vscta__copy p{font-family:var(--font-core);font-weight:400;font-size:16px;line-height:26px;letter-spacing:.6px;color:rgb(107,114,128);margin:12px 0 0}
.mce-vscta__actions{display:flex;gap:13px;flex-shrink:0}
.mce-vscta__actions .mce-btn{height:54.5px;min-width:119px}

/* ---- Responsive ---- */
@media (max-width:1400px){
  .mce-vstories__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:991px){
  .mce-vshero h1{font-size:36px;line-height:42px}
  .mce-arthero h1{font-size:36px;line-height:42px}
  .mce-artbody{padding-top:24px}
  .mce-artsec{padding:18px 0}
  .mce-vstories__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mce-vscta__band{flex-direction:column;align-items:flex-start;padding:48px 32px}
  .mce-vscta__actions{width:100%}
  .mce-vscta__actions .mce-btn{flex:1 1 auto}
}
@media (max-width:767px){
  .mce-vshero h1{font-size:30px;line-height:36px}
  .mce-arthero h1{font-size:30px;line-height:36px}
  .mce-artbyline{flex-direction:column;align-items:flex-start;gap:20px}
  .mce-artfoot{flex-direction:column;align-items:flex-start}
  .mce-artsec{padding:18px 0}
  .mce-artgal{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .mce-artbp__item{padding:16px}
  .mce-artsec h2{font-size:22px;line-height:29px}
  .mce-vshero p{font-size:15px}
  .mce-vsfilter{flex-direction:column;align-items:stretch;gap:12px}
  .mce-vsfilter__drop{width:100%}
  .mce-vstories__head h2{font-size:24px}
  .mce-vscta__copy h2{font-size:24px;line-height:30px}
}
@media (max-width:575px){
  /* rail is opt-in per listing: customer stories swipe, blog keeps Load More */
  .mce-vstories__grid--rail{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 8px}
  .mce-vstories__grid--rail::-webkit-scrollbar{display:none}
  .mce-vstories__grid--rail .mce-vcard{flex:0 0 78%;max-width:300px;scroll-snap-align:start}
  .mce-vstories__grid{grid-template-columns:minmax(0,1fr)}
  .mce-vstories__more{padding-top:8px}
  .mce-vstories__btn.is-hidden{display:none}
  .mce-vscta__band{padding:36px 20px}
  .mce-vscta__actions{flex-direction:column}
  .mce-vscta__actions .mce-btn{width:100%}
}


/* ============================================================
   GALLERY & MEDIA
   ============================================================ */
.mce-galhero{position:relative;min-height:398px;display:flex;align-items:center;padding:60px 0;overflow:hidden;background:rgb(17,17,17)}
.mce-galhero__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.55}
.mce-galhero__inner{position:relative;display:flex;flex-direction:column;gap:12px;max-width:none}
.mce-eyebrow--onDark{color:#fff}
.mce-galhero h1{max-width:636px;font-family:var(--font-core);font-weight:800;font-size:48px;line-height:54px;letter-spacing:.5px;color:#fff;margin:0}
.mce-galhero p{max-width:574px;font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:#fff;margin:0}
.mce-galjump{background:rgb(246,246,247);border:1px solid rgb(243,244,246);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 2px 12px -1px rgba(0,0,0,.05)}
.mce-galjump__row{display:flex;gap:4px;align-items:center;padding:24px 0;overflow-x:auto;scrollbar-width:none}
.mce-galjump__row::-webkit-scrollbar{display:none}
.mce-galjump__btn{flex-shrink:0;min-height:40px;padding:10px 16px;border:0;border-radius:6px;background:transparent;font-family:var(--font-core);font-weight:700;font-size:18px;line-height:19.5px;letter-spacing:.5px;text-transform:uppercase;color:rgb(77,77,79);cursor:pointer;transition:background var(--dur,250ms) var(--ease,ease),color var(--dur,250ms) var(--ease,ease)}
.mce-galjump__btn:hover{color:rgb(227,24,55)}
.mce-galjump__btn.is-active{background:rgb(243,222,226);color:rgb(227,24,55)}
.mce-galvid{padding:60px 0}
.mce-galhead{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.mce-galhead .mce-eyebrow{margin-bottom:0}
.mce-galhead h2{max-width:788px;font-family:var(--font-core);font-weight:700;font-size:48px;line-height:54px;letter-spacing:.5px;color:rgb(46,46,47);margin:0}
.mce-galhead p{max-width:684px;font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:rgb(111,111,112);margin:0}
.mce-galfeat{display:grid;grid-template-columns:minmax(0,870fr) minmax(0,422fr);gap:24px;align-items:start}
.mce-galfeat__side{display:flex;flex-direction:column;gap:24px}
.mce-galfeat__side .mce-galcard{display:none}
.is-galview-videos .mce-galfeat__side .mce-galtile{display:none}
.is-galview-videos .mce-galfeat__side .mce-galcard{display:flex}
/* Videos view with no side videos: the featured video alone, centred at a comfortable size
   (full width it was taller than the screen). MCE, 2026-10-05: four videos. */
.is-galview-videos .mce-galfeat:not(:has(.mce-galfeat__side .mce-galcard)){grid-template-columns:minmax(0,960px);justify-content:center}
.is-galview-videos .mce-galfeat:not(:has(.mce-galfeat__side .mce-galcard)) .mce-galfeat__side{display:none}
.mce-galcard{display:flex;flex-direction:column;background:#fff;border:1px solid rgb(228,228,231);border-radius:12px;overflow:hidden;transition:transform var(--dur,250ms) var(--ease,ease),box-shadow var(--dur,250ms) var(--ease,ease)}
.mce-galcard:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.mce-galcard__media{position:relative;display:block;background:rgb(17,17,17);overflow:hidden;aspect-ratio:420/236}
.mce-galcard--lg .mce-galcard__media{aspect-ratio:868/488}
.mce-galcard__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-galcard:hover .mce-galcard__img{transform:scale(1.04)}
.mce-galcard__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:var(--radius-pill);background:rgb(232,0,45);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)}
.mce-galcard__body{display:flex;flex-direction:column;gap:6px;padding:12px 20px}
.mce-galcard--bare .mce-galcard__body{display:none}
.is-galview-images .mce-galfeat .mce-galcard__play,.is-galview-images .mce-galfeat .mce-galcard__body{display:none}
.mce-galcard__badge{align-self:flex-start;padding:4px 12px;border-radius:var(--radius-pill);background:rgb(240,240,242);font-family:var(--font-core);font-weight:700;font-size:12px;line-height:16px;letter-spacing:.5px;text-transform:uppercase;color:rgb(75,75,75)}
.mce-galcard__body h3{font-family:var(--font-core);font-weight:600;font-size:16px;line-height:22px;letter-spacing:.5px;color:rgb(28,28,28);margin:0}
.mce-galmore{background:rgb(246,246,247);padding:60px 0}
.mce-galmore__title{font-family:var(--font-core);font-weight:700;font-size:28px;line-height:24px;letter-spacing:.5px;color:rgb(17,24,39);margin:0 0 24px}
.mce-galgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.mce-galimg{padding:60px 0}
.mce-galtile{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid rgb(228,228,231);background:rgb(17,17,17);aspect-ratio:420/236}
.mce-galtile.is-hidden{display:none}
.mce-galtile img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur,250ms) var(--ease,ease)}
.mce-galtile:hover img{transform:scale(1.04)}
.mce-galtile__zoom{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;box-shadow:inset 0 0 0 1px rgb(255,255,255);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur,250ms) var(--ease,ease)}
.mce-galtile:hover .mce-galtile__zoom,.mce-galtile:focus-visible .mce-galtile__zoom{opacity:1}
.mce-galimg__foot{display:flex;justify-content:center;padding-top:24px}
.mce-galimg__foot .mce-btn{min-width:152px;height:54.5px}
.mce-galimg__foot .mce-btn.is-hidden{display:none}
[data-galsec].is-hidden{display:none}
@media (max-width:1199px){
  .mce-galgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .mce-galhero h1,.mce-galhead h2{font-size:36px;line-height:42px}
  .mce-galfeat{grid-template-columns:minmax(0,1fr)}
  .mce-galvid,.mce-galmore,.mce-galimg{padding:40px 0}
}
@media (max-width:767px){
  .mce-galhero h1,.mce-galhead h2{font-size:30px;line-height:36px}
  .mce-galgrid{grid-template-columns:minmax(0,1fr)}
  .mce-galjump__btn{font-size:16px}
  .mce-galcard__play{width:48px;height:48px;font-size:18px}
}

/* ============================================================
   ABOUT MCE PAGE (reuses .mce-solhero, .mce-supcard, .mce-suppill, .mce-supimaxx)
   ============================================================ */
.mce-abouthero__actions .mce-btn{min-width:280.5px}
.mce-aboutwho{padding:46px 0}
.mce-aboutwho .mce-supcard__body p+p{margin-top:14px}
.mce-abouteng{position:relative;min-height:640px;display:flex;align-items:center;padding:64px 0;background-color:#000;background-size:cover;background-position:center;isolation:isolate}
.mce-abouteng::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.62)}
.mce-abouteng__inner{display:flex;flex-direction:column;gap:24px;width:100%}
.mce-abouteng__head{display:flex;flex-direction:column;gap:6px}
.mce-abouteng__head .mce-eyebrow{margin-bottom:0}
.mce-abouteng__head h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:#fff;margin:0}
.mce-abouteng__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgb(111,111,112);border-radius:8px;overflow:hidden}
.mce-abouteng__item{display:flex;flex-direction:column;gap:16px;padding:32px;border-right:1px solid rgb(111,111,112)}
.mce-abouteng__item:last-child{border-right:0}
.mce-abouteng__num{font-family:var(--font-core);font-weight:900;font-size:48px;line-height:48px;color:rgb(227,24,55)}
.mce-abouteng__item h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:22px;letter-spacing:.5px;text-transform:uppercase;color:#fff;margin:0}
.mce-abouteng__item p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:22px;letter-spacing:.6px;color:rgb(211,211,212);margin:8px 0 0}
@media (max-width:991px){
  .mce-abouteng{min-height:0;padding:56px 0}
  .mce-abouteng__head h2{font-size:28px;line-height:34px}
  .mce-abouteng__grid{grid-template-columns:1fr}
  .mce-abouteng__item{border-right:0;border-bottom:1px solid rgb(111,111,112)}
  .mce-abouteng__item:last-child{border-bottom:0}
}
@media (max-width:767px){
  .mce-abouthero__actions .mce-btn{min-width:150px}
  .mce-aboutwho{padding:32px 0}
  .mce-abouteng{padding:40px 0}
  .mce-abouteng__head h2{font-size:24px;line-height:30px}
  .mce-abouteng__item{padding:24px}
  .mce-abouteng__num{font-size:40px;line-height:40px}
}

/* ============================================================
   CAREER PAGE (reuses .mce-solhero, .mce-bdform, .mce-bdaddr)
   ============================================================ */
.mce-carwhy{padding:48px 0}
.mce-carwhy__head{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}
.mce-carwhy__head .mce-eyebrow{margin-bottom:0}
.mce-carwhy__head h2{font-family:var(--font-core);font-weight:700;font-size:34px;line-height:40px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-carwhy__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgb(202,202,202);border-radius:8px;overflow:hidden}
.mce-carwhy__item{padding:32px;border-right:1px solid rgb(226,226,226)}
.mce-carwhy__item:last-child{border-right:0}
.mce-carwhy__item h3{font-family:var(--font-core);font-weight:700;font-size:16px;line-height:22px;letter-spacing:.5px;text-transform:uppercase;color:rgb(17,17,17);margin:0}
.mce-carwhy__item p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:22px;letter-spacing:.6px;color:rgb(120,120,120);margin:8px 0 0}
.mce-carform{background:rgb(246,246,247);padding:48px 0}
.mce-carform__full{grid-column:1/-1}
.mce-carform__cv{padding-top:16px}
.mce-carform__label{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:20px;letter-spacing:.5px;color:rgb(55,65,81)}
.mce-bdform__grid .mce-carform__cv .mce-carform__upload{display:flex;align-items:center;gap:12px;cursor:pointer;margin:0;text-transform:none;letter-spacing:0;font-size:14px}
.mce-carform__clip{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border:.556px solid rgb(216,213,207);background:#fff;color:rgb(107,107,107);font-size:18px}
.mce-carform__meta{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.mce-carform__title{font-family:var(--font-core);font-weight:500;font-size:14px;line-height:20px;color:rgb(20,20,20);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mce-carform__hint{font-family:var(--font-core);font-weight:400;font-size:14px;line-height:16px;color:rgb(107,107,107)}
.mce-carform__action{font-family:var(--font-core);font-weight:700;font-size:14px;line-height:13.5px;letter-spacing:1.62px;text-transform:uppercase;color:rgb(200,16,46)}
.mce-carform__upload:hover .mce-carform__action{color:var(--brand-red-deep)}
.mce-carform__file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.mce-carform__cv:focus-within .mce-carform__clip{border-color:var(--brand-red)}
.mce-carform__cv.has-file .mce-carform__clip{color:var(--brand-red);border-color:var(--brand-red)}
.mce-carform__cv .mce-carform__file.is-invalid ~ .mce-field__err{display:block}
.mce-carform__checks{padding:40px 0 24px}
.mce-carform__checks .mce-check{align-items:flex-start;font-size:12px}
.mce-carform__checks .mce-check input{margin-top:2px}
.mce-check input.is-invalid{border-color:var(--status-error)}
.mce-carform .mce-bdform__grid .mce-select:invalid{color:rgba(17,17,17,.5)}
@media (max-width:991px){
  .mce-carwhy__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mce-carwhy__item:nth-child(2){border-right:0}
  .mce-carwhy__item:nth-child(-n+2){border-bottom:1px solid rgb(226,226,226)}
}
@media (max-width:767px){
  .mce-carwhy{padding:32px 0}
  .mce-carwhy__head h2{font-size:24px;line-height:30px}
  .mce-carwhy__grid{grid-template-columns:1fr}
  .mce-carwhy__item{padding:24px;border-right:0;border-bottom:1px solid rgb(226,226,226)}
  .mce-carwhy__item:last-child{border-bottom:0}
  .mce-carform{padding:40px 0}
  .mce-carform__checks{padding:24px 0 16px}
  .mce-solhero .mce-carhero__sub{font-size:clamp(12px,3.6vw,15px);letter-spacing:0;text-wrap:balance}
  .mce-carhero__sub br{display:none}
}

/* ============================================================
   AWARDS PAGE (reuses .mce-solhero)
   ============================================================ */
.mce-awards{padding:95px 0}
.mce-awards__head{display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;margin-bottom:51px}
.mce-awards__head .mce-eyebrow{margin-bottom:0}
.mce-awards__head h2{font-family:var(--font-core);font-weight:700;font-size:40px;line-height:46px;letter-spacing:.5px;color:rgb(10,10,10);margin:0}
.mce-awards__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 80px;max-width:1094px;margin:0 auto}
.mce-award{display:flex;flex-direction:column;border:1px solid transparent;border-radius:8px;background:rgb(245,245,245);overflow:hidden;transition:background var(--dur,250ms),box-shadow var(--dur,250ms),border-color var(--dur,250ms)}
.mce-award:hover{background:#fff;border-color:rgb(226,226,226);box-shadow:0 12px 32px rgba(17,17,17,.1)}
.mce-award__media{height:174px;overflow:hidden;border-radius:8px 8px 0 0;background:#fff}
.mce-award__media img{width:100%;height:100%;object-fit:cover;display:block}
.mce-award__body{display:flex;flex-direction:column;padding:28px;flex:1}
.mce-award__rule{display:block;width:88px;height:3px;background:linear-gradient(90deg,rgb(255,242,0) 0 22px,transparent 22px 26px,rgb(227,24,55) 26px)}
.mce-award__body h3{font-family:var(--font-core);font-weight:700;font-size:24px;line-height:32px;letter-spacing:1px;color:rgb(227,24,55);margin:7px 0 14px;max-width:12ch}
.mce-award__body p{font-family:var(--font-core);font-weight:500;font-size:16px;line-height:24px;letter-spacing:1px;color:rgb(107,114,128);margin:0}
@media (max-width:1199px){
  .mce-awards__grid{gap:32px}
}
@media (max-width:991px){
  .mce-awards{padding:64px 0}
  .mce-awards__head{margin-bottom:36px}
  .mce-awards__head h2{font-size:30px;line-height:38px}
  .mce-awards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media (max-width:767px){
  .mce-awards{padding:40px 0}
  .mce-awards__head h2{font-size:24px;line-height:30px}
  .mce-awards__grid{grid-template-columns:1fr;max-width:30rem}
  .mce-award__body{padding:24px}
  .mce-award__body h3{font-size:22px;line-height:30px}
}


/* ============================================================
   REVIEW FIXES 2026-09-29 (deviations from the reference, see CLAUDE.md)
   ============================================================ */
/* Breadcrumb text on the page gutter like the header and content (reference: fixed 16px). */
.mce-crumb__inner{padding-left:var(--gutter);padding-right:var(--gutter)}
/* Compare page tabs bar: same bug — the reference's padding:12px 0 dropped the gutter. */
.mce-cmptabs__inner{padding-left:var(--gutter);padding-right:var(--gutter)}
/* Equipment range: the reference's .mce-ecard__body p rule overrode the "Best For" label to
   16px body text; restore its label style and keep it just above its tags. */
.mce-ecard__body .mce-ecard__label{font-size:11px;line-height:1.4;color:var(--text-muted);margin:4px 0 -4px}
/* Attachments & Work Tools (image beside text): content centred, link right under the list. */
@media (min-width:992px){
  .mce-ecard--split .mce-ecard__body{align-items:center;text-align:center}
  .mce-ecard--split .mce-ecard__bullets{justify-content:center}
  .mce-ecard--split .mce-ecard__link{margin-top:6px;align-self:center}
}
/* Mega menu: link text lines up with its column label/heading; the hover pill of category
   and model links extends into the column padding instead of indenting the text. */
.mce-mega__cats,.mce-mega__models{margin-left:-15px;margin-right:-15px}
.mce-mega__sublinks a{padding-left:0}
/* Solutions & Applications (home and Construction Equipment): smaller recommended-equipment
   pills (45px / 40px → 30px tall). */
.mce-sol__reco,.mce-cesol__reco{gap:8px}
.mce-sol__reco li,.mce-cesol__reco li{gap:6px;padding:5px 12px;font-size:13px;line-height:18px}
.mce-sol__reco i,.mce-cesol__reco i{font-size:14px}
/* Compare features: the spec sheet's wording ("No (2WD only)", "NA"…) under each icon. */
.mce-cmptable--feat .mce-cmprow>span:not(:first-child){flex-direction:column;align-items:center;gap:4px;text-align:center}
.mce-cmpfeat__note{font-size:12px;line-height:16px;color:rgb(106,114,130)}
/* Category hero H1 keeps its authored line breaks on laptops: next to the fixed 646px
   image the text column is 527px at 1280, too narrow for a 48px line like "More Power. More
   Productivity." (721px). Scale with the column (6.6% of it, sized for that line): up to
   48px, never below 28px (34px kept "Jobs" alone on 992–1199 screens). Balanced, so the
   longer Motor Graders heading never leaves one word on a line. */
@media (min-width:992px){
  .mce-cathero__inner>div:first-child{container-type:inline-size}
  .mce-cathero h1{font-size:clamp(28px,6.6cqi,48px)}
  /* Subheading uses the heading column's full width (reference: 500px) so a ~190-character
     line takes two lines, not three (MCE, Backhoe Loaders); 15px on ~1366 screens. Below
     ~1370px the image narrows (646px down to 460px) to keep the text column at 620px. */
  .mce-cathero__inner{grid-template-columns:1fr clamp(460px,calc(100% - 648px),646px)}
  .mce-cathero p{max-width:none;font-size:clamp(15px,2.28cqi,16px)}
}
/* Category page without its comparison table: Why Choose Mahindra and Performance Features
   are both white, so their paddings stacked into a 160px gap. One section's worth. */
.mce-deliver+.mce-perf{padding-top:0}
/* A category without its product range (one machine): the intro and Why Choose Mahindra share
   one padding, as above. */
.mce-catintro+.mce-deliver{padding-top:0}
/* A category without a hero image (Attachments): no empty image box — the text takes the row. */
.mce-cathero__inner:not(:has(.mce-cathero__media)){grid-template-columns:minmax(0,1fr)}
.mce-cathero__inner:not(:has(.mce-cathero__media)) h1:last-child{margin-bottom:0}
/* Product hero capsules: MCE's longer texts ("Class Leading (6243 kgf) Bucket Breakout
   Force") still pair up two per row as in the design (reference cap: 520px). */
.mce-phero__usps{max-width:560px}
/* Product overview: the grid's 56px gap also sat between the heading and the text
   (70px with the heading's margin); keep it between the image and the text only. */
@media (min-width:992px){ .mce-pover__inner{row-gap:10px} }
/* Product "Engineered for Performance. Built for Productivity." on one line (836px at 34px):
   the heading reaches 60px past each side of the 760px head; the text keeps its width. */
@media (min-width:992px){ .mce-pperf__head h2{margin-left:-60px;margin-right:-60px} }

/* ---- Consistency pass 2026-09-30 (MCE: padding, card alignment, headings, all widths) ---- */
/* No one-word last lines: headings balance their lines, paragraphs avoid a lone last word. */
h1,h2,h3{text-wrap:balance}
:is(h1,h2,h3):has(br){text-wrap:pretty} /* Chrome balances only the part before a <br> */
.mce-cathero h1{text-wrap:balance} /* its lines are sized to fit (see the H1 scaling above) */
p{text-wrap:pretty}
.mce-intro p,.mce-lead__intro p,.mce-pperf__head p,.mce-iapp__head p,.mce-cathero p,.mce-phero__tagline{text-wrap:balance}
/* iMAXX benefits intro: two lines with the first one full (MCE), not balanced. */
/* Two sections with the same background: one section's padding between them, not two. */
.mce-pspec+.mce-patt,.mce-catrange+#compare,.mce-perf+#faq,.mce-tst+#faq{padding-top:0}
.mce-bdaddr+.mce-bdcta,.mce-supsplit+.mce-supimaxx,.mce-suppill+.mce-supimaxx,.mce-mtipsched+.mce-supimaxx{padding-top:0}
/* Support pillars: MCE's copy has a line under the heading (the reference head has none). */
.mce-suppill__head p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:6px 0 0}
.mce-solapps+.mce-solwhy{padding-top:0}
@media (min-width:992px){ .mce-solapps+.mce-solwhy{padding-top:34px} }
/* Tablets keep the design's tighter FAQ, dealer, Solutions-grid and form-page paddings (the tier rule set every section to 72px). */
@media (min-width:768px) and (max-width:991px){
  .mce-section.mce-section--tight{padding:56px 0}
  .mce-section.mce-dealer{padding-top:36px}
  .mce-section.mce-solapps{padding:46px 0}
  .mce-section.mce-bdemo{padding-bottom:0}
  .mce-section.mce-bdaddr{padding-top:48px}
}
/* Enquiry / career forms on phones: the single column may shrink (a field's content made it
   338px in a 324px box, so the form sat off-centre). */
@media (max-width:767px){ .mce-bdform__grid{grid-template-columns:minmax(0,1fr)} }
/* Cards in a row share one height; their links line up at the bottom. */
.mce-patt__track,.mce-cmpatt__grid{align-items:stretch}
.mce-pattcard__more{margin-top:auto}
/* Home product cards shrink with the page below ~1070px instead of running off it. */
.mce-portfolio__grid{grid-template-columns:repeat(3,minmax(0,311px))}
.mce-prodcard{width:100%}
/* Insight cards: tag and date stacked on laptops, so titles line up whatever the tag length. */
@media (min-width:992px) and (max-width:1439px){ .mce-artcard__tags{flex-direction:column;align-items:flex-start} }
@media (min-width:992px) and (max-width:1199px){ .mce-bcard__meta{flex-direction:column;align-items:flex-start;gap:6px} } /* blog / news cards, same reason */
/* "Attachments & Work Tools" card: centred only while it sits side by side (desktop). */
@media (max-width:991px){
  .mce-ecard--split{gap:0}
  .mce-ecard--split .mce-ecard__body{justify-content:flex-start;flex:1 1 auto}
}
/* Category hero H1 scales with its column on tablets too, so authored line breaks hold
   ("Built for India's Toughest Jobs" left "Jobs" alone at 48px on a 768 screen). */
@media (min-width:577px) and (max-width:991px){
  .mce-cathero__inner>div:first-child{container-type:inline-size}
  .mce-cathero h1{font-size:clamp(28px,6.6cqi,48px)}
}
/* Swipe rails bleed to the screen edge by the actual gutter (a fixed 20px overflowed the
   page by 2px where the phone gutter is 18px). */
@media (max-width:576px){
  .mce-catrange__grid,.mce-cerange__grid{margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter)}
}
/* iMAXX benefits: numbered in order and filling the two desktop columns top to bottom
   (reference: items written 01, 04, 02, 05… so phones read them out of order). */
@media (min-width:992px){ .mce-ibene__grid{grid-auto-flow:column;grid-template-rows:repeat(var(--mce-rows,3),auto)} }
/* Mobile menu third level (MCE, 2026-09-30: Products → Backhoe Loaders → Overview + models).
   A nested button looks like its sibling links; its links indent; only an open accordion's
   own icon turns into a cross. */
.mce-acc__panel .mce-acc__btn{padding:11px 32px;font-size:15px;font-weight:400}
.mce-acc__panel .mce-acc__panel{background:transparent}
.mce-acc__panel .mce-acc__panel a{padding:5px 32px 5px 52px}
.mce-acc__panel .mce-acc__panel li:last-child a{padding-bottom:10px} /* a little air before the next category */
.mce-acc:not(.is-open)>.mce-acc__btn i,.mce-acc:not(.is-open)>.mce-acc__row .mce-acc__btn i{transform:none}
/* A category row: its name links to the category page, the icon beside it opens the list. */
.mce-acc__row{display:flex;align-items:stretch}
.mce-acc__panel .mce-acc__row>a{flex:1;min-width:0}
.mce-acc__row>.mce-acc__btn{width:auto;flex-shrink:0;padding:11px 32px 11px 18px}
/* Same on the top level (Solutions → the Solutions page), sized as the other top items. */
.mce-drawer__list>li>.mce-acc__row>a{flex:1;min-width:0;display:block;padding:14px 20px;font-family:var(--font-core);font-weight:500;font-size:17px;color:var(--text-secondary)}
.mce-drawer__list>li>.mce-acc__row>a.is-active{color:var(--brand-ink);font-weight:600}
.mce-drawer__list>li>.mce-acc__row>.mce-acc__btn{padding:14px 20px 14px 16px}
/* Product "Compatible Attachments": one scrolling row at every width, so the arrows and
   dots work (the reference grid wrapped 6 cards into rows, and stacked them on phones,
   leaving the pager with nothing to move). 4 / 3 / 2 cards in view, 82% on phones; the
   pager hides when every card fits (main.js). Padding keeps shadows and the hover lift. */
.mce-patt__track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none;padding:8px 6px 28px;margin:-8px -6px -28px}
.mce-patt__track::-webkit-scrollbar{display:none}
.mce-patt__track>.mce-pattcard{flex:0 0 calc((100% - 72px) / 4);scroll-snap-align:start}
@media (max-width:1200px){ .mce-patt__track>.mce-pattcard{flex-basis:calc((100% - 48px) / 3)} }
@media (max-width:991px){ .mce-patt__track>.mce-pattcard{flex-basis:calc((100% - 24px) / 2)} }
@media (max-width:767px){ .mce-patt__track{gap:16px} .mce-patt__track>.mce-pattcard{flex-basis:82%} }
/* Product feature tabs on phones: tabs sit flush in their bar (16px above them looked
   detached). */
@media (max-width:767px){ .mce-pperf__nav{padding:0} }
/* Product key figures on tablets and phones: an even 2 × 2 grid with one clean cross of
   lines (items were centred at different heights, so the lines didn't meet); on phones
   the icon sits above the figure so values stay on one line. */
.mce-pbenefits .mce-pbenefit{align-self:stretch} /* dividers the full bar height, also on desktop */
/* The last menu item's dropdown (Company) opens to the left: at 992–1100 it ran off the
   page edge. */
.mce-nav__links>li:last-child>.mce-drop{left:auto;right:0}
@media (max-width:991px){
  .mce-pbenefits .mce-pbenefit{align-self:stretch;justify-content:flex-start;padding:18px 16px;border:0;border-bottom:1px solid rgba(0,0,0,.1)}
  .mce-pbenefits .mce-pbenefit:nth-child(odd){border-right:1px solid rgba(0,0,0,.1)}
  .mce-pbenefits .mce-pbenefit:nth-child(even){padding-left:16px}
  .mce-pbenefits .mce-pbenefit:last-child,.mce-pbenefits .mce-pbenefit:nth-last-child(2):nth-child(odd){border-bottom:0}
}
@media (max-width:576px){
  .mce-pbenefits .mce-pbenefit{flex-direction:column;align-items:flex-start;gap:10px}
  .mce-pbenefit__text b{font-size:16px}
}
/* Download Brochure: the success panel swap the reference wrote for the other form pages
   but forgot for this one. */
#dbrochure-form-wrap.is-submitted #dbrochure-form{display:none}
#dbrochure-form-wrap.is-submitted .mce-bdemo__success{display:flex}
/* Download Brochure: the brochures offered once the form is sent (one group per machine). */
.mce-bdemo__downloads{display:flex;flex-direction:column;gap:18px;width:100%;max-width:680px;margin:6px 0 4px}
.mce-bdemo__dlgroup{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--border-subtle)}
.mce-bdemo__dlgroup[hidden]{display:none}
.mce-bdemo__dlnone{max-width:560px}
.mce-bdemo__dlnone[hidden]{display:none}
.mce-bdemo__downloads:not(:has(.mce-bdemo__dlgroup:not([hidden]))){display:none}
.mce-bdemo__dlname{font-family:var(--font-core);font-weight:700;font-size:16px;color:var(--text-primary)}
.mce-bdemo__dllinks{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.mce-bdemo__downloads .mce-btn i{font-size:inherit;color:inherit}
@media (max-width:576px){ .mce-bdemo__dllinks .mce-btn{width:100%;white-space:normal;height:auto;min-height:48px;padding:10px 16px} }
/* Career CV row: CF7's wrapper round the hidden file input added 6px below it. */
.mce-carform__cv .wpcf7-form-control-wrap{display:contents}
/* Find Dealer / Service Centre: every dealer card is listed (the design drew one), so they
   stack with a gap, and the selected card is marked like the dealer section's. */
.mce-fdealer__scroll{display:flex;flex-direction:column;gap:16px}
.mce-fdcard__name{cursor:pointer}
.mce-fdcard__name:hover,.mce-fdcard.is-active .mce-fdcard__name{color:var(--brand-red)}
.mce-fdcard.is-active{border-color:var(--brand-red);box-shadow:0 0 0 1px var(--brand-red)}
/* Search results: the search engine's highlighted words. */
.mce-bcard mark{background:rgba(228,0,43,.12);color:inherit}
/* Solutions rows (Solutions page, a solution's overview): the image always takes the same
   share and reaches the card edge, so every image has the card's rounded outer corners. The
   reference's fixed 711px / 582px columns left a white strip after right-hand images (68px
   at 1440, 450px at 1920) and made them narrower than left-hand ones. */
@media (min-width:992px){
  .mce-solrow{grid-template-columns:minmax(0,711fr) minmax(0,582fr)}
  .mce-solrow--flip{grid-template-columns:minmax(0,582fr) minmax(0,711fr)}
}
/* About "Who We Are" with MCE's copy (six long paragraphs; the reference had two short ones):
   the text gets a wider column and its full width, and the photo keeps a normal height and
   stays in view beside the text (it was stretched to the card's 1,340px height, which cropped
   it to a sliver). overflow:clip keeps the card's rounded corners without stopping the sticky. */
@media (min-width:992px){
  .mce-aboutwho .mce-supcard{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);overflow:clip;align-items:start}
  .mce-aboutwho .mce-supcard__body p{max-width:720px}
  .mce-aboutwho .mce-supcard__media{position:sticky;top:calc(var(--header-h,124px) + var(--crumb-h,60px));height:min(560px,calc(100vh - var(--header-h,124px) - var(--crumb-h,60px)));min-height:0}
}
/* Product hero capsules wrap on phones instead of widening the page. */
.mce-phero__usps li{white-space:normal;max-width:100%}
/* Dealer finder on laptops: the map column may shrink (it overflowed the page at 1024–1280),
   figures stack above their labels, and the narrow card's buttons stack. */
@media (min-width:1201px){ .mce-dealer .mce-dealer__body{grid-template-columns:590px minmax(0,1fr)} }
@media (min-width:992px) and (max-width:1200px){
  .mce-dealer .mce-dealer__body{grid-template-columns:360px minmax(0,1fr)}
  .mce-dcard{padding:24px}
  .mce-dcard__name{font-size:26px}
  .mce-dcard__actions{flex-direction:column;gap:10px}
  .mce-dcard__actions .mce-btn{flex:none;width:100%}
}
/* Header: the logo keeps its size (the menu squeezed it to nothing at 992–1100); the menu
   tightens on small laptops so logo, links and Book Demo fit on one row. */
.mce-nav__logo{flex-shrink:0}
@media (min-width:992px) and (max-width:1199px){
  .mce-nav__logo{margin-right:8px}
  .mce-nav__logo img{height:38px}
  .mce-nav__links>li>a{padding:9px 6px;font-size:14px;letter-spacing:.2px}
  .mce-nav__cta{margin-left:8px}
}
/* Footer on small laptops: the five link columns (links don't wrap) need the full width, so
   the brand block sits above them as on tablets (they overflowed the page at 992–1200). */
@media (min-width:992px) and (max-width:1200px){ .mce-footer__top{grid-template-columns:1fr;gap:36px} }
@media (min-width:992px) and (max-width:1439px){
  .mce-dealer__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mce-dstat{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px}
}

/* ---- MCE review 2026-10-01 ---- */
/* Guarantee: the "Our Guarantee" heading on one line where it fits (the head was 520px wide);
   its text keeps the 520px measure. */
.mce-guarintro__head{max-width:none}
.mce-guarintro__head p{max-width:520px}
/* Guarantee "Why It Matters": numbers in the site font and capital titles, like every other
   numbered box (About "Engineered in India", Maintenance Tips, iMAXX) — the reference set
   this one block in Barlow Condensed with title-case titles. */
.mce-guarwhy__num{font-family:var(--font-core);font-weight:900}
.mce-guarwhy__item h3{letter-spacing:.5px;text-transform:uppercase}
/* Insights & Resources on phones: "View All Articles" / "View All News" after their cards
   (the reference stacked each button under its label, above the cards). The label row's two
   children are placed around the cards with flex order. */
@media (max-width:767px){
  .mce-ins>.mce-container{display:flex;flex-direction:column}
  .mce-ins .mce-ins__row{display:contents}
  .mce-ins__row>.mce-ins__label{order:1;margin-bottom:22px}
  .mce-ins__grid{order:2}
  .mce-ins__row>.mce-btn{order:3;margin-top:20px}
  .mce-ins__row:has(+.mce-ins__news)>.mce-ins__label{order:4}
  .mce-ins__grid~.mce-ins__row>.mce-ins__label{margin-top:36px}
  .mce-ins__news{order:5}
  .mce-ins__row:has(+.mce-ins__news)>.mce-btn{order:6}
}
/* Mobile menu: the current section keeps the same weight as the other items (it was
   semi-bold); the darker text alone marks it. */
.mce-drawer__list>li>a.is-active,.mce-drawer__list>li>.mce-acc__row>a.is-active{font-weight:500}
/* Home banners (MCE's banner set, 2026-10-01). Desktop banners are drawn at the Figma banner's
   shape (2160 × 837) with the machines on the right two thirds.
   - 992 up: the banner area keeps that shape (it was a fixed 558px, which cut the image on
     other widths) and the text stays in the clear left third (narrower column, heading
     scaled with the screen).
   - Tablets: no room beside the machines, so the text sits on a dark panel above the whole
     banner.
   - Phones: the slide's portrait banner (machines at the bottom): text at the top over the
     sky, a top-down scrim, the area as tall as the image (3:4, capped on wide phones), dots
     under the machines. */
@media (min-width:992px){
  .mce-hero--left .mce-hero__slides{min-height:38.75vw}
  .mce-hero--left .mce-hero__content{max-width:min(31vw,640px)}
  .mce-hero--left .mce-hero__title{font-size:clamp(28px,2.9vw,48px);line-height:1.13}
  .mce-hero--left .mce-hero__sub{max-width:100%}
  .mce-hero--left .mce-hero__actions{margin-top:clamp(20px,3vw,53px)}
}
@media (min-width:992px) and (max-width:1199px){
  .mce-hero--left .mce-hero__slide{padding:28px 40px 52px}
  .mce-hero--left .mce-hero__sub{font-size:14px;line-height:20px;letter-spacing:.3px}
  .mce-hero--left .mce-hero__dots{bottom:20px}
}
@media (min-width:768px) and (max-width:991px){
  .mce-hero.mce-hero--left .mce-hero__slides{min-height:0}
  .mce-hero.mce-hero--left .mce-hero__slide{align-items:flex-start;padding:36px 40px calc(38.75vw + 28px);background-color:#141414;background-size:100% auto;background-repeat:no-repeat;background-position:50% 100%!important}
  .mce-hero.mce-hero--left .mce-hero__scrim{top:auto;height:38.75vw;background:linear-gradient(180deg,#141414 0%,rgba(20,20,20,0) 9%)}
  .mce-hero.mce-hero--left .mce-hero__content{max-width:none}
  .mce-hero.mce-hero--left .mce-hero__dots{bottom:16px}
}
@media (max-width:767px){
  .mce-hero--left .mce-hero__slides:has(.has-mobile){min-height:min(133.34vw,640px)}
  .mce-hero--left .mce-hero__slide.has-mobile{background-image:var(--mce-hero-mobile)!important;background-position:50% 100%!important;align-items:flex-start;padding-top:28px}
  .mce-hero--left .mce-hero__slide.has-mobile .mce-hero__scrim{background:linear-gradient(180deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.42) 40%,rgba(0,0,0,0) 64%)}
  .mce-hero--left:has(.has-mobile) .mce-hero__dots{bottom:12px}
}

/* Solution pages' hero (MCE, 2026-10-05: the application photos in the hero, "don't pixelate").
   The photo is never enlarged and the machine never cut or hidden under the text. From 1200px it
   stands at the hero's own height on the right and fades into a dark panel that carries the
   text (the reference stretched the photo across the hero, under the text; these photos have the
   machine in the middle). On narrower laptops it slides right, off the edge, by up to 173px of
   plain background. Below 1200px it is a band across the top, the text on the dark panel under it. */
.mce-solhero--photo{background-color:#141414;background-size:0 0;background-repeat:no-repeat;overflow:hidden}
.mce-solhero--photo::before{content:"";position:absolute;z-index:-2;top:0;left:0;width:100%;height:min(48.47vw,420px);background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat}
.mce-solhero--photo .mce-solhero__scrim{display:none}
@media (max-width:1199px){ .mce-solhero--photo{padding-top:calc(min(48.47vw,420px) + 32px);padding-bottom:40px} }
@media (min-width:1200px){
  .mce-solhero--photo::before{left:auto;width:auto;height:auto;bottom:0;right:calc(-1 * clamp(0px,(1500px - 100vw) * .6,173px));aspect-ratio:1568/760;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
  .mce-solhero--photo .mce-solhero__scrim{display:block;background:linear-gradient(90deg,rgba(20,20,20,.86) 0%,rgba(20,20,20,.5) 38%,rgba(20,20,20,0) 62%)}
}
@media (min-width:1441px){ .mce-solhero--photo{min-height:clamp(558px,34vw,680px)} }
@media (min-width:1200px) and (max-width:1439px){ .mce-solhero--photo p{max-width:480px} } /* laptops: the text stays clear of the machine */

/* Application photos (MCE, 2026-10-05; 1568 × 760, machine in the middle). The tab image on
   Construction Equipment / a category keeps the photos' shape on desktop — the fixed 340px
   strip (up to 4:1 on wide screens) cut the machines top and bottom. The home tab image does
   the same above 1440, where its fixed 520px became a strip too. Both stop growing at 600px.
   Since 2026-10-29 at every width (MCE's home images: "without getting cut") — below 1440 the
   home box was taller than the photo (742 × 520 at 1280) and cut its sides; the Loading
   Applications photo's machine reaches the right edge. */
.mce-cesol__media,.mce-sol__panel .mce-sol__media{width:100%;height:auto;min-height:0;aspect-ratio:1568/760;max-height:600px}
/* Solutions page rows: the photo fills its box, centred. The reference sets the image on the
   box itself with no size, so it showed at its natural size from the top-left corner (whatever
   part of the photo happened to be there). */
.mce-solrow__media{background-size:cover;background-position:center;background-repeat:no-repeat}
/* Go-live check 2026-11-04: the row picture box has the application photos' shape (1568 × 760) instead
   of a fixed 474 / 300 / 220px — at 992–1280px it showed half the photo's width (the SX's bucket and
   the G100's blade cut off). From 1280px it is at least that shape beside the text (it grows with a
   taller text, cropping less than before); at 992–1279px the row stacks like on tablets. */
.mce-solrow .mce-solrow__media{width:100%;min-height:0;aspect-ratio:1568/760}
@media (min-width:992px) and (max-width:1279px){
  .mce-solrow,.mce-solrow--flip{grid-template-columns:1fr}
  .mce-solrow .mce-solrow__body{order:1}
  .mce-solrow .mce-solrow__media,.mce-solrow--flip .mce-solrow__media{order:2}
}

/* Article text beyond the reference's headings, paragraphs and one table (the old site's blog,
   2026-10-05): sub-headings, bullet and numbered lists (nested too), links, bold, and a
   picture between paragraphs. Same type as the paragraphs. */
.mce-artsec h3{font-family:var(--font-core);font-weight:700;font-size:20px;line-height:28px;color:rgb(28,28,28);margin:22px 0 0}
.mce-artsec h2+h3{margin-top:14px}
.mce-artsec ul,.mce-artsec ol{margin:12px 0 0;padding:0 0 0 22px;max-width:var(--measure,68ch);font-family:var(--font-core);font-weight:400;font-size:16px;line-height:28px;color:rgb(75,75,75)}
.mce-artsec ul{list-style:disc}
.mce-artsec ol{list-style:decimal}
.mce-artsec li{margin-top:6px;padding-left:2px}
.mce-artsec li::marker{color:var(--brand-red)}
.mce-artsec li>ul,.mce-artsec li>ol{margin-top:4px}
.mce-artsec li>ul{list-style:circle}
.mce-artsec p a,.mce-artsec li a,.mce-artsec td a{color:var(--brand-red);text-decoration:underline;text-underline-offset:2px}
.mce-artsec h2 a,.mce-artsec h3 a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.mce-artsec strong{font-weight:600;color:rgb(28,28,28)}
.mce-artsec h2+figure,.mce-artsec h3+figure,.mce-artsec p+figure,.mce-artsec ul+figure,.mce-artsec .mce-arttable+figure{margin-top:18px}
.mce-artsec figure+p{margin-top:0}
@media (max-width:576px){ .mce-artsec h3{font-size:18px;line-height:26px} }

/* FAQ answers (MCE's FAQ documents, 2026-10-05). Links to the pages an answer names read as
   links (the reference has none in an answer). The open answer's height is its text's, set by
   main.js — the reference's 220px (280px on the FAQs page) cut the longer answers on phones. */
.mce-faq__a a,.mce-ifaq__a a{color:var(--brand-red);text-decoration:underline;text-underline-offset:2px}

/* Article / news headline longer than 70 characters (old press releases run to 140): smaller
   and wider, so it takes two or three lines instead of six (nine on phones). */
.mce-arthero--long h1{max-width:980px;font-size:34px;line-height:42px}
@media (max-width:991px){ .mce-arthero--long h1{font-size:28px;line-height:36px} }
@media (max-width:576px){ .mce-arthero--long h1{font-size:22px;line-height:30px} }

/* ============================================================
   MCE review 2026-10-06 — the client's issue sheet (MCE-2.0-website-issues.xlsx)
   ============================================================ */
/* Home "Why Mahindra Construction Equipment?": each figure centred in its cell, on every
   width, and no rule after the last one (the reference closes the row with a line and sets
   the phone figures left / centre / right). */
.mce-trust .mce-trust__stats .mce-stat{align-items:center;text-align:center}
.mce-trust .mce-trust__stats .mce-stat__num{justify-content:center}
.mce-trust .mce-trust__stats .mce-stat:last-child{border-right:none}
@media (max-width:991px){ .mce-trust .mce-trust__stats .mce-stat{padding-left:8px;padding-right:8px} }

/* Machine cards — Product Range, Related Machines, Recommended Machines: a row that is not
   full sits in the middle (the reference grid leaves it against the left edge). Cards keep
   the width of the grid's columns; phones keep their swipe rail / single column. */
@media (min-width:992px){
  .mce-catrange__grid,.mce-prel__grid{display:flex;flex-wrap:wrap;justify-content:center}
  .mce-catrange__grid>.mce-rcard{flex:0 0 calc((100% - 72px) / 4);min-width:0}
  .mce-prel__grid>.mce-rcard{flex:0 0 calc((100% - 48px) / 3);min-width:0}
}
@media (min-width:577px) and (max-width:991px){
  .mce-catrange__grid{display:flex;flex-wrap:wrap;justify-content:center}
  .mce-catrange__grid>.mce-rcard{flex:0 0 calc((100% - 24px) / 2);min-width:0}
}
@media (min-width:768px) and (max-width:991px){
  .mce-prel__grid{display:flex;flex-wrap:wrap;justify-content:center}
  .mce-prel__grid>.mce-rcard{flex:0 0 calc((100% - 24px) / 2);min-width:0}
}
@media (min-width:1201px){
  .mce-roadmach__grid{display:flex;flex-wrap:wrap;justify-content:center}
  .mce-roadmach__grid>.mce-rcard{flex:0 0 calc((100% - 72px) / 4);min-width:0;height:auto}
}
@media (min-width:768px) and (max-width:1200px){
  .mce-roadmach__grid{display:flex;flex-wrap:wrap;justify-content:center}
  .mce-roadmach__grid>.mce-rcard{flex:0 0 calc((100% - 24px) / 2);min-width:0;height:auto}
}

/* The quick-actions rail on the right edge stays above the breadcrumb bar. On a category
   page the bar starts under the hero and slid over the rail on its way up to the header
   (rail 800, bar 900 in the reference); the header and its menus (1000) stay on top. */
.mce-fixmenu{z-index:950}

/* Dealer lists where the page is one column (phones, tablets): one dealer shows and the
   others scroll inside the list, so the map under it is within reach — the Find Dealer /
   Service Centre lists ran their full length there, the home strip 760px. main.js sets
   --mce-dlist-h to the first dealer's card plus a strip of the next. */
@media (max-width:991px){
  .mce-dealer .mce-dealer__list{max-height:var(--mce-dlist-h,560px);padding-right:6px;scrollbar-width:thin;scrollbar-color:rgb(186,185,185) rgb(240,240,240)}
  .mce-dealer .mce-dealer__list::-webkit-scrollbar{display:block;width:4px;height:4px}
  .mce-dealer .mce-dealer__list::-webkit-scrollbar-track{background:rgb(240,240,240)}
  .mce-dealer .mce-dealer__list::-webkit-scrollbar-thumb{background:rgb(186,185,185);border-radius:2px}
}
@media (max-width:1200px){
  .mce-fdealer .mce-fdealer__scroll{max-height:var(--mce-dlist-h,560px);overflow-y:auto;padding-right:8px}
}
@media (max-width:767px){ .mce-fdealer .mce-fdstats{order:2} } /* phones: the map straight after the list, the three figures under it */

/* Header search (the reference's search icon opens nothing): a bar that drops under the
   header with the results page's search box. The icon shows on phones and tablets too. */
.mce-hsearch{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgb(230,231,232);box-shadow:0 12px 24px rgba(0,0,0,.12);padding:14px 0}
.mce-hsearch[hidden]{display:none}
.mce-hsearch__form{display:flex;align-items:center;gap:12px}
.mce-hsearch__form .mce-vsfilter__search{height:46px}
.mce-hsearch__form .mce-vsfilter__search input{font-size:15px}
.mce-hsearch__form .mce-btn{height:46px;padding:0 22px;flex-shrink:0}
.mce-hsearch__close{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgb(229,231,235);border-radius:4px;background:#fff;color:rgb(46,46,47);font-size:16px}
.mce-hsearch__close:hover{border-color:var(--brand-red);color:var(--brand-red)}
.mce-utility__icon[aria-expanded="true"]{color:#fff;background:rgba(255,255,255,.14)}
.mce-utility .mce-utility__tools .mce-utility__icon:nth-of-type(1){display:flex}
/* Tablets: the bar's links as icons, as on phones — with their texts the row was wider than
   the screen and its first link was cut off on the left. */
@media (min-width:768px) and (max-width:991px){
  .mce-utility .mce-utility__txt{display:none}
  .mce-utility .mce-utility__list{gap:4px}
  .mce-utility .mce-utility__list a{width:38px;height:38px;justify-content:center;gap:0;border-radius:var(--radius-sm)}
  .mce-utility .mce-utility__list i{font-size:17px}
}
.mce-utility__icon.is-copied{color:#fff;background:rgba(255,255,255,.14)}
@media (max-width:576px){
  .mce-hsearch{padding:12px 0}
  .mce-hsearch__form{gap:8px}
  .mce-hsearch__form .mce-btn{padding:0 14px}
  .mce-hsearch__form .mce-btn span{display:none}
}

/* Product Overview: several images, switched by the arrows and dots under the picture (the
   category intro's controls; the reference has one image). */
.mce-pover__media--gallery{margin-bottom:46px}
.mce-pover__dots{position:absolute;left:0;right:0;top:calc(100% + 14px);bottom:auto;margin-top:0;overflow:visible}
.mce-pover__img{transition:transform .6s var(--ease-standard,ease),opacity .25s ease}
@media (max-width:991px){ .mce-pover__media--gallery{margin-bottom:54px} }

/* About iMAXX: the logo as drawn in the Figma file (an image) in place of the reference's
   text imitation of it. */
.mce-imaxxmark__logo{display:block;width:362px;max-width:100%;height:auto}
@media (max-width:767px){ .mce-imaxxmark__logo{width:260px} }

/* Dealer strip figures (the home page's since 2026-10-07): "Years of Engineering Heritage" is
   longer than the labels the boxes were drawn for and took three lines beside its figure at
   1440–1599px. The figure stays above its label up to 1599px (was 1439px). */
@media (min-width:1440px) and (max-width:1599px){
  .mce-dealer__stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mce-dstat{flex-direction:column;align-items:flex-start;gap:6px;padding:16px 18px}
}

/* ============================================================
   Layout check 2026-10-12 — every page at 18 widths, 320px to 3840px
   ============================================================ */
/* Header at 992–1049px: the logo, eight menu items and Book Demo need 979px of a row that is
   928–985px wide there — the button left the page's column and, below 1011px, the screen
   (every page scrolled sideways at 992px). */
@media (min-width:992px) and (max-width:1049px){
  #site-header .mce-nav__links>li>a{padding-left:5px;padding-right:5px;font-size:14.5px;letter-spacing:.2px}
}

/* Insights news cards at 992–1279px: two cards side by side with a 311px picture left 90–230px
   for the headline (one word per line, the second card cut off). The picture goes on top. */
/* Since 2026-11-02 up to 1439px (at 1280–1439 the picture beside the text was nearly square and
   cut MCE's wide news pictures, 1736 × 769, on both sides), and wherever the picture is on top
   — here, on tablets and phones — its box has those pictures' shape (it was 230 / 190px tall:
   702 × 190 on a tablet cut the machines top and bottom). */
@media (min-width:992px) and (max-width:1439px){
  .mce-ins .mce-newscard{grid-template-columns:minmax(0,1fr)}
  .mce-ins .mce-newscard__media{min-height:0;aspect-ratio:1736/769}
}
@media (max-width:991px){
  .mce-ins .mce-newscard .mce-newscard__media{min-height:0;aspect-ratio:1736/769}
}

/* A dealer's address typed without spaces ("Mogalpara,Islampur,Barharwa,…") and a long web
   address in an article ran out of their box — on phones the article page scrolled sideways. */
.mce-dcard__addr p,.mce-dcard__addr a,.mce-fdcard__addr p,.mce-fdcard__addr a{overflow-wrap:anywhere}
.mce-artsec p,.mce-artsec li,.mce-artsec h2,.mce-artsec h3,.mce-artsec td,.mce-arthero h1{overflow-wrap:break-word}
.mce-artsec a{overflow-wrap:anywhere}

/* A machine or attachment without a photo has no picture box (the reference shows a grey
   one): the hero's text takes the row. */
.mce-phero.mce-phero--noimg .mce-phero__inner{grid-template-columns:minmax(0,1fr)}
.mce-phero--noimg .mce-phero__tagline,.mce-phero--noimg .mce-phero__left>p,.mce-phero--noimg .mce-phero__usps{max-width:760px}

/* Home, Solutions & Applications at 1441–1599px: the photo's shape and least height made its
   column wider than the room beside the tab list — the panel ran off the right edge. */
@media (min-width:992px){ .mce-sol__layout{grid-template-columns:390px minmax(0,1fr)} }

/* Home product cards: 441px tall whatever their text — MCE's longer text lost its last line
   on narrower cards (992–1100px). They grow with their text, the row stays level. */
@media (min-width:576px){
  .mce-portfolio .mce-prodcard{height:auto;min-height:441px}
  .mce-portfolio .mce-prodcard__body p{overflow:visible}
}

/* Home banner on screens wider than 1920px: the banner fills the screen but its text stood in
   the page's 1920px column, which sits further right the wider the screen — at 2560px the
   heading ran onto the first machine, at 3840px it lay across it. The text keeps its place
   and size relative to the banner (as at 1920px): the clear left third. */
@media (min-width:1600px){ .mce-hero--left .mce-hero__content{max-width:min(29vw,600px)} } /* 1920px: the heading's first line reached the first machine's bucket */
@media (min-width:1921px){
  .mce-hero--left .mce-hero__inner{max-width:none}
  .mce-hero--left .mce-hero__slide{padding-left:3.125vw}
  .mce-hero--left .mce-hero__content{max-width:29vw}
  .mce-hero--left .mce-hero__title{font-size:2.5vw}
  .mce-hero--left .mce-hero__kicker{font-size:.68vw}
  .mce-hero--left .mce-hero__sub{font-size:.84vw;line-height:1.5}
}

/* Home trust figures below 1200px: a label on three lines pushed its figure above the other
   two (each was centred in its cell). The figures start level. */
@media (max-width:1199px){ .mce-trust .mce-trust__stats .mce-stat{justify-content:flex-start} }

/* ---- Client list 2026-10-15 ---- */
/* Dropdown arrows: the arrow of .mce-select is its background picture, and the lead form,
   Find Dealer / Service Centre, Become a Dealer and Career set `background:#fff` after it
   (reference CSS), which removed it — those dropdowns showed no arrow. */
.mce-lead__grid .mce-select,.mce-fdealer__search .mce-select,.mce-bdform__grid .mce-select,.mce-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23494B4D' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;
  -webkit-appearance:none;appearance:none;cursor:pointer
}

/* Language / country dropdown (header, "IND"): it opened, but inside the utility strip, which
   the reference makes a sideways scroller (overflow-x:auto) — that also clips everything
   below its 40px, so the list was never seen. The strip's content fits at every width
   (320–3840px, checked 2026-10-15). */
.mce-utility .mce-utility__inner{overflow:visible}

/* iMAXX app phones: MCE's app images (2026-10-15, 558 × 1132) fill the whole picture — the
   screen box was narrower than the picture's shape (cover), so their left and right edges
   (tab names, chart axes) were cut. The screen box now has the picture's shape and shows all
   of it; the phones are a little wider so they keep about the same height (548px centre). */
.mce-iapp .mce-iphone{width:260px}
.mce-iapp .mce-iphone.is-center{width:290px}
.mce-iapp .mce-iphone__scr,.mce-iapp .mce-iphone.is-center .mce-iphone__scr{height:auto;aspect-ratio:558/1132}
.mce-iapp .mce-iphone__img{background-size:100% 100%;background-position:center}
@media (max-width:575px){ .mce-iapp .mce-iphone.is-center{width:min(290px,78vw)} }

/* MCE change list 2026-10-21: the enquiry forms have no newsletter / WhatsApp tick boxes and no
   "By submitting this enquiry…" line. Those gave the space above the button; the Become a
   Dealer and form-page buttons now keep 24px from the last field (the lead form spaces its own
   grid; Career keeps its consent tick box above the button). */
.mce-bdform__grid + .mce-bdform__submit,.mce-bdemo__grid + .mce-bdemo__submit{margin-top:24px}

/* iMAXX page hero (MCE 2026-10-28: the cluster on the right of a dark picture). The picture is
   on a 2520 × 760 canvas whose edges fade into rgb(20,21,25) (the hero's colour): from 1280px it
   fills the hero's height on the right (never enlarged — "cover" stretched the 1170px original
   1.6× at 1920px); at 992–1279px it is 62% of the height so the cluster stays beside the text.
   Below 992px a phone picture (the cluster, cropped) is a band above the text (has-mobile). */
@media (min-width:992px){
  .mce-solhero--imaxx{background-color:rgb(20,21,25);background-size:auto 100%;background-position:right center;background-repeat:no-repeat}
}
@media (min-width:992px) and (max-width:1279px){
  .mce-solhero--imaxx{background-size:auto 62%}
}
@media (max-width:991px){
  .mce-solhero--imaxx.has-mobile{background-image:var(--mce-ihero-mobile)!important;background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:rgb(19,20,24);padding-top:calc(100vw * 356 / 675 + 28px)}
  .mce-solhero--imaxx.has-mobile .mce-solhero__scrim{display:none}
}

/* Performance & Technology: a tab picture set to "fills the panel" (MCE's engine pictures on their
   red light-streak background, 1170 × 526) is shown whole, the panel in its shape. */
.mce-pperf__banner--fill{background:#5a0d14}
.mce-pperf__fill{display:block;width:100%;height:100%;object-fit:cover}
/* Every tab's panel the engine pictures' size (MCE: "equalize size for all tabs images"): one
   shape, 1170 × 526, at every width — the panel no longer changes height between tabs. */
.mce-pperf .mce-pperf__banner{height:auto;aspect-ratio:1170/526}

/* Gallery images (MCE's product gallery 2026-10-28: studio shots on white, landscape and upright):
   each tile shows the whole picture on white — "cover" on black cut the upright ones in half. The
   zoom mark gets a dark backing so it shows on white. */
.mce-galimg .mce-galtile{background:#fff}
.mce-galimg .mce-galtile img{object-fit:contain;padding:6px}
.mce-galimg .mce-galtile__zoom{background:rgba(17,17,17,.55);border-radius:50%}

/* Image viewer (gallery images, news photos): the video viewer's 16:9 frame cropped pictures to
   fill it ("cover") — the top and bottom of every taller picture were cut. A picture is shown
   whole ("contain"), as large as the screen allows, over the dark backdrop. */
.mce-vlb.is-image .mce-vlb__stage{width:min(1280px,100%)}
.mce-vlb.is-image .mce-vlb__frame{aspect-ratio:auto;height:calc(100vh - 168px);height:calc(100dvh - 168px);background-color:transparent;background-size:contain}
@media (max-width:767px){ .mce-vlb.is-image .mce-vlb__frame{height:calc(100vh - 110px);height:calc(100dvh - 110px)} }

/* Footer links wrap inside their column: "Mahindra EarthMaster High Dump Bucket with Extended
   Loader Arm" (2026-10-29) on one line widened its column and the page on phones and laptops. */
.mce-footer .mce-footer__col a{white-space:normal}
.mce-footer .mce-footer__cols>*{min-width:0}

/* Note under a machine's specification table (its sheet's footnotes, e.g. the High Dump model). */
.mce-pspec__note{margin-top:14px}
.mce-pspec__note p{font-size:13px;line-height:1.5;color:var(--text-muted);margin:0 0 4px}

/* Awards (MCE's award images 2026-10-28, 1000 × 1420): upright trophy photos. The reference's
   174px landscape strip showed a slice of each; the box now has the images' shape. */
.mce-awards .mce-award__media{height:auto;aspect-ratio:1000/1420}
/* After Sales Support pictures (MCE "After sales support.zip", 2026-11-03): a 1600 × 675 banner
   with the compactor on the right, two 1400 × 933 card pictures (a photo; a "genuine parts"
   graphic with text). Opt-in (support.php): the hero gets mce-solhero--banner and the cards'
   picture boxes --mce-ratio, from the pictures' sizes.
   - Hero from 992px: the banner's shape, the text in its clear left half (the fixed 558px hero
     cut the compactor at 1024px and the top and bottom at 1920px). Below 992px the text on a
     dark panel, the whole banner as a band under it (a phone's 300px hero showed a slice).
   - Cards: the picture box in its picture's shape (the 220–474px boxes cut the graphic's last
     line on tablets and the photo's top and bottom at 1920px); the first card's picture column
     at most 712px wide, like the second's, and the card as tall as its taller half. */
@media (min-width:992px){
  .mce-solhero--banner{min-height:0;aspect-ratio:var(--mce-ratio);padding:clamp(28px,3vw,56px) 0;background-size:cover;background-position:center}
  .mce-solhero--banner .mce-solhero__inner>*{max-width:min(var(--mce-hero-clear,46vw) - var(--gutter),640px)}
  .mce-solhero--banner .mce-solhero__inner>p{max-width:min(var(--mce-hero-clear-p,var(--mce-hero-clear,46vw)) - var(--gutter) - 12px,640px)}
  .mce-solhero--banner .mce-solhero__inner>.mce-eyebrow{max-width:none}
  .mce-solhero--banner h1{font-size:clamp(28px,2.9vw,52px)}
  /* About "Who We Are": the sticky photo in its own shape (2026-11-03), not stretched to 560px. */
  .mce-aboutwho .mce-supcard:has(>.mce-supcard__media[style*="--mce-ratio"]){align-items:start}
  .mce-aboutwho .mce-supcard>.mce-supcard__media[style*="--mce-ratio"]{height:auto}
}
@media (max-width:991px){
  .mce-solhero.mce-solhero--banner{min-height:0;padding:36px 0 calc(100vw / (var(--mce-ratio)) + 28px);background-color:#141414;background-size:100% auto;background-repeat:no-repeat;background-position:50% 100%}
  .mce-solhero--banner .mce-solhero__scrim{top:auto;height:calc(100vw / (var(--mce-ratio)));background:linear-gradient(180deg,#141414 0%,rgba(20,20,20,0) 14%)}
}
/* A hero with a longer text (About MCE, mce-solhero--stack-lg): at 992–1439px its text did not fit
   in the banner's clear left part, so it stood on a black panel above the banner (MCE 2026-11-05:
   "Banners is below the black space"). Now it stays over the banner like the others, in a wider
   column (44vw) and smaller type, over the left-to-right dark scrim; the banner grows taller only
   if the text needs it (background cover, held on the right). */
@media (min-width:992px) and (max-width:1439px){
  .mce-solhero--banner.mce-solhero--stack-lg{background-position:100% 50%}
  .mce-solhero--stack-lg .mce-solhero__inner>*,.mce-solhero--stack-lg .mce-solhero__inner>p{max-width:min(44vw,600px)}
  .mce-solhero--stack-lg h1{font-size:clamp(26px,2.7vw,40px)}
  .mce-solhero--stack-lg p{font-size:14px;line-height:1.55}
  .mce-solhero--stack-lg .mce-solhero__actions{flex-wrap:nowrap;gap:12px}
  .mce-solhero--stack-lg .mce-solhero__actions .mce-btn{min-width:0;padding:10px 22px}
}
.mce-supcard:has(>.mce-supcard__media[style*="--mce-ratio"]){min-height:0;align-items:center}
.mce-supcard>.mce-supcard__media[style*="--mce-ratio"]{min-height:0;aspect-ratio:var(--mce-ratio)}
@media (min-width:1201px){ .mce-supcard:not(.mce-supcard--flip):has(>.mce-supcard__media[style*="--mce-ratio"]){grid-template-columns:minmax(0,1fr) minmax(0,712px)} }

/* Plain pages (page.php, e.g. the Privacy Policy, 2026-11-04): title, then the text in the article style. */
.mce-legal .mce-h2{margin:0 0 8px}
.mce-legal .mce-artsec{padding-top:0}
.mce-legal .mce-artsec ul{margin-top:16px}
.mce-legal .mce-artsec li{margin-top:12px}

/* Become a Dealer pictures (MCE "become a dealer.zip", 2026-11-04): the hero is MCE's 2160 × 837
   Compax banner (compactor on the right) in its own shape, the text on its clear left side — the
   fixed 435px strip cut the canopy at 1920px; below 992px the text on a dark panel above the whole
   banner. The partner photo (1400 × 933) in its own shape — the 300px box cut it on tablets. */
@media (min-width:992px){
  .mce-bdhero--banner{min-height:0;aspect-ratio:var(--mce-ratio);padding:clamp(28px,3vw,56px) 0}
  .mce-bdhero--banner .mce-bdhero__inner{max-width:min(var(--mce-hero-clear,46vw) - var(--gutter),574px)}
  .mce-bdhero--banner h1{font-size:clamp(28px,2.9vw,48px);line-height:1.13}
}
@media (max-width:991px){
  .mce-bdhero.mce-bdhero--banner{min-height:0;padding:36px 0 calc(100vw / (var(--mce-ratio)) + 28px);background-color:#141414;background-size:100% auto;background-repeat:no-repeat;background-position:50% 100%}
  .mce-bdhero--banner .mce-bdhero__scrim{top:auto;height:calc(100vw / (var(--mce-ratio)));background:linear-gradient(180deg,#141414 0%,rgba(20,20,20,0) 14%)}
}
.mce-bdpart .mce-bdpart__media[style*="--mce-ratio"]{min-height:0;aspect-ratio:var(--mce-ratio)}

/* Pictures in their own shape (MCE's backhoe images, 2026-11-02: banners 1400 × 591 / 630, cards
   867 × 467). The fixed boxes cut them: category and machine hero 438 / 340 / 280px tall,
   machine cards 180px, the category carousel 280px below 992px.
   - Category and machine hero: the box takes its picture's shape (--mce-ratio from the picture's
     size, mce_ratio_style()), at most 438px tall, centred beside the text.
   - Machine cards (ranges, related machines, Compare): MCE's card shape, 867 × 467.
   - Category carousel below 992px: the desktop box's shape (646 × 438), as its slides. */
.mce-cathero__media[style*="--mce-ratio"],.mce-phero__media[style*="--mce-ratio"]{height:auto;min-height:0;aspect-ratio:var(--mce-ratio);max-height:438px;align-self:center}
.mce-rcard .mce-rcard__media{height:auto;aspect-ratio:867/467}
@media (max-width:991px){ .mce-catintro .mce-catintro__gallery{height:auto;aspect-ratio:646/438} }

/* Construction Equipment page pictures (MCE "Construction equipment images.zip", 2026-11-02:
   "make sure images doesnt get cut").
   - Hero = MCE's All Range banner (2560 × 992, machines on the right two thirds): from 992px the
     hero keeps the banner's shape (38.75vw, as the home banner) with the text in the clear left
     third; the reference's 120px padding made a 4:1 strip that cut the machines top and bottom.
     Above 1920px the text keeps its place relative to the banner. Below 992px the whole banner is
     a band under the text, which sits on a dark panel.
   - Range cards = MCE's 1600 × 600 banners: the picture box has that shape (at most 560px tall
     on the wide card); the fixed 420 / 360 / 280 / 180px boxes cut the machines' sides or top.
   - "Attachments & Work Tools" = a 600 × 600 cut-out on white: shown whole, on white. */
@media (min-width:992px){
  .mce-cehero{min-height:38.75vw;padding:clamp(28px,3vw,56px) 0;display:flex;align-items:center;background-size:cover;background-position:50% 50%}
  .mce-cehero .mce-cehero__inner{gap:clamp(12px,1.3vw,20px)}
  .mce-cehero .mce-cehero__inner>*{max-width:min(29vw,560px)}
  .mce-cehero .mce-cehero__inner>.mce-cehero__eyebrow{max-width:none}
  .mce-cehero h1{font-size:clamp(28px,2.9vw,48px);line-height:1.13}
  /* The paragraph stays left of the banner's "EARTHMASTER SXE" label (23% from the left, at
     the height of the paragraph); the heading is above it. */
  .mce-cehero p{font-size:clamp(14px,1.05vw,17px)}
  .mce-cehero .mce-cehero__inner>p{max-width:calc(23vw - var(--gutter) - 12px)}
}
@media (min-width:1921px){
  .mce-cehero .mce-cehero__inner{max-width:none;margin:0;padding-left:4.17vw}
  .mce-cehero .mce-cehero__inner>p{max-width:calc(18.8vw - 12px)}
}
@media (max-width:991px){
  .mce-cehero{padding:36px 0 calc(38.75vw + 28px);background-color:#141414;background-size:100% auto;background-repeat:no-repeat;background-position:50% 100%}
  .mce-cehero .mce-cehero__scrim{top:auto;height:38.75vw;background:linear-gradient(180deg,#141414 0%,rgba(20,20,20,0) 12%)}
}
.mce-cerange .mce-ecard:not(.mce-ecard--split) .mce-ecard__media{height:auto;aspect-ratio:1600/600;max-height:560px}
.mce-cerange .mce-ecard--split .mce-ecard__media{background-color:#fff;background-size:contain;background-repeat:no-repeat}

/* Attachment pages (MCE 2026-10-28): the attachment's wide banner (1920 × 520, graders
   2172 × 724) runs across the page above the hero text, in its own shape — never under 180px
   (phones crop its sides) nor over 560px (very wide screens crop top and bottom). */
.mce-phero.mce-phero--banner{padding-top:0}
.mce-phero__banner{margin-bottom:48px}
.mce-phero__banner img{display:block;width:100%;height:auto;min-height:180px;max-height:560px;object-fit:cover;object-position:center}
@media (max-width:991px){ .mce-phero__banner{margin-bottom:32px} }
/* Overview ticks: the attachments' feature lines run to two or three lines — the check mark
   stays at the first line (the reference centres it on the whole text). */
.mce-pover__ticks li{align-items:flex-start}
.mce-pover__ticks li i{margin-top:2px}
/* Overview picture = MCE's attachment photo (800 × 388, 2026-11-02; overview.php adds --photo and
   the picture's shape): the box has that shape, so the photo shows whole and fills it, with
   rounded corners — the reference's 340 / 280px box left empty bands above and below it. */
.mce-pover__media.mce-pover__media--photo{height:auto;aspect-ratio:var(--mce-pover-ratio);align-self:center;border-radius:var(--radius-lg);overflow:hidden}
.mce-pover__media--photo .mce-pover__img{background-size:cover}

/* "iMAXX" keeps its small "i" where the text is set in capitals (MCE 2026-10-28; the spans are
   added by mce_imaxx_case() in inc/setup.php: .mce-imx around the run of text, inline, and
   .mce-imx__i around the "i"). */
.mce-imx__i{text-transform:none}

/* MCE 2026-10-28:
   - FAQ answers wrap at the same right margin as their list and its lines, on every page: the
     iMAXX page held them to 646px, the FAQs page 32px short (the machine / category / Guarantee
     FAQs already did).
   - Construction Equipment / Mini Compactors "Applications" tabs: the selected tab's red bar is
     straight, like the home page's (the tab's rounded left corners bent it); right corners stay
     rounded. Phones keep their pills. */
.mce-ifaq__a p{max-width:none;padding-right:0}
.mce-faqpg__list .mce-faq__a p{padding-right:0}
@media (min-width:992px){ .mce-cesol__tab{border-radius:0 var(--radius-md) var(--radius-md) 0} }

/* Five awards: the last row's two cards centred, like the machine-card grids (2026-10-06). */
.mce-awards .mce-awards__grid{display:flex;flex-wrap:wrap;justify-content:center}
.mce-awards .mce-award{width:calc((100% - 160px) / 3)}
@media (max-width:1199px){ .mce-awards .mce-award{width:calc((100% - 64px) / 3)} }
@media (max-width:991px){ .mce-awards .mce-award{width:calc((100% - 24px) / 2)} }
@media (max-width:767px){ .mce-awards .mce-award{width:100%} }
/* "Why Partner With MCE?" has three cards since "Sales & Service Support" went: the row has as
   many columns as cards (the reference's four columns left an empty quarter), and in the
   two-column layout an odd last card takes the whole row. */
@media (min-width:1201px){ .mce-bdwhy__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)} }
@media (min-width:768px) and (max-width:1200px){ .mce-bdwhycard:last-child:nth-child(odd){grid-column:1 / -1} }

/* ============================================================
   RESPONSIVE TIER OVERRIDES — MUST STAY LAST
   ============================================================ */
/* Large desktop / laptop */
@media (max-width:1440px){
  :root{--gutter:32px}
  .mce-hero__title{font-size:52px}
  .mce-intro h2,.mce-h2{font-size:40px}
}

@media (max-width:1200px){
  .mce-nav__inner{gap:14px}
  .mce-nav__links{gap:0}
  .mce-nav__links>li>a{padding:9px 9px;font-size:15px}
  .mce-mega__inner{grid-template-columns:1fr 1fr 1fr}
  .mce-mega__col--actions{display:none}
  .mce-dealer__body{grid-template-columns:360px 1fr}
}

/* Tablet — switch to hamburger nav */
@media (max-width:991px){
  .mce-section{padding:72px 0}
  .mce-lead,.mce-imaxx{padding:72px 0}

  /* Nav */
  .mce-nav__links,.mce-nav__cta{display:none}
  .mce-nav__toggle{display:flex}
  .mce-nav__inner{height:70px}
  .mce-mega{display:none !important}
  .mce-utility__icon:nth-of-type(1){display:none}

  /* Hero */
  .mce-hero__slides{min-height:520px}
  .mce-hero--banner .mce-hero__slides{min-height:460px}
  .mce-hero--banner .mce-hero__title{font-size:36px;line-height:42px}
  .mce-hero--left .mce-hero__slide{padding:40px 40px 72px}
  .mce-hero__title{font-size:44px}
  .mce-hero__sub{font-size:18px}
  .mce-hero__scrim{background:linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.35) 100%)}

  /* Trust */
  .mce-trust{padding:40px 0}
  .mce-trust__inner{grid-template-columns:1fr;gap:36px}

  /* Portfolio + insights + testimonials → 2 up */
  .mce-portfolio__grid,.mce-ins__grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .mce-prodcard{width:100%}
  .mce-artcard{width:100%;height:auto}
  .mce-artcard__title,.mce-artcard__body p{-webkit-line-clamp:unset}
  .mce-ins__news{grid-template-columns:1fr;gap:24px}
  .mce-lead__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .mce-tstcard{flex:0 0 calc((100% - 24px) / 2);width:auto;margin-right:24px}

  /* Solutions → horizontal scrollable filter chips */
  .mce-sol__layout{grid-template-columns:1fr;gap:22px}
  .mce-sol__tabs{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding:8px 14px;background:transparent;border:none;border-radius:0;box-shadow:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .mce-sol__tabs::-webkit-scrollbar{display:none}
  .mce-sol__tabs-label{display:none}
  .mce-sol__tab{white-space:nowrap;flex:0 0 auto;border:1px solid var(--border-default);border-bottom:1px solid var(--border-default);border-right:1px solid var(--border-default);background:#fff;border-radius:var(--radius-pill);padding:10px 18px;font-size:15px;font-weight:600;color:var(--text-secondary);box-shadow:none;scroll-snap-align:start;transition:var(--transition-interactive)}
  .mce-sol__tab:last-child{border-bottom:1px solid var(--border-default)}
  .mce-sol__tab:hover{background:#FDEEF0;border-color:var(--brand-red);color:var(--brand-red)}
  .mce-sol__tab.is-active,.mce-sol__tab.is-active:hover{background:var(--brand-red);border-color:var(--brand-red);color:#fff;box-shadow:none}
  .mce-sol__media{height:340px}
  .mce-sol__panel{animation:mce-slide var(--dur-base) var(--ease-standard)}
  @keyframes mce-slide{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

  /* IMAXX → stack */
  .mce-imaxx__inner{grid-template-columns:minmax(0,1fr);gap:44px}

  /* Insights head → stack */
  .mce-ins__head{grid-template-columns:1fr;gap:18px;align-items:start;max-width:none}
  .mce-ins__lead{text-align:left}
  .mce-ins__row+.mce-ins__row,.mce-ins__grid+.mce-ins__row{margin-top:40px}
  .mce-newscard{grid-template-columns:1fr}
  .mce-newscard__media{min-height:190px}
  .mce-portfolio__grid,.mce-ins__grid{max-width:none}

  /* Dealer → stack */
  .mce-dealer__search{grid-template-columns:1fr 1fr;gap:18px}
  .mce-dealer__searchbtn{grid-column:1 / -1}
  .mce-dealer__body{grid-template-columns:1fr}
  .mce-dcard{height:auto}
  .mce-dcard__name{font-size:28px}
  .mce-dealer__right{height:auto}
  .mce-dealer__map{min-height:420px;order:-1}

  /* Lead */
  .mce-lead__card{padding:40px 32px}

  /* Footer */
  .mce-footer__top{grid-template-columns:1fr;gap:36px;padding:56px var(--gutter) 44px}
  .mce-footer__cols{grid-template-columns:repeat(3,1fr);gap:28px}

  /* Fix menu off on touch layouts */
  .mce-fixmenu{display:none}
}

/* Small tablet / large phone */
@media (max-width:767px){
  .mce-dealer__stats{display:none}
  .mce-section,.mce-lead,.mce-imaxx{padding:44px 0}
  .mce-trust{padding:32px 0}
  .mce-trust__lead{padding:24px 0}
  .mce-intro{margin-bottom:40px}
  .mce-intro h2,.mce-h2{font-size:32px}
  .mce-h3{font-size:24px}
  .mce-intro p{font-size:16px}

  .mce-utility__list{gap:4px}
  .mce-utility__txt{display:none}
  .mce-utility__list a{width:38px;height:38px;justify-content:center;gap:0;border-radius:var(--radius-sm)}
  .mce-utility__list a:active{background:rgba(255,255,255,0.12)}
  .mce-utility__list i{font-size:17px}
  .mce-utility__tools{padding-left:10px;gap:6px;flex-shrink:0}
  .mce-utility__country-btn span{display:none}

  .mce-hero{padding:0}
  .mce-hero__slides{min-height:480px;padding:56px 0}
  .mce-hero__title{font-size:36px}
  .mce-hero__actions{flex-direction:column;align-items:stretch}
  .mce-hero__actions .mce-btn{width:100%}
  .mce-hero__scroll{display:none}
  .mce-hero--banner .mce-hero__slides{min-height:400px}
  .mce-hero--banner .mce-hero__slide{padding:40px 16px}
  .mce-hero--banner .mce-hero__title{font-size:28px;line-height:34px}
  .mce-hero--left .mce-hero__slide{padding:40px 16px 72px}
  .mce-hero--left .mce-hero__scrim{background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.38) 100%)}
  .mce-hero--left .mce-hero__kicker{font-size:12px;letter-spacing:.1em}
  .mce-hero--left .mce-hero__sub{font-size:15px;line-height:22px}
  .mce-hero--left .mce-hero__actions{flex-direction:row;margin-top:24px}
  .mce-hero--left .mce-hero__actions .mce-btn{width:auto}
  .mce-hero__arrow{width:40px;height:40px;font-size:20px}

  .mce-trust__stats{grid-template-columns:repeat(3,1fr);gap:0;padding:8px 0 28px}
  .mce-stat{border-top:none;border-left:1px solid var(--border-default);border-right:none !important;padding:0 12px;text-align:center;align-items:center}
  .mce-stat:first-child{border-left:none;padding-left:0;text-align:left;align-items:flex-start}
  .mce-stat:last-child{padding-right:0;text-align:right;align-items:flex-end}
  .mce-stat__num{font-size:34px;height:auto}
  .mce-stat__label{font-size:10px;letter-spacing:0.04em;margin-top:8px}

  .mce-portfolio__grid,.mce-ins__grid{grid-template-columns:1fr}
  .mce-prodcard{width:100%;height:auto}
  .mce-prodcard__body p{overflow:visible}
  .mce-artcard{width:100%;height:auto}
  .mce-artcard__title,.mce-artcard__body p{-webkit-line-clamp:unset;overflow:visible}
  .mce-newscard{grid-template-columns:1fr}
  .mce-newscard__media{min-height:190px}
  .mce-ins__row{flex-direction:column;align-items:stretch;gap:14px}
  .mce-ins__row .mce-btn{width:100%}
  .mce-ins__row+.mce-ins__row,.mce-ins__grid+.mce-ins__row{margin-top:32px}
  .mce-tstcard{flex:0 0 100%;width:auto;height:auto;margin-right:16px}
  .mce-carousel__viewport{overflow-x:auto;max-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .mce-carousel__viewport::-webkit-scrollbar{display:none}
  .mce-carousel__track{transform:none !important}
  .mce-tstcard{scroll-snap-align:center}
  .mce-carousel__dots{display:flex}

  .mce-dealer__stats{grid-template-columns:1fr}
  .mce-dealer__search{grid-template-columns:1fr}
  .mce-dcard{padding:22px}
  .mce-dcard__name{font-size:24px}
  .mce-dcard__svc{grid-template-columns:1fr}
  .mce-dcard__actions{flex-direction:column;gap:12px}
  .mce-dcard__actions .mce-btn{flex:none;width:100%;height:52px;white-space:nowrap}  .mce-dealer__foot{grid-template-columns:1fr}
  .mce-dealer__map{min-height:320px}
  .mce-map__pill--br{right:16px;bottom:70px}

  .mce-lead__choices{grid-template-columns:1fr}
  .mce-lead__grid{grid-template-columns:1fr}
  .mce-lead__card{padding:32px 20px}

  .mce-imaxx__sub{font-size:15px;line-height:1.55;margin-bottom:26px;max-width:none}
  .mce-imaxx__cta{margin-bottom:28px;width:100%;text-align:center}
  .mce-imaxx__ctas{margin-bottom:28px;gap:12px}
  .mce-imaxx__ctas .mce-imaxx__cta{flex:1 1 0;width:auto}
  .mce-imaxx__features li{gap:14px;padding:18px 0}
  .mce-imaxx__features h4{font-size:17px}
  .mce-imaxx__features p{font-size:14px;line-height:1.5}
  .mce-imaxx__tag--mr{display:none}
  .mce-imaxx__tag-top{font-size:11px}
  .mce-imaxx__tag{padding:7px 11px}
  .mce-imaxx__device{aspect-ratio:4/3;background-size:cover;background-position:center;min-height:280px}
  .mce-imaxx__caption{align-self:center;text-align:center;font-size:10px;letter-spacing:0.08em;line-height:1.4;white-space:normal;padding:0 8px}

  .mce-footer__cols{grid-template-columns:repeat(2,1fr)}
  .mce-footer__assist{gap:14px;padding:18px 20px}
  .mce-footer__social{margin-left:0;width:100%}
  .mce-footer__legal-inner{flex-direction:column;align-items:flex-start;gap:10px}

  #back-to-top{right:16px;bottom:16px}
  .mce-vlb{padding:24px 16px}
  .mce-vlb__bar{height:38px}
  .mce-vlb__close{width:38px;height:38px;font-size:16px}
}

/* Phones — 430, 402, 360, 320 */
@media (max-width:480px){
  :root{--gutter:18px}
  .mce-section,.mce-lead,.mce-imaxx{padding:32px 0}
  .mce-trust__lead{padding:18px 0}
  .mce-intro{margin-bottom:28px}
  .mce-eyebrow,.mce-eyebrow--center{font-size:12px;letter-spacing:0.08em;gap:8px}
  .mce-hero__title{font-size:30px}
  .mce-hero__slides{padding:48px 0;min-height:auto}
  .mce-hero{padding:0;min-height:auto}
  .mce-stat__num{font-size:27px}
  .mce-stat__label{font-size:9px;line-height:1.3}
  .mce-stat{padding:0 8px;text-align:center;align-items:center}
  .mce-imaxx__sub{font-size:14px;line-height:1.5;margin-bottom:22px}
  .mce-imaxx__left h2{font-size:26px;line-height:1.15}
  .mce-imaxx__features h4{font-size:16px}
  .mce-imaxx__features p{font-size:13px}
  .mce-imaxx__num{font-size:13px;min-width:22px}
  .mce-imaxx__features li{gap:12px;padding:16px 0}
  .mce-hero__eyebrow{font-size:12px}
  .mce-intro h2,.mce-h2{font-size:27px;line-height:1.18}
  .mce-lead__steptitle{font-size:16px}
  .mce-lead__card{padding:28px 18px}
  .mce-sol__content{padding:26px 2px 4px}
  .mce-sol__panel{padding:16px}
  .mce-sol__media{height:220px}
  .mce-footer__cols{grid-template-columns:1fr 1fr;gap:22px}
  .mce-dcard{padding:20px}
}

/* Smallest — 320/360 */
@media (max-width:360px){
  .mce-hero__title{font-size:26px}
  .mce-intro h2,.mce-h2{font-size:24px}
  .mce-stat__num{font-size:23px}
  .mce-footer__cols{grid-template-columns:1fr}
  .mce-nav__logo img{height:38px}
  .mce-utility{font-size:12px}
}

/* Touch: pagination dots and small icon buttons keep their drawn size but get a
   44px hit area via a centred pseudo-element, so nothing shifts visually. */
@media (hover:none) and (pointer:coarse){
  .mce-hero__dot,.mce-carousel__dot,.mce-patt__dot,.mce-imaxx__dot,.mce-imaxx__arrow,.mce-patt__arrow,.mce-artshare__btn,.mce-iapp__tab,.mce-vcard__link,.mce-bcard__link,.mce-rcard__link,.mce-pattcard__more,.mce-prodcard__link{position:relative}
  .mce-hero__dot::after,.mce-carousel__dot::after,.mce-patt__dot::after,.mce-imaxx__dot::after,.mce-imaxx__arrow::after,.mce-patt__arrow::after,.mce-artshare__btn::after,.mce-iapp__tab::after,.mce-vcard__link::after,.mce-bcard__link::after,.mce-rcard__link::after,.mce-pattcard__more::after,.mce-prodcard__link::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}
}