/* T3M_MOBILE_v1 - Gently (theme-3) mobile landing: header, hero, dark search panel, sticky bar. Docroot-level, no rebuild. */
:root { --t3-ink: #2d4966; --t3-ink2: #192838; --t3-tint: #b1c8e0; }
@media (max-width: 600px) {
  /* header */
  html body [class*="_headerMain_"] { position: static !important; background: var(--t3-ink) !important; box-shadow: none !important; padding: 0 !important; }
  html body [class*="_headerMain_"] > nav { flex-direction: column !important; align-items: center !important; gap: 0 !important; }
  html body [class*="_humburgurIcon_"], html body [class*="_humburgurMenuContainer_"], html body [class*="_unitedMotorsMobilename_"], html body [class*="_headerMain_"] a[href^="tel:"] { display: none !important; }
  html body [class*="_titleHeader_"] { padding: 0 !important; width: 100% !important; align-items: center !important; }
  html body [class*="_titleHeader_"] a[class*="_unitedMotorsLogo_"] { display: block !important; width: 100% !important; text-align: center !important; color: #fff !important; font-size: 1.6rem !important; font-weight: 800 !important; padding: 20px 12px 14px !important; background: var(--primary-color) !important; text-decoration: none !important; }
  html body [class*="_titleHeader_"] [class*="_unitedMotorsFullAddress_"] { display: none !important; }
  html body:not(.t3-home) [class*="_headerMain_"] [class*="_titleHeader_"] { display: none !important; }
  html body [class*="_headerLinks_"] { display: block !important; width: 100% !important; border-top: 1px solid rgba(255,255,255,.25) !important; }
  html body [class*="_headerLinks_"] > ul { display: flex !important; flex-wrap: nowrap !important; width: 100% !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; }
  html body [class*="_headerLinks_"] > ul > li { flex: 1 1 0 !important; min-width: 0 !important; text-align: center !important; }
  html body [class*="_headerLinks_"] > ul > li a { color: rgba(255,255,255,.9) !important; display: block !important; padding: 14px 4px !important; font-size: 0.95rem !important; font-weight: 600 !important; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; text-decoration: none !important; white-space: nowrap !important; background: transparent !important; }
  html body [class*="_headerLinks_"] > ul > li a.active, html body [class*="_headerLinks_"] > ul > li a[class*="_active_"] { background: rgba(255,255,255,.12) !important; color: #fff !important; font-weight: 700 !important; border-bottom: 3px solid #fff !important; }
  /* hero (injected) */
  #t3mHero { background: linear-gradient(160deg, var(--t3-ink) 0%, var(--primary-color) 60%, var(--t3-ink2) 100%); padding: 2.2rem 1.3rem 1.4rem; text-align: center; }
  .t3mHl { font-size: 1.7rem; font-weight: 800; line-height: 1.25; margin-bottom: .5rem; } .t3mAcc { color: var(--t3-tint); } .t3mW { color: #fff; }
  .t3mTag { font-size: .85rem; color: rgba(255,255,255,.88); }
  /* search panel on home: dark, stacked */
  html body.t3-home [class*="_searchInventory_"] { background: linear-gradient(180deg, var(--t3-ink2) 0%, var(--t3-ink) 100%) !important; padding: 1rem 1.3rem 1.5rem !important; margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  html body.t3-home [class*="_searchInventoryFields_"], html body.t3-home [class*="_searchInventoryModel_"] { display: flex !important; flex-direction: column !important; gap: 12px !important; width: 100% !important; padding: 0 !important; margin: 0 0 12px !important; }
  html body.t3-home [class*="_searchInventory_"] input, html body.t3-home [class*="_searchInventory_"] select { width: 100% !important; box-sizing: border-box !important; margin: 0 !important; background: #fff !important; border: none !important; border-radius: 4px !important; padding: 13px 14px !important; font-size: .95rem !important; color: #333 !important; height: auto !important; }
  html body.t3-home [class*="_searchInventory_"] input[type="number"], html body.t3-home [class*="_searchButtonMobile_"], html body.t3-home [class*="_searchButton_"] { display: none !important; }
  html body.t3-home [class*="_searchInventory_"] button { width: 100% !important; margin: 0 !important; background: var(--primary-color) !important; color: #fff !important; border: 1.5px solid rgba(255,255,255,.35) !important; border-radius: 4px !important; padding: 14px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; }
  #t3mCall { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; box-sizing: border-box; margin-top: 10px; padding: 12px; border: 1.5px solid rgba(255,255,255,.75); border-radius: 4px; color: #fff; font-weight: 700; font-size: 14px; text-decoration: none; }
  /* floating pills -> sticky bottom bar (non-VDP) */
  html body:not(.t3-vdp) #dacCallBtn, html body:not(.t3-vdp) #dacDirBtn { position: fixed !important; bottom: 0 !important; top: auto !important; height: 50px !important; margin: 0 !important; border-radius: 10px !important; font-size: 14px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-sizing: border-box !important; z-index: 2147482000 !important; }
  html body:not(.t3-vdp) #dacCallBtn { left: 10px !important; right: auto !important; width: calc(58% - 14px) !important; bottom: 8px !important; background: var(--primary-color) !important; color: #fff !important; border: 1.5px solid rgba(255,255,255,.35) !important; }
  html body:not(.t3-vdp) #dacDirBtn { right: 10px !important; left: auto !important; width: calc(42% - 14px) !important; bottom: 8px !important; background: var(--t3-ink) !important; color: #fff !important; border: 1.5px solid rgba(255,255,255,.8) !important; }
  html body:not(.t3-vdp)::after { content: ""; position: fixed; left: 0; right: 0; bottom: 0; height: 66px; background: var(--t3-ink); z-index: 2147481999; box-shadow: 0 -4px 14px rgba(0,0,0,.2); }
  html body:not(.t3-vdp) { padding-bottom: 70px !important; }
  html body:not(.t3-vdp) #dacRqBtn { bottom: 78px !important; }
}

/* T3M_MOBILE_v2 - second pass */
@media (max-width: 600px) {
  html body [class*="_headerMain_"] > nav, html body [class*="_titleHeader_"], html body [class*="_titleHeader_"] > * { width: 100% !important; max-width: none !important; }
  html body [class*="_titleHeader_"] > span, html body [class*="_titleHeader_"] > div { display: block !important; width: 100% !important; }
  /* active tab computed by dac-mobile.js (t3mActive), not react-router's class */
  html body [class*="_headerLinks_"] > ul > li a, html body [class*="_headerLinks_"] > ul > li a.active, html body [class*="_headerLinks_"] > ul > li a[class*="_active_"] { background: transparent !important; color: rgba(255,255,255,.9) !important; font-weight: 600 !important; border-bottom: 3px solid transparent !important; }
  html body [class*="_headerLinks_"] > ul > li a.t3mActive { background: rgba(255,255,255,.12) !important; color: #fff !important; font-weight: 700 !important; border-bottom: 3px solid #fff !important; }
  html body [class*="_headerLinks_"] > ul > li a { font-size: 0.85rem !important; padding: 14px 2px !important; }
  /* inventory cards edge to edge */
  html body [class*="_inventoryContainer_"], html body [class*="_containerInventory_"] { padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; }
  html body [class*="_containerCar_"] { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; border-radius: 0 !important; }
}

/* T3M_MOBILE_v4 - home search panel: one 2-col grid (input, 2x2 selects, SEARCH, Call); duplicate body-class select hidden */
@media (max-width: 600px) {
  html body.t3-home [class*="_searchInventory_"] { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; align-items: stretch !important; }
  html body.t3-home [class*="_searchInventoryFields_"], html body.t3-home [class*="_searchInventoryModel_"] { display: contents !important; }
  html body.t3-home [class*="_searchInventory_"] input:not([type="number"]) { grid-column: 1 / -1 !important; order: 1 !important; }
  html body.t3-home [class*="_searchInventoryFields_"] select { display: none !important; }
  html body.t3-home [class*="_searchInventoryModel_"] select { order: 2 !important; width: 100% !important; padding: 12px 30px 12px 12px !important; font-size: .9rem !important; }
  html body.t3-home [class*="_searchInventory_"] button { grid-column: 1 / -1 !important; order: 3 !important; margin-top: 2px !important; }
  html body.t3-home #t3mCall { grid-column: 1 / -1 !important; order: 4 !important; margin-top: 0 !important; }
  html body.t3-home [class*="_searchInventory_"] input[type="number"], html body.t3-home [class*="_searchButtonMobile_"], html body.t3-home [class*="_searchButton_"] { display: none !important; }
  html body [class*="_headerLinks_"] > ul > li a[class*="_inActive_"], html body [class*="_headerLinks_"] > ul > li a:not(.t3mActive) { background: transparent !important; }
}

/* T3M_MOBILE_v5 - hero clears the tab bar; non-current tabs never carry fill/underline */
@media (max-width: 600px) {
  #t3mHero { padding: 2.6rem 1.3rem 1.6rem !important; margin-top: 0 !important; }
  html body [class*="_headerLinks_"] { margin-bottom: 0 !important; }
  html body [class*="_headerLinks_"] > ul > li a:not(.t3mActive) { background: transparent !important; border-bottom: 3px solid transparent !important; color: rgba(255,255,255,.9) !important; font-weight: 600 !important; box-shadow: none !important; }
}

/* T3M_MOBILE_v7 - home search like theme-2: search field, Year/Make/Model stacked, SEARCH, Call (single column) */
@media (max-width: 600px) {
  html body.t3-home [class*="_searchInventory_"] { grid-template-columns: 1fr !important; gap: 12px !important; padding: 1.1rem 1.3rem 1.6rem !important; }
  html body.t3-home [class*="_searchInventory_"] input:not([type="number"]) { display: block !important; order: 1 !important; }
  html body.t3-home [class*="_searchInventoryModel_"] select:first-of-type { display: none !important; }
  html body.t3-home [class*="_searchInventoryModel_"] select { order: 2 !important; padding: 13px 34px 13px 14px !important; font-size: .95rem !important; }
  html body.t3-home [class*="_searchInventory_"] button { order: 3 !important; margin-top: 4px !important; padding: 14px !important; letter-spacing: 2px !important; }
  html body.t3-home #t3mCall { order: 4 !important; margin-top: 0 !important; }
}

/* T3M_MOBILE_v8 - home: no text search; Year / Make / Model / SEARCH / Call */
@media (max-width: 600px) {
  html body.t3-home [class*="_searchInventory_"] input:not([type="number"]) { display: none !important; }
}

/* T3M_MOBILE_v9 - no pseudo-element underline/fill on non-current tabs (Finance) */
@media (max-width: 600px) {
  html body [class*="_headerLinks_"] > ul > li a:not(.t3mActive)::after, html body [class*="_headerLinks_"] > ul > li a:not(.t3mActive)::before,
  html body [class*="_headerLinks_"] > ul > li:not(:has(a.t3mActive))::after, html body [class*="_headerLinks_"] > ul > li:not(:has(a.t3mActive))::before { display: none !important; content: none !important; }
  html body [class*="_headerLinks_"] > ul > li:not(:has(a.t3mActive)) { background: var(--t3-ink) !important; border: 0 !important; box-shadow: none !important; }
  html body [class*="_headerLinks_"] > ul > li a[class*="_inActive_"] { background: transparent !important; border: 0 !important; border-bottom: 3px solid transparent !important; text-decoration: none !important; }
}

/* T3M_MOBILE_v10 - body class hidden by id on home */
@media (max-width: 600px) { html body.t3-home [class*="_searchInventoryModel_"] select[id*="_bodyTypeBody_"] { display: none !important; } }

/* T3M_MOBILE_v11 - real-phone fixes: header grows with its content (no tab spill), hero clears it, body class hidden by id anywhere */
@media (max-width: 600px) {
  html body [class*="_headerMain_"], html body [class*="_headerMain_"] > nav, html body [class*="_topHeader_"], html body [class*="_headerLinks_"], html body [class*="_headerLinks_"] > ul { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; position: static !important; }
  html body [class*="_headerLinks_"] > ul > li a { padding: 13px 2px !important; font-size: 0.82rem !important; line-height: 1.2 !important; }
  #t3mHero { padding: 2.2rem 1rem 1.5rem !important; margin-top: 0 !important; position: relative !important; z-index: 1 !important; }
  .t3mHl { font-size: 1.45rem !important; line-height: 1.25 !important; }
  html body.t3-home select[id*="_bodyTypeBody_"], html body.t3-home select[id*="_bodyTypeClass_"] { display: none !important; }
}

/* T3M_INV_v12 - inventory page filters: search band + chip grid + price range + reset chip */
@media (max-width: 600px) {
  html body:not(.t3-home) [class*="_searchInventory_"] { display: block !important; padding: 0 !important; margin: 0 !important; background: #fafafa !important; }
  html body:not(.t3-home) [class*="_searchInventoryFields_"] { display: flex !important; align-items: center !important; gap: 8px !important; background: var(--t3-ink) !important; padding: 10px 12px 12px !important; margin: 0 !important; border-top: 1px solid rgba(255,255,255,.15) !important; }
  html body:not(.t3-home) [class*="_searchInventoryFields_"] input { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 !important; background: #fff !important; border: 0 !important; border-radius: 22px !important; padding: 11px 16px !important; font-size: 14px !important; color: #333 !important; }
  html body:not(.t3-home) [class*="_searchInventoryFields_"] select, html body:not(.t3-home) [class*="_searchButton_"], html body:not(.t3-home) [class*="_searchButtonMobile_"] { display: none !important; }
  html body:not(.t3-home) [class*="_searchInventoryFields_"] button { flex: 0 0 auto !important; width: auto !important; margin: 0 !important; background: #fff !important; color: var(--primary-color) !important; border: 0 !important; border-radius: 22px !important; padding: 10px 16px !important; font-size: 13px !important; font-weight: 700 !important; }
  html body:not(.t3-home) [class*="_searchInventoryModel_"] { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 12px !important; margin: 0 !important; width: auto !important; }
  html body:not(.t3-home) [class*="_searchInventoryModel_"] select { box-sizing: border-box !important; background: #fff !important; border: 1.5px solid #cfd8e3 !important; border-radius: 12px !important; padding: 12px 34px 12px 14px !important; font-size: 14px !important; color: #444 !important; appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' stroke='%23666666' stroke-width='2' fill='none'/></svg>") !important; background-repeat: no-repeat !important; background-position: right 14px center !important; }
  html body:not(.t3-home) [class*="_searchInventoryModel_"] input[type="number"] { display: none !important; }
  html body:not(.t3-home) #t3mReset { box-sizing: border-box; background: #fff; color: var(--primary-color); border: 1.5px solid var(--primary-color); border-radius: 12px; padding: 12px 14px; font-size: 14px; font-weight: 700; display: flex; align-items: center; justify-content: center; cursor: pointer; }
}

/* T3M_VDP_v14 - vehicle page: 3-button bar + More sheet; original floating pills hidden */
@media (max-width: 600px) {
  html body.t3-vdp div[class*="containerCarFinancingLoan"], html body.t3-vdp #dacDirBtn, html body.t3-vdp #dacCallBtn, html body.t3-vdp #dacRqBtn { display: none !important; }
  html body.t3-vdp::after { content: none !important; }
  html body.t3-vdp { padding-bottom: 76px !important; }
  #t3mBar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147482000; display: flex; gap: 8px; padding: 9px 10px calc(9px + env(safe-area-inset-bottom)); background: var(--t3-ink); box-shadow: 0 -4px 14px rgba(0,0,0,.2); }
  #t3mBar button { border-radius: 10px; padding: 13px 0; font-size: 13.5px; font-weight: 800; cursor: pointer; font-family: inherit; line-height: 1.15; color: #fff; }
  #t3mBar .p { flex: 1.5; background: var(--primary-color); border: 1.5px solid rgba(255,255,255,.35); }
  #t3mBar .s { flex: 1; background: transparent; border: 1.5px solid rgba(255,255,255,.75); }
  #t3mBar .m { flex: 0 0 62px; background: transparent; border: 1.5px solid rgba(255,255,255,.75); padding: 7px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
  #t3mBar .m i { font-style: normal; font-size: 17px; line-height: 1; letter-spacing: 1px; } #t3mBar .m b { font-size: 10.5px; font-weight: 700; }
  #t3mVeil { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 2147482500; }
  #t3mSheet { position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147482600; background: #fff; border-radius: 18px 18px 0 0; padding: 8px 16px calc(20px + env(safe-area-inset-bottom)); max-height: 86vh; overflow-y: auto; box-shadow: 0 -8px 30px rgba(0,0,0,.3); text-align: left; }
  #t3mSheet .g { width: 38px; height: 4px; border-radius: 2px; background: #d8dce1; margin: 6px auto 12px; }
  #t3mSheet .r { display: flex; align-items: center; gap: 14px; padding: 13px 4px; border-bottom: 1px solid #ECEEF1; text-decoration: none; cursor: pointer; }
  #t3mSheet .r:last-of-type { border-bottom: 0; }
  #t3mSheet .ic { width: 40px; height: 40px; border-radius: 10px; background: #e8eef6; color: var(--primary-color); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
  #t3mSheet .tx { flex: 1; display: flex; flex-direction: column; min-width: 0; } #t3mSheet .tt { font-size: 16px; font-weight: 700; color: #121212; } #t3mSheet .ds { font-size: 13px; color: #6B7280; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #t3mSheet .ch { color: #c7ccd3; font-size: 22px; }
  #t3mSheet .x { width: 100%; margin-top: 12px; background: #F4F5F7; border: 0; border-radius: 10px; padding: 14px; font-size: 15px; font-weight: 800; color: #121212; cursor: pointer; font-family: inherit; text-align: center; }
}