:root {
  --mxr-black: #070908;
  --mxr-panel: #111311;
  --mxr-panel-2: #181a17;
  --mxr-white: #f5f3ec;
  --mxr-muted: #9b9d96;
  --mxr-line: rgba(255, 255, 255, 0.13);
  --mxr-red: #f02b22;
  --mxr-ease: cubic-bezier(.22, 1, .36, 1);
}

body {
  background:
    linear-gradient(90deg, transparent 49.9%, rgba(255,255,255,.025) 50%, transparent 50.1%),
    var(--mxr-black);
  color: var(--mxr-white);
}

.intro-loader {
  display: grid;
  place-items: center;
  background: var(--mxr-black);
  transition: opacity .55s var(--mxr-ease), visibility .55s;
}
.intro-loader::before,
.intro-loader::after {
  content: "";
  position: absolute;
  inset: 0 50% 0 0;
  z-index: 0;
  background: #0d0f0d;
  transform-origin: left;
  transition: transform .8s var(--mxr-ease);
}
.intro-loader::after { inset: 0 0 0 50%; transform-origin: right; }
.intro-loader.is-leaving::before,
.intro-loader.is-leaving::after { transform: scaleX(0); }
.intro-loader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.intro-sequence { position: relative; z-index: 2; width: min(760px, 82vw); }
.intro-kicker { display: flex; justify-content: space-between; color: var(--mxr-muted); font: 700 .7rem/1 monospace; letter-spacing: .17em; text-transform: uppercase; }
.intro-wordmark { margin: 18px 0 14px; font: 600 clamp(4.2rem, 13vw, 10rem)/.72 "Teko", sans-serif; letter-spacing: -.04em; text-transform: uppercase; }
.intro-wordmark span { color: var(--mxr-red); }
.intro-progress { height: 2px; overflow: hidden; background: #2b2d29; }
.intro-progress span { display: block; width: 100%; height: 100%; background: var(--mxr-red); transform: scaleX(0); transform-origin: left; animation: mxrLoad 1.15s var(--mxr-ease) forwards; }
@keyframes mxrLoad { to { transform: scaleX(1); } }

#main-header-wrapper { background: rgba(7,9,8,.92); border-bottom: 1px solid var(--mxr-line); }
.top-banner { background: var(--mxr-red); color: white; }
#main-header-wrapper nav { background: transparent; }
#main-header-wrapper .header-brand { display:flex; align-items:center; flex:0 0 auto; }
#main-header-wrapper .logo { width:250px; max-width:none; height:66px; object-fit:contain; filter:none; }
#main-header-wrapper .search-input { border-color: var(--mxr-line); background: #151714; color: white; }

.promo-slider.mxr-hero {
  height: min(760px, calc(100vh - 95px));
  min-height: 590px;
  border: 0;
  background: var(--mxr-black);
}
.mxr-hero .slide { position: relative; isolation: isolate; }
.mxr-hero .slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(7,9,8,.98) 0%, rgba(7,9,8,.8) 42%, rgba(7,9,8,.2) 76%),
    linear-gradient(0deg, rgba(7,9,8,.72), transparent 55%),
    var(--slide-image) center / cover no-repeat;
}
.mxr-hero .slide-inner {
  width: min(1320px, calc(100% - 64px));
  margin: auto;
  padding-top: 7vh;
  display: grid;
  grid-template-columns: minmax(0, 760px) 1fr;
  align-items: center;
}
.mxr-hero-copy { position: relative; }
.mxr-hero-copy::before { content: ""; position: absolute; left: -28px; top: 3px; width: 3px; height: 68px; background: var(--mxr-red); }
.mxr-hero .promo-tag { padding: 0; border: 0; color: var(--mxr-red); font: 800 .72rem/1 monospace; letter-spacing: .2em; }
.mxr-hero h1 {
  margin: 25px 0 24px;
  color: white;
  font: 600 clamp(4.4rem, 9.4vw, 9rem)/.77 "Teko", sans-serif;
  letter-spacing: -.035em;
  text-transform: uppercase;
  text-wrap: balance;
}
.mxr-hero .slide-desc { max-width: 590px; margin-bottom: 34px; color: #c0c1ba; font-size: 1rem; }
.mxr-hero .slide-btn { background: var(--mxr-red); clip-path: none; border-radius: 0; }
.mxr-hero .slide-meta { position: absolute; right: 5%; bottom: 34px; color: rgba(255,255,255,.55); font: 700 .66rem/1 monospace; letter-spacing: .14em; text-transform: uppercase; }
.mxr-hero .slider-dots { left: 5%; bottom: 34px; }
.mxr-hero .dot { width: 52px; height: 2px; border-radius: 0; }
.mxr-hero .dot.active { width: 82px; background: var(--mxr-red); }
.mxr-hero-nav {
  position: absolute;
  right: 5%;
  top: 50%;
  z-index: 6;
  display: grid;
  gap: 8px;
  transform: translateY(-50%);
}
.mxr-hero-nav button {
  width: 46px; height: 46px; border: 1px solid var(--mxr-line);
  color: white; background: rgba(7,9,8,.55); cursor: pointer;
}

#main-catalog { max-width: 1320px; padding-top: 88px; padding-bottom: 100px; }
.catalog-heading { display: grid; grid-template-columns: .85fr 1.15fr; gap: 50px; align-items: end; margin-bottom: 36px; }
.catalog-heading .section-title { margin: 0; color: white; text-align: left; font-size: clamp(3.5rem, 7vw, 6.8rem); letter-spacing: -.025em; }
.catalog-heading p { max-width: 560px; margin: 0; color: var(--mxr-muted); line-height: 1.65; }
.catalog-kicker { display: block; margin-bottom: 10px; color: var(--mxr-red); font: 800 .7rem/1 monospace; letter-spacing: .18em; text-transform: uppercase; }
.cat-grid {
  grid-template-columns: repeat(12, 1fr);
  gap: 1px;
  margin: 0;
  padding: 1px;
  background: var(--mxr-line);
}
.cat-btn {
  grid-column: span 3;
  min-height: 188px;
  padding: 22px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  border: 0;
  border-radius: 0;
  color: white;
  background: var(--mxr-panel);
  box-shadow: none;
  text-align: left;
  font-size: 1.65rem;
}
.cat-btn:nth-child(1),
.cat-btn:nth-child(6) { grid-column: span 6; }
.cat-btn:hover,
.cat-btn.active { z-index: 1; border: 0; color: white; background: var(--mxr-panel-2); box-shadow: inset 0 -3px var(--mxr-red); transform: none; }
.cat-btn .cat-icon { color: var(--mxr-red); font-size: 1.25rem; }
.cat-btn .cat-number { align-self: flex-end; color: #5f625b; font: 700 .7rem/1 monospace; }
.cat-btn .cat-copy { display: flex; flex-direction: column; gap: 6px; }
.cat-btn .cat-copy small { color: var(--mxr-muted); font: 500 .68rem/1.4 Montserrat, sans-serif; letter-spacing: 0; text-transform: none; }
.cat-btn--poly { grid-column:span 9; background:linear-gradient(135deg,#171a16,#10120f); }
.cat-btn--poly .cat-icon,.cat-btn--poly .cat-copy { color:var(--mxr-red); }
.badge-new-item { top: 16px; right: 16px; left: auto; border-radius: 0; background: var(--mxr-red); }
.poly-row { margin-top: 1px; }
.btn-poly { border: 0; border-radius: 0; color: white; background: linear-gradient(90deg, #1a1c19, #10120f); }
.dynamic-zone { display:none; border-radius:0; border:1px solid var(--mxr-line); background:#0e100e; }
.controls-area { background: #111311; }
.step-title { color: white; }
.sub-opt-btn, .poly-opt, .dark-select, .dark-input { border-radius: 0 !important; }
.sub-opt-btn { color: #d8d9d2; background: #191b18; border-color: #343630; }
.sub-opt-btn:hover, .sub-opt-btn.active, .poly-opt.active { border-color: var(--mxr-red); color: white; }
.catalog-search-result { display:grid; grid-template-columns:48px 1fr auto; gap:12px; align-items:center; padding:10px; color:#eee; border-bottom:1px solid var(--mxr-line); background:#111311; text-decoration:none; }
.catalog-search-result:hover { background:#1c1e1a; }.catalog-search-result img { width:48px; height:42px; object-fit:cover; }.catalog-search-result span { display:grid; gap:3px; }.catalog-search-result small { color:var(--mxr-muted); }.catalog-search-result b { color:var(--mxr-red); font-size:.68rem; }
.configurator-modal { position:fixed !important; inset:0 !important; z-index:5000; display:grid !important; place-items:center; margin:0 !important; padding:clamp(12px,3vw,44px); overflow:auto; border:0 !important; background:rgba(0,0,0,.86) !important; backdrop-filter:blur(14px); animation:configBackdrop .28s ease both; }
.configurator-modal .split-layout { position:relative; width:min(1280px,100%); max-height:min(820px,calc(100vh - 40px)); overflow:hidden; grid-template-columns:minmax(0,1.05fr) minmax(390px,.75fr); border:1px solid var(--mxr-line); background:#0d0f0d; box-shadow:0 30px 100px rgba(0,0,0,.65); animation:configPanel .45s var(--mxr-ease) both; }
.configurator-modal .visual-area { min-height:620px; background:#161815; }
.configurator-modal .controls-area { max-height:calc(100vh - 42px); padding:clamp(26px,4vw,50px); color:var(--mxr-white); background:#10120f; }
.configurator-modal .config-close { position:absolute; top:14px; right:14px; z-index:20; width:44px; height:44px; border:1px solid var(--mxr-line); color:white; background:#090a09; font-size:1.5rem; cursor:pointer; }
.configurator-modal .step-title { color:white; border-color:var(--mxr-red); font-size:clamp(2.3rem,4vw,4rem); }
.configurator-modal .sub-options-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.configurator-modal .sub-opt-btn { min-height:96px; aspect-ratio:auto; align-items:flex-start; padding:18px; color:#d6d8d1; background:#171916; border:1px solid #30332d; text-align:left; }
.configurator-modal .poly-opt { min-height:78px; color:#d6d8d1; background:#171916; border-color:#30332d; box-shadow:none; }
.configurator-modal .poly-opt:hover,.configurator-modal .poly-opt.selected { color:white; background:#22241f; border-color:var(--mxr-red); }
.configurator-modal .addon-box { color:#d6d8d1; background:#171916; border-color:#30332d; }
.configurator-modal .dark-input,.configurator-modal .dark-select { color:white; background-color:#171916; border-color:#3b3d37; }
body.has-configurator { overflow:hidden; }
@keyframes configBackdrop { from{opacity:0} }
@keyframes configPanel { from{opacity:0;transform:translateY(24px) scale(.985)} }
.family-explorer {
  position:fixed;
  inset:0;
  z-index:4800;
  display:grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, .85fr);
  width:min(1280px,calc(100% - 72px));
  height:min(780px,calc(100vh - 72px));
  margin:auto;
  overflow: hidden;
  border: 1px solid var(--mxr-line);
  background: var(--mxr-panel);
  box-shadow:0 0 0 100vmax rgba(0,0,0,.88),0 40px 100px rgba(0,0,0,.8);
  opacity: 0;
  transform: translateY(24px) scale(.985);
  transition: opacity .35s var(--mxr-ease), transform .55s var(--mxr-ease);
}
.family-explorer[hidden] { display: none; }
.family-explorer.is-open { opacity: 1; transform: none; }
body.has-family-explorer { overflow:hidden; }
.family-preview { position: relative; min-height: 500px; overflow: hidden; background: #222; }
.family-preview::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 55%); pointer-events:none; }
.family-preview img { width:100%; height:100%; object-fit:cover; transition:opacity .25s ease, transform .7s var(--mxr-ease); }
.family-explorer.is-open .family-preview img { transform:scale(1.02); }
.family-preview__overlay { position:absolute; z-index:2; left:30px; right:30px; bottom:28px; display:flex; justify-content:space-between; align-items:end; gap:20px; }
.family-preview__overlay span { color:var(--mxr-red); font:800 .75rem/1 monospace; }
.family-preview__overlay strong { max-width:75%; font:600 clamp(2.8rem,5vw,5.4rem)/.8 Teko,sans-serif; text-align:right; text-transform:uppercase; }
.family-options { padding:clamp(24px,4vw,48px); overflow:auto; }
.family-options__head { display:flex; align-items:start; justify-content:space-between; gap:20px; }
.family-options h3 { margin:0; color:white; font:600 clamp(2.7rem,5vw,4.7rem)/.85 Teko,sans-serif; text-transform:uppercase; }
.family-options>p { color:var(--mxr-muted); line-height:1.6; }
.family-close { width:42px; height:42px; flex:0 0 auto; border:1px solid var(--mxr-line); color:white; background:transparent; font-size:1.6rem; cursor:pointer; }
.family-option-list { margin-top:25px; border-top:1px solid var(--mxr-line); }
.family-option { border-bottom:1px solid var(--mxr-line); }
.family-option__select { width:100%; padding:18px 0; display:grid; grid-template-columns:35px 1fr; gap:5px 12px; border:0; color:white; background:transparent; text-align:left; cursor:pointer; }
.family-option__select span { grid-row:span 2; color:#646760; font:700 .7rem/1 monospace; padding-top:5px; }
.family-option__select strong { font:600 1.45rem/1 Teko,sans-serif; text-transform:uppercase; }
.family-option__select small { color:var(--mxr-muted); line-height:1.35; }
.family-option.is-active .family-option__select strong { color:var(--mxr-red); }
.family-option__actions { position:relative; z-index:5; display:grid; grid-template-columns:1fr 1fr; gap:1px; max-height:0; overflow:hidden; opacity:0; pointer-events:none; transition:max-height .35s ease, opacity .3s ease, padding .3s ease; }
.family-option.is-active .family-option__actions { max-height:70px; padding-bottom:16px; opacity:1; pointer-events:auto; }
.family-option__actions button,.family-option__actions a { position:relative; z-index:6; display:block; padding:13px; border:1px solid var(--mxr-line); color:white; background:#1b1d1a; text-align:center; text-decoration:none; font:800 .67rem/1 Montserrat,sans-serif; text-transform:uppercase; cursor:pointer; }
.family-option__actions a { color:var(--mxr-red); }
.config-back{margin:18px 0 5px;padding:0;border:0;color:var(--mxr-red);background:transparent;font:800 .68rem/1 Montserrat,sans-serif;text-transform:uppercase;cursor:pointer}.specific-features{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0;border:1px solid var(--mxr-line)}.specific-features div{min-height:92px;padding:15px;border-right:1px solid var(--mxr-line)}.specific-features div:last-child{border:0}.specific-features b{display:block;margin-bottom:12px;color:var(--mxr-red);font:800 .65rem/1 monospace}.specific-features span{font-size:.72rem;line-height:1.4}.specific-form{display:grid;gap:12px}.specific-form label{display:grid;gap:7px;color:var(--mxr-muted);font:800 .62rem/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase}.specific-form input,.specific-form select{width:100%;height:52px;padding:0 14px;border:1px solid #3b3d37;color:#fff;background:#171916;font:500 .8rem/1 Montserrat,sans-serif}.specific-actions{display:grid;grid-template-columns:.75fr 1.25fr;gap:1px;margin-top:18px}.specific-actions a{padding:17px;border:1px solid var(--mxr-line);color:#fff;background:#171916;text-align:center;text-decoration:none;font:800 .67rem/1 Montserrat,sans-serif;text-transform:uppercase}.specific-actions .specific-quote{border-color:var(--mxr-red);background:var(--mxr-red)}

@media (max-width: 820px) {
  .mxr-hero .slide-inner { width: calc(100% - 40px); grid-template-columns: 1fr; padding-top: 2vh; }
  .mxr-hero h1 { font-size: clamp(4rem, 20vw, 6rem); }
  .mxr-hero-copy::before, .mxr-hero-nav, .slide-meta { display: none; }
  .catalog-heading { grid-template-columns: 1fr; gap: 14px; }
  .cat-btn, .cat-btn:nth-child(n) { grid-column: span 6; min-height: 154px; padding: 17px; font-size: 1.3rem; }
  .family-explorer { grid-template-columns:1fr; width:100%; height:100%; }
  .family-preview { min-height:330px; }
  .specific-features{grid-template-columns:1fr}.specific-features div{min-height:0;border-right:0;border-bottom:1px solid var(--mxr-line)}.specific-actions{grid-template-columns:1fr}
  #main-header-wrapper .logo { width:132px; height:46px; }
  .configurator-modal { padding:0; place-items:stretch; }
  .configurator-modal .split-layout { max-height:none; min-height:100%; grid-template-columns:1fr; overflow:auto; }
  .configurator-modal .visual-area { min-height:300px; }
  .configurator-modal .controls-area { max-height:none; }
}
@media (max-width: 480px) {
  .promo-slider.mxr-hero { min-height: 620px; }
  .mxr-hero .slide::before { background: linear-gradient(0deg, rgba(7,9,8,.98) 16%, rgba(7,9,8,.66) 100%), var(--slide-image) 62% center / cover no-repeat; }
  #main-catalog { padding-inline: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .intro-progress span { animation: none; transform: scaleX(1); }
  .slides-container, .intro-loader::before, .intro-loader::after { transition: none; }
}
.mimaxmotor-banner{display:grid;grid-template-columns:1.1fr .9fr;min-height:520px;color:#f4f1e8;background:#0b0d0b;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13);font-family:Montserrat,sans-serif}.mimaxmotor-banner__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,7vw,110px);border-right:1px solid rgba(255,255,255,.13);background:radial-gradient(circle at 15% 20%,rgba(230,65,50,.15),transparent 38%)}.mimaxmotor-banner__copy>span{color:#e64132;font-size:.72rem;font-weight:900;letter-spacing:.18em}.mimaxmotor-banner__copy h2{margin:22px 0;font:900 clamp(3.5rem,7vw,7.5rem)/.78 'Teko',sans-serif;letter-spacing:-.02em;text-transform:uppercase}.mimaxmotor-banner__copy p{max-width:620px;color:#9fa198;font-size:.9rem;line-height:1.7}.mimaxmotor-banner__copy a{display:flex;align-items:center;justify-content:space-between;width:min(390px,100%);margin-top:25px;padding:18px 20px;color:#fff;background:#e64132;text-decoration:none;font:800 .78rem Montserrat,sans-serif;text-transform:uppercase}.mimaxmotor-banner__copy a b{font-size:1.3rem}.mimaxmotor-banner__benefits{display:grid;grid-template-columns:1fr 1fr}.mimaxmotor-banner__benefits article{display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:32px;border:1px solid rgba(255,255,255,.08);background:#111310}.mimaxmotor-banner__benefits strong{color:#e64132;font:800 2rem 'Teko',sans-serif}.mimaxmotor-banner__benefits span{max-width:190px;font:700 1.25rem/1.1 'Teko',sans-serif;text-transform:uppercase}@media(max-width:800px){.mimaxmotor-banner{grid-template-columns:1fr}.mimaxmotor-banner__copy{border-right:0}.mimaxmotor-banner__benefits article{min-height:180px;padding:22px}}