/* ═══ HOMEPAGE MOBILE HEADER — the Amazon pattern (Curtis's pick, 2026-09-03) ═══════════════════
   Loaded with media="(max-width:900px)" so desktop never sees it. Reuses the clean shell's real
   parts: burger + drawer, #lmcs-in typeahead search, the lmvp vehicle stepper, the cart count. */
@media (max-width:900px){
  header.lmcs,#masthead.lmcs{position:fixed!important;top:0!important;left:0;right:0;z-index:120!important;background:#080b12!important;box-shadow:0 1px 0 #1d5fd8,0 8px 30px rgba(0,0,0,.45)}
  body.lm-mnav{padding-top:var(--lmam-h,150px)}
  .lmcs-util{display:none!important}
  .lmcs-main{padding:0!important;background:#080b12}
  .lmcs-main .lmcs-wrap{padding:6px 10px 10px;gap:2px 6px;align-items:center;flex-wrap:wrap;row-gap:8px}
  /* the burger carries the theme's legacy .lmh-burger class, and style.css hides that (display:none)
     except ≤760 — so on a phone the hamburger vanished. The compound selector (0,2,0) + !important
     outranks it, and forces the icon white so it reads on the dark bar (Curtis 09-11: dark/missing). */
  .lmcs-burger,.lmh-burger.lmcs-burger{order:0;width:48px;height:48px;display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:0!important;color:#eef2f8!important}
  .lmcs-burger::after,.lmh-burger.lmcs-burger::after{content:"MENU";display:block!important;font:700 9px/1 var(--lm-body,'Saira',sans-serif);letter-spacing:.1em;color:#eef2f8}
  .lmcs-burger svg,.lmh-burger.lmcs-burger svg{stroke:#eef2f8!important;width:24px!important;height:24px!important;min-width:24px;flex:0 0 24px}
  .lmcs-logo{order:1;margin-right:auto;display:flex;align-items:center;height:44px}
  .lmcs-logo img{max-height:30px!important}
  .lmam-acct{order:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:#eef2f8!important;text-decoration:none!important}
  .lmam-acct svg{width:23px;height:23px}
  .lmcs-cart{order:3;display:inline-flex!important;margin:0!important}
  header.lmcs.has-cart .lmcs-cart{display:inline-flex!important}
  /* the phone, always visible (Curtis 09-11; JEGS keeps its number in the top strip) — reuses the
     clean shell's .lmcs-call block as a slim strip on the first row of the header */
  .lmcs-call{order:-1;flex-basis:100%;display:flex!important;align-items:center;gap:10px;min-height:34px;margin:0;padding:0 4px 7px;border-bottom:1px solid #1a2130;color:#a3aebf;max-height:60px;overflow:hidden;transition:max-height .22s ease,padding .22s ease,opacity .18s ease}
  header.lmcs.lm-compact .lmcs-call{max-height:0;min-height:0;padding-top:0;padding-bottom:0;border-bottom-width:0;opacity:0;pointer-events:none}
  .lmcs-call-info{display:flex;align-items:baseline;gap:8px;min-width:0;flex:1}
  .lmcs-call-info b{color:#fff!important;font:700 14.5px/1 var(--lm-body,'Saira',sans-serif)!important;letter-spacing:.01em;white-space:nowrap}
  .lmcs-call-info span{font:500 11.5px/1.1 var(--lm-body,'Saira',sans-serif)!important;color:#a3aebf!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .lmcs-btn-call,.lmcs-btn-txt{flex:none;display:inline-flex!important;align-items:center;justify-content:center;height:28px;min-height:0!important;padding:0 12px!important;border-radius:6px;font:700 11px/1 var(--lm-body,'Saira',sans-serif)!important;letter-spacing:.07em;text-transform:uppercase;text-decoration:none!important;box-shadow:none!important;transform:none!important}
  .lmcs-btn-call{background:#1d5fd8!important;color:#fff!important;border:0!important}
  .lmcs-btn-txt{background:rgba(255,255,255,.08)!important;color:#eef2f8!important;border:1px solid rgba(255,255,255,.22)!important}
  .lmcs-searchzone{order:5;flex-basis:100%;margin:2px 0 0;display:block}
  header.lmcs.lmam-srch .lmcs-searchzone{display:block}
  .lmam-sico{display:none!important;order:2;align-items:center;justify-content:center;width:44px;height:44px;color:#eef2f8!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;min-height:0!important}
  .lmam-sico svg{width:23px;height:23px}
  header.lmcs.lmam-srch .lmam-sico{color:#5f95f0!important}
  .lmam-acct{order:3}
  .lmcs-cart{order:4}
  .lmcs-combo{display:flex;align-items:center;height:46px;background:#eef2f8;border-radius:8px;overflow:hidden;border:0}
  #lmcs-in{flex:1;min-width:0;height:46px;background:transparent!important;border:0!important;color:#05070c!important;font-size:16px!important;padding:0 14px!important;box-shadow:none!important;border-radius:0!important}
  #lmcs-in::placeholder{color:#5d697b!important}
  header.lmcs .lmam-scan{flex:none;width:44px;height:46px;min-height:0!important;display:inline-flex;align-items:center;justify-content:center;color:#05070c!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important}
  .lmam-scan svg{width:22px;height:22px}
  header.lmcs .lmcs-combo .lmcs-go,header.lmcs .lmcs-combo .lmcs-go:hover{flex:none;width:50px;min-height:0!important;height:46px!important;padding:0!important;font-size:0!important;border-radius:0!important;box-shadow:none!important;background:#1d5fd8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.4'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/22px no-repeat!important}
  .lmcs-drop{left:10px;right:10px}
  /* the context line — Amazon's "Deliver to" is our "Fits" */
  header.lmcs .lmam-ctx{display:grid;grid-template-columns:44px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:1px;align-items:center;width:100%;min-height:64px!important;padding:9px 14px!important;background:#0f1a2e!important;border:0!important;border-top:1px solid #1a2130!important;border-bottom:1px solid #1a2130!important;color:#a3aebf!important;font:500 13px/1.2 var(--lm-body,'Saira',sans-serif)!important;text-transform:none!important;letter-spacing:0!important;text-align:left;cursor:pointer;border-radius:0!important;box-shadow:none!important;transform:none!important}
  .lmam-ctx svg{grid-column:1;grid-row:1/3;width:44px;height:44px;padding:11px;box-sizing:border-box;background:#1d5fd8;border-radius:6px;color:#fff;flex:none}
  .lmam-ctx b{grid-column:2;grid-row:1;color:#fff!important;font:700 15px/1.15 var(--lm-body,'Saira',sans-serif)!important;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .lmam-ctx span{grid-column:2;grid-row:2;color:#a3aebf!important;font:500 12.5px/1.2 var(--lm-body,'Saira',sans-serif)!important}
  .lmam-ctx em{grid-column:3;grid-row:1/3;font-style:normal;color:#5f95f0!important;font-weight:700;white-space:nowrap;flex:none;font-size:20px}
  .lmcs-deck,.lmcs-tabrow{display:none!important}
  /* quick clear: Clear vehicle in the wizard header (Curtis: no x on the bar itself) */
  .lmvp-clear{display:none;margin-left:auto;margin-right:8px;height:38px;padding:0 14px!important;border-radius:8px;background:#f4f5f7!important;border:1px solid #d9dde3!important;color:#14181d!important;font:700 12px/1 var(--lm-body,'Saira',sans-serif)!important;letter-spacing:.05em;text-transform:uppercase;align-items:center;min-height:0!important;box-shadow:none!important;cursor:pointer}
  body.lm-hasveh .lmvp-clear{display:inline-flex!important}
  /* category chips (scroll away) */
  .lmam-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 14px;background:#0c1119;border-bottom:1px solid #1a2130;-webkit-overflow-scrolling:touch}
  .lmam-chips::-webkit-scrollbar{display:none}
  .lmam-chips a{flex:none;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:8px;background:rgba(255,255,255,.08);color:#eef2f8!important;font:600 13px/1 var(--lm-body,'Saira',sans-serif);white-space:nowrap;text-decoration:none!important;box-shadow:none!important}
  .lmam-chips a svg{width:18px;height:18px}
  /* bottom bar */
  .lmam-bnav{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#080b12;border-top:1px solid #2b3648;padding-bottom:env(safe-area-inset-bottom,0)}
  .lmam-bnav .in{display:flex;height:60px}
  .lmam-bnav a,.lmam-bnav button,.lmam-bnav button:hover{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:60px;min-height:0!important;font:600 10px/1 var(--lm-body,'Saira',sans-serif)!important;letter-spacing:.02em!important;text-transform:none!important;color:#a3aebf!important;background:transparent!important;border:0!important;padding:0!important;text-decoration:none!important;box-shadow:none!important;border-radius:0!important;transform:none!important;cursor:pointer}
  .lmam-bnav a:link,.lmam-bnav a:visited,.lmam-bnav a:hover,.lmam-bnav a:focus,body .lmam-bnav a,body .lmam-bnav a span{color:#a3aebf!important;text-decoration:none!important}
  .lmam-bnav .on,.lmam-bnav a.on:link,.lmam-bnav a.on:visited{color:#eef2f8!important}
  .lmam-bnav svg{stroke:currentColor}
  .lmam-bnav svg{width:22px;height:22px}
  .lmam-bnav .pi{position:relative;display:inline-flex}
  .lmam-bnav .bcart{display:none}
  body.lm-has-cart .lmam-bnav .bcart{display:flex}
  .lmam-bnav .bcart i{position:absolute;top:-6px;right:-10px;background:#fff;color:#05070c;border-radius:99px;min-width:16px;height:16px;font:700 9px/16px var(--lm-body,'Saira',sans-serif);text-align:center;font-style:normal;padding:0 3px}
  body.lm-mnav{padding-bottom:0}
  /* chat bubble: bottom-right (Curtis), but tucked away while scrolling so it is not on a row's View/Add button at the moment of a tap */
  .lm-chat-trigger{right:14px!important;left:auto!important;bottom:16px!important;transition:opacity .2s,transform .2s}
  body.lm-scrolling .lm-chat-trigger{opacity:0;transform:scale(.85);pointer-events:none}
  body.lmvp-open .lm-chat-trigger{opacity:0;pointer-events:none}
  /* chat = full-screen on phones (Curtis 09-11, JEGS does this): slides up over everything, safe-area aware, 44px close */
  .lm-chat-panel{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-height:none!important;border-radius:0!important;border:0!important;z-index:99999!important;transform:translateY(100%)!important;box-shadow:none!important}
  .lm-chat-panel.open{transform:none!important}
  .lm-chat-head{padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px!important}
  .lm-chat-close{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem!important;color:#fff!important}
  .lm-chat-msgs{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .lm-chat-inwrap{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
  body.lm-chat-open{overflow:hidden;position:fixed;width:100%}
}