.ev-bottom-nav,.ev-menu,.ev-menu-panel,.ev-results-count,.ev-sort-label{display:none}
@media(max-width:700px){
  body.ev-mobile-home{background:#f5f8f7;padding-bottom:calc(74px + env(safe-area-inset-bottom));letter-spacing:0}
  body.ev-mobile-home main{padding:0 0 20px;background:#f5f8f7;min-width:0}
  body.ev-mobile-home header{height:82px;min-height:0;padding:17px 16px 0;align-items:flex-start}
  body.ev-mobile-home header::after{content:none}
  body.ev-mobile-home header .evauto-logo{width:138px;height:47px;background:url('assets/evauto-logo-hero.png') left center/contain no-repeat}
  .ev-menu{display:grid;place-items:center;width:40px;height:40px;padding:7px;color:#fff}
  .ev-menu svg,.ev-bottom-nav svg,.ev-favorite svg,.searchbar>span svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ev-menu-panel:not([hidden]){display:grid;position:absolute;right:18px;top:68px;background:#fff;border:1px solid #dfe8e4;border-radius:12px;box-shadow:0 8px 24px #002b2426;padding:8px;min-width:150px}
  .ev-menu-panel button{padding:12px;text-align:left}
  body.ev-mobile-home .intro{display:block;height:232px;min-height:0;padding:74px 16px 0;margin:0;border-radius:0;box-shadow:none;background:linear-gradient(90deg,#002c26ed 0%,#002c2699 44%,#002c2600 78%),url('assets/evauto-mobile-hero-v2.webp') 78% bottom/auto 125% no-repeat,#003c32}
  body.ev-mobile-home .intro::before{background:linear-gradient(0deg,#f5f8f7 0%,transparent 23%)}
  body.ev-mobile-home .intro h1{font:700 21px/1.18 Arial,Helvetica,sans-serif;letter-spacing:0;max-width:100%;white-space:normal;margin:0 0 6px;text-shadow:none}
  body.ev-mobile-home .intro h1 br{display:block}
  body.ev-mobile-home .intro h1 em{display:block;color:#00D37A}
  body.ev-mobile-home .intro p:not(.eyebrow){font:400 14px/1.4 Arial,Helvetica,sans-serif;max-width:none;text-shadow:none}
  body.ev-mobile-home .searchbar{width:calc(100% - 72px);min-height:46px;margin:-66px 0 16px 16px;padding:8px 14px;gap:10px;background:white;border-radius:28px;box-shadow:0 9px 22px #002c2626}
  body.ev-mobile-home .searchbar input{font:400 14px/1.3 Arial,Helvetica,sans-serif;min-width:0;padding:4px 0}
  body.ev-mobile-home .searchbar>span{display:flex;color:#00664D}
  body.ev-mobile-home .motor-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:0;margin:0 12px 12px;overflow:visible}
  body.ev-mobile-home .motor-tabs button{width:100%;min-width:0;min-height:64px;flex:none;padding:6px 2px;gap:5px;border:1px solid #edf1ef;border-radius:14px;background:#fff;box-shadow:0 3px 12px #0f1f1d06;font:500 12px/1.08 Arial,Helvetica,sans-serif;color:#004e3e;overflow-wrap:normal}
  body.ev-mobile-home .motor-tabs button.active{background:#00664D;color:white;border-color:#00664D}
  body.ev-mobile-home .motor-tabs button span{max-width:100%;overflow-wrap:anywhere}
  body.ev-mobile-home .motor-tab-icon{width:25px;height:25px;flex:none}
  body.ev-mobile-home .quick-filter-row{display:grid;grid-template-columns:1fr 1.25fr 1fr 1.1fr;gap:6px;padding:0;margin:0 12px 12px;overflow:visible}
  body.ev-mobile-home .quick-filter-row button{min-width:0;padding:8px 4px;border-radius:24px;font:500 13px/1.2 Arial,Helvetica,sans-serif;box-shadow:0 2px 6px #0f1f1d04;white-space:nowrap}
  body.ev-mobile-home .quick-filter-row button::after{margin-left:5px;font-size:12px}
  body.ev-mobile-home .quick-filter-row button[data-quick-filter='filters']::before{content:none}
  body.ev-mobile-home .workspace{padding:0 12px;gap:10px}
  body.ev-mobile-home .results-top{display:flex;align-items:center;gap:4px;margin:0 0 10px;min-height:28px}
  body.ev-mobile-home .results-top>div{display:none}
  .ev-results-count{display:block;margin-right:auto;font:500 14px/1.3 Arial,Helvetica,sans-serif}
  .ev-sort-label{display:block;font:400 12px/1.3 Arial,Helvetica,sans-serif;color:#6B7C7A}
  body.ev-mobile-home .results-top #sort{width:105px;max-width:105px;min-width:0;padding:5px 0;border:0;font:600 13px/1.3 Arial,Helvetica,sans-serif;background:transparent;color:#00664D}
  body.ev-mobile-home #grid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .ev-list-card{position:relative;display:grid;grid-template-columns:minmax(0,49%) minmax(0,1fr);gap:9px;padding:5px;background:#fff;border:1px solid #edf1ef;border-radius:14px;min-height:110px;align-items:stretch}
  .ev-car-image{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;padding:17px 3px 3px;border-radius:11px;background:#f4f5f4;overflow:hidden}
  .ev-car-image img.card-main-image{display:block;width:100%;height:100%;max-height:100px;object-fit:contain;transform:none;min-width:0}
  .ev-car-image .image-unavailable{font-size:12px;padding:10px;white-space:normal}
  .ev-tech{position:absolute;left:4px;top:4px;display:flex;align-items:center;gap:3px;max-width:calc(100% - 8px);border-radius:12px;background:#00664D;color:white;padding:3px 6px;font:500 10px/1.1 Arial,Helvetica,sans-serif}
  .ev-tech .card-icon{width:14px;height:14px;color:white;flex:none;margin:0}
  .ev-car-info{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:2px 0;gap:2px}
  .ev-model{display:block;min-width:0;width:100%;text-align:left;padding:0 22px 0 0;font:700 16px/1.15 Arial,Helvetica,sans-serif;overflow-wrap:normal;letter-spacing:0;color:#0F1F1D}
  .ev-brand{margin:0 0 5px;font:500 13px/1.15 Arial,Helvetica,sans-serif;color:#00a46b;overflow-wrap:anywhere}
  .ev-autonomy{display:flex;align-items:center;gap:6px;margin:0 0 6px;min-width:0}
  .ev-autonomy>.card-icon{width:22px;height:26px;flex:none;color:#00664D;margin:0}
  .ev-autonomy>div{min-width:0}
  .ev-autonomy strong{display:block;font:600 15px/1.2 Arial,Helvetica,sans-serif}
  .ev-autonomy small{display:block;font:400 12px/1.2 Arial,Helvetica,sans-serif;color:#6B7C7A;overflow-wrap:anywhere}
  .ev-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin:0;font:400 12px/1.25 Arial,Helvetica,sans-serif;letter-spacing:0}
  .ev-price strong{font:700 16px/1.155 Arial,Helvetica,sans-serif;white-space:nowrap;letter-spacing:0}
  .ev-favorite{position:absolute;top:8px;right:7px;display:grid;place-items:center;width:29px;height:29px;padding:3px;color:#52616d}
  .ev-favorite[aria-pressed='true']{color:#00664D}
  .ev-favorite[aria-pressed='true'] svg{fill:#00664D}
  .ev-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:12;left:0;right:0;bottom:0;height:calc(64px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));gap:0;background:#fff;border-top:1px solid #edf1ef;box-shadow:0 -3px 14px #0f1f1d06}
  .ev-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;height:auto;font:400 12px/1.2 Arial,Helvetica,sans-serif;color:#63707e}
  .ev-bottom-nav button:first-child{display:flex}
  .ev-bottom-nav .is-active{color:#00a86b}
  .ev-bottom-nav .is-active svg{stroke-width:2.2}
  body.ev-mobile-home .comparebar{bottom:calc(73px + env(safe-area-inset-bottom))}
  body.ev-mobile-home .toast{bottom:calc(145px + env(safe-area-inset-bottom));max-width:90%}
  body.ev-mobile-home footer{padding-bottom:25px}
  body.ev-mobile-home aside{min-width:0}
  body.ev-mobile-home *{letter-spacing:0}
}
@media(max-width:360px){
  body.ev-mobile-home .intro h1{font-size:19px}
  body.ev-mobile-home .workspace{padding:0 10px}
  body.ev-mobile-home .motor-tabs,body.ev-mobile-home .quick-filter-row{margin-left:10px;margin-right:10px}
  .ev-list-card{grid-template-columns:minmax(0,43%) minmax(0,1fr);gap:7px;padding:6px}
  .ev-price strong{font-size:15px}
  .ev-sort-label{font-size:12px}
  body.ev-mobile-home .results-top #sort{width:92px}
}

/* Final mobile geometry: one compact list, independent of legacy card rules. */
.ev-filter-glyph{display:none}
@media(max-width:700px){
 body.ev-mobile-home{--bg:#f7f9f9;background:var(--bg);font-family:Arial,Helvetica,sans-serif}
 body.ev-mobile-home main{background:var(--bg)}
 body.ev-mobile-home .intro::before{background:linear-gradient(0deg,var(--bg),transparent 22%)}
 body.ev-mobile-home .intro h1{font-size:20px;line-height:1.22}
 body.ev-mobile-home .intro p:not(.eyebrow){font-size:14px}
 body.ev-mobile-home .searchbar{height:46px}
 body.ev-mobile-home .searchbar input{font-size:13px}
 body.ev-mobile-home .searchbar>span svg{width:25px;height:25px}
 body.ev-mobile-home .motor-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center}
 body.ev-mobile-home .motor-tabs button::before{content:none}
 body.ev-mobile-home .motor-tab-icon{width:27px;height:27px;stroke-width:2.2}
 body.ev-mobile-home .motor-tabs button span{font-size:10px;overflow-wrap:normal;line-height:1.15}
 body.ev-mobile-home .motor-tabs button.active{background:linear-gradient(145deg,#00654e,#00936c)}
 body.ev-mobile-home .quick-filter-row button{display:flex;align-items:center;justify-content:center;height:32px}
 body.ev-mobile-home .quick-filter-row button[data-quick-filter=filters]::after{content:none}
 .ev-filter-glyph{display:inline-flex;margin-right:7px}
 .ev-filter-glyph svg{width:21px;height:21px;fill:white;stroke:currentColor;stroke-width:1.7}
 body.ev-mobile-home .filter-toggle{display:none}
 body.ev-mobile-home:not(.filters-collapsed) .filter-toggle{display:block}
 body.ev-mobile-home .sort-note:empty{display:none}
 .ev-list-card{grid-auto-rows:minmax(102px,auto);box-shadow:0 3px 14px #173b3004}
 .ev-car-image{align-self:stretch}
 .ev-car-image img.card-main-image{height:82px;max-height:100%;object-fit:contain}
 .ev-tech{font-size:10px;line-height:1.15;padding:3px 5px}
 .ev-tech .card-icon{width:12px;height:12px}
 .ev-car-info{justify-content:flex-start;padding:5px 0 3px;gap:2px}
 .ev-model{font-size:15px;min-height:18px}
 .ev-brand{font-size:12px;margin:0 0 5px}
 .ev-autonomy{margin-bottom:5px;gap:5px}
 .ev-autonomy strong{font-size:13px}
 .ev-autonomy small{font-size:10px;line-height:1.2}
 .ev-autonomy>.card-icon{width:20px;height:23px}
 .ev-price{gap:4px;font-size:11px;margin-top:0}
 .ev-price strong{font-size:15px;letter-spacing:-.45px}
 .ev-favorite{width:25px;height:28px;top:8px;right:5px}
 .ev-favorite svg{width:21px;height:21px}
 .ev-bottom-nav{height:calc(58px + env(safe-area-inset-bottom));padding-top:6px;padding-bottom:calc(6px + env(safe-area-inset-bottom))}
 .ev-bottom-nav svg{width:23px;height:23px}
 .ev-bottom-nav button{font-size:10px}
 .ev-bottom-nav .is-active[data-mobile-page=home] svg{fill:currentColor}
}
@media(min-width:430px) and (max-width:700px){
 .ev-list-card{grid-auto-rows:minmax(120px,auto)}
 .ev-car-image img.card-main-image{height:113px}
 .ev-model{font-size:18px}.ev-brand{font-size:14px}
 .ev-autonomy strong{font-size:15px}.ev-autonomy small{font-size:12px}
 .ev-price strong{font-size:18px}.ev-price{font-size:13px}
 body.ev-mobile-home .motor-tabs button span{font-size:12px}
}
@media(max-width:360px){
 .ev-list-card{grid-template-columns:45% minmax(0,1fr);gap:7px}
 .ev-model{font-size:14px}.ev-price strong{font-size:14px}
 body.ev-mobile-home .intro h1{font-size:18px}
 body.ev-mobile-home .searchbar{width:calc(100% - 32px)}
}

@media(max-width:700px){.ev-tech .card-icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linejoin:round}.ev-car-info{justify-content:center}.ev-price strong{font-size:16px}.ev-autonomy>.card-icon{stroke:currentColor;fill:none;stroke-width:1.6}.ev-car-image img{object-position:center}.ev-price strong{white-space:nowrap}}

@media(max-width:700px){.ev-list-card{min-height:126px;grid-auto-rows:minmax(114px,auto)}.ev-car-image .image-unavailable{min-height:0;height:82px;padding:8px 4px;font:11px/1.3 Arial,Helvetica,sans-serif}.ev-car-info{gap:1px}.ev-model{font-size:14px}.ev-autonomy small{font-size:10px}}

/* Keep the filter icon family bounded at every breakpoint. */
.motor-tabs .motor-tab-icon{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Root color is available before scripts or responsive rules load. */
 :root{--evauto-header-green:#003c32}
html{background-color:var(--evauto-header-green)}
/* Mobile browser chrome uses the existing hero base green in either color scheme. */
@media(max-width:700px){
  html{background:#003c32}
  body,body.ev-mobile-home{padding-top:0}
  body>header,body.ev-mobile-home header{top:0;height:calc(82px + env(safe-area-inset-top,0px));padding-top:calc(17px + env(safe-area-inset-top,0px));background:linear-gradient(var(--evauto-header-green),var(--evauto-header-green)) top/100% env(safe-area-inset-top,0px) no-repeat,linear-gradient(180deg,var(--evauto-header-green),transparent)}
  body.ev-mobile-home .intro{height:calc(232px + env(safe-area-inset-top,0px));padding-top:calc(74px + env(safe-area-inset-top,0px))}

  body.ev-mobile-home .motor-tab-icon{stroke-width:1.8;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
  body.ev-mobile-home .motor-tabs button{transition:background-color .15s,border-color .15s;touch-action:manipulation}
  body.ev-mobile-home .motor-tabs button:focus-visible{outline:2px solid #00664D;outline-offset:3px}
  body.ev-mobile-home .motor-tabs button:active:not(:disabled){box-shadow:inset 0 0 0 2px currentColor}
  body.ev-mobile-home .motor-tabs button:disabled{opacity:.5;cursor:not-allowed}
}
@media(max-width:700px) and (hover:hover){body.ev-mobile-home .motor-tabs button:hover:not(.active):not(:disabled){background:#edf5f1;border-color:#00664D}}

/* Approved static technology icons; currentColor follows the existing button state. */
.approved-motor-icon{display:inline-block;width:24px;height:24px;flex:none;background-color:currentColor;-webkit-mask:var(--motor-icon) center/contain no-repeat;mask:var(--motor-icon) center/contain no-repeat}
.ev-technology-options>button>.approved-motor-icon{width:30px;height:30px;color:#007952}

/* Bound the identified long technical text at its own grid cell. */
@media(max-width:700px){#grid .ev-spec strong{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}html,body{width:100%;max-width:100%;overflow-x:clip}}