/* ============ THE CLEAN SHELL — disciplined header (cookie-gated) ============
   Flat surfaces, hairline zones. Blue has three jobs: search button, commit button, fit line. */
.lmcs{background:#101010;font-family:var(--lm-body)}
.lmcs *{box-sizing:border-box}
.lmcs-wrap{max-width:1340px;margin:0 auto;padding:0 22px;display:flex;align-items:center;gap:26px}
.lmcs-sronly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lmcs a{text-decoration:none}
.lmcs :focus-visible{outline:2px solid #7fdcff;outline-offset:2px}

/* util */
.lmcs-util{background:#0c0c0d;border-bottom:1px solid #1e1f21}
.lmcs-util .lmcs-wrap{justify-content:space-between;padding-top:7px;padding-bottom:7px;font-size:.76rem;color:#9aa4ad;gap:14px}
.lmcs-util a{color:#9aa4ad}
.lmcs-util a:hover{color:#fff;text-decoration:underline}
.lmcs-util-r{display:flex;gap:20px;white-space:nowrap}

/* main */
.lmcs-main{padding:16px 0}
.lmcs-burger{display:none;background:none;border:0;color:#fff;min-width:44px;min-height:44px;cursor:pointer;align-items:center;justify-content:center}
.lmcs-logo img{max-height:44px;width:auto;display:block}
.lmcs-logo strong{font-family:var(--lm-head);color:#fff;font-size:1.4rem}
.lmcs-searchzone{flex:1;position:relative;min-width:0}
.lmcs-combo{display:flex;background:#fff;border-radius:4px;overflow:hidden;margin:0}
.lmcs-combo input{flex:1;min-width:0;min-height:48px;border:0;outline:0;background:none;color:#1a1c1f;font-size:.95rem;padding:0 18px;font-family:var(--lm-body)}
.lmcs-combo input::placeholder{color:#7c868f}
.lmcs-go{min-height:48px;background:var(--lm-blue) !important;border:0;color:#001018 !important;font-family:var(--lm-head);text-transform:uppercase;font-weight:600;font-size:.85rem;letter-spacing:.06em;padding:0 26px;cursor:pointer;border-radius:0 !important}
.lmcs-go:hover{background:#33c1f3 !important;color:#001018 !important}
.lmcs-phone{text-align:right;line-height:1.25;white-space:nowrap}
.lmcs-phone b{display:block;font-family:var(--lm-head);color:#fff;font-size:1rem;letter-spacing:.03em}
.lmcs-phone span{font-size:.7rem;color:#9aa4ad}
/* call cluster (demo parity 08-13): number+sub, CALL solid, TEXT outline — skins color it */
.lmcs-call{display:flex;align-items:center;gap:12px;white-space:nowrap}
.lmcs-call-info{text-align:right;line-height:1.25}
.lmcs-call-info b{display:block;font-family:var(--lm-head);font-size:1rem;letter-spacing:.03em;color:#fff}
.lmcs-call-info span{font-size:.7rem;color:#9aa4ad}
.lmcs-btn-call,.lmcs-btn-txt{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:6px;font-family:var(--lm-head);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.lmcs-btn-call{background:#fff;color:#141414}
.lmcs-btn-txt{border:1.5px solid #4a545e;color:#fff}
/* cart breathes apart from the contact cluster (review 08-13) */
.lmcs-call + .lmcs-cart{margin-left:14px}
.lmcs-cart{position:relative;display:flex;color:#fff;min-width:44px;min-height:44px;align-items:center;justify-content:center}
.lmcs-cartct{position:absolute;top:0;right:-2px;background:var(--lm-blue);color:#001018;font-family:var(--lm-head);font-size:.66rem;font-weight:700;border-radius:99px;min-width:17px;height:17px;display:flex;align-items:center;justify-content:center;padding:0 4px}

/* band */
.lmcs-band{background:#161719;border-top:1px solid #232426;border-bottom:2px solid var(--lm-blue)}
.lmcs-band .lmcs-wrap{align-items:stretch;gap:0}
.lmcs-zone{padding:13px 26px 15px}
.lmcs-zone + .lmcs-zone{border-left:1px solid #232426}
.lmcs-zone:first-child{padding-left:0}
.lmcs-zone-plat{flex:1;min-width:0}
.lmcs-microlab{font-family:var(--lm-head);text-transform:uppercase;font-size:.62rem;letter-spacing:.18em;color:#8b95a0;margin-bottom:8px}
.lmcs-fitrow{display:flex;align-items:center;gap:14px}
.lmcs-year{appearance:none;-webkit-appearance:none;min-height:44px;min-width:120px;background:#101010 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%239aa4ad' stroke-width='1.5' fill='none'/></svg>") no-repeat right 14px center;border:1px solid #3a3d41;border-radius:4px;color:#fff;font-family:var(--lm-body);font-size:.92rem;padding:0 38px 0 14px;cursor:pointer}
.lmcs-year:hover{border-color:#6a7076}
.lmcs-fithint{font-size:.8rem;color:#8b95a0}
.lmcs-chip{display:flex;align-items:center;gap:14px;min-height:44px}
.lmcs-chip[hidden]{display:none}
.lmcs-chip-v{font-family:var(--lm-head);text-transform:uppercase;color:#fff !important;font-size:.95rem;letter-spacing:.04em}
.lmcs-chip-v:hover{color:#7fdcff !important}
.lmcs-chip-n{font-size:.8rem;color:#9fe0f7}
.lmcs-chip button{background:none;border:0;color:#9aa4ad;font-size:.8rem;text-decoration:underline;cursor:pointer;min-height:44px;font-family:var(--lm-body)}
.lmcs-chip button:hover{color:#fff}
.lmcs-plats{display:flex;align-items:center;gap:24px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lmcs-plats::-webkit-scrollbar{display:none}
.lmcs-plats a{font-family:var(--lm-head);text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:#c6ccd2;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.lmcs-plats a:hover{color:#fff;border-bottom-color:var(--lm-blue)}

/* dropdown (light) */
.lmcs-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #dfe3e7;border-radius:6px;box-shadow:0 18px 44px rgba(16,20,24,.18);z-index:9999;display:none;padding:4px 6px;max-height:70vh;overflow-y:auto}
.lmcs-drop.open{display:block}
.lmcs-drop ul{list-style:none;margin:0;padding:0}
.lmcs-drop [role="presentation"]{font-family:var(--lm-head);text-transform:uppercase;color:#7c868f;font-size:.62rem;letter-spacing:.16em;padding:12px 10px 6px}
.lmcs-drop [role="option"]{display:flex;align-items:center;gap:12px;min-height:54px;padding:7px 10px;border-radius:4px;cursor:pointer}
.lmcs-drop [role="option"][aria-selected="true"],.lmcs-drop [role="option"]:hover{background:#f2f7fa;outline:1px solid #cfe8f3}
.lmcs-drop .im{width:42px;height:42px;flex:0 0 42px;border-radius:4px;background:#f0f3f5;object-fit:contain}
.lmcs-drop .tx{flex:1;min-width:0}
.lmcs-drop .t{display:block;color:#1a1c1f;font-size:.87rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lmcs-drop .m{display:block;color:#7c868f;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}
.lmcs-drop .p{font-family:var(--lm-head);color:#1a1c1f;font-size:.9rem;white-space:nowrap}
.lmcs-drop .pin{font-family:var(--lm-head);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:#0077a8;border:1px solid #0077a8;border-radius:2px;padding:2px 6px}
.lmcs-drop .all{display:block;text-align:center;color:#0077a8;font-family:var(--lm-head);text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;padding:12px;border-top:1px solid #e6e9ec;margin-top:4px;cursor:pointer}
.lmcs-drop .all:hover{background:#f2f7fa}

/* wizard sheet */
.lmcs-scrim{position:fixed;inset:0;background:rgba(20,24,28,.4);z-index:100000;opacity:0;pointer-events:none;transition:opacity .18s}
.lmcs-scrim.on{opacity:1;pointer-events:auto}
.lmcs-sheet{position:fixed;left:50%;top:9vh;transform:translateX(-50%) translateY(-8px);width:500px;max-width:94vw;z-index:100001;background:#fff;border:1px solid #dfe3e7;border-radius:10px;opacity:0;pointer-events:none;transition:.18s;display:flex;flex-direction:column;max-height:80vh;box-shadow:0 30px 70px rgba(16,20,24,.3)}
.lmcs-sheet.on{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.lmcs-sheet-head{display:flex;align-items:center;padding:16px 8px 6px 18px}
.lmcs-sheet-head span{font-family:var(--lm-head);text-transform:uppercase;color:#1a1c1f;font-size:1.02rem;letter-spacing:.05em;flex:1}
.lmcs-x{min-width:44px;min-height:44px;background:none;border:0;color:#7c868f;font-size:1.2rem;cursor:pointer}
.lmcs-x:hover{color:#1a1c1f}
.lmcs-prog{display:flex;gap:4px;padding:0 18px 12px}
.lmcs-prog span{flex:1;height:3px;border-radius:2px;background:#e6e9ec}
.lmcs-prog span.lit{background:var(--lm-blue)}
.lmcs-sheet-body{overflow-y:auto;padding:4px 18px 14px;flex:1}
.lmcs-step{font-family:var(--lm-head);text-transform:uppercase;color:#7c868f;font-size:.72rem;letter-spacing:.14em;margin:6px 0 10px}
.lmcs-step b{color:#1a1c1f}
.lmcs-step em{color:#0077a8;font-style:normal}
.lmcs-grid{display:grid;gap:8px}
.lmcs-grid.years{grid-template-columns:repeat(4,1fr)}
.lmcs-grid.makes{grid-template-columns:repeat(2,1fr)}
.lmcs-grid.list{grid-template-columns:1fr}
/* !important throughout the wizard controls — the theme styles ALL <button>s blue with !important */
.lmcs-tl{min-height:48px;background:#fff !important;border:1px solid #d9dde1 !important;border-radius:6px;color:#1a1c1f !important;font-family:var(--lm-body) !important;text-transform:none !important;font-weight:400 !important;letter-spacing:0 !important;font-size:.92rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px}
.lmcs-tl:hover{background:#fff !important;color:#0077a8 !important;border-color:#0077a8 !important}
.lmcs-tl.left{justify-content:flex-start;padding:8px 14px}
.lmcs-tl small{color:#7c868f;font-size:.75rem}
.lmcs-sheet-foot{border-top:1px solid #e6e9ec;padding:12px 18px;display:flex;gap:10px}
.lmcs-back{min-height:48px;min-width:86px;background:none !important;border:1px solid #d9dde1 !important;border-radius:6px;color:#5c666f !important;font-family:var(--lm-head);text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;cursor:pointer}
.lmcs-count{flex:1;min-height:48px;background:var(--lm-blue) !important;border:0;border-radius:6px;color:#001018 !important;font-family:var(--lm-head);text-transform:uppercase;font-weight:700;font-size:.95rem;letter-spacing:.05em;cursor:pointer}
.lmcs-count[disabled]{background:#eef0f2 !important;color:#9aa4ad !important;cursor:not-allowed}
.lmcs-x{background:none !important;color:#7c868f !important}
.lmcs-x:hover{color:#1a1c1f !important}
.lmcs-chip button{background:none !important;color:#9aa4ad !important;text-transform:none !important;font-weight:400 !important;letter-spacing:0 !important}
.lmcs-chip button:hover{color:#fff !important}
.lmcs-burger{background:none !important;color:#fff !important}

/* suppress the old launcher-band spacing quirks under the shell (band is suppressed server-side) */

/* mobile */
@media (max-width: 900px){
  .lmcs-wrap{gap:14px}
  .lmcs-burger{display:flex}
  .lmcs-phone{display:none}
  .lmcs-call{display:none}
  .lmcs-util .lmcs-util-r span{display:none}
  .lmcs-main{padding:10px 0}
  .lmcs-main .lmcs-wrap{flex-wrap:wrap;row-gap:10px}
  .lmcs-logo{order:1;margin-right:auto}
  .lmcs-burger{order:0}
  .lmcs-cart{order:2}
  .lmcs-searchzone{order:3;flex-basis:100%}
  .lmcs-band .lmcs-wrap{flex-direction:column;align-items:stretch;gap:0;padding:0 22px}
  .lmcs-zone{padding:10px 0}
  .lmcs-zone + .lmcs-zone{border-left:0;border-top:1px solid #232426}
  .lmcs-fithint{display:none}
  .lmcs-year{flex:1}
  .lmcs-sheet{top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;transform:translateY(12px);border-radius:14px 14px 0 0;max-height:86vh;padding-bottom:env(safe-area-inset-bottom)}
  .lmcs-sheet.on{transform:none}
}
@media (prefers-reduced-motion: reduce){
  .lmcs-sheet,.lmcs-scrim{transition:none}
}

/* Browse pages: the old Shop By Vehicle + Search catalogs band is redundant under the shell
   (shell search + wizard cover it). browse.js binds to its controls, so it stays in the DOM,
   hidden. */
.lfb-vehband{display:none!important}

/* ============ WHITE DECK (the pick 2026-07-20) — AM-style 4-dropdown strip ============
   Replaces the band vehicle zone + sheet wizard. Blue-on-white text = #0077a8 (contrast).
   Old .lmcs-band/.lmcs-sheet rules above are dormant (markup removed). */
.lmcs-deck{background:#fff;border-top:3px solid var(--lm-blue);border-bottom:1px solid #dfe3e7}
.lmcs-deck .lmcs-wrap{padding-top:12px;padding-bottom:14px}
.lmcs-deckrow{display:flex;align-items:flex-end;gap:10px;flex:1;min-width:0}
.lmcs-dk-f{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lmcs-dk-lab{font-family:var(--lm-body);font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#6a727a}
.lmcs-dk-f select{appearance:none;-webkit-appearance:none;width:100%;height:50px;cursor:pointer;
  font-family:var(--lm-body);font-size:.95rem;font-weight:600;color:#3d444b;
  background-color:#fff;border:2px solid #c6ccd2;border-radius:6px;padding:0 32px 0 13px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236a727a' stroke-width='2.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center}
.lmcs-dk-f.is-active select{border-color:#0077a8;color:#0077a8;font-weight:700;box-shadow:0 0 0 1px #0077a8}
.lmcs-dk-f.is-done select{border-color:#c6ccd2;color:#101418}
.lmcs-dk-f select:disabled{background-color:#eef0f2;border-color:#e2e5e8;color:#8a9199;cursor:default}
.lmcs-dk-f select:focus-visible{outline:3px solid #0077a8;outline-offset:1px}
button.lmcs-dk-go{height:50px;flex:0 0 auto;padding:0 24px;border:0 !important;border-radius:6px;cursor:pointer;
  font-family:var(--lm-head) !important;font-size:.92rem !important;font-weight:700 !important;
  letter-spacing:.06em !important;text-transform:uppercase !important;
  background:var(--lm-blue) !important;color:#001018 !important;transition:.15s}
button.lmcs-dk-go:disabled{background:#eef0f2 !important;color:#8a9199 !important;cursor:default;font-weight:600 !important}
button.lmcs-dk-go:focus-visible{outline:3px solid #001018;outline-offset:2px}
/* chip inside the white deck — dark text on white */
.lmcs-dk-chip{min-height:50px}
.lmcs-dk-chip .lmcs-chip-v{color:#101418 !important}
.lmcs-dk-chip .lmcs-chip-v:hover{color:#0077a8 !important}
.lmcs-dk-chip .lmcs-chip-n{color:#0077a8}
.lmcs-dk-chip button{color:#6a727a !important}
.lmcs-dk-chip button:hover{color:#101418 !important}
/* platform rail under the deck */
.lmcs-prail{background:#15181d;border-bottom:2px solid var(--lm-blue)}
.lmcs-prail .lmcs-wrap{display:flex;align-items:center;gap:18px;padding-top:8px;padding-bottom:8px}
@media (max-width: 900px){
  .lmcs-deckrow{flex-wrap:wrap}
  .lmcs-dk-f{flex:1 1 44%}
  button.lmcs-dk-go{flex:1 1 100%;height:54px}
}

/* deck persists after commit (review 07-20): dropdowns hold the vehicle, no chip swap */
button.lmcs-dk-clear{align-self:flex-end;height:50px;background:none !important;border:0 !important;color:#6a727a !important;font-family:var(--lm-body) !important;font-size:.8rem !important;font-weight:400 !important;text-decoration:underline;text-transform:none !important;letter-spacing:0 !important;cursor:pointer;padding:0 4px}
button.lmcs-dk-clear:hover{color:#101418 !important}
button.lmcs-dk-clear:focus-visible{outline:2px solid #0077a8;outline-offset:2px}
button.lmcs-dk-clear[hidden]{display:none}
@media (max-width: 900px){
  button.lmcs-dk-clear{height:44px;align-self:center;flex:1 1 100%}
}

/* ============ TAB DECK menu (the client's R3 pick 2026-07-20) ============
   White tab rail on the deck's top edge; deck's own blue top border moves up here. */
.lmcs-tabrow{background:#fff;border-top:3px solid var(--lm-blue);border-bottom:1px solid #e6e9ec;position:relative}
.lmcs-tabrow .lmcs-wrap{padding-top:0;padding-bottom:0;gap:0}
.lmcs-deck{border-top:0}
.lmcs-mnav{display:flex;align-items:stretch;gap:2px;overflow:visible;flex:1;min-width:0}
.lmcs-mitem{position:relative}
.lmcs-mtab{display:flex;align-items:center;gap:6px;height:44px;padding:0 14px;background:none !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;cursor:pointer;
  font-family:var(--lm-head) !important;font-size:.8rem !important;font-weight:600 !important;letter-spacing:.07em !important;text-transform:uppercase !important;color:#33393f !important;text-decoration:none;white-space:nowrap}
a.lmcs-mtab{line-height:44px}
.lmcs-mcar{font-size:.55rem;opacity:.55}
.lmcs-mitem:hover>.lmcs-mtab,.lmcs-mtab[aria-expanded="true"]{color:#0077a8 !important;border-bottom-color:#0077a8 !important}
.lmcs-mtab:focus-visible{outline:2px solid #0077a8;outline-offset:-2px}
.lmcs-mpanel{display:none;position:absolute;top:100%;left:0;z-index:100000;min-width:230px;background:#fff;border:1px solid #dfe3e7;border-top:2px solid #0077a8;box-shadow:0 26px 60px rgba(16,20,24,.25)}
.lmcs-mpanel.open{display:flex}
.lmcs-mcol{padding:16px 20px;min-width:200px}
.lmcs-mcol h5{font-family:var(--lm-body);font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6a727a;margin:0 0 9px}
.lmcs-mcol a{display:block;font-family:var(--lm-body);font-size:.85rem;font-weight:500;color:#101418 !important;text-decoration:none;padding:5px 0}
.lmcs-mcol a:hover{color:#0077a8 !important}
@media (max-width: 900px){
  .lmcs-tabrow .lmcs-wrap{padding:0 10px}
  .lmcs-mnav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .lmcs-mnav::-webkit-scrollbar{display:none}
  .lmcs-mitem{position:static}
  .lmcs-mpanel{left:0;right:0;min-width:0;flex-wrap:wrap}
}

/* Storefront's grey breadcrumb band (68px + ~60px margin-bottom) is dead weight under the
   shell — templates draw their own crumbs. Killing it closes the header→content gap
   review flagged on brands + product pages. */
.storefront-breadcrumb{display:none !important}

/* Platforms = first tab (review 07-20): two-column dropdown; bottom rail removed */
.lmcs-mcol-plats{columns:2;column-gap:26px;min-width:360px}
.lmcs-mcol-plats h5{column-span:all}
.lmcs-mcol-plats a{break-inside:avoid}
.lmcs-mitem:first-child .lmcs-mtab{color:#0077a8 !important;font-weight:700 !important}

/* ============ DARK DECK SKIN (review 07-20: "dark look, WCAG compliant") ============
   Overrides the white deck + tabrow above. Contrast (all vs their actual backgrounds):
   #00aeef on #15181d = 7.5:1 ✓ · #fff on #0e1013 = 19:1 ✓ · #c6cfd6 on #15181d = 11:1 ✓
   #8b98a3 labels on #15181d = 6.3:1 ✓ · commit #001018 on #00aeef = 7.6:1 ✓
   Disabled controls are WCAG-exempt but kept readable (#8a9199). */
.lmcs-tabrow{background:#15181d;border-top:3px solid var(--lm-blue);border-bottom:1px solid #232426}
.lmcs-mtab{color:#c6cfd6 !important}
.lmcs-mitem:hover>.lmcs-mtab,.lmcs-mtab[aria-expanded="true"]{color:var(--lm-blue) !important;border-bottom-color:var(--lm-blue) !important}
.lmcs-mtab:focus-visible{outline:2px solid var(--lm-blue);outline-offset:-2px}
.lmcs-mitem:first-child .lmcs-mtab{color:var(--lm-blue) !important}
.lmcs-mpanel{background:#101318;border:1px solid #232830;border-top:2px solid var(--lm-blue)}
.lmcs-mcol h5{color:#8b98a3}
.lmcs-mcol a{color:#dfe7ec !important}
.lmcs-mcol a:hover{color:var(--lm-blue) !important}
.lmcs-mcol a:focus-visible{outline:2px solid var(--lm-blue);outline-offset:1px}
.lmcs-deck{background:#15181d;border-bottom:1px solid #232426}
.lmcs-dk-lab{color:#8b98a3}
.lmcs-dk-f select{background-color:#0e1013;color:#fff;border:1.5px solid #2a2f35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b98a3' stroke-width='2.6'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.lmcs-dk-f.is-active select{border-color:var(--lm-blue);color:var(--lm-blue);box-shadow:0 0 0 1px var(--lm-blue);font-weight:700}
.lmcs-dk-f.is-done select{border-color:#3a4048;color:#fff}
.lmcs-dk-f select:disabled{background-color:#14171b;border-color:#22262b;color:#8a9199}
.lmcs-dk-f select:focus-visible{outline:3px solid var(--lm-blue);outline-offset:1px}
button.lmcs-dk-go:disabled{background:#262b31 !important;color:#8a9199 !important}
button.lmcs-dk-go:focus-visible{outline:3px solid #fff;outline-offset:2px}
button.lmcs-dk-clear{color:#9aa4ad !important}
button.lmcs-dk-clear:hover{color:#fff !important}
button.lmcs-dk-clear:focus-visible{outline:2px solid var(--lm-blue);outline-offset:2px}

/* ============ PLATFORMS mega w/ powertrain slices (Lethal-grain, 07-20) ============ */
.lmcs-mpanel-plats{padding:6px 4px}
.lmcs-pgrid{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:2px 18px;padding:12px 16px;min-width:640px}
.lmcs-pgrp{padding:6px 0}
.lmcs-pg-head{display:block;font-family:var(--lm-head);font-size:.82rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--lm-blue) !important;text-decoration:none;padding:5px 0 3px;white-space:nowrap}
.lmcs-pg-head span{opacity:.6}
a.lmcs-pg-head:hover{color:#7fdcff !important}
.lmcs-pg-static{cursor:default;color:#8b98a3 !important}
.lmcs-pg-sub{display:block;font-family:var(--lm-body);font-size:.84rem;font-weight:500;color:#dfe7ec !important;text-decoration:none;padding:4px 0;white-space:nowrap}
.lmcs-pg-sub:hover{color:var(--lm-blue) !important}
.lmcs-pg-sub:focus-visible,.lmcs-pg-head:focus-visible{outline:2px solid var(--lm-blue);outline-offset:1px}
@media (max-width: 900px){
  .lmcs-pgrid{grid-template-columns:1fr 1fr;min-width:0;padding:10px 14px}
}
@media (max-width: 560px){
  .lmcs-pgrid{grid-template-columns:1fr}
}

/* ============ MOBILE FOLD, DIRTY-CLEAN (review 08-13) ============
   The 4-select fitment deck collapses behind one "Shop by vehicle" tap on
   phones; the util tagline steps aside. Desktop untouched. Skins color the
   toggle; this is structure + the dark default. */
.lmcs-dk-toggle{display:none}
@media (max-width:640px){
  .lmcs-util .lmcs-tag{display:none}
  /* the tab nav row retires on phones — the burger drawer owns departments
     (RealTruck/AT/Dirty pattern, the client-confirmed 08-13) */
  .lmcs-tabrow{display:none}
  .lmcs-dk-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;padding:0 14px;border-radius:6px;font-family:var(--lm-head);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;background:#0f0f0f !important;border:1px solid #3a3a3a !important;color:#fff !important;cursor:pointer}
  .lmcs-dk-tcar{transition:transform .18s}
  .lmcs-deck.dk-open .lmcs-dk-tcar{transform:rotate(180deg)}
  .lmcs-deck .lmcs-deckrow{display:none}
  .lmcs-deck.dk-open .lmcs-deckrow{display:flex;flex-direction:column;gap:8px;margin-top:10px}
  .lmcs-deck.dk-open .lmcs-dk-f{width:100%}
  .lmcs-deck.dk-open .lmcs-dk-f select{width:100%}
  .lmcs-deck.dk-open button.lmcs-dk-go,.lmcs-deck.dk-open button.lmcs-dk-clear{width:100%}
  .lmcs-deck .lmcs-wrap{padding-top:10px;padding-bottom:10px;flex-direction:column;align-items:stretch;gap:0}
}

/* ============ MOBILE VEHICLE STEPPER (review 08-13, from reveal/mobile-picker.html) ============
   Slide-in panel over the real deck selects. Accent via --lmvp-accent (skins set it). */
.lmvp-scrim{position:fixed;inset:0;background:rgba(10,13,17,.44);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;z-index:380}
body.lmvp-open .lmvp-scrim{opacity:1;visibility:visible}
.lmvp{--acc:var(--lmvp-accent,#141414);position:fixed;top:0;bottom:0;right:0;width:88%;max-width:400px;background:#fff;color:#14181d;z-index:390;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .3s cubic-bezier(.32,.72,.34,1);box-shadow:-16px 0 44px rgba(0,0,0,.25)}
body.lmvp-open .lmvp{transform:translateX(0)}
.lmvp-hd{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e4e7ea}
.lmvp-hd h2{font-family:var(--lm-head);font-weight:600;font-size:15px;letter-spacing:.1em;text-transform:uppercase;margin:0;color:#14181d}
.lmvp-x{background:#f4f5f7 !important;border:0 !important;width:38px;height:38px;border-radius:8px;font-size:15px;color:#14181d !important;cursor:pointer}
.lmvp-crumbs{flex:0 0 auto;display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #e4e7ea;overflow-x:auto;scrollbar-width:none}
.lmvp-crumbs::-webkit-scrollbar{display:none}
.lmvp-cr{flex:0 0 auto;border:1px solid #e4e7ea !important;background:#f4f5f7 !important;border-radius:20px;padding:7px 14px;font-size:12.5px;font-weight:600;color:#9aa4ad !important;cursor:pointer;font-family:inherit}
.lmvp-cr.done{background:#fff !important;border-color:var(--acc) !important;color:var(--acc) !important}
.lmvp-cr.now{background:var(--acc) !important;border-color:var(--acc) !important;color:#fff !important}
.lmvp-q{flex:0 0 auto;padding:18px 16px 6px;font-family:var(--lm-head);font-weight:700;font-size:20px;color:#14181d}
.lmvp-q span{color:var(--acc)}
.lmvp-q small{font-size:13px;color:#8a939e;font-weight:500}
.lmvp-filterwrap{flex:0 0 auto;margin:8px 16px 4px;display:none}
.lmvp.filterable .lmvp-filterwrap{display:block}
.lmvp-filterwrap input{width:100%;border:1px solid #d6dce1;border-radius:8px;padding:11px 14px;font-size:15px;font-family:inherit;color:#14181d;background:#fff}
.lmvp-list{flex:1 1 auto;overflow-y:auto;padding:8px 16px 16px;-webkit-overflow-scrolling:touch}
.lmvp-list.tiles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-content:start}
.lmvp-opt{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;background:#fff !important;border:1.5px solid #e4e7ea !important;border-radius:9px;padding:14px 15px;margin:0 0 9px;font-size:15.5px;font-weight:600;color:#14181d !important;min-height:52px;cursor:pointer;font-family:inherit;transition:border-color .12s}
.lmvp-list.tiles .lmvp-opt{justify-content:center;text-align:center;margin:0;padding:13px 4px;font-family:var(--lm-head);font-size:16px}
.lmvp-opt:active,.lmvp-opt:hover{border-color:var(--acc) !important}
.lmvp-opt.more{color:#5b636c !important;font-weight:500;justify-content:center}
.lmvp-skip{background:none !important;border:0 !important;color:#5b636c !important;font-size:13.5px;text-decoration:underline;text-underline-offset:3px;padding:4px 0 14px;width:100%;text-align:center;cursor:pointer;font-family:inherit}
.lmvp-ft{flex:0 0 auto;display:flex;gap:10px;padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #e4e7ea}
.lmvp-back{flex:0 0 auto;background:#f4f5f7 !important;border:0 !important;border-radius:8px;padding:0 18px;min-height:50px;font-family:var(--lm-head);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#14181d !important;visibility:hidden;cursor:pointer}
.lmvp.canback .lmvp-back{visibility:visible}
.lmvp-go{flex:1;background:var(--acc) !important;color:#fff !important;border:0 !important;border-radius:8px;min-height:50px;font-family:var(--lm-head);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.lmvp-go:disabled{opacity:.4;cursor:default}
@media (max-width:640px){
  .lmcs-dk-toggle.haschip{text-transform:none;letter-spacing:0;font-family:var(--lm-body);font-size:14.5px}
}