/* 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; }
}

/* T3M_CARD_TYPE_v1 - phone vehicle cards (CarCard + FeaturedCard): title 18, mileage 15, price 22, est 14, buttons 16/48; brand colours untouched */
@media (max-width:600px){
  div[class*="_containerCarText_"] > h4{font-size:18px !important;font-weight:600 !important;letter-spacing:-.01em !important;line-height:1.25 !important;margin-bottom:6px !important;}
  div[class*="_containerCarMileage_"] > span{font-size:15px !important;font-weight:500 !important;}
  div[class*="_containerCarPrice_"] > div:first-child{font-size:22px !important;font-weight:700 !important;letter-spacing:-.01em !important;line-height:1.1 !important;}
  div[class*="_carEstPrices_"]{font-size:14px !important;font-weight:500 !important;}
  div[class*="_containerCarFinancing_"] > span{font-size:16px !important;font-weight:600 !important;padding:13px 10px !important;border-radius:8px !important;line-height:1.2 !important;}
}
/* T3M_MOBILE_v12 - hero-photo mode (body.t3-hero-photo set by App.jsx T3_HEROPHOTO_v1): ink palette matches desktop T3_HEADER_INK_v1, old tagline band hidden (the hero carries the message now) */
html body.t3-hero-photo { --t3-ink: #0b1220; --t3-ink2: #141c2e; }
html body.t3-hero-photo #t3mHero { display: none !important; }
/* T3M_MOBILE_v13 - hero-photo mode: name banner (logo link, painted primary-color at v1 line 9) goes ink to match desktop T3_HEADER_INK_v1 */
html body.t3-hero-photo [class*="_titleHeader_"] a[class*="_unitedMotorsLogo_"] { background: #0b1220 !important; }
/* T3M_MOBILE_v14 - phone home: no Reset (nothing to reset before results), SEARCH relabelled by dac-mobile.js */
html body.t3-hero-photo [class*="_searchInventoryFields_"] [class*="_searchButton_"]{display:none !important}
/* T3M_MOBILE_v15 - phone home: text search field shown (old skin hid it), Body Class dropdown dropped, button muted->blue */
@media (max-width:700px){
  html body.t3-hero-photo #searchInventoryInput{display:block !important;width:100% !important;height:48px !important;border-radius:6px !important;border:0 !important;padding:0 12px 0 38px !important;font-size:14px !important;margin-bottom:10px !important;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%238a94a3\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"M20 20l-3.5-3.5\"/></svg>") 12px center/18px no-repeat !important}
  html body.t3-hero-photo #bodyTypeBody,html body.t3-hero-photo #bodyTypeClass{display:none !important}
  html body.t3-hero-photo [class*="_searchButtonMobile_"]{background:#2a3550 !important;color:#8fa0bd !important;border-color:transparent !important;transition:background .18s,color .18s}
  html body.t3-hero-photo [class*="_searchButtonMobile_"].t3mGo{background:var(--primary-color) !important;color:#fff !important;animation:t3mPulse 1.6s ease-out 2}
  @keyframes t3mPulse{0%{box-shadow:0 0 0 0 rgba(74,134,200,.55)}70%{box-shadow:0 0 0 12px rgba(74,134,200,0)}100%{box-shadow:0 0 0 0 rgba(74,134,200,0)}}
  @media (prefers-reduced-motion:reduce){html body.t3-hero-photo [class*="_searchButtonMobile_"].t3mGo{animation:none !important}}
}
/* T3M_MOBILE_v16 - supersedes v15 ids: these are CSS-module ids, so the DOM id is hashed (_bodyTypeClass_xxxx) - match by attribute instead */
@media (max-width:700px){
  html body.t3-hero-photo [id*="bodyTypeClass"],html body.t3-hero-photo [id*="bodyTypeBody"]{display:none !important}
  html body.t3-hero-photo [id*="searchInventoryInput"]{display:block !important;width:100% !important;height:48px !important;border-radius:6px !important;border:0 !important;padding:0 12px 0 38px !important;font-size:14px !important;margin-bottom:10px !important;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%238a94a3\" stroke-width=\"2\" stroke-linecap=\"round\"><circle cx=\"11\" cy=\"11\" r=\"7\"/><path d=\"M20 20l-3.5-3.5\"/></svg>") 12px center/18px no-repeat !important}
}
/* T3M_MOBILE_v17 - v16 rules did not apply: drop the body.t3-hero-photo gate (phone home is identified by .t3Hero being present) and raise specificity */
@media (max-width:700px){
  html body [id*="bodyTypeClass"],html body [id*="bodyTypeBody"]{display:none !important}
  html body [id*="searchInventoryInput"]{display:block !important;width:100% !important;height:48px !important;border:0 !important;border-radius:6px !important;padding:0 12px !important;font-size:14px !important;margin:0 0 10px !important;background:#fff !important}
}
/* T3M_MOBILE_v18 - /inventory phone: search field stacked above a full-width Search button (the JS version was removed because it broke the Home row) */
@media (max-width:700px){
  html body:not(.t3-home) [class*="_searchInventoryFields_"]{display:flex !important;flex-wrap:wrap !important;gap:10px !important;align-items:stretch !important;padding:10px 12px 12px !important}
  html body:not(.t3-home) [id*="searchInventoryInput"]{flex:1 1 100% !important;width:100% !important;min-width:0 !important;height:48px !important;margin:0 !important;border-radius:6px !important;padding:0 12px !important;font-size:15px !important;display:block !important}
  html body:not(.t3-home) [class*="_searchInventoryFields_"] > button{flex:1 1 100% !important;width:100% !important;height:48px !important;margin:0 !important;border-radius:6px !important;font-size:15px !important;font-weight:700 !important}
  html body:not(.t3-home) [class*="_searchInventoryFields_"] > select{display:none !important}
}

/* T3M_MOBILE_v19 - Call button matches VIEW INVENTORY. Line 27 gave #t3mCall no background, so it showed the band through and read black. */
@media (max-width: 900px){
  html body.t3-hero-photo #t3mCall{background:var(--primary-color) !important;border:1.5px solid rgba(255,255,255,.35) !important;border-radius:4px !important;padding:14px !important;font-size:14px !important;letter-spacing:2px !important;text-transform:uppercase !important}
}

/* T3M_MOBILE_v21 - light action buttons on the navy band: #8fc0f5 fill with #0b2444 label (8.2:1) replaces white-on-#5284ba (3.91:1). Label 17px/800 to match the rest of the page. */
@media (max-width: 900px){
  html body.t3-hero-photo.t3-home [class*="_searchInventory_"] button{background:#8fc0f5 !important;color:#0b2444 !important;border:0 !important;font-size:17px !important;font-weight:800 !important;letter-spacing:1px !important;padding:15px !important}
  html body.t3-hero-photo #t3mCall{background:transparent !important;border:2px solid #8fc0f5 !important;color:#8fc0f5 !important;font-size:17px !important;font-weight:800 !important;letter-spacing:1px !important;padding:14px !important}
  html body.t3-hero-photo #t3mCall svg{stroke:#8fc0f5 !important}
}

/* T3M_MOBILE_v22 - phone search band to the header navy. */
@media (max-width: 900px){
  html body.t3-hero-photo.t3-home [class*="_searchInventory_"]{background:#12325c !important}
}

/* T3M_MOBILE_v23 - the 66px bottom bar under the footer still carried --t3-ink; match the footer. */
@media (max-width: 900px){
  html body.t3-hero-photo:not(.t3-vdp)::after{background:#12325c !important}
}