/* Opt-in presentation only. Classic and desktop retain their existing styles. */
@media(max-width:700px){
 html[data-mobile-theme="liquidGlass"],html[data-mobile-theme="liquidGlass"] body.ev-mobile-home{background:#f3f8f6!important}
 html[data-mobile-theme="liquidGlass"] body.ev-mobile-home{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 html[data-mobile-theme="liquidGlass"] .ev-bottom-nav{left:12px;right:12px;bottom:calc(2px + env(safe-area-inset-bottom,0px));height:66px;padding:5px 6px;gap:2px;border:1px solid #fffffff2;border-radius:38px;background:linear-gradient(135deg,#f4fffaa8,#dff8ee80);-webkit-backdrop-filter:blur(30px) saturate(165%);backdrop-filter:blur(30px) saturate(165%);box-shadow:inset 0 1px 3px #fff,inset 0 -1px 2px #e7fff3b3,0 0 0 1px #c2eedb66,0 7px 26px #00674729;isolation:isolate}
 html[data-mobile-theme="liquidGlass"] .ev-bottom-nav button{border-radius:30px;color:#3d5352;min-width:0;font-size:11px;gap:4px;border:1px solid transparent;transition:background 180ms ease,color 180ms ease,box-shadow 180ms ease}
 html[data-mobile-theme="liquidGlass"] .ev-bottom-nav button.is-active{color:#007d55;background:linear-gradient(145deg,#d2ffedb3,#8be6bfad);border-color:#ffffffd9;box-shadow:inset 0 1px 4px #fffc,0 0 10px #65dfaa38}
 html[data-mobile-theme="liquidGlass"] .ev-bottom-nav svg{width:24px;height:24px}
 html[data-mobile-theme="liquidGlass"] .ev-compact-header{background:linear-gradient(#f3f8f6,#f3f8f6) top/100% env(safe-area-inset-top,0px) no-repeat}
 html[data-mobile-theme="liquidGlass"] .ev-compact-content{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 0 #233f3110}
 html[data-mobile-theme="liquidGlass"] .ev-compact-content a{justify-self:center}
 html[data-mobile-theme="liquidGlass"] .ev-compact-content img{mix-blend-mode:normal}
 html[data-mobile-theme="liquidGlass"] .ev-compact-content button{color:#183b33;border-radius:50%;background:#ffffff8c}
 html[data-mobile-theme="liquidGlass"] body.ev-detail-open>header{background:#ffffffe0!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
 html[data-mobile-theme="liquidGlass"] body.ev-detail-open>header .evauto-logo{position:absolute;left:50%;transform:translateX(-50%);background-image:url('/assets/evauto-logo-light-full.png')}
 html[data-mobile-theme="liquidGlass"] body.ev-detail-open>header .ev-menu{color:#183b33;margin-left:auto}
 html[data-mobile-theme="liquidGlass"] body.ev-mobile-home #comparebar{bottom:calc(78px + env(safe-area-inset-bottom,0px))}
 html[data-mobile-theme="liquidGlass"] .toast{bottom:calc(94px + env(safe-area-inset-bottom,0px))}
 @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-mobile-theme="liquidGlass"] .ev-bottom-nav{background:#eaf8f2f5}}
}
@media(prefers-reduced-motion:reduce){html[data-mobile-theme="liquidGlass"] .ev-bottom-nav button{transition:none}}

@media(max-width:700px){html[data-mobile-theme="liquidGlass"] body.ev-mobile-home.ev-has-comparison{padding-bottom:calc(232px + env(safe-area-inset-bottom,0px))}html[data-mobile-theme="liquidGlass"] body.ev-mobile-home.ev-has-comparison .toast{bottom:calc(234px + env(safe-area-inset-bottom,0px))}}

@media(max-width:700px){
 html[data-mobile-theme="liquidGlass"] body.ev-detail-open .ev-compact-header{display:block}
 html[data-mobile-theme="liquidGlass"] body.ev-detail-open>header{visibility:hidden;height:calc(58px + env(safe-area-inset-top,0px));padding:0;pointer-events:none}
 html[data-mobile-theme="liquidGlass"] body.ev-detail-open>header .ev-menu-panel:not([hidden]){visibility:visible;pointer-events:auto;position:fixed;top:calc(58px + env(safe-area-inset-top,0px));max-height:calc(100dvh - 140px);overflow:auto}
 html[data-mobile-theme="liquidGlass"] body.ev-detail-open #dialog:has(.ev-vehicle-detail){inset:calc(58px + env(safe-area-inset-top,0px)) 0 0;height:calc(100dvh - 58px - env(safe-area-inset-top,0px))}
}