/* 0.2.274.0 (live; D-golive-phone-hero-search-20261111, Zach 8:09 PM): phone-only search in the home hero. Zach Nov 11 2026 6:37 PM "Mc number looks up goes here" + "Only on iPhone"
   (D-home-search-in-hero-20261111). Every rule is inside max-width:767px, so 768px and wider stay exactly as before.
   No markup is moved and there is still ONE form (#check / #hq-q). On phone the home band becomes a one-column grid, the hero card's own
   box steps aside (display:contents) and its pieces are re-stacked: orange dashes, headline, the existing search card (with its hint, chips,
   free label and question links), "See what insurers care about" as a smaller secondary link, then the stat line. The navy card is painted
   by the band's existing empty decoration div (.fr-ornament) spanning those rows. The ATRI source note (#hq-src, first in <main>) stays
   right below. Same words, same colors on navy, no zoom, no transform scale. Loaded last (server.js injects it after hq-desktop-size.css). */
@media (max-width:767px){
  html body.hm-home .fr-homeband.ho-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:stretch!important;align-items:start!important;gap:0!important}
  html body.hm-home .fr-homeband.ho-hero>.hq-truck{grid-row:1;grid-column:1}
  html body.hm-home .fr-homeband.ho-hero>.hq-top,
  html body.ho-b.hm-home.gl.fleet-room .fr-homeband.ho-hero>.hq-top{display:contents!important} /* outranks body.ho-b.hm-home.gl.fleet-room .fr-homeband .hq-top{display:block!important} */
  /* the navy card, behind rows 2-6 (same navy; a soft fade only below the last line) */
  html body.fleet-room.hm-home .fr-homeband.ho-hero>.fr-ornament{
    display:block!important;grid-row:2 / 7;grid-column:1;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;
    width:auto!important;height:auto!important;align-self:stretch!important;overflow:hidden!important;z-index:0!important;border-radius:28px!important;animation:none!important;
    background:linear-gradient(rgb(15,27,51) 0,rgb(15,27,51) calc(100% - 28px),rgba(15,27,51,0) 100%)!important /* solid behind all text; only the last 28px (below the stat line) fades */
  }
  html body.fleet-room.hm-home .fr-homeband.ho-hero>.fr-ornament::before,
  html body.fleet-room.hm-home .fr-homeband.ho-hero>.fr-ornament::after{display:none!important}
  html body.hm-home .fr-homeband.ho-hero>.hq-top::before{grid-row:2;grid-column:1;justify-self:start;margin:32px 20px 16px!important;position:relative;z-index:1}
  html body.ins-flow.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband.ho-hero .hq-top .hq-h1,
  html body.ins-flow.fleet-room.hm-home.gl .fr-homeband.ho-hero .hq-top .hq-h1,
  html body.fleet-room.hm-home.gl .fr-homeband.ho-hero .hq-top .hq-h1{grid-row:3;grid-column:1;margin:0 20px!important;width:auto!important;max-width:none!important;justify-self:stretch!important;position:relative;z-index:1}
  /* the existing search card, now inside the navy card, right under the headline */
  html body.fleet-room.hm-home.gl .fr-homeband.ho-hero>.hq-srch,
  html body.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband.ho-hero>.hq-srch{grid-row:4;grid-column:1;margin:20px 12px 0!important;width:auto!important;max-width:none!important;padding:20px 18px!important;position:relative;z-index:1;box-sizing:border-box}
  /* "See what insurers care about": same words and link, now a smaller secondary control under the search */
  html body.ins-flow.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband.ho-hero .hq-top .ins-pills,
  html body.hm-home .fr-homeband.ho-hero .hq-top .ins-pills{grid-row:5;grid-column:1;margin:14px 20px 0!important;padding:0!important;justify-content:flex-start!important;position:relative;z-index:1}
  html body.ins-flow.hm-home .fr-homeband.ho-hero .hq-top .ins-pills a.gl-pill,
  html body.hm-home .fr-homeband.ho-hero .hq-top .ins-pills a.gl-pill{min-height:44px!important;padding:0 16px!important;font-size:15px!important;font-weight:700!important;background:transparent!important;color:#FFAA24!important;border:2px solid #FFAA24!important;box-shadow:none!important;width:auto!important}
  /* the 18.6% / 2.6% stat line moves below, still on navy (same colors) */
  html body.ins-flow.ho-b.hm-home.gl.fleet-room.fr-look-1 .fr-homeband.ho-hero .hq-top .hq-h1sub,
  html body.ins-flow.fleet-room.hm-home.gl .fr-homeband.ho-hero .hq-top .hq-h1sub,
  html body.fleet-room.hm-home.gl .fr-homeband.ho-hero .hq-top .hq-h1sub{grid-row:6;grid-column:1;margin:16px 20px 32px!important;position:relative;z-index:1}
}