/* =========================================================
   APROXZ — MOBILE UI CSS AUTHORITY
   File: frontend/main-frontend/mobile-ui.css
   Version: 2026-09-08_MOBILE_UI_V10_MAP_DRAG_FIX

   PIXEL-MATCH TARGET
   Header: compact brand + greeting/city/time, then search + share
   Middle: existing AproxZ MapLibre map/pins only
   Lower rail: All / Food / Coffee / Medical / Gas
   Bottom dock: Location / Explore / Home / Recent / Saved

   Shared desktop/core engines remain untouched.
   ========================================================= */

html[data-az-layout="mobile"]{
  --az-mui-side:12px;
  --az-mui-safe-top:env(safe-area-inset-top,0px);
  --az-mui-safe-bottom:env(safe-area-inset-bottom,0px);
  --az-mui-meta-h:42px;
  --az-mui-search-h:52px;
  --az-mui-share-w:52px;
  --az-mui-top-pad:8px;
  --az-mui-row-gap:7px;
  --az-mui-top-h:calc(var(--az-mui-safe-top) + var(--az-mui-top-pad) + var(--az-mui-meta-h) + var(--az-mui-row-gap) + var(--az-mui-search-h) + 9px);
  --az-mui-category-row-h:54px;
  --az-mui-category-h:38px;
  --az-mui-category-gap:8px;
  --az-mui-bottom-h:88px;
  --az-mui-accent:#35e6ad;
  --az-mui-bg:#03101c;
  --az-mui-control:rgba(6,27,46,.95);
  --az-mui-text:#f8fafc;
  --az-mui-muted:rgba(203,213,225,.70);
}

html:not([data-az-layout="mobile"]) #az-mobile-ui{display:none!important}

html[data-az-layout="mobile"] body > .az-app-shell > .az-topbar,
html[data-az-layout="mobile"] body .az-app-shell > header.az-topbar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html[data-az-layout="mobile"] #az-mobile-ui{
  position:fixed;
  inset:0;
  z-index:9000;
  pointer-events:none;
  background:transparent;
}

/* ---------- Approved compact top ---------- */
html[data-az-layout="mobile"] .az-mobile-ui-top{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:9300;
  height:var(--az-mui-top-h);
  padding:calc(var(--az-mui-safe-top) + var(--az-mui-top-pad)) var(--az-mui-side) 9px;
  border:0;
  border-bottom:1px solid rgba(148,163,184,.10);
  background:linear-gradient(180deg,rgba(2,12,22,.995),rgba(2,12,22,.94));
  pointer-events:none;
}

html[data-az-layout="mobile"] .az-mobile-ui-meta{
  position:relative;
  height:var(--az-mui-meta-h);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  transform:translateY(-2px);
}

html[data-az-layout="mobile"] .az-mobile-ui-meta-city{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(241,245,249,.90);
  font:650 9.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  justify-self:start;
}

html[data-az-layout="mobile"] .az-mobile-ui-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:92px;
  justify-self:center;
  line-height:1;
  color:#f8fafc;
}

html[data-az-layout="mobile"] .az-mobile-ui-logo{
  font-size:18px;
  font-weight:900;
  letter-spacing:.055em;
  line-height:1;
  text-transform:lowercase;
  color:#f8fafc;
  white-space:nowrap;
}

html[data-az-layout="mobile"] .az-mobile-ui-tagline{
  margin-top:4px;
  font-size:5.8px;
  font-weight:800;
  letter-spacing:.18em;
  line-height:1;
  color:rgba(226,232,240,.72);
  white-space:nowrap;
}

html[data-az-layout="mobile"] .az-mobile-ui-context{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  overflow:hidden;
  color:rgba(241,245,249,.92);
  font:650 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  white-space:nowrap;
}

html[data-az-layout="mobile"] #az-mobile-ui-greeting{font-weight:800;color:#fff}
html[data-az-layout="mobile"] .az-mobile-ui-context{justify-self:end;}
html[data-az-layout="mobile"] .az-mobile-ui-context-sep{color:rgba(148,163,184,.62)}

html[data-az-layout="mobile"] .az-mobile-ui-search-row{
  height:var(--az-mui-search-h);
  display:grid;
  grid-template-columns:minmax(0,1fr) var(--az-mui-share-w);
  gap:9px;
  align-items:center;
  pointer-events:none;
}

html[data-az-layout="mobile"] #az-mobile-ui-search-host{
  position:relative;
  width:100%;
  min-width:0;
  height:var(--az-mui-search-h);
  pointer-events:auto;
}

html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-global-search,
html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-search,
html[data-az-layout="mobile"] #az-mobile-ui-search-host form{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:var(--az-mui-search-h)!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(82,116,145,.42)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(6,28,48,.97),rgba(5,24,42,.97))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 20px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-search-host #az-search-input{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 20px 0 45px!important;
  border:0!important;
  outline:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--az-mui-text)!important;
  font:500 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-search-host #az-search-input::placeholder{
  color:rgba(203,213,225,.67)!important;
  opacity:1!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-global-search::before,
html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-search::before{
  left:17px!important;
  top:50%!important;
  width:15px!important;
  height:15px!important;
  transform:translateY(-50%)!important;
  border:2px solid rgba(241,245,249,.88)!important;
  border-radius:50%!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-global-search::after,
html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-search::after{
  left:30px!important;
  top:31px!important;
  width:7px!important;
  height:2px!important;
  transform:rotate(45deg)!important;
  background:rgba(241,245,249,.88)!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-share-location{
  width:var(--az-mui-share-w);
  height:var(--az-mui-search-h);
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:linear-gradient(180deg,rgba(8,31,52,.96),rgba(5,23,40,.97));
  color:rgba(248,250,252,.96);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 20px rgba(0,0,0,.22);
  pointer-events:auto;
}

html[data-az-layout="mobile"] .az-mobile-ui-share-location svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ---------- Category rail: directly above bottom dock ---------- */
html[data-az-layout="mobile"] .az-mobile-ui-categories{
  position:fixed;
  left:0;
  right:0;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom));
  z-index:9250;
  width:100%;
  height:var(--az-mui-category-row-h);
  margin:0;
  padding:8px 0;
  border:0;
  border-top:1px solid rgba(148,163,184,.10);
  border-bottom:1px solid rgba(148,163,184,.10);
  background:rgba(2,12,22,.90);
  backdrop-filter:blur(16px) saturate(115%);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  overflow:hidden;
  pointer-events:auto;
}

html[data-az-layout="mobile"] .az-mobile-ui-categories-inner{
  display:flex;
  align-items:center;
  gap:var(--az-mui-category-gap);
  width:100%;
  min-width:0;
  height:var(--az-mui-category-h);
  padding:0 var(--az-mui-side);
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner::-webkit-scrollbar{display:none}

html[data-az-layout="mobile"] .az-mobile-ui-category{
  flex:0 0 auto;
  height:var(--az-mui-category-h);
  margin:0;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:999px;
  background:rgba(7,28,47,.92);
  color:rgba(241,245,249,.88);
  font:700 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  white-space:nowrap;
  box-shadow:none;
}

html[data-az-layout="mobile"] .az-mobile-ui-category-icon,
html[data-az-layout="mobile"] .az-mobile-ui-category-icon svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
}

html[data-az-layout="mobile"] .az-mobile-ui-category-icon svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html[data-az-layout="mobile"] .az-mobile-ui-category.is-active{
  border:0;
  background:rgba(12,43,68,.96);
  color:#e8f3ff;
  box-shadow:inset 0 0 0 1px rgba(91,139,180,.12);
}

/* ---------- Existing AproxZ map owns entire middle ---------- */
html[data-az-layout="mobile"] body,
html[data-az-layout="mobile"] .az-app-shell{
  width:100dvw!important;
  height:var(--az-visual-vh,100dvh)!important;
  min-height:0!important;
  overflow:hidden!important;
}

html[data-az-layout="mobile"] .az-main-grid{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

html[data-az-layout="mobile"] .az-map-panel{
  position:fixed!important;
  left:0!important;
  right:0!important;
  top:var(--az-mui-top-h)!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-category-row-h) + var(--az-mui-safe-bottom))!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  z-index:1!important;
}

html[data-az-layout="mobile"] .az-map-panel #map,
html[data-az-layout="mobile"] #map.az-map{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* ---------- Dark-glass five-button bottom dock ---------- */
html[data-az-layout="mobile"] .az-mobile-ui-bottom{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:9400;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:center;
  justify-items:center;
  width:100%;
  height:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom));
  padding:6px 5px calc(8px + var(--az-mui-safe-bottom));
  margin:0;
  border:0;
  border-top:1px solid rgba(148,163,184,.14);
  background:linear-gradient(180deg,rgba(2,13,23,.94),rgba(2,12,21,.985));
  box-shadow:0 -8px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(20px) saturate(120%);
  -webkit-backdrop-filter:blur(20px) saturate(120%);
  pointer-events:auto;
}

html[data-az-layout="mobile"] .az-mobile-ui-action{
  width:68px;
  max-width:100%;
  height:68px;
  margin:0;
  padding:5px 2px 4px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:0;
  border-radius:17px;
  background:transparent;
  color:rgba(226,232,240,.92);
  font:700 8.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  overflow:hidden;
}

html[data-az-layout="mobile"] .az-mobile-ui-action-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:50%;
}

html[data-az-layout="mobile"] .az-mobile-ui-action-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

html[data-az-layout="mobile"] .az-mobile-ui-action > span:last-child{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html[data-az-layout="mobile"] .az-mobile-ui-action.is-active{
  border:0;
  background:linear-gradient(180deg,rgba(11,35,58,.96),rgba(7,27,47,.96));
  color:#eef6ff;
  box-shadow:inset 0 0 0 1px rgba(92,132,169,.13),0 8px 22px rgba(0,0,0,.16);
}

html[data-az-layout="mobile"] .az-mobile-ui-action.is-active .az-mobile-ui-action-icon{
  background:rgba(104,153,196,.08);
}

html[data-az-layout="mobile"] .az-mobile-ui-city-action{
  color:rgba(226,232,240,.92);
}

/* ---------- Retired Home surfaces stay retired ---------- */
html[data-az-layout="mobile"] #az-mobile-listing-roulette,
html[data-az-layout="mobile"] #az-mobile-results-sheet,
html[data-az-layout="mobile"] .az-mobile-results-sheet,
html[data-az-layout="mobile"] #az-mobile-collapsed-preview,
html[data-az-layout="mobile"] .az-mobile-collapsed-preview,
html[data-az-layout="mobile"] #az-mobile-current-place-pill,
html[data-az-layout="mobile"] .az-mobile-current-place-pill,
html[data-az-layout="mobile"] #az-mobile-quick-rail,
html[data-az-layout="mobile"] .az-mobile-quick-rail,
html[data-az-layout="mobile"] #az-daypart-ui-panel,
html[data-az-layout="mobile"] .az-daypart-panel,
html[data-az-layout="mobile"] .az-left-rail,
html[data-az-layout="mobile"] .az-popular-panel,
html[data-az-layout="mobile"] .az-live-stats-rail{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

html[data-az-layout="mobile"] #az-selected-place.az-feature-card,
html[data-az-layout="mobile"] #az-selected-place .az-feature-image,
html[data-az-layout="mobile"] #az-selected-place .az-feature-content{
  display:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-listing-open="true"] .az-mobile-ui-bottom,
html[data-az-layout="mobile"][data-az-explore-results-open="true"] .az-mobile-ui-bottom{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* Compact phones */
@media (max-width:390px){
  html[data-az-layout="mobile"]{
    --az-mui-side:10px;
    --az-mui-share-w:50px;
    --az-mui-category-gap:7px;
  }
  html[data-az-layout="mobile"] .az-mobile-ui-meta{gap:6px}
  html[data-az-layout="mobile"] .az-mobile-ui-context{gap:4px;font-size:8.5px}
  html[data-az-layout="mobile"] .az-mobile-ui-meta-city{font-size:8.5px}
  html[data-az-layout="mobile"] .az-mobile-ui-action{width:62px;font-size:8px}
}

/* Tablet */
html[data-az-device-class="tablet"]{
  --az-mui-side:18px;
  --az-mui-meta-h:46px;
  --az-mui-search-h:56px;
  --az-mui-share-w:56px;
  --az-mui-category-row-h:58px;
  --az-mui-category-h:40px;
  --az-mui-bottom-h:94px;
}

/* Phone landscape */
@media (orientation:landscape) and (max-height:600px){
  html[data-az-layout="mobile"]{
    --az-mui-top-pad:5px;
    --az-mui-meta-h:32px;
    --az-mui-search-h:44px;
    --az-mui-share-w:44px;
    --az-mui-row-gap:4px;
    --az-mui-category-row-h:44px;
    --az-mui-category-h:32px;
    --az-mui-bottom-h:72px;
  }
  html[data-az-layout="mobile"] .az-mobile-ui-logo{font-size:16px}
  html[data-az-layout="mobile"] .az-mobile-ui-context{font-size:9px}
  html[data-az-layout="mobile"] .az-mobile-ui-action{height:58px}
}

/* ---------- Location-share confirmation ---------- */
html[data-az-layout="mobile"] .az-mobile-location-share-confirm{
  position:fixed;inset:0;z-index:9800;display:grid;place-items:center;
  padding:20px;background:rgba(0,7,14,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  pointer-events:auto;
}
html[data-az-layout="mobile"] .az-mobile-location-share-card{
  width:min(330px,calc(100vw - 34px));padding:20px;border:1px solid rgba(148,163,184,.18);
  border-radius:24px;background:linear-gradient(180deg,rgba(7,25,42,.99),rgba(4,18,31,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.42);color:#f8fafc;
}
html[data-az-layout="mobile"] .az-mobile-location-share-card>strong{display:block;font-size:16px;line-height:1.2;margin-bottom:8px;}
html[data-az-layout="mobile"] .az-mobile-location-share-card>span{display:block;color:rgba(203,213,225,.74);font-size:12px;line-height:1.45;}
html[data-az-layout="mobile"] .az-mobile-location-share-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:18px;}
html[data-az-layout="mobile"] .az-mobile-location-share-actions button{height:42px;border:0;border-radius:999px;background:rgba(16,39,59,.96);color:#edf5fb;font-weight:750;}
html[data-az-layout="mobile"] .az-mobile-location-share-actions [data-az-share-confirm]{background:#edf5fb;color:#061522;}
html[data-az-layout="mobile"] .az-mobile-location-share-actions button:disabled{opacity:.6;}


/* =========================================================
   V6 — EXISTING MOBILE SURFACE VISIBILITY + SEARCH CARD POLISH
   Uses the existing Explore / Recent / Saved / Search renderers.
   No duplicate cards or parallel data systems are created.
   ========================================================= */

/* Existing Saved + Recent renderer uses the same discovery screen as Explore,
   but those modes set their own state attributes instead of explore-results-open. */
html[data-az-layout="mobile"][data-az-saved-results-open="true"] #az-mobile-discovery-results-screen,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] #az-mobile-discovery-results-screen{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:9700!important;
}

html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-bottom,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-bottom{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Existing Explore hub: make the specialized mobile-explore.js renderer own a
   clean dark-glass card above the map when its existing open state is active. */
html[data-az-layout="mobile"] #az-mobile-explore-hub:not([hidden]),
html[data-az-layout="mobile"][data-az-mobile-explore-hub="open"] #az-mobile-explore-hub{
  position:fixed!important;
  left:10px!important;
  right:10px!important;
  top:calc(var(--az-mui-top-h) + 8px)!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-category-row-h) + var(--az-mui-safe-bottom) + 8px)!important;
  z-index:9720!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(5,19,32,.985),rgba(3,14,25,.99))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(18px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(115%)!important;
  color:#f8fafc!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-shell{
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-topbar{
  min-height:48px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-close,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-back{
  width:34px!important;
  height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:999px!important;
  background:rgba(7,24,39,.96)!important;
  color:#f8fafc!important;
  font-size:21px!important;
  line-height:1!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-context,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-context{
  padding:13px 14px 10px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-eyebrow{
  color:#35e6ad!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub h1{
  margin:6px 0 4px!important;
  color:#f8fafc!important;
  font-size:22px!important;
  line-height:1.08!important;
  font-weight:800!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub p,
html[data-az-layout="mobile"] #az-mobile-explore-hub small{
  color:rgba(203,213,225,.70)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-content,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding:4px 10px 14px!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-content::-webkit-scrollbar,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-list::-webkit-scrollbar{display:none!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-right-now,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row{
  width:100%!important;
  min-height:58px!important;
  margin:0 0 8px!important;
  padding:10px 11px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(126,154,178,.16)!important;
  border-radius:13px!important;
  background:rgba(7,24,40,.91)!important;
  color:#f8fafc!important;
  text-align:left!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-right-now{
  min-height:64px!important;
  border-color:rgba(53,230,173,.22)!important;
  background:rgba(13,55,53,.34)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub strong{font-size:11px!important;font-weight:750!important;color:#fff!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub small{display:block!important;margin-top:3px!important;font-size:9px!important;line-height:1.25!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-chevron{margin-left:auto!important;color:rgba(203,213,225,.62)!important;font-size:18px!important}

/* Search results — same clean glass language as the City / State card. */
html[data-az-layout="mobile"] #az-search-results-dropdown{
  top:calc(var(--az-mui-top-h) + 8px)!important;
  left:10px!important;
  right:10px!important;
  width:auto!important;
  max-height:calc(100dvh - var(--az-mui-top-h) - var(--az-mui-bottom-h) - 18px)!important;
  padding:8px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(5,19,32,.985),rgba(3,14,25,.99))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.42)!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-results-head{
  min-height:38px!important;
  padding:2px 3px 7px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:rgba(203,213,225,.68)!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-close{
  flex:0 0 32px!important;
  width:32px!important;
  height:32px!important;
  margin-left:auto!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:999px!important;
  background:rgba(7,24,39,.96)!important;
  color:#f8fafc!important;
  font-size:20px!important;
  line-height:1!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row{
  min-height:68px!important;
  margin:0 0 6px!important;
  padding:7px!important;
  border:1px solid rgba(126,154,178,.14)!important;
  border-radius:13px!important;
  background:rgba(7,24,40,.90)!important;
  box-shadow:none!important;
}
/* =========================================================
   APROXZ MOBILE V7 — APPROVED GLASS SURFACE PIXEL MATCH
   Scope ONLY:
   - Explore
   - Recently Viewed
   - Saved Places
   - Search Results
   Does not restyle Home, map, listing detail, location selector,
   desktop UI, pins, ranking, APIs, or backend data.
   ========================================================= */

html[data-az-layout="mobile"]{
  --az-surface-edge:rgba(99,151,190,.48);
  --az-surface-edge-soft:rgba(92,139,174,.28);
  --az-surface-bg:linear-gradient(180deg,rgba(5,25,42,.975),rgba(2,15,27,.985));
  --az-surface-row:linear-gradient(180deg,rgba(7,35,57,.93),rgba(5,27,46,.94));
  --az-surface-shadow:0 22px 58px rgba(0,0,0,.44);
  --az-surface-text:#f8fafc;
  --az-surface-muted:rgba(203,213,225,.72);
  --az-surface-accent:#27e0c1;
  --az-surface-danger:#ff5b63;
}

/* ---------- Explore approved card ---------- */
html[data-az-layout="mobile"] #az-mobile-explore-hub{
  position:fixed!important;
  inset:var(--az-mui-top-h) 0 calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom)) 0!important;
  z-index:9250!important;
  padding:14px 12px 10px!important;
  background:rgba(1,8,15,.38)!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-shell{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:14px 12px 12px!important;
  overflow:auto!important;
  border:1px solid var(--az-surface-edge)!important;
  border-radius:22px!important;
  background:var(--az-surface-bg)!important;
  box-shadow:var(--az-surface-shadow),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-head{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:0 2px 13px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-copy h1{
  margin:0 0 4px!important;
  color:#fff!important;
  font:800 24px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-copy p{
  margin:0!important;
  color:var(--az-surface-muted)!important;
  font:500 13px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-close,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-close,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-back{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(103,155,194,.55)!important;
  border-radius:999px!important;
  background:rgba(5,26,44,.94)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  font:400 25px/1 Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:0!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
  width:100%!important;
  min-height:70px!important;
  margin:0!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) 20px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid var(--az-surface-edge-soft)!important;
  border-radius:15px!important;
  background:var(--az-surface-row)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:#fff!important;
  text-align:left!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  color:var(--az-surface-accent)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-icon svg{
  width:31px!important;
  height:31px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card:nth-child(3) .az-explore-hub-card-icon,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card:nth-child(6) .az-explore-hub-card-icon{
  color:var(--az-surface-danger)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy strong{
  color:#fff!important;
  font:750 15px/1.12 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--az-surface-muted)!important;
  font:500 11px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-chevron{
  color:#e5eef6!important;
  font-size:27px!important;
  font-weight:300!important;
}

/* ---------- Shared Recent / Saved / Explore-results surface ---------- */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen{
  background:rgba(1,8,15,.40)!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-shell{
  top:calc(var(--az-mui-top-h) + 14px)!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom) + 10px)!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  padding:14px 12px 12px!important;
  border:1px solid var(--az-surface-edge)!important;
  border-radius:22px!important;
  background:var(--az-surface-bg)!important;
  box-shadow:var(--az-surface-shadow),inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-drag-handle,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-nav-spacer{
  display:none!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-head{
  min-height:54px!important;
  padding:0 2px 12px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  border:0!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-title-wrap{
  min-width:0!important;
  flex:1 1 auto!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-eyebrow{
  display:none!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-title{
  margin:0 0 4px!important;
  color:#fff!important;
  font:800 23px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-count{
  color:var(--az-surface-muted)!important;
  font:500 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list{
  height:calc(100% - 64px)!important;
  padding:0 0 4px!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list::-webkit-scrollbar{display:none!important}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card{
  min-height:66px!important;
  margin:0 0 6px!important;
  padding:6px 8px!important;
  border:1px solid var(--az-surface-edge-soft)!important;
  border-radius:14px!important;
  background:var(--az-surface-row)!important;
  box-shadow:none!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-media{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:11px!important;
  overflow:hidden!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-distance{
  border:1px solid rgba(39,224,193,.72)!important;
  border-radius:999px!important;
  background:rgba(3,51,57,.72)!important;
  color:#49f0d0!important;
  font-weight:800!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-saved-filter-row{
  display:none!important;
}

/* ---------- Search dropdown becomes the approved Search Results card ---------- */
html[data-az-layout="mobile"] #az-search-results-dropdown{
  position:fixed!important;
  z-index:9400!important;
  top:calc(var(--az-mui-top-h) + 14px)!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom) + 10px)!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  padding:14px 12px 12px!important;
  overflow-y:auto!important;
  border:1px solid var(--az-surface-edge)!important;
  border-radius:22px!important;
  background:var(--az-surface-bg)!important;
  box-shadow:var(--az-surface-shadow),inset 0 1px 0 rgba(255,255,255,.045)!important;
  backdrop-filter:blur(22px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-results-head{
  min-height:46px!important;
  padding:0 2px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#fff!important;
  font-size:12px!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-results-head::before{
  content:"Search Results"!important;
  margin-right:auto!important;
  color:#fff!important;
  font:800 22px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-close{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
  margin-left:8px!important;
  border:1px solid rgba(103,155,194,.55)!important;
  border-radius:999px!important;
  background:rgba(5,26,44,.94)!important;
  color:#f8fafc!important;
  font:400 25px/1 Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-item,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-card{
  min-height:66px!important;
  margin:0 0 6px!important;
  padding:6px 8px!important;
  border:1px solid var(--az-surface-edge-soft)!important;
  border-radius:14px!important;
  background:var(--az-surface-row)!important;
  box-shadow:none!important;
}

/* Small phones: preserve reference proportions without clipping. */
@media (max-width:374px){
  html[data-az-layout="mobile"] #az-mobile-explore-hub,
  html[data-az-layout="mobile"] #az-search-results-dropdown{
    left:8px!important;
    right:8px!important;
  }
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-shell,
  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-shell,
  html[data-az-layout="mobile"] #az-search-results-dropdown{
    border-radius:19px!important;
  }
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
    min-height:64px!important;
    grid-template-columns:44px minmax(0,1fr) 18px!important;
  }
}
/* =========================================================
   V8 — EXPLORE DYNAMIC RAIL + COMPACT SUBCATEGORY CARDS
   ========================================================= */

/* Dynamic category rail now mirrors the currently active Explore group. */
html[data-az-layout="mobile"] .az-mobile-ui-categories{
  overflow:hidden!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-inline:12px!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  touch-action:pan-x!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner::-webkit-scrollbar{display:none!important}
html[data-az-layout="mobile"] .az-mobile-ui-category{
  flex:0 0 auto!important;
  min-width:max-content!important;
  height:38px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(7,28,46,.92)!important;
  color:rgba(226,232,240,.82)!important;
  box-shadow:none!important;
  font:650 10.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  white-space:nowrap!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-category.is-active{
  background:rgba(10,51,73,.98)!important;
  color:#55efd2!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-category-group{
  font-weight:800!important;
}

/* Subcategory view: same glass language as the approved Explore main card. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-submenu{
  padding:14px 12px 12px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-head{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 38px!important;
  align-items:start!important;
  gap:10px!important;
  padding:0 2px 14px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-back{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(103,155,194,.55)!important;
  border-radius:999px!important;
  background:rgba(5,26,44,.94)!important;
  color:#f8fafc!important;
  font:400 25px/1 Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-copy{
  min-width:0!important;
  padding-top:1px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-copy h1{
  margin:0 0 4px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:800 22px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-copy p{
  margin:0!important;
  color:var(--az-surface-muted)!important;
  font:500 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-context{
  display:none!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  padding:0!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-list::-webkit-scrollbar{display:none!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row{
  width:100%!important;
  min-height:62px!important;
  margin:0!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid var(--az-surface-edge-soft)!important;
  border-radius:14px!important;
  background:var(--az-surface-row)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:#fff!important;
  text-align:left!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:750 14px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--az-surface-muted)!important;
  font:500 10.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-see-all{
  border-color:rgba(39,224,193,.30)!important;
  background:linear-gradient(180deg,rgba(8,46,63,.96),rgba(5,31,49,.96))!important;
}
/* =========================================================
   V9 — RESULTS CARD = CITY/STATE-STYLE FULL GLASS SURFACE
   Fixes legacy mobile-results.js half-sheet positioning (top:34dvh).
   The top AproxZ nav, Explore subcategory rail and bottom nav remain visible.
   ========================================================= */

html[data-az-layout="mobile"][data-az-explore-results-open="true"] #az-mobile-discovery-results-screen,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] #az-mobile-discovery-results-screen,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] #az-mobile-discovery-results-screen{
  position:fixed!important;
  top:var(--az-mui-top-h)!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--az-mui-category-row-h) + var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(1,8,15,.42)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  z-index:9250!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-shell{
  position:absolute!important;
  top:12px!important;
  left:12px!important;
  right:12px!important;
  bottom:10px!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  max-height:none!important;
  padding:14px 12px 12px!important;
  border:1px solid var(--az-surface-edge)!important;
  border-radius:22px!important;
  background:var(--az-surface-bg)!important;
  box-shadow:var(--az-surface-shadow),inset 0 1px 0 rgba(255,255,255,.045)!important;
  overflow:hidden!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-head{
  flex:0 0 auto!important;
  min-height:56px!important;
  height:auto!important;
  padding:0 2px 12px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  border:0!important;
  background:transparent!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-back,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-close{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(103,155,194,.48)!important;
  border-radius:999px!important;
  background:rgba(5,26,44,.94)!important;
  color:#f8fafc!important;
  box-shadow:none!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-title-wrap{
  min-width:0!important;
  flex:1 1 auto!important;
  padding-top:1px!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-title{
  margin:0 0 4px!important;
  color:#fff!important;
  font:800 21px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-count{
  color:var(--az-surface-muted)!important;
  font:500 11px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0 0 4px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list::-webkit-scrollbar{
  display:none!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-footer,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips{
  display:none!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-categories{
  z-index:9360!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card{
  width:100%!important;
  min-height:68px!important;
  margin:0 0 7px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:9px!important;
  align-items:center!important;
  border:1px solid var(--az-surface-edge-soft)!important;
  border-radius:14px!important;
  background:var(--az-surface-row)!important;
  box-shadow:none!important;
}

@media (max-width:374px){
  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-shell{
    left:8px!important;
    right:8px!important;
    top:9px!important;
    bottom:8px!important;
    border-radius:19px!important;
  }
}

/* =========================================================
   V10 — MOBILE MAP TOUCH / DRAG INTERACTION FIX
   2026-09-08
   Keeps the visible middle map fully interactive while the
   fixed mobile UI chrome remains layered above/below it.
   ========================================================= */
html[data-az-layout="mobile"] .az-map-panel,
html[data-az-layout="mobile"] .az-map-panel #map,
html[data-az-layout="mobile"] #map.az-map,
html[data-az-layout="mobile"] #map.maplibregl-map,
html[data-az-layout="mobile"] #map .maplibregl-canvas-container,
html[data-az-layout="mobile"] #map .maplibregl-canvas{
  pointer-events:auto!important;
}

html[data-az-layout="mobile"] #map .maplibregl-canvas-container,
html[data-az-layout="mobile"] #map .maplibregl-canvas{
  touch-action:none!important;
  -ms-touch-action:none!important;
}

html[data-az-layout="mobile"] #map .maplibregl-canvas{
  cursor:grab;
}

html[data-az-layout="mobile"] #map .maplibregl-canvas:active{
  cursor:grabbing;
}

/* =========================================================
   V11 — HOME REFERENCE MATCH
   Visual-only evolution of the existing mobile Home authority.
   Preserves map, search, location, category, nav and data behavior.
   ========================================================= */
html[data-az-layout="mobile"]{
  --az-mui-side:14px;
  --az-mui-meta-h:44px;
  --az-mui-search-h:50px;
  --az-mui-share-w:50px;
  --az-mui-top-pad:9px;
  --az-mui-row-gap:8px;
  --az-mui-top-h:calc(var(--az-mui-safe-top) + var(--az-mui-top-pad) + var(--az-mui-meta-h) + var(--az-mui-row-gap) + var(--az-mui-search-h) + 10px);
  --az-mui-category-row-h:56px;
  --az-mui-bottom-h:82px;
}

html[data-az-layout="mobile"] .az-mobile-ui-top{
  padding-left:var(--az-mui-side);
  padding-right:var(--az-mui-side);
  background:linear-gradient(180deg,rgba(2,11,20,.995) 0%,rgba(2,12,22,.97) 72%,rgba(2,12,22,.92) 100%);
  border-bottom-color:rgba(148,163,184,.08);
}

html[data-az-layout="mobile"] .az-mobile-ui-meta{
  grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);
  gap:10px;
  transform:none;
}
html[data-az-layout="mobile"] .az-mobile-ui-meta-city{
  font-size:11px;
  font-weight:750;
  letter-spacing:.01em;
  color:#f8fafc;
}
html[data-az-layout="mobile"] .az-mobile-ui-logo{font-size:20px;letter-spacing:.045em}
html[data-az-layout="mobile"] .az-mobile-ui-tagline{font-size:5.4px;margin-top:3px;letter-spacing:.16em}
html[data-az-layout="mobile"] .az-mobile-ui-context{font-size:9.5px;gap:6px;color:rgba(226,232,240,.78)}
html[data-az-layout="mobile"] #az-mobile-ui-greeting{font-weight:750}

html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-global-search,
html[data-az-layout="mobile"] #az-mobile-ui-search-host .az-search,
html[data-az-layout="mobile"] #az-mobile-ui-search-host form{
  border:1px solid rgba(89,124,154,.36)!important;
  background:linear-gradient(180deg,rgba(8,30,49,.98),rgba(5,24,41,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.18)!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-search-host #az-search-input{
  padding-left:44px!important;
  font-size:13.5px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-share-location{
  border:1px solid rgba(89,124,154,.22);
  background:linear-gradient(180deg,rgba(8,31,51,.98),rgba(5,23,39,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.18);
}
html[data-az-layout="mobile"] .az-mobile-ui-share-location svg{width:22px;height:22px}

html[data-az-layout="mobile"] .az-mobile-ui-now-card{
  position:fixed;
  left:14px;
  right:14px;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-category-row-h) + var(--az-mui-safe-bottom) + 10px);
  z-index:9240;
  min-height:66px;
  margin:0;
  padding:11px 14px 11px 12px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 22px;
  gap:10px;
  align-items:center;
  border:1px solid rgba(101,139,169,.26);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,29,47,.95),rgba(4,21,36,.96));
  color:#f8fafc;
  text-align:left;
  box-shadow:0 13px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(16px) saturate(118%);
  -webkit-backdrop-filter:blur(16px) saturate(118%);
  pointer-events:auto;
}
html[data-az-layout="mobile"] .az-mobile-ui-now-icon{
  width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  background:rgba(53,230,173,.11);color:#46e8b4;font-size:18px;line-height:1;
}
html[data-az-layout="mobile"] .az-mobile-ui-now-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
html[data-az-layout="mobile"] .az-mobile-ui-now-copy strong{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#fff;font:800 13px/1.08 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html[data-az-layout="mobile"] .az-mobile-ui-now-copy small{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:rgba(203,213,225,.72);font:550 10px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
html[data-az-layout="mobile"] .az-mobile-ui-now-chevron{justify-self:end;color:rgba(226,232,240,.76);font:300 28px/1 Arial,sans-serif}

html[data-az-layout="mobile"] .az-mobile-ui-categories{
  height:var(--az-mui-category-row-h);
  padding:9px 0;
  background:linear-gradient(180deg,rgba(3,14,24,.86),rgba(2,12,22,.95));
  border-top-color:rgba(148,163,184,.08);
  border-bottom-color:rgba(148,163,184,.08);
}
html[data-az-layout="mobile"] .az-mobile-ui-category{
  height:38px!important;
  padding:0 16px!important;
  border:1px solid rgba(93,126,154,.16)!important;
  background:rgba(7,29,48,.92)!important;
  color:rgba(226,232,240,.88)!important;
  font-size:10.5px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-category.is-active{
  border-color:rgba(69,185,154,.34)!important;
  background:rgba(10,55,61,.78)!important;
  color:#55e8ba!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-bottom{
  height:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom));
  padding:5px 4px calc(7px + var(--az-mui-safe-bottom));
  background:linear-gradient(180deg,rgba(3,15,26,.94),rgba(2,11,20,.99));
  border-top-color:rgba(148,163,184,.10);
}
html[data-az-layout="mobile"] .az-mobile-ui-action{height:62px;width:66px;gap:4px;border-radius:18px;font-size:8px}
html[data-az-layout="mobile"] .az-mobile-ui-action-icon{width:30px;height:30px}
html[data-az-layout="mobile"] .az-mobile-ui-action-icon svg{width:23px;height:23px}
html[data-az-layout="mobile"] .az-mobile-ui-action.is-active{
  background:linear-gradient(180deg,rgba(12,46,70,.96),rgba(7,31,50,.97));
  color:#f7fbff;
  box-shadow:inset 0 0 0 1px rgba(102,153,193,.17);
}

html[data-az-layout="mobile"][data-az-mobile-home-clean="true"] .az-mobile-ui-now-card{
  opacity:1;visibility:visible;pointer-events:auto;
}
html[data-az-layout="mobile"]:not([data-az-mobile-home-clean="true"]) .az-mobile-ui-now-card,
html[data-az-layout="mobile"][data-az-mobile-listing-open="true"] .az-mobile-ui-now-card,
html[data-az-layout="mobile"][data-az-mobile-explore-hub="open"] .az-mobile-ui-now-card,
html[data-az-layout="mobile"][data-az-explore-results-open="true"] .az-mobile-ui-now-card,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-now-card,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-now-card{
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
}

@media (max-width:374px){
  html[data-az-layout="mobile"] .az-mobile-ui-now-card{left:10px;right:10px;min-height:62px;padding:9px 11px}
  html[data-az-layout="mobile"] .az-mobile-ui-now-copy strong{font-size:12px}
  html[data-az-layout="mobile"] .az-mobile-ui-now-copy small{font-size:9.5px}
}

/* =========================================================
   APROXZ MOBILE EXPLORE V5 — REFERENCE VISUAL HUB
   Scoped to the Explore hub only. Behavior remains owned by mobile-explore.js.
   ========================================================= */
html[data-az-layout="mobile"] #az-mobile-explore-hub{
  background:rgba(1,8,15,.50)!important;
  backdrop-filter:blur(12px) saturate(114%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(114%)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-shell.az-explore-hub-main{
  padding:14px 12px 12px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(3,17,29,.985),rgba(2,13,23,.99))!important;
  border:1px solid rgba(84,143,188,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-head{
  min-height:64px!important;
  padding:1px 2px 12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:start!important;
  gap:12px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-copy h1{
  margin:0 0 5px!important;
  color:#fff!important;
  font:850 27px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.035em!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-copy p{
  margin:0!important;
  color:rgba(203,218,230,.72)!important;
  font:500 12px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-close{
  width:40px!important;
  height:40px!important;
  border-radius:999px!important;
  border:1px solid rgba(70,161,221,.42)!important;
  background:linear-gradient(180deg,rgba(7,42,68,.96),rgba(4,27,47,.96))!important;
  color:#f4f9fd!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  font:300 27px/1 Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-list::-webkit-scrollbar{display:none!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  min-height:68px!important;
  margin:0!important;
  padding:0 12px 0 12px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 112px 18px!important;
  align-items:center!important;
  gap:10px!important;
  overflow:hidden!important;
  border:1px solid rgba(40,153,217,.50)!important;
  border-radius:14px!important;
  background:linear-gradient(100deg,rgba(4,39,62,.96) 0%,rgba(3,28,46,.98) 54%,rgba(3,20,34,.99) 100%)!important;
  color:#fff!important;
  text-align:left!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  transform:translateZ(0)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card:active{
  transform:scale(.992)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-icon{
  position:relative!important;
  z-index:3!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  color:#2fe7d0!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-icon svg{
  width:31px!important;
  height:31px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy{
  position:relative!important;
  z-index:3!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:800 14px/1.08 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.012em!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(205,219,230,.72)!important;
  font:500 10.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:142px!important;
  overflow:hidden!important;
  pointer-events:none!important;
  opacity:.96!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 74% 46%,rgba(25,169,203,.27),transparent 34%),
    linear-gradient(90deg,rgba(3,28,46,0),rgba(5,36,58,.22) 26%,rgba(3,18,31,.72) 100%)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art::after{
  content:""!important;
  position:absolute!important;
  right:-18px!important;
  bottom:-24px!important;
  width:120px!important;
  height:90px!important;
  border:1px solid rgba(96,187,227,.16)!important;
  border-radius:55% 45% 0 0!important;
  transform:rotate(-10deg)!important;
  box-shadow:0 -16px 45px rgba(30,169,218,.10)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art-glow{
  position:absolute!important;
  right:18px!important;
  top:50%!important;
  width:72px!important;
  height:72px!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  filter:blur(18px)!important;
  background:rgba(33,188,215,.18)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art-mark{
  position:absolute!important;
  right:24px!important;
  top:50%!important;
  width:54px!important;
  height:54px!important;
  transform:translateY(-50%) scale(1.12)!important;
  display:grid!important;
  place-items:center!important;
  color:rgba(160,222,241,.16)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art-mark svg{
  width:50px!important;
  height:50px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.35!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-chevron{
  position:relative!important;
  z-index:4!important;
  justify-self:end!important;
  color:#fff!important;
  font:300 25px/1 Arial,sans-serif!important;
  text-shadow:0 1px 10px rgba(0,0,0,.5)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--dates_plans .az-explore-hub-card-icon{color:#ff5374!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--things_to_do .az-explore-hub-card-icon{color:#bf78ff!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--recently_viewed .az-explore-hub-card-icon{color:#f4b94b!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--food_dining .az-explore-hub-card-art::before{
  background:radial-gradient(circle at 76% 48%,rgba(243,138,45,.28),transparent 34%),linear-gradient(90deg,rgba(3,28,46,0),rgba(49,29,15,.24) 35%,rgba(18,14,10,.76) 100%)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--dates_plans .az-explore-hub-card-art::before{
  background:radial-gradient(circle at 76% 48%,rgba(219,63,94,.25),transparent 35%),linear-gradient(90deg,rgba(3,28,46,0),rgba(52,20,34,.25) 35%,rgba(23,12,20,.78) 100%)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--wellbeing .az-explore-hub-card-art::before{
  background:radial-gradient(circle at 76% 48%,rgba(48,214,169,.24),transparent 34%),linear-gradient(90deg,rgba(3,28,46,0),rgba(12,48,42,.22) 35%,rgba(7,25,24,.78) 100%)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--things_to_do .az-explore-hub-card-art::before{
  background:radial-gradient(circle at 76% 48%,rgba(147,85,230,.27),transparent 34%),linear-gradient(90deg,rgba(3,28,46,0),rgba(37,22,57,.24) 35%,rgba(17,13,28,.78) 100%)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card--recently_viewed .az-explore-hub-card-art::before{
  background:radial-gradient(circle at 76% 48%,rgba(224,164,62,.22),transparent 34%),linear-gradient(90deg,rgba(3,28,46,0),rgba(48,37,17,.22) 35%,rgba(20,17,10,.78) 100%)!important;
}

/* Subcategory view receives the same hierarchy and spacing as the reference. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-submenu{
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(3,17,29,.985),rgba(2,13,23,.99))!important;
  border:1px solid rgba(84,143,188,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row{
  min-height:66px!important;
  padding:11px 13px!important;
  border-color:rgba(68,126,168,.24)!important;
  background:linear-gradient(180deg,rgba(7,29,47,.94),rgba(5,24,40,.96))!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row:active{transform:scale(.994)!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy strong{font-size:14.5px!important}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy small{font-size:10.8px!important}

@media (max-width:374px){
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
    min-height:64px!important;
    grid-template-columns:38px minmax(0,1fr) 92px 16px!important;
    gap:8px!important;
  }
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art{width:116px!important}
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy strong{font-size:13px!important}
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy small{font-size:9.8px!important}
}
/* =========================================================
   APROXZ MOBILE V12 — SEARCH REFERENCE PIXEL MATCH
   Scope: mobile Search only.
   Architecture:
   - search-orchestrator.js remains the ONE result renderer.
   - search-suggestions.js remains suggestion intelligence.
   - No filter UI, no ratings, no prices, no duplicate Search renderer.
   ========================================================= */

html[data-az-layout="mobile"] #az-search-suggestions-panel{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-has-query="true"] .az-mobile-ui-top{
  background:linear-gradient(180deg,rgba(2,12,22,.998),rgba(2,12,22,.985))!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown{
  position:fixed!important;
  z-index:9400!important;
  top:calc(var(--az-mui-top-h) + 5px)!important;
  left:8px!important;
  right:8px!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom) + 8px)!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(58,126,171,.46)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 50% -14%,rgba(30,118,169,.11),transparent 32%),
    linear-gradient(180deg,rgba(3,20,34,.995),rgba(2,14,25,.998))!important;
  box-shadow:0 24px 64px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(24px) saturate(122%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(122%)!important;
  color:#f8fafc!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown[hidden]{
  display:none!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-reference-shell{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tabs{
  flex:0 0 auto!important;
  margin:10px 10px 0!important;
  padding:3px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr 1fr!important;
  gap:3px!important;
  border:1px solid rgba(62,130,176,.42)!important;
  border-radius:999px!important;
  background:rgba(4,27,45,.94)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tab{
  appearance:none!important;
  -webkit-appearance:none!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(226,232,240,.82)!important;
  font:650 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  white-space:nowrap!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tab.is-active{
  background:linear-gradient(180deg,#dff5ff,#bfe8fb)!important;
  color:#052238!important;
  font-weight:800!important;
  box-shadow:0 4px 14px rgba(81,181,224,.16)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope{
  flex:0 0 auto!important;
  padding:8px 14px 7px!important;
  border-bottom:1px solid rgba(103,155,194,.14)!important;
  color:rgba(148,197,224,.76)!important;
  font:600 9.5px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:.015em!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  padding:0 10px 10px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section::-webkit-scrollbar{
  display:none!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section[hidden]{
  display:none!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-place-list{
  width:100%!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row--mobile-reference{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:72px!important;
  margin:0!important;
  padding:7px 2px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 36px!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  border-bottom:1px solid rgba(104,149,180,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f8fafc!important;
  text-align:left!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-media{
  width:62px!important;
  height:58px!important;
  min-width:62px!important;
  overflow:hidden!important;
  display:block!important;
  border:1px solid rgba(109,155,185,.24)!important;
  border-radius:10px!important;
  background:#071522!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-image,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-fallback{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  object-fit:cover!important;
  border:0!important;
  border-radius:0!important;
  background:#071522!important;
  color:rgba(226,232,240,.74)!important;
  font:800 13px/1 Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-name{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:760 13px/1.08 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-meta{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(203,213,225,.74)!important;
  font:520 10px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status{
  font:720 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status.is-open,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status.is-opening{
  color:#35e6ad!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status.is-closed{
  color:#ff6268!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status.is-closing{
  color:#f3c65a!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-save{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#f8fafc!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-save svg{
  width:20px!important;
  height:20px!important;
  fill:transparent!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-save.is-saved{
  color:#35e6ad!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-save.is-saved svg{
  fill:currentColor!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-stack{
  width:100%!important;
  margin-top:2px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-row,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-category-row{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 3px!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  border-bottom:1px solid rgba(104,149,180,.16)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#f8fafc!important;
  text-align:left!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-category-row{
  grid-template-columns:minmax(0,1fr) 18px!important;
  padding:0 7px!important;
  font:650 12px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-copy{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#f8fafc!important;
  font:550 12px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-icon{
  width:15px!important;
  height:15px!important;
  position:relative!important;
  display:block!important;
  border:1.6px solid rgba(226,232,240,.90)!important;
  border-radius:50%!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-icon::after{
  content:""!important;
  position:absolute!important;
  right:-5px!important;
  bottom:-2px!important;
  width:6px!important;
  height:1.6px!important;
  border-radius:999px!important;
  background:rgba(226,232,240,.90)!important;
  transform:rotate(45deg)!important;
  transform-origin:left center!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-chevron,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-category-row > span:last-child{
  justify-self:end!important;
  color:rgba(203,213,225,.62)!important;
  font:300 21px/1 Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-empty-section,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-results-empty--mobile{
  padding:24px 8px!important;
  color:rgba(203,213,225,.70)!important;
  font:500 12px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  text-align:center!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-results-head,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-results-footer{
  display:none!important;
}

/* Keep the active query prominent like the reference. */
html[data-az-layout="mobile"][data-az-mobile-search-has-query="true"]
#az-mobile-ui-search-host #az-search-input{
  font-weight:560!important;
  color:#fff!important;
}

@media (max-width:374px){
  html[data-az-layout="mobile"] #az-search-results-dropdown{
    left:6px!important;
    right:6px!important;
    border-radius:18px!important;
  }

  html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tabs{
    margin-left:8px!important;
    margin-right:8px!important;
  }

  html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row--mobile-reference{
    grid-template-columns:56px minmax(0,1fr) 32px!important;
    gap:8px!important;
  }

  html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-media{
    width:56px!important;
    min-width:56px!important;
    height:54px!important;
  }
}

/* =========================================================
   APROXZ MOBILE V12 — SEARCH ICON HOME / TOP EXPLORE RAIL
   Approved reference:
   Location + aproxz + Search circle
   Right Now / Social / Dining / Wellbeing top slider
   Full map hero
   One real current-place mini card above existing five-button dock
   ========================================================= */

html[data-az-layout="mobile"]{
  --az-mui-top-pad:8px;
  --az-mui-meta-h:48px;
  --az-mui-search-h:52px;
  --az-mui-top-rail-h:48px;
  --az-mui-top-h:calc(var(--az-mui-safe-top) + var(--az-mui-top-pad) + var(--az-mui-meta-h) + var(--az-mui-top-rail-h) + 8px);
  --az-mui-category-row-h:0px;
  --az-mui-bottom-h:82px;
  --az-mui-current-card-h:76px;
}

/* ---------- HOME TOP NAV ---------- */
html[data-az-layout="mobile"] .az-mobile-ui-top{
  height:var(--az-mui-top-h)!important;
  padding:calc(var(--az-mui-safe-top) + var(--az-mui-top-pad)) 12px 8px!important;
  background:linear-gradient(180deg,rgba(2,13,23,.995),rgba(2,13,23,.965))!important;
  border-bottom:1px solid rgba(83,137,177,.16)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
  pointer-events:auto!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-meta{
  height:var(--az-mui-meta-h)!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:8px!important;
  transform:none!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-top-location{
  min-width:0!important;
  justify-self:start!important;
  height:38px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  border:0!important;
  background:transparent!important;
  color:#f8fafc!important;
  font:700 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-top-location svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:#2f9cff!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-top-location #az-mobile-ui-meta-city{
  min-width:0!important;
  max-width:95px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-top-location-chevron{
  color:rgba(203,213,225,.70)!important;
  font-size:12px!important;
  transform:translateY(-1px)!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-brand{
  min-width:86px!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-logo{
  font-size:19px!important;
  letter-spacing:.045em!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-tagline{
  margin-top:3px!important;
  font-size:5.4px!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-search-trigger{
  justify-self:end!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(72,154,215,.52)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(7,31,52,.98),rgba(5,23,40,.98))!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 20px rgba(0,0,0,.22)!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-search-trigger svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

/* ---------- TOP EXPLORE / MOMENT SLIDER ---------- */
html[data-az-layout="mobile"] .az-mobile-ui-categories{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:var(--az-mui-top-rail-h)!important;
  margin:0!important;
  padding:4px 0 2px!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  z-index:auto!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-categories-inner{
  height:42px!important;
  padding:0!important;
  gap:8px!important;
  align-items:center!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-category{
  height:36px!important;
  min-height:36px!important;
  padding:0 15px!important;
  border:1px solid rgba(87,149,193,.38)!important;
  border-radius:999px!important;
  background:rgba(4,24,41,.88)!important;
  color:rgba(238,246,252,.94)!important;
  font:720 10.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  box-shadow:none!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-category.is-active{
  border-color:rgba(190,231,250,.90)!important;
  background:linear-gradient(180deg,#e7f7ff,#c4eafa)!important;
  color:#052238!important;
  box-shadow:0 5px 18px rgba(72,166,211,.16)!important;
}

/* The shared real search form remains mounted, but Home shows only the Search circle. */
html[data-az-layout="mobile"] .az-mobile-ui-search-row{
  position:fixed!important;
  top:calc(var(--az-mui-safe-top) + 9px)!important;
  left:52px!important;
  right:12px!important;
  z-index:9550!important;
  height:52px!important;
  display:none!important;
  grid-template-columns:minmax(0,1fr)!important;
  pointer-events:auto!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-search-host{
  height:52px!important;
}

/* ---------- FULL SEARCH FOCUS MODE ---------- */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-ui::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:9480!important;
  background:
    radial-gradient(circle at 50% -10%,rgba(28,107,158,.10),transparent 34%),
    linear-gradient(180deg,#031321 0%,#020d17 100%)!important;
  pointer-events:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-top{
  height:72px!important;
  padding:calc(var(--az-mui-safe-top) + 8px) 10px 8px!important;
  background:#031321!important;
  border-bottom:1px solid rgba(78,135,178,.18)!important;
  z-index:9520!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-meta,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-current-card,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-bottom{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-search-row{
  display:grid!important;
  left:10px!important;
  right:10px!important;
  top:calc(var(--az-mui-safe-top) + 9px)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-global-search,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-search,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host form{
  height:52px!important;
  border:1px solid rgba(67,143,196,.58)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(7,39,64,.99),rgba(5,31,52,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.24)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  position:absolute!important;
  right:7px!important;
  top:7px!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  z-index:4!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::before,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::after{
  content:""!important;
  position:absolute!important;
  width:17px!important;
  height:1.6px!important;
  border-radius:999px!important;
  background:#eef6fb!important;
  left:10px!important;
  top:18px!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::before{
  transform:rotate(45deg)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::after{
  transform:rotate(-45deg)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-input{
  padding-right:48px!important;
}

/* Search screen fills the phone because the bottom nav intentionally disappears in focus mode. */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-results-dropdown{
  top:72px!important;
  bottom:8px!important;
  left:8px!important;
  right:8px!important;
  z-index:9540!important;
  border-radius:18px!important;
}

/* ---------- CURRENT PLACE MINI CARD ---------- */
html[data-az-layout="mobile"] .az-mobile-ui-current-card{
  position:fixed!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom) + 10px)!important;
  z-index:9320!important;
  min-height:var(--az-mui-current-card-h)!important;
  padding:8px 10px 8px 8px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(73,143,190,.38)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(4,23,39,.95),rgba(3,18,31,.97))!important;
  color:#f8fafc!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(18px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(118%)!important;
  pointer-events:auto!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-card[hidden]{
  display:none!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-media{
  width:58px!important;
  height:58px!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(120,167,198,.20)!important;
  border-radius:11px!important;
  background:#071522!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-media img,
html[data-az-layout="mobile"] .az-mobile-ui-current-fallback{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  object-fit:cover!important;
  color:rgba(226,232,240,.72)!important;
  font:800 13px/1 Arial,sans-serif!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-copy strong{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:780 14px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-copy small{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(203,213,225,.74)!important;
  font:560 10px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-status{
  font:740 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-status.is-open,
html[data-az-layout="mobile"] .az-mobile-ui-current-status.is-opening{
  color:#35e6ad!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-status.is-closed{
  color:#ff6268!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-status.is-closing{
  color:#f3c65a!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-save{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#f8fafc!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-save svg{
  width:23px!important;
  height:23px!important;
  fill:transparent!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-save.is-saved{
  color:#35e6ad!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-save.is-saved svg{
  fill:currentColor!important;
}

/* Map is once again the visual hero beneath the top rail and behind the mini card. */
html[data-az-layout="mobile"] .az-map-panel{
  top:var(--az-mui-top-h)!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
}

/* Preserve the approved five-button dock. */
html[data-az-layout="mobile"] .az-mobile-ui-bottom{
  height:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
  padding:5px 5px calc(7px + var(--az-mui-safe-bottom))!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-action{
  height:64px!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-action.is-active{
  border-radius:18px!important;
}

/* Feature screens still own the entire phone when intentionally opened. */
html[data-az-layout="mobile"][data-az-mobile-listing-open="true"] .az-mobile-ui-current-card,
html[data-az-layout="mobile"][data-az-explore-results-open="true"] .az-mobile-ui-current-card,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-current-card,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-current-card,
html[data-az-layout="mobile"][data-az-mobile-explore-hub="open"] .az-mobile-ui-current-card{
  display:none!important;
}

@media (max-width:390px){
  html[data-az-layout="mobile"]{
    --az-mui-meta-h:46px;
    --az-mui-top-rail-h:46px;
    --az-mui-current-card-h:72px;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-top{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-top-location{
    font-size:9px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-top-location #az-mobile-ui-meta-city{
    max-width:78px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-category{
    height:34px!important;
    min-height:34px!important;
    padding:0 13px!important;
    font-size:10px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-current-card{
    left:10px!important;
    right:10px!important;
    grid-template-columns:54px minmax(0,1fr) 38px!important;
    gap:8px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-current-media{
    width:54px!important;
    height:54px!important;
  }
}


/* =========================================================
   APROXZ MOBILE V12.1 — LIVE SEARCH TYPEAHEAD REFINEMENT
   - Places + Categories only
   - Suggestions are contextual rows, never a third tab
   - Top five place previews keep suggestions visible while typing
   - Real result count is visible
   ========================================================= */

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tabs{
  grid-template-columns:1fr 1fr!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope > span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope > strong{
  flex:0 0 auto!important;
  color:rgba(221,241,252,.92)!important;
  font-size:9.5px!important;
  font-weight:780!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-live-suggestions{
  width:100%!important;
  margin-top:4px!important;
  border-top:1px solid rgba(104,149,180,.18)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-live-suggestions-heading{
  padding:10px 4px 4px!important;
  color:rgba(154,198,224,.72)!important;
  font:800 9px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-results-pending--mobile{
  padding:13px 6px 8px!important;
  color:rgba(203,213,225,.62)!important;
  font:560 10px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-place-list:empty{
  display:none!important;
}

/* Keep suggestions visibly close to the first listing previews, as in the
   approved reference instead of forcing them below a long result list. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row--mobile-reference{
  min-height:68px!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
}



/* =========================================================
   APROXZ MOBILE V12.2 — SEARCH SHEET PIXEL MATCH
   Reference priority:
   - dedicated full-screen Search sheet
   - drag handle
   - rounded search field
   - Places / Categories only
   - location scope
   - real result previews + inline suggestions
   ========================================================= */

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-top{
  height:92px!important;
  padding:calc(var(--az-mui-safe-top) + 24px) 10px 8px!important;
  border-bottom:0!important;
  background:
    linear-gradient(180deg,rgba(3,19,33,.998),rgba(3,19,33,.992))!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-top::before{
  content:""!important;
  position:absolute!important;
  top:calc(var(--az-mui-safe-top) + 9px)!important;
  left:50%!important;
  width:48px!important;
  height:4px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:rgba(130,194,229,.78)!important;
  box-shadow:0 0 14px rgba(72,166,211,.18)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-search-row{
  top:calc(var(--az-mui-safe-top) + 24px)!important;
  left:10px!important;
  right:10px!important;
  height:54px!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-global-search,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-search,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host form{
  height:54px!important;
  border:1px solid rgba(74,156,216,.62)!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(7,42,69,.995),rgba(5,31,53,.995))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 8px 24px rgba(0,0,0,.22)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-input{
  height:54px!important;
  padding-left:45px!important;
  padding-right:50px!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:560!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-results-dropdown{
  top:92px!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  border:1px solid rgba(58,126,171,.46)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(30,118,169,.10),transparent 30%),
    linear-gradient(180deg,rgba(3,20,34,.997),rgba(2,14,25,.999))!important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.028)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tabs{
  margin:10px 10px 0!important;
  padding:3px!important;
  gap:4px!important;
  border-radius:999px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tab{
  height:38px!important;
  min-height:38px!important;
  font-size:11.5px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope{
  min-height:40px!important;
  padding:8px 14px!important;
  border-bottom:1px solid rgba(103,155,194,.16)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope-location{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope-location svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:#75c8f2!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope-location > span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section{
  padding:0 10px 12px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row--mobile-reference{
  min-height:82px!important;
  padding:7px 2px!important;
  grid-template-columns:68px minmax(0,1fr) 38px!important;
  gap:10px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-media{
  width:68px!important;
  min-width:68px!important;
  height:66px!important;
  border-radius:11px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-name{
  font-size:13.5px!important;
  line-height:1.08!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-meta{
  font-size:10.5px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status{
  font-size:10.5px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-row{
  min-height:52px!important;
  padding-left:4px!important;
  padding-right:4px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-copy{
  font-size:12.5px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle{
  min-height:240px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:26px 28px!important;
  color:#f8fafc!important;
  text-align:center!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-icon{
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  margin-bottom:2px!important;
  border:1px solid rgba(90,160,205,.40)!important;
  border-radius:50%!important;
  background:rgba(7,31,52,.78)!important;
  color:#9edcff!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-icon svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle strong{
  font:780 15px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle small{
  max-width:250px!important;
  color:rgba(203,213,225,.68)!important;
  font:520 11px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

@media (max-width:374px){
  html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-top{
    height:88px!important;
  }

  html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-results-dropdown{
    top:88px!important;
    left:6px!important;
    right:6px!important;
  }

  html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row--mobile-reference{
    grid-template-columns:62px minmax(0,1fr) 34px!important;
  }

  html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-media{
    width:62px!important;
    min-width:62px!important;
    height:61px!important;
  }
}

/* =========================================================
   APROXZ MOBILE V12.4 — HOME PIXEL MATCH / VALID CSS
   Reference:
   - map visible behind the complete top area
   - city pill + centered logo + search circle
   - city pill and search circle same 44px height
   - category RAIL CONTAINER has absolutely NO background
   - only individual category pills paint
   - one current listing card above the dock
   - 4-item dock: Home / Explore / Recent / Saved
   - bottom dock is the only full-width dark chrome slab
   ========================================================= */

html[data-az-layout="mobile"]{
  --az-mui-top-control-h:44px;
  --az-mui-meta-h:54px;
  --az-mui-top-rail-h:46px;
  --az-mui-top-h:calc(var(--az-mui-safe-top) + 8px + var(--az-mui-meta-h) + var(--az-mui-top-rail-h));
  --az-mui-bottom-h:82px;
  --az-mui-current-card-h:86px;
}

/* MAP paints behind the whole Home top zone. */
html[data-az-layout="mobile"] .az-map-panel{
  top:0!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
}

/* The top shell itself is transparent. */
html[data-az-layout="mobile"] .az-mobile-ui-top{
  height:var(--az-mui-top-h)!important;
  padding:calc(var(--az-mui-safe-top) + 8px) 12px 0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}

/* Only the actual controls receive pointer events. */
html[data-az-layout="mobile"] .az-mobile-ui-meta,
html[data-az-layout="mobile"] #az-mobile-ui-categories{
  pointer-events:auto!important;
}

/* Balanced three-column top row. */
html[data-az-layout="mobile"] .az-mobile-ui-meta{
  height:var(--az-mui-meta-h)!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:10px!important;
  transform:none!important;
}

/* LEFT: proper city/state pill. SAME HEIGHT as search circle. */
html[data-az-layout="mobile"] .az-mobile-ui-top-location{
  justify-self:start!important;
  width:auto!important;
  min-width:124px!important;
  max-width:154px!important;
  height:var(--az-mui-top-control-h)!important;
  min-height:var(--az-mui-top-control-h)!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  border:1px solid rgba(47,156,255,.58)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(5,29,49,.94),rgba(3,20,35,.94))!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 20px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
  font-size:10.5px!important;
  font-weight:720!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-top-location #az-mobile-ui-meta-city{
  min-width:0!important;
  max-width:98px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-top-location svg{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
}

/* CENTER: logo remains mathematically centered. */
html[data-az-layout="mobile"] .az-mobile-ui-brand{
  justify-self:center!important;
  align-self:center!important;
  min-width:96px!important;
  padding:5px 10px 4px!important;
  border-radius:14px!important;
  background:rgba(2,13,23,.72)!important;
  box-shadow:0 5px 16px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-logo{
  font-size:21px!important;
  letter-spacing:.045em!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-tagline{
  margin-top:2px!important;
  font-size:5.3px!important;
}

/* RIGHT: search circle, exactly the same HEIGHT as the location pill. */
html[data-az-layout="mobile"] .az-mobile-ui-search-trigger{
  justify-self:end!important;
  width:var(--az-mui-top-control-h)!important;
  height:var(--az-mui-top-control-h)!important;
  min-width:var(--az-mui-top-control-h)!important;
  min-height:var(--az-mui-top-control-h)!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(47,156,255,.64)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(5,29,49,.96),rgba(3,20,35,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 7px 20px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(14px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-search-trigger svg{
  width:21px!important;
  height:21px!important;
}

/* CRITICAL: category rail/container is 100% transparent.
   No background, no gradient, no blur, no border, no shadow. */
html[data-az-layout="mobile"] #az-mobile-ui-categories,
html[data-az-layout="mobile"] .az-mobile-ui-categories,
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-categories{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:var(--az-mui-top-rail-h)!important;
  margin:0!important;
  padding:1px 0 3px!important;
  overflow:hidden!important;
  z-index:auto!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-categories-inner{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner::-webkit-scrollbar{
  display:none!important;
}

/* Only individual category pills paint. */
html[data-az-layout="mobile"] .az-mobile-ui-category{
  flex:0 0 auto!important;
  height:36px!important;
  min-height:36px!important;
  padding:0 15px!important;
  border:1px solid rgba(74,126,168,.50)!important;
  border-radius:999px!important;
  background:rgba(3,19,33,.75)!important;
  color:#f8fafc!important;
  box-shadow:0 5px 14px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:10.5px!important;
  font-weight:680!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-category.is-active{
  color:#07131e!important;
  background:#d9f3ff!important;
  border-color:#d9f3ff!important;
}

/* Home never paints the mounted long search bar. */
html[data-az-layout="mobile"]:not([data-az-mobile-search-focus="true"]) .az-mobile-ui-search-row{
  display:none!important;
}

/* Current listing card matches approved reference proportions. */
html[data-az-layout="mobile"] .az-mobile-ui-current-card{
  left:12px!important;
  right:12px!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom) + 10px)!important;
  height:var(--az-mui-current-card-h)!important;
  min-height:var(--az-mui-current-card-h)!important;
  padding:8px!important;
  grid-template-columns:112px minmax(0,1fr) 42px!important;
  gap:10px!important;
  align-items:center!important;
  border:1px solid rgba(67,145,198,.52)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(3,22,38,.95),rgba(2,17,30,.95))!important;
  box-shadow:0 12px 32px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-media{
  width:112px!important;
  height:68px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background:#071522!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-fallback{
  width:100%!important;
  height:100%!important;
  display:grid!important;
  place-items:center!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-copy strong{
  font-size:15px!important;
  line-height:1.12!important;
  font-weight:780!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-copy small{
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-status{
  margin-top:2px!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  font-weight:740!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-save{
  width:42px!important;
  height:42px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-current-save svg{
  width:25px!important;
  height:25px!important;
}

/* Bottom dock is the only full-width dark slab. */
html[data-az-layout="mobile"] .az-mobile-ui-bottom{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  height:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
  padding:5px 12px calc(7px + var(--az-mui-safe-bottom))!important;
  gap:4px!important;
  background:linear-gradient(180deg,rgba(2,13,23,.97),rgba(2,11,20,.995))!important;
  border-top:1px solid rgba(83,137,177,.18)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-action{
  height:64px!important;
  min-width:0!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-action.is-active{
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(9,64,100,.90),rgba(6,43,72,.90))!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-action-icon svg{
  width:24px!important;
  height:24px!important;
}

@media (max-width:390px){
  html[data-az-layout="mobile"]{
    --az-mui-top-control-h:42px;
    --az-mui-meta-h:52px;
    --az-mui-current-card-h:80px;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-top{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-meta{
    gap:7px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-top-location{
    min-width:112px!important;
    max-width:138px!important;
    padding:0 10px!important;
    font-size:9.5px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-brand{
    min-width:86px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-logo{
    font-size:19px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-current-card{
    grid-template-columns:98px minmax(0,1fr) 38px!important;
  }

  html[data-az-layout="mobile"] .az-mobile-ui-current-media{
    width:98px!important;
    height:62px!important;
  }
}

/* =========================================================
   APROXZ MOBILE V12.5 — SEARCH CARD FINAL PIXEL MATCH
   Reference: centered full-screen dark Search card
   - drag handle
   - rounded Search field with search icon + X
   - Places / Categories tabs ONLY
   - Searching <city> row + live count
   - 3–5 real place previews
   - keyword suggestions automatically below while typing
   ========================================================= */

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-ui{
  background:#02111d!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-ui::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:9480!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(23,111,166,.11),transparent 34%),
    linear-gradient(180deg,#031522 0%,#020d17 100%)!important;
  pointer-events:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-top{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:9520!important;
  height:92px!important;
  padding:calc(var(--az-mui-safe-top) + 24px) 10px 8px!important;
  background:#031522!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-top::before{
  content:""!important;
  position:absolute!important;
  top:calc(var(--az-mui-safe-top) + 8px)!important;
  left:50%!important;
  width:46px!important;
  height:4px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:rgba(118,190,229,.85)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-meta,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-current-card,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-bottom{
  display:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-search-row{
  display:grid!important;
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  height:54px!important;
  margin:0!important;
  z-index:1!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-ui-search-host{
  width:100%!important;
  height:54px!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-global-search,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-search,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host form{
  position:relative!important;
  width:100%!important;
  height:54px!important;
  margin:0!important;
  border:1px solid rgba(75,157,214,.60)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(7,43,70,.99),rgba(5,31,52,.99))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Search glyph on the left, matching the reference. */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host form::before,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-global-search::before,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-search::before{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  width:14px!important;
  height:14px!important;
  transform:translateY(-58%)!important;
  border:1.7px solid rgba(221,241,252,.88)!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:3!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host form::after,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-global-search::after,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"]
#az-mobile-ui-search-host .az-search::after{
  content:""!important;
  position:absolute!important;
  left:29px!important;
  top:31px!important;
  width:7px!important;
  height:1.7px!important;
  transform:rotate(45deg)!important;
  border-radius:999px!important;
  background:rgba(221,241,252,.88)!important;
  pointer-events:none!important;
  z-index:3!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-input{
  width:100%!important;
  height:54px!important;
  padding:0 52px 0 46px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:560!important;
  line-height:54px!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  right:8px!important;
  top:8px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  z-index:5!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::before,
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::after{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:18px!important;
  width:18px!important;
  height:1.7px!important;
  border-radius:999px!important;
  background:#eef7fc!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::before{
  transform:rotate(45deg)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear::after{
  transform:rotate(-45deg)!important;
}

/* Dedicated Search result card begins immediately under input. */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-results-dropdown{
  display:block!important;
  position:fixed!important;
  top:92px!important;
  left:8px!important;
  right:8px!important;
  bottom:8px!important;
  width:auto!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  z-index:9540!important;
  border:1px solid rgba(61,134,181,.48)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 50% -8%,rgba(29,119,171,.09),transparent 30%),
    linear-gradient(180deg,rgba(3,21,35,.997),rgba(2,14,24,.999))!important;
  box-shadow:0 24px 62px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(22px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(120%)!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-results-dropdown[hidden]{
  display:none!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-reference-shell{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}

/* TWO tabs only: Places / Categories */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tabs{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:4px!important;
  margin:10px 10px 0!important;
  padding:3px!important;
  border:1px solid rgba(61,133,180,.50)!important;
  border-radius:999px!important;
  background:rgba(3,24,41,.90)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tab{
  height:38px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(232,241,247,.88)!important;
  font-size:11.5px!important;
  font-weight:680!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-tab.is-active{
  background:#d6f1ff!important;
  color:#071723!important;
  font-weight:800!important;
}

/* Scope + count row. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding:8px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  border-bottom:1px solid rgba(103,155,194,.16)!important;
  color:rgba(163,207,232,.82)!important;
  font-size:10px!important;
  font-weight:620!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope-location{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope-location svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:#6dc9f4!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-scope strong{
  flex:0 0 auto!important;
  color:#e2f2fb!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* Scroll content inside the card. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  padding:0 10px 12px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section::-webkit-scrollbar{
  display:none!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section[hidden]{
  display:none!important;
}

/* Listing result rows mirror the reference proportions. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row--mobile-reference{
  width:100%!important;
  min-height:82px!important;
  margin:0!important;
  padding:7px 2px!important;
  display:grid!important;
  grid-template-columns:68px minmax(0,1fr) 38px!important;
  align-items:center!important;
  gap:10px!important;
  border:0!important;
  border-bottom:1px solid rgba(105,151,182,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-media{
  width:68px!important;
  height:66px!important;
  min-width:68px!important;
  overflow:hidden!important;
  display:block!important;
  border-radius:11px!important;
  background:#071522!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-image{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:4px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-name{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:780!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-meta{
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(203,213,225,.75)!important;
  font-size:10.5px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status{
  font-size:10.5px!important;
  font-weight:760!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status.is-open,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status.is-opening{
  color:#32e7aa!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-status.is-closed{
  color:#ff6168!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-save{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-save svg{
  width:22px!important;
  height:22px!important;
  fill:transparent!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
}

/* Suggestions are NOT a tab. They live under preview listings while typing. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-live-suggestions{
  width:100%!important;
  margin-top:2px!important;
  border-top:1px solid rgba(104,149,180,.18)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-live-suggestions-heading{
  display:none!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-row{
  width:100%!important;
  min-height:52px!important;
  padding:0 4px!important;
  display:grid!important;
  grid-template-columns:27px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  border-bottom:1px solid rgba(104,149,180,.16)!important;
  background:transparent!important;
  color:#f8fafc!important;
  text-align:left!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-suggestion-copy{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12.5px!important;
  font-weight:560!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle{
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:24px!important;
  text-align:center!important;
}

@media (max-width:374px){
  html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] .az-mobile-ui-top{
    height:88px!important;
  }

  html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-results-dropdown{
    top:88px!important;
    left:6px!important;
    right:6px!important;
  }

  html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row--mobile-reference{
    grid-template-columns:62px minmax(0,1fr) 34px!important;
  }

  html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-media{
    width:62px!important;
    min-width:62px!important;
    height:61px!important;
  }
}


/* =========================================================
   APROXZ MOBILE V13 — RECENT / SAVED / RESULT CARD REFINEMENT
   Authority remains mobile-results.js.
   No second renderer, no duplicate event system.
   ========================================================= */

/* Recent + Saved now use the same strong full mobile surface language as Explore. */
html[data-az-layout="mobile"][data-az-recent-results-open="true"] #az-mobile-discovery-results-screen,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] #az-mobile-discovery-results-screen{
  position:fixed!important;
  top:var(--az-mui-top-h)!important;
  left:0!important;
  right:0!important;
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
  width:auto!important;
  height:auto!important;
  padding:12px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(1,8,15,.36)!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-collection-shell{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:14px 12px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid var(--az-surface-edge,rgba(99,151,190,.48))!important;
  border-radius:22px!important;
  background:var(--az-surface-bg,linear-gradient(180deg,rgba(5,25,42,.975),rgba(2,15,27,.985)))!important;
  box-shadow:var(--az-surface-shadow,0 22px 58px rgba(0,0,0,.44)),inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Strong header — visually parallel to Explore. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-collection-shell .az-mfs-head{
  flex:0 0 auto!important;
  min-height:62px!important;
  margin:0!important;
  padding:0 2px 13px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-collection-shell .az-mfs-title-wrap{
  min-width:0!important;
  flex:1 1 auto!important;
  padding-top:1px!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-collection-shell .az-mfs-title{
  margin:0 0 5px!important;
  color:#fff!important;
  font:800 24px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-collection-shell .az-mfs-count{
  color:rgba(203,213,225,.70)!important;
  font:500 12px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-collection-shell .az-mfs-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  flex:0 0 38px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(103,155,194,.55)!important;
  border-radius:50%!important;
  background:rgba(5,26,44,.94)!important;
  color:#f8fafc!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  font:400 25px/1 Arial,sans-serif!important;
}

/* One clean listing-card language for Explore results, Recent and Saved. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0 0 4px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list::-webkit-scrollbar{
  display:none!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card{
  width:100%!important;
  min-height:92px!important;
  margin:0 0 8px!important;
  padding:8px!important;
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid rgba(92,139,174,.30)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(7,35,57,.93),rgba(5,27,46,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:#fff!important;
  text-align:left!important;
  overflow:hidden!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-media{
  width:82px!important;
  height:76px!important;
  min-width:82px!important;
  min-height:76px!important;
  align-self:center!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:13px!important;
  background:#071522!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-media-fallback{
  width:100%!important;
  height:100%!important;
  display:block!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(53,230,173,.08),transparent 46%),
    linear-gradient(145deg,#0d2236,#071520)!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:4px!important;
  padding:0!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-name{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:780 14.5px/1.12 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-category{
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(203,213,225,.70)!important;
  font:540 10.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* Description intentionally removed by renderer for a faster, cleaner scan. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-description{
  display:none!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-foot{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:1px!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-status{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  border:0!important;
  background:transparent!important;
  font:760 10.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-status::before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  border-radius:50%!important;
  background:currentColor!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-status.is-open,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-status.is-soon{
  color:#35e6ad!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-status.is-closed{
  color:#ff5b63!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-distance{
  flex:0 0 auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#35e6ad!important;
  font:800 10.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  white-space:nowrap!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card-chevron{
  align-self:center!important;
  justify-self:end!important;
  display:block!important;
  color:rgba(226,232,240,.68)!important;
  font:300 24px/1 Arial,sans-serif!important;
}

/* Empty states should feel intentional, not like a tiny broken modal. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-empty{
  flex:1 1 auto!important;
  min-height:240px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:28px!important;
  color:#fff!important;
  text-align:center!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-empty strong{
  font:780 15px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-empty small{
  color:rgba(203,213,225,.64)!important;
  font:500 11px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* Recent/Saved are full content surfaces: keep bottom navigation visible and active. */
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-bottom,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-bottom{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Their top category pills are not relevant while viewing the collection. */
html[data-az-layout="mobile"][data-az-recent-results-open="true"] #az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] #az-mobile-ui-categories{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

@media (max-width:374px){
  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card{
    min-height:86px!important;
    grid-template-columns:74px minmax(0,1fr) 18px!important;
    gap:9px!important;
  }

  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-media{
    width:74px!important;
    min-width:74px!important;
    height:70px!important;
    min-height:70px!important;
  }

  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-title{
    font-size:21px!important;
  }
}

/* =========================================================
   APROXZ MOBILE V14 — EXPLORE LIVE THUMBNAILS + PERSISTENT SHELL
   Approved UX:
   - top nav always visible for Explore / Recent / Saved / result cards
   - bottom nav always visible for Explore / Recent / Saved / result cards
   - Home category pill rail hidden while any of those cards/surfaces are open
   - Explore cards use the first truthful matching listing thumbnail on right
   - image blends left into the card, existing left icon/text + arrow preserved
   ========================================================= */

html[data-az-layout="mobile"]{
  --az-mui-persistent-nav-bottom:
    calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom));
  --az-mui-persistent-nav-top:
    calc(var(--az-mui-safe-top) + 8px + var(--az-mui-meta-h));
}

/* ---------------------------------------------------------
   PERSISTENT TOP + BOTTOM NAV FOR CARD/COLLECTION SURFACES
   --------------------------------------------------------- */

html[data-az-layout="mobile"][data-az-mobile-explore-hub="open"] .az-mobile-ui-top,
html[data-az-layout="mobile"][data-az-explore-results-open="true"] .az-mobile-ui-top,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-top,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-top{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-explore-hub="open"] .az-mobile-ui-meta,
html[data-az-layout="mobile"][data-az-explore-results-open="true"] .az-mobile-ui-meta,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-meta,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-meta{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* The Home moment/category rail disappears whenever a content card is open. */
html[data-az-layout="mobile"][data-az-mobile-explore-hub="open"] #az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-explore-results-open="true"] #az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] #az-mobile-ui-categories,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] #az-mobile-ui-categories{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* The persistent four-button dock stays available. */
html[data-az-layout="mobile"][data-az-mobile-explore-hub="open"] .az-mobile-ui-bottom,
html[data-az-layout="mobile"][data-az-explore-results-open="true"] .az-mobile-ui-bottom,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] .az-mobile-ui-bottom,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] .az-mobile-ui-bottom{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Content begins directly below the top nav, not below the hidden Home pill rail. */
html[data-az-layout="mobile"] #az-mobile-explore-hub{
  inset:
    var(--az-mui-persistent-nav-top)
    0
    var(--az-mui-persistent-nav-bottom)
    0!important;
  padding:10px 12px 10px!important;
}

html[data-az-layout="mobile"][data-az-explore-results-open="true"] #az-mobile-discovery-results-screen,
html[data-az-layout="mobile"][data-az-recent-results-open="true"] #az-mobile-discovery-results-screen,
html[data-az-layout="mobile"][data-az-saved-results-open="true"] #az-mobile-discovery-results-screen{
  top:var(--az-mui-persistent-nav-top)!important;
  bottom:var(--az-mui-persistent-nav-bottom)!important;
}

/* ---------------------------------------------------------
   EXPLORE HUB — LIVE LISTING IMAGE ON RIGHT
   --------------------------------------------------------- */

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
  min-height:78px!important;
  grid-template-columns:42px minmax(0,1fr) 126px 18px!important;
  gap:10px!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art{
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:154px!important;
  opacity:1!important;
  background:transparent!important;
}

/* Real listing thumbnail fills the right visual zone. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.98!important;
  filter:saturate(.96) contrast(1.02)!important;
  transform:scale(1.015)!important;
}

/* Left edge of image dissolves naturally into the existing card background. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card.has-live-image .az-explore-hub-card-art::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(
      90deg,
      rgba(4,34,55,.99) 0%,
      rgba(4,34,55,.86) 16%,
      rgba(4,31,51,.46) 38%,
      rgba(3,24,40,.12) 62%,
      rgba(2,15,26,.14) 100%
    )!important;
}

/* Subtle right-side depth only; no decorative curve over the photo. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card.has-live-image .az-explore-hub-card-art::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:auto!important;
  height:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(1,8,14,.04),rgba(1,8,14,.18))!important;
  box-shadow:none!important;
}

/* Decorative glow/icon disappear only when a real truthful image exists. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card.has-live-image .az-explore-hub-card-art-glow,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card.has-live-image .az-explore-hub-card-art-mark{
  display:none!important;
}

/* Arrow remains readable over any thumbnail. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-chevron{
  z-index:5!important;
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  border-radius:50%!important;
  background:rgba(2,14,24,.44)!important;
  color:#fff!important;
  text-shadow:0 1px 10px rgba(0,0,0,.72)!important;
  backdrop-filter:blur(4px)!important;
  -webkit-backdrop-filter:blur(4px)!important;
}

/* Text remains fully legible and visually owns the left side. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy{
  z-index:4!important;
  padding-right:2px!important;
}

@media (max-width:390px){
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
    min-height:74px!important;
    grid-template-columns:38px minmax(0,1fr) 106px 16px!important;
    gap:8px!important;
  }

  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art{
    width:132px!important;
  }
}

/* =========================================================
   APROXZ MOBILE V15 — SEARCH LANDING / CLOSE BUTTON
   Approved UX:
   - dedicated circular Search close control in card header
   - useful idle landing instead of an empty card
   - real current AproxZ listings only
   - supported Search Demand phrases only
   - existing live Places / Categories behavior preserved
   ========================================================= */

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-card-head{
  flex:0 0 auto!important;
  min-height:58px!important;
  padding:11px 12px 8px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid rgba(103,155,194,.12)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-card-head > div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-card-head > div > strong{
  color:#fff!important;
  font:800 20px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:-.02em!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-card-head > div > small{
  color:rgba(203,213,225,.66)!important;
  font:520 10.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-card-close{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  margin:0!important;
  padding:0 0 2px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(93,163,210,.58)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,rgba(8,42,67,.98),rgba(4,27,45,.98))!important;
  color:#f4fbff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 6px 16px rgba(0,0,0,.18)!important;
  font:400 24px/1 Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-card-close:active{
  transform:scale(.96)!important;
}

/* Landing content uses the existing scrollable Places section. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing{
  width:100%!important;
  padding:2px 2px 10px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing-block{
  width:100%!important;
  padding:13px 2px 4px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing-block + .az-mobile-search-landing-block{
  margin-top:7px!important;
  border-top:1px solid rgba(103,155,194,.14)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing-heading{
  margin:0 4px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing-heading strong{
  color:#f8fafc!important;
  font:780 12.5px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing-heading small{
  color:rgba(203,213,225,.58)!important;
  font:500 9.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* Real current AproxZ listings on the idle landing screen. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-list{
  width:100%!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place{
  width:100%!important;
  min-height:70px!important;
  padding:6px 4px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:9px!important;
  border:0!important;
  border-bottom:1px solid rgba(104,149,180,.15)!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-media{
  width:58px!important;
  height:54px!important;
  min-width:58px!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#0c2438,#061521)!important;
  color:rgba(226,232,240,.72)!important;
  font:800 11px/1 sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#fff!important;
  font:760 12px/1.08 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(203,213,225,.68)!important;
  font:520 9.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy em{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  font:760 9.5px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-style:normal!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy em.is-open,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy em.is-opening{
  color:#35e6ad!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy em.is-closed,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-copy em.is-closing{
  color:#ff626a!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle-place-chevron{
  justify-self:end!important;
  color:rgba(226,232,240,.62)!important;
  font:300 21px/1 Arial,sans-serif!important;
}

/* Quick searches use only phrases verified by AZ_SEARCH_DEMAND. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-quick-list{
  width:100%!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-quick-row{
  width:100%!important;
  min-height:46px!important;
  padding:0 4px!important;
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:8px!important;
  border:0!important;
  border-bottom:1px solid rgba(104,149,180,.14)!important;
  background:transparent!important;
  color:#f8fafc!important;
  text-align:left!important;
  font:560 11.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-quick-icon{
  position:relative!important;
  width:16px!important;
  height:16px!important;
  border:1.5px solid rgba(207,229,242,.86)!important;
  border-radius:50%!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-quick-icon::after{
  content:""!important;
  position:absolute!important;
  width:6px!important;
  height:1.5px!important;
  right:-5px!important;
  bottom:-2px!important;
  transform:rotate(45deg)!important;
  border-radius:999px!important;
  background:rgba(207,229,242,.86)!important;
}

html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing-empty{
  min-height:92px!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  color:rgba(203,213,225,.58)!important;
  text-align:center!important;
  font:500 10.5px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* Categories idle state stays intentionally simple. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-idle--categories{
  min-height:190px!important;
}

/* Keep the Search field X for clearing text only.
   Dedicated card X above is now the close action. */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear[hidden]{
  display:none!important;
}

/* =========================================================
   APROXZ MOBILE V16 — EXPLORE TYPOGRAPHY + RIGHT NOW SUBMENU
   Approved changes:
   - remove right-side images from Explore category cards
   - Explore heading uses refined, non-heavy weight
   - Explore card category labels use refined normal/medium weight
   - subcategory labels use same refined weight
   - Right Now opens its own category screen using live Daypart categories
   ========================================================= */

/* Main Explore title: same calmer hierarchy as the City/State card. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-copy h1,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-copy h1{
  font-size:16px!important;
  line-height:1.12!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-copy p,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-copy p{
  margin-top:3px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:400!important;
}

/* Main category labels: no heavy/bold treatment. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy strong{
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:560!important;
  letter-spacing:0!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-copy small{
  margin-top:2px!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:400!important;
}

/* Remove the previously added image/art zone completely. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
  grid-template-columns:42px minmax(0,1fr) 20px!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art-image,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art-glow,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-art-mark{
  display:none!important;
}

/* Keep left icon, but slightly calmer to match the refined type scale. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-icon{
  width:38px!important;
  height:38px!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card-icon svg{
  width:24px!important;
  height:24px!important;
}

/* Subcategory rows use the same clean weight/spacing language. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy strong{
  font-size:11.5px!important;
  line-height:1.15!important;
  font-weight:560!important;
  letter-spacing:0!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy small{
  margin-top:3px!important;
  font-size:9.5px!important;
  line-height:1.25!important;
  font-weight:400!important;
}

/* Slightly tighter but still comfortable rows, matching City/State rhythm. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
  min-height:66px!important;
  padding:9px 11px!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row{
  min-height:64px!important;
  padding:10px 11px!important;
}

/* Arrow remains light and quiet. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-chevron{
  width:auto!important;
  height:auto!important;
  margin-left:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:rgba(226,232,240,.72)!important;
  font-size:20px!important;
  font-weight:300!important;
}

/* Right Now category submenu receives the same exact submenu styling. */
html[data-az-layout="mobile"] #az-mobile-explore-hub [data-az-hub-right-now-category]{
  cursor:pointer!important;
}

@media (max-width:390px){
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-card{
    grid-template-columns:38px minmax(0,1fr) 18px!important;
    min-height:62px!important;
  }
}

/* =========================================================
   APROXZ MOBILE V17 — CONSISTENT SUBCARDS + UNIFIED TINY LISTINGS
   2026-09-09
   Scope:
   - Explore subcategory rows
   - Explore / Recent / Saved / Search tiny listing cards
   - Home current tiny listing card
   - Full feature-surface drag affordance
   ========================================================= */

/* ---------- Explore subcategories: NEVER stretch to fill empty space ---------- */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-list,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-list{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
  gap:7px!important;
  height:auto!important;
  min-height:0!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row{
  flex:0 0 62px!important;
  width:100%!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin:0!important;
  padding:9px 11px!important;
  box-sizing:border-box!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy{
  min-height:0!important;
  justify-content:center!important;
  gap:3px!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy strong{
  font-size:11.5px!important;
  line-height:1.12!important;
  font-weight:560!important;
}

html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row-copy small{
  margin:0!important;
  font-size:9.25px!important;
  line-height:1.2!important;
  font-weight:400!important;
}

/* ---------- One canonical tiny listing card across result collections ---------- */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card{
  width:100%!important;
  height:72px!important;
  min-height:72px!important;
  max-height:72px!important;
  margin:0 0 7px!important;
  padding:6px 8px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) 18px!important;
  gap:9px!important;
  align-items:center!important;
  box-sizing:border-box!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-media{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  border-radius:11px!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-copy{
  min-width:0!important;
  gap:2px!important;
  justify-content:center!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-name{
  font-size:12.5px!important;
  line-height:1.13!important;
  font-weight:620!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-description{
  display:none!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-category{
  margin:0!important;
  font-size:9.25px!important;
  line-height:1.15!important;
  font-weight:400!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-foot{
  min-width:0!important;
  margin-top:2px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-status{
  flex:1 1 auto!important;
  min-width:0!important;
  font-size:9.25px!important;
  line-height:1.1!important;
  font-weight:450!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Distance is intentionally larger and REGULAR weight — not a badge. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-distance{
  flex:0 0 auto!important;
  min-width:0!important;
  height:auto!important;
  margin-left:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#35e6ad!important;
  font-size:12.5px!important;
  line-height:1.1!important;
  font-weight:400!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card-chevron{
  font-size:19px!important;
  line-height:1!important;
  font-weight:300!important;
}

/* Search dropdown listing rows use the same compact proportions. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-search-result-row{
  min-height:72px!important;
  height:72px!important;
  max-height:72px!important;
  padding:6px 8px!important;
  border-radius:14px!important;
}

/* Home tiny current card follows the same hierarchy and keeps the larger distance readable. */
html[data-az-layout="mobile"] .az-mobile-ui-current-card{
  --az-mui-current-card-h:76px!important;
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  padding:6px 8px!important;
  grid-template-columns:82px minmax(0,1fr) 38px!important;
  gap:9px!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-media{
  width:82px!important;
  height:62px!important;
  border-radius:12px!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-copy strong{
  font-size:12.5px!important;
  line-height:1.12!important;
  font-weight:620!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-current-copy small{
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:400!important;
}

/* The whole full-screen results card can now be pulled down from the top of its content. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-shell{
  touch-action:pan-y!important;
  will-change:transform;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-drag-handle{
  display:block!important;
  flex:0 0 14px!important;
  width:100%!important;
  height:14px!important;
  padding:5px 0 3px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-drag-handle span{
  display:block!important;
  width:38px!important;
  height:3px!important;
  margin:0 auto!important;
  border-radius:999px!important;
  background:rgba(174,209,232,.58)!important;
}

/* Keep X visible in every collection shell. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-close{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* Small phones stay identical in card height rather than shrinking/stretching by mode. */
@media (max-width:374px){
  html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-row{
    flex-basis:60px!important;
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
  }

  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    grid-template-columns:54px minmax(0,1fr) 16px!important;
  }

  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-media{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }

  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-name,
  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-distance{
    font-size:12px!important;
  }
}


/* === V12.8 CANONICAL MOBILE TINY LISTING CARD === */
html[data-az-layout="mobile"] .az-mobile-tiny-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:86px!important;height:auto!important;margin:0 0 9px!important;padding:9px 10px!important;display:grid!important;grid-template-columns:66px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;border:1px solid rgba(117,145,170,.28)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(8,25,41,.96),rgba(4,17,29,.96))!important;box-shadow:0 10px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;color:#f8fafc!important;text-align:left!important;overflow:hidden!important;-webkit-tap-highlight-color:transparent!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-card.is-current,html[data-az-layout="mobile"] .az-mobile-tiny-card.is-selected,html[data-az-layout="mobile"] .az-mobile-tiny-card[aria-current="true"]{border-color:#20e6a7!important;background:radial-gradient(circle at 20% 50%,rgba(32,230,167,.11),transparent 42%),linear-gradient(145deg,rgba(7,39,42,.98),rgba(4,24,32,.98))!important;box-shadow:0 0 0 1px rgba(32,230,167,.10),0 0 24px rgba(32,230,167,.14),0 10px 28px rgba(0,0,0,.28)!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-media{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;display:block!important;overflow:hidden!important;border-radius:50%!important;border:1px solid rgba(203,213,225,.26)!important;background:#071522!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-media img,html[data-az-layout="mobile"] .az-mobile-tiny-fallback{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-fallback{display:grid!important;place-items:center!important;color:rgba(226,232,240,.78)!important;font-size:11px!important;font-weight:650!important;background:radial-gradient(circle at 50% 35%,rgba(53,230,173,.09),transparent 44%),#071522!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-copy{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-name{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font:650 13.5px/1.12 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-category{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:rgba(214,225,236,.82)!important;font:450 10px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-address{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:rgba(167,184,201,.72)!important;font:400 9.5px/1.15 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-status{display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:20px!important;margin-top:4px!important;padding:0 8px!important;border:1px solid rgba(111,132,153,.24)!important;border-radius:999px!important;background:rgba(74,94,113,.12)!important;color:rgba(214,225,236,.78)!important;font:500 9.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;white-space:nowrap!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-status i{width:6px!important;height:6px!important;flex:0 0 6px!important;border-radius:50%!important;background:#8fa0b2!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-status.is-open,html[data-az-layout="mobile"] .az-mobile-tiny-status.is-opening{border-color:rgba(32,230,167,.38)!important;background:rgba(21,117,87,.18)!important;color:#53e9b7!important;}html[data-az-layout="mobile"] .az-mobile-tiny-status.is-open i,html[data-az-layout="mobile"] .az-mobile-tiny-status.is-opening i{background:#20e6a7!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-status.is-closed{border-color:rgba(248,113,113,.28)!important;background:rgba(127,29,29,.12)!important;color:#fb7777!important;}html[data-az-layout="mobile"] .az-mobile-tiny-status.is-closed i{background:#fb5f5f!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-status.is-soon,html[data-az-layout="mobile"] .az-mobile-tiny-status.is-closing{border-color:rgba(245,196,91,.30)!important;background:rgba(145,106,39,.16)!important;color:#e9c16f!important;}html[data-az-layout="mobile"] .az-mobile-tiny-status.is-soon i,html[data-az-layout="mobile"] .az-mobile-tiny-status.is-closing i{background:#e9c16f!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-end{align-self:stretch!important;min-width:66px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-distance{min-width:58px!important;min-height:31px!important;padding:0 11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(32,230,167,.48)!important;border-radius:999px!important;background:rgba(16,105,78,.18)!important;color:#35e6ad!important;font:500 13.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;white-space:nowrap!important;}
html[data-az-layout="mobile"] .az-mobile-tiny-chevron{display:inline-grid!important;place-items:center!important;width:14px!important;color:rgba(218,229,239,.86)!important;font:300 25px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;}
html[data-az-layout="mobile"] .az-mobile-result-card.az-mobile-tiny-card,html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-card.az-mobile-tiny-card{grid-template-columns:66px minmax(0,1fr) auto!important;min-height:86px!important;height:auto!important;padding:9px 10px!important;gap:11px!important;border-radius:20px!important;}
html[data-az-layout="mobile"] .az-mobile-ui-current-card.az-mobile-tiny-card{left:12px!important;right:12px!important;bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom) + 10px)!important;width:auto!important;min-height:86px!important;height:auto!important;max-height:none!important;margin:0!important;padding:9px 10px!important;grid-template-columns:66px minmax(0,1fr) auto!important;gap:11px!important;}
html[data-az-layout="mobile"] .az-mobile-ui-current-card.az-mobile-tiny-card .az-mobile-ui-current-media{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;border-radius:50%!important;}
html[data-az-layout="mobile"] .az-mobile-ui-current-card.az-mobile-tiny-card .az-mobile-ui-current-save{display:none!important;}
@media(max-width:374px){html[data-az-layout="mobile"] .az-mobile-tiny-card{grid-template-columns:60px minmax(0,1fr) auto!important;gap:8px!important;padding:8px!important;}html[data-az-layout="mobile"] .az-mobile-tiny-media,html[data-az-layout="mobile"] .az-mobile-ui-current-card.az-mobile-tiny-card .az-mobile-ui-current-media{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;}html[data-az-layout="mobile"] .az-mobile-tiny-distance{min-width:52px!important;min-height:29px!important;padding:0 9px!important;font-size:12.5px!important;}}


/* =========================================================
   APROXZ MOBILE SEARCH SURGICAL FIX — 2026-09-10
   Scope: search-field clear X + persistent bottom nav only.
   No tiny-card, Explore, Recent, Saved, listing-sheet, map, or search-result styling changes.
   ========================================================= */

/* Remove ONLY the X inside the search input.
   The Search card's dedicated top-right close button remains untouched. */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-clear{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Keep the approved bottom navigation completely unchanged while Search is open.
   Earlier search-focus rules hide/collapse this rail; this final scoped override
   restores the exact normal 4-column dock geometry. */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-core-rail.az-mobile-ui-bottom{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  height:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
  padding:5px 12px calc(7px + var(--az-mui-safe-bottom))!important;
  gap:4px!important;
  background:linear-gradient(180deg,rgba(2,13,23,.97),rgba(2,11,20,.995))!important;
  border-top:1px solid rgba(83,137,177,.18)!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  z-index:9800!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-core-rail .az-mobile-ui-action{
  width:auto!important;
  min-width:0!important;
  height:64px!important;
  margin:0!important;
  transform:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-core-rail .az-mobile-ui-action-icon{
  width:auto!important;
  height:auto!important;
  transform:none!important;
}

html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-mobile-core-rail .az-mobile-ui-action-icon svg{
  width:24px!important;
  height:24px!important;
}


/* =========================================================
   APROXZ MOBILE TOP NAV — 2026-09-15 REFERENCE MATCH
   Final mobile authority override. No duplicate renderer.
   Reference: logo left / city + search right / daypart rail.
   ========================================================= */
html[data-az-layout="mobile"]{
  --az-mui-top-control-h:44px;
  --az-mui-meta-h:58px;
  --az-mui-top-rail-h:50px;
  --az-mui-top-h:calc(var(--az-mui-safe-top) + 7px + var(--az-mui-meta-h) + var(--az-mui-top-rail-h));
}

html[data-az-layout="mobile"] .az-mobile-ui-top{
  padding:calc(var(--az-mui-safe-top) + 7px) 10px 0!important;
  background:linear-gradient(180deg,rgba(1,12,21,.98) 0%,rgba(1,12,21,.94) 74%,rgba(1,12,21,.76) 100%)!important;
  border:0!important;
  box-shadow:none!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  height:var(--az-mui-meta-h)!important;
  width:100%!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-brand{
  order:1!important;
  flex:0 0 auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  justify-self:auto!important;
  align-items:flex-start!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-logo{
  font-size:24px!important;
  line-height:.92!important;
  font-weight:850!important;
  letter-spacing:.015em!important;
  color:#f8fafc!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-tagline{
  margin-top:4px!important;
  padding-left:29px!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-transform:lowercase!important;
  color:#ff604d!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-meta-actions{
  order:2!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:0!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-top-location{
  order:1!important;
  justify-self:auto!important;
  min-width:0!important;
  max-width:150px!important;
  height:var(--az-mui-top-control-h)!important;
  min-height:var(--az-mui-top-control-h)!important;
  padding:0 14px!important;
  gap:8px!important;
  border:1px solid rgba(35,142,203,.64)!important;
  border-radius:999px!important;
  background:rgba(2,20,34,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  color:#f8fafc!important;
  font-size:11.5px!important;
  font-weight:720!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-top-location #az-mobile-ui-meta-city{
  max-width:104px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-top-location-chevron{
  font-size:14px!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
  color:#e7f6ff!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-search-trigger{
  order:2!important;
  justify-self:auto!important;
  width:var(--az-mui-top-control-h)!important;
  height:var(--az-mui-top-control-h)!important;
  min-width:var(--az-mui-top-control-h)!important;
  min-height:var(--az-mui-top-control-h)!important;
  border:1px solid rgba(35,142,203,.64)!important;
  background:rgba(2,20,34,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-search-trigger svg{
  width:22px!important;
  height:22px!important;
  stroke:#f8fafc!important;
  stroke-width:1.8!important;
}

html[data-az-layout="mobile"] #az-mobile-ui-categories{
  position:relative!important;
  width:100%!important;
  height:var(--az-mui-top-rail-h)!important;
  margin:0!important;
  padding:3px 43px 5px 0!important;
  overflow:hidden!important;
  background:transparent!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scrollbar-width:none!important;
  touch-action:pan-x!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner::-webkit-scrollbar{display:none!important}

html[data-az-layout="mobile"] .az-mobile-ui-category{
  flex:0 0 auto!important;
  height:36px!important;
  min-height:36px!important;
  min-width:max-content!important;
  padding:0 13px!important;
  gap:7px!important;
  border:1px solid rgba(52,129,177,.48)!important;
  border-radius:999px!important;
  background:rgba(2,18,31,.78)!important;
  color:#f3f8fc!important;
  box-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  font-size:10.5px!important;
  font-weight:700!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-category-icon,
html[data-az-layout="mobile"] .az-mobile-ui-category-icon svg{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  display:block!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-category-icon svg{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-category.is-active,
html[data-az-layout="mobile"] .az-mobile-ui-category-now.is-active{
  color:#fff7ee!important;
  border-color:rgba(255,112,42,.95)!important;
  background:linear-gradient(180deg,rgba(111,39,10,.94),rgba(66,25,10,.94))!important;
  box-shadow:0 0 0 1px rgba(255,100,30,.16),0 0 18px rgba(255,91,22,.38),inset 0 1px 0 rgba(255,202,159,.16)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-category-now.is-active .az-mobile-ui-category-icon{
  color:#ff9b32!important;
  filter:drop-shadow(0 0 5px rgba(255,126,33,.55))!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-categories-next{
  position:absolute!important;
  top:5px!important;
  right:0!important;
  z-index:3!important;
  width:36px!important;
  height:36px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(105,142,168,.30)!important;
  border-radius:50%!important;
  background:rgba(22,38,51,.96)!important;
  color:#f8fafc!important;
  box-shadow:-10px 0 18px rgba(1,12,21,.88),0 5px 14px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-next svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media (max-width:390px){
  html[data-az-layout="mobile"] .az-mobile-ui-logo{font-size:21px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-tagline{padding-left:22px!important;font-size:5.4px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-meta-actions{gap:7px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-top-location{max-width:132px!important;padding:0 11px!important;font-size:10.5px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-top-location #az-mobile-ui-meta-city{max-width:82px!important}
}

/* =========================================================
   APROXZ MOBILE V18 — DAYPART BOOT + DIRECT TOP CATEGORY FLOW
   2026-09-15
   - logo stays text-only; no subtitle under aproxz
   - category rail uses full width and native horizontal swipe
   - no artificial next-arrow control
   - collection/result cards stop above the persistent bottom nav
   ========================================================= */
html[data-az-layout="mobile"] .az-mobile-ui-brand{
  padding:0!important;
  min-width:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-tagline{display:none!important}
html[data-az-layout="mobile"] #az-mobile-ui-categories{
  padding:3px 0 5px 0!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-inner{
  width:100%!important;
  padding-right:12px!important;
  scroll-padding-right:12px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-categories-next{display:none!important}

/* Keep the bottom dock above every Explore/category/results collection. */
html[data-az-layout="mobile"] #az-mobile-core-rail.az-mobile-ui-bottom{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:10050!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen{
  bottom:calc(var(--az-mui-bottom-h) + var(--az-mui-safe-bottom))!important;
  max-height:calc(100dvh - var(--az-mui-persistent-nav-top) - var(--az-mui-bottom-h) - var(--az-mui-safe-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}

/* =========================================================
   APROXZ MOBILE V19 — TWO-ROW CURRENT DAYPART DISCLOSURE
   Scope: TOP NAV ONLY. Persistent bottom rail is untouched.
   ========================================================= */
html[data-az-layout="mobile"]{
  --az-mui-daypart-collapsed-h:72px;
  --az-mui-top-rail-h:var(--az-mui-daypart-collapsed-h);
  --az-mui-top-h:calc(var(--az-mui-safe-top) + 7px + var(--az-mui-meta-h) + var(--az-mui-daypart-collapsed-h));
}

html[data-az-layout="mobile"] #az-mobile-ui-categories.az-mobile-ui-categories{
  height:auto!important;
  min-height:var(--az-mui-daypart-collapsed-h)!important;
  overflow:visible!important;
  padding:4px 0 8px!important;
}

html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger{
  width:100%!important;
  min-height:60px!important;
  display:grid!important;
  grid-template-columns:34px max-content 18px 1fr!important;
  align-items:center!important;
  gap:9px!important;
  padding:10px 14px!important;
  border:1px solid rgba(255,113,32,.88)!important;
  border-radius:18px!important;
  background:linear-gradient(100deg,rgba(92,31,7,.92),rgba(37,19,11,.94) 62%,rgba(28,17,13,.94))!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,112,31,.10),0 0 18px rgba(255,90,18,.20),inset 0 1px 0 rgba(255,214,172,.10)!important;
  text-align:left!important;
  -webkit-tap-highlight-color:transparent!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-icon,
html[data-az-layout="mobile"] .az-mobile-ui-daypart-icon svg{
  width:28px!important;height:28px!important;display:block!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-icon{color:#ff9d27!important;filter:drop-shadow(0 0 6px rgba(255,126,25,.52))!important}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-icon svg{fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-title{font-size:15px!important;font-weight:780!important;white-space:nowrap!important}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-chevron{font-size:17px!important;line-height:1!important;transition:transform .18s ease!important;color:#fff3e8!important}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-copy{
  justify-self:stretch!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  padding-left:13px!important;
  color:rgba(247,241,236,.84)!important;
  font-size:10.5px!important;
  line-height:1.28!important;
  font-weight:520!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-chevron{transform:rotate(180deg)!important}

html[data-az-layout="mobile"] .az-mobile-ui-daypart-panel{
  display:grid!important;
  grid-template-rows:0fr!important;
  opacity:0!important;
  transform:translateY(-4px)!important;
  transition:grid-template-rows .2s ease,opacity .16s ease,transform .2s ease!important;
  pointer-events:none!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel{
  grid-template-rows:1fr!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-panel > .az-mobile-ui-categories-inner{
  overflow:hidden!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel > .az-mobile-ui-categories-inner{
  margin-top:8px!important;
  padding:9px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  height:auto!important;
  overflow:visible!important;
  border:1px solid rgba(70,133,170,.34)!important;
  border-radius:18px!important;
  background:rgba(2,18,30,.94)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category{
  width:100%!important;
  min-width:0!important;
  height:62px!important;
  padding:7px 5px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:16px!important;
  font-size:9.5px!important;
  line-height:1.05!important;
  white-space:normal!important;
  text-align:center!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category-icon,
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category-icon svg{width:20px!important;height:20px!important;flex:0 0 20px!important}

/* Expanded daypart panel floats over the map instead of creating a third permanent row. */
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel{
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:calc(var(--az-mui-safe-top) + 7px + var(--az-mui-meta-h) + 68px)!important;
  z-index:10020!important;
}

@media (max-width:390px){
  html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger{grid-template-columns:30px max-content 16px 1fr!important;padding:9px 11px!important;gap:7px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-daypart-title{font-size:13px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-daypart-copy{font-size:9.5px!important;padding-left:9px!important}
}


/* =========================================================
   APROXZ MOBILE V20 — CLEAN DAYPART DROPDOWN
   Scope: TOP NAV / CURRENT DAYPART ONLY. Bottom dock untouched.
   ========================================================= */
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger{border-radius:17px!important;overflow:hidden!important}

/* Warm real-time dayparts */
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="early_morning"],
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="morning"],
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="lunch"],
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="afternoon"],
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="after_work"]{
  border-color:rgba(255,128,24,.92)!important;
  background:linear-gradient(100deg,rgba(84,31,8,.94),rgba(36,19,12,.96) 62%,rgba(23,16,13,.96))!important;
  box-shadow:0 0 0 1px rgba(255,126,24,.08),0 0 18px rgba(255,91,16,.18),inset 0 1px 0 rgba(255,220,180,.09)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="early_morning"] .az-mobile-ui-daypart-icon,
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="morning"] .az-mobile-ui-daypart-icon,
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="lunch"] .az-mobile-ui-daypart-icon,
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="afternoon"] .az-mobile-ui-daypart-icon,
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="after_work"] .az-mobile-ui-daypart-icon{
  color:#ff9d27!important;filter:drop-shadow(0 0 6px rgba(255,126,25,.52))!important
}

/* Cool real-time dayparts */
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="evening"],
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="late_night"],
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="overnight"]{
  border-color:rgba(25,145,255,.82)!important;
  background:linear-gradient(100deg,rgba(5,43,82,.94),rgba(4,27,50,.96) 62%,rgba(3,20,36,.96))!important;
  box-shadow:0 0 0 1px rgba(35,154,255,.08),0 0 18px rgba(0,116,255,.16),inset 0 1px 0 rgba(185,224,255,.08)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="evening"] .az-mobile-ui-daypart-icon,
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="late_night"] .az-mobile-ui-daypart-icon,
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger[data-az-daypart="overnight"] .az-mobile-ui-daypart-icon{
  color:#73c7ff!important;filter:drop-shadow(0 0 7px rgba(55,167,255,.48))!important
}

/* Clean text-only dropdown */
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel{left:10px!important;right:10px!important}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel > .az-mobile-ui-categories-inner{
  margin-top:0!important;padding:8px 12px!important;display:block!important;height:auto!important;
  max-height:min(56dvh,520px)!important;overflow-x:hidden!important;overflow-y:auto!important;
  border:1px solid rgba(103,153,184,.48)!important;border-radius:17px!important;
  background:linear-gradient(180deg,rgba(5,25,39,.975),rgba(3,20,32,.975))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(20px) saturate(120%)!important;-webkit-backdrop-filter:blur(20px) saturate(120%)!important;
  scrollbar-width:none!important
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel > .az-mobile-ui-categories-inner::-webkit-scrollbar{display:none!important}

html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category{
  width:100%!important;min-width:0!important;height:52px!important;margin:0!important;padding:0 8px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  border:0!important;border-bottom:1px solid rgba(151,184,204,.18)!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:rgba(247,250,252,.96)!important;
  font-size:14px!important;line-height:1!important;font-weight:520!important;text-align:left!important;white-space:nowrap!important
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category:hover,
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category:focus-visible{background:rgba(35,92,127,.14)!important}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active{
  color:#fff!important;background:rgba(38,94,129,.16)!important;box-shadow:none!important
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category-icon{display:none!important}
html[data-az-layout="mobile"] .az-mobile-ui-category-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
html[data-az-layout="mobile"] .az-mobile-ui-category-chevron{
  flex:0 0 auto!important;color:rgba(185,207,221,.72)!important;font-size:24px!important;
  line-height:1!important;font-weight:300!important;transform:translateY(-1px)!important
}

/* Final row opens the existing Explore card. */
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category-more{
  height:54px!important;margin-top:5px!important;padding:0 9px!important;
  border:1px solid rgba(106,157,190,.42)!important;border-radius:13px!important;
  background:rgba(23,54,75,.42)!important;font-weight:580!important
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category-more .az-mobile-ui-category-chevron{color:#fff!important}

@media (max-width:390px){
  html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category{height:48px!important;font-size:13px!important}
}


/* =========================================================
   APROXZ MOBILE V21 — GREETING + MATCHED DAYPART MENU
   UI-only patch. Engine/category/results/bottom dock untouched.
   ========================================================= */

/* The expanded menu inherits the same warm/cool visual family as the
   real-time daypart trigger. The daypart key remains engine-owned. */
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="early_morning"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="morning"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="lunch"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="afternoon"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="after_work"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner{
  border-color:rgba(255,128,24,.72)!important;
  background:
    radial-gradient(120% 80% at 0% 0%,rgba(112,44,8,.34),transparent 52%),
    linear-gradient(180deg,rgba(38,22,13,.985),rgba(15,20,25,.985))!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.40),
    0 0 20px rgba(255,105,18,.10),
    inset 0 1px 0 rgba(255,214,170,.06)!important;
}

html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="evening"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="late_night"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="overnight"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-categories-inner{
  border-color:rgba(25,145,255,.64)!important;
  background:
    radial-gradient(120% 80% at 0% 0%,rgba(7,75,132,.34),transparent 52%),
    linear-gradient(180deg,rgba(4,31,55,.985),rgba(3,18,31,.985))!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.40),
    0 0 20px rgba(0,119,255,.10),
    inset 0 1px 0 rgba(180,222,255,.06)!important;
}

/* Preserve the clean text-only menu. Selected rows receive only a restrained
   tint; category selection continues into the existing nearby-results card. */
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="early_morning"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="morning"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="lunch"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="afternoon"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="after_work"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active{
  background:rgba(255,119,22,.10)!important;
}

html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="evening"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="late_night"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active,
html[data-az-layout="mobile"]:has(.az-mobile-ui-daypart-trigger[data-az-daypart="overnight"]) #az-mobile-ui-categories.is-expanded .az-mobile-ui-category.is-active{
  background:rgba(24,135,235,.12)!important;
}


/* =========================================================
   APROXZ MOBILE V22 — NATURAL GREETING + TIGHT DROPDOWN
   Scope: top daypart UI only. Bottom dock/results/map untouched.
   ========================================================= */

/* Place the expanded menu directly beneath the current-daypart card. */
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel{
  top:calc(100% + 6px)!important;
  margin-top:0!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel > .az-mobile-ui-categories-inner{
  margin-top:0!important;
}


/* =========================================================
   APROXZ MOBILE V23 — APPROVED TOP NAV + DAYPART + EXPLORE SLIDER
   2026-09-15
   Surgical authority override: mobile header only.
   ========================================================= */
html[data-az-layout="mobile"]{
  --az-mui-meta-h:54px;
  --az-mui-daypart-card-h:60px;
  --az-mui-explore-slider-h:42px;
  --az-mui-daypart-collapsed-h:calc(var(--az-mui-daypart-card-h) + var(--az-mui-explore-slider-h) + 14px);
  --az-mui-top-rail-h:var(--az-mui-daypart-collapsed-h);
  --az-mui-top-h:calc(var(--az-mui-safe-top) + 7px + var(--az-mui-meta-h) + var(--az-mui-daypart-collapsed-h));
}

/* First row: exact AproxZ mark left; city + search right. */
html[data-az-layout="mobile"] .az-mobile-ui-meta{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;height:var(--az-mui-meta-h)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-brand{
  order:1!important;flex:0 0 auto!important;width:58px!important;height:44px!important;min-width:58px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-logo,
html[data-az-layout="mobile"] .az-mobile-ui-tagline{display:none!important}
html[data-az-layout="mobile"] .az-mobile-ui-brand-mark{
  width:58px!important;height:44px!important;display:block!important;position:relative!important;overflow:visible!important;color:#f6fbff!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-logo-mark{
  position:relative!important;width:58px!important;height:44px!important;display:block!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-logo-mark-svg{
  width:58px!important;height:42px!important;display:block!important;overflow:visible!important;
  color:rgba(246,251,255,.97)!important;filter:drop-shadow(0 0 8px rgba(230,247,255,.22))!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-logo-signal{
  position:absolute!important;left:34.3%!important;top:40%!important;width:7.2%!important;aspect-ratio:1!important;
  border-radius:999px!important;background:#fff!important;color:#fff!important;transform:translate(-50%,-50%)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.65),0 0 8px rgba(255,255,255,.78)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-meta-actions{
  order:2!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:9px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-top-location{
  max-width:150px!important;height:42px!important;min-height:42px!important;padding:0 13px!important;
  border:1px solid rgba(35,142,203,.58)!important;background:rgba(2,20,34,.84)!important;font-weight:560!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-search-trigger{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  border-color:rgba(35,142,203,.58)!important;background:rgba(2,20,34,.84)!important;
}

/* Daypart card remains the real-time primary disclosure. */
html[data-az-layout="mobile"] #az-mobile-ui-categories.az-mobile-ui-categories{
  min-height:var(--az-mui-daypart-collapsed-h)!important;padding:3px 0 7px!important;overflow:visible!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-trigger{
  min-height:var(--az-mui-daypart-card-h)!important;height:var(--az-mui-daypart-card-h)!important;
  grid-template-columns:30px max-content 16px 1fr!important;gap:8px!important;padding:9px 12px!important;border-radius:17px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-title{font-size:14px!important;font-weight:400!important}
html[data-az-layout="mobile"] .az-mobile-ui-daypart-copy{font-size:10px!important;font-weight:400!important;line-height:1.25!important}

/* New high-level Explore selector. This replaces the retired always-visible category-pill rail. */
html[data-az-layout="mobile"] .az-mobile-ui-explore-slider{
  position:relative!important;width:100%!important;height:var(--az-mui-explore-slider-h)!important;margin-top:6px!important;
  padding-right:34px!important;overflow:hidden!important;pointer-events:auto!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-explore-slider-inner{
  width:100%!important;height:100%!important;display:flex!important;align-items:center!important;gap:7px!important;
  overflow-x:auto!important;overflow-y:hidden!important;padding:0 2px!important;scroll-behavior:smooth!important;
  scroll-padding:0 16px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-explore-slider-inner::-webkit-scrollbar{display:none!important}
html[data-az-layout="mobile"] .az-mobile-ui-explore-tab{
  flex:0 0 auto!important;height:32px!important;min-width:max-content!important;padding:0 12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(69,127,164,.34)!important;
  border-radius:999px!important;background:rgba(3,20,33,.70)!important;color:rgba(224,235,242,.80)!important;
  box-shadow:none!important;font:400 10.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  white-space:nowrap!important;-webkit-tap-highlight-color:transparent!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-explore-tab.is-active{
  color:#fff!important;border-color:rgba(255,121,35,.72)!important;background:rgba(88,34,11,.72)!important;
  box-shadow:0 0 12px rgba(255,99,20,.14)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-explore-slider-next{
  position:absolute!important;right:0!important;top:5px!important;width:30px!important;height:30px!important;padding:0!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(84,139,173,.34)!important;border-radius:50%!important;
  background:rgba(8,27,41,.96)!important;color:#f8fafc!important;box-shadow:-10px 0 16px rgba(1,12,21,.92)!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-explore-slider-next svg{
  width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}

/* Context menu: same width language as the daypart card, normal-weight text. */
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel{
  left:0!important;right:0!important;top:calc(100% + 5px)!important;margin:0!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-daypart-panel > .az-mobile-ui-categories-inner{
  padding:7px 11px!important;border-radius:17px!important;max-height:min(52dvh,480px)!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category{
  height:49px!important;padding:0 8px!important;font-size:13.5px!important;font-weight:400!important;
}
html[data-az-layout="mobile"] #az-mobile-ui-categories.is-expanded .az-mobile-ui-category-more{font-weight:400!important}

@media (max-width:390px){
  html[data-az-layout="mobile"] .az-mobile-ui-brand{width:52px!important;min-width:52px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-brand-mark,
  html[data-az-layout="mobile"] .az-mobile-ui-logo-mark{width:52px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-logo-mark-svg{width:52px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-top-location{max-width:130px!important;padding:0 10px!important;font-size:10.5px!important}
  html[data-az-layout="mobile"] .az-mobile-ui-explore-tab{padding:0 10px!important;font-size:10px!important}
}

/* =========================================================
   APROXZ MOBILE V25 — DAYPART CONTEXT LIVES INSIDE EXPLORE
   2026-09-16
   - Home top nav only: City / Logo Engine mark / Search
   - no Home daypart card
   - no duplicate Home Explore slider or dropdown
   - current real-time daypart is display-only inside Explore
   - existing Explore groups/subcategories/results remain authoritative
   ========================================================= */
html[data-az-layout="mobile"]{
  --az-mui-top-rail-h:0px!important;
  --az-mui-category-row-h:0px!important;
  --az-mui-category-h:0px!important;
  --az-mui-category-gap:0px!important;
  --az-mui-top-h:calc(var(--az-mui-safe-top) + 7px + var(--az-mui-meta-h))!important;
}

/* One clean persistent top row: city LEFT, canonical AproxZ mark CENTER, search RIGHT. */
html[data-az-layout="mobile"] .az-mobile-ui-top{
  height:var(--az-mui-persistent-nav-top)!important;
  min-height:var(--az-mui-persistent-nav-top)!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(1,12,21,.99),rgba(1,12,21,.96))!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-meta{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:10px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-meta-actions{display:contents!important}
html[data-az-layout="mobile"] .az-mobile-ui-top-location{
  grid-column:1!important;grid-row:1!important;justify-self:start!important;margin:0!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-brand{
  grid-column:2!important;grid-row:1!important;justify-self:center!important;
  width:58px!important;min-width:58px!important;display:flex!important;visibility:visible!important;opacity:1!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-brand-mark{
  display:block!important;visibility:visible!important;opacity:1!important;width:58px!important;height:44px!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-search-trigger{
  grid-column:3!important;grid-row:1!important;justify-self:end!important;margin:0!important;
}

/* Explore owns the discovery hierarchy. Daypart is context only, never a control. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status{
  width:100%!important;
  min-height:68px!important;
  margin:8px 0 10px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid rgba(72,120,151,.25)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(13,31,43,.96),rgba(6,20,31,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.18)!important;
  pointer-events:none!important;
  user-select:none!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="early_morning"],
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="morning"],
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="lunch"],
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="afternoon"],
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="after_work"]{
  border-color:rgba(255,122,38,.42)!important;
  background:linear-gradient(135deg,rgba(74,31,13,.88),rgba(21,22,25,.96))!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="evening"],
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="late_night"],
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status[data-az-daypart="overnight"]{
  border-color:rgba(58,139,205,.34)!important;
  background:linear-gradient(135deg,rgba(9,35,58,.94),rgba(7,20,34,.98))!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status-icon{
  width:34px!important;height:34px!important;display:grid!important;place-items:center!important;color:#ff9a32!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status-icon svg{
  width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status-copy{
  min-width:0!important;display:flex!important;flex-direction:column!important;gap:4px!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status-copy strong{
  margin:0!important;color:#f7fbff!important;font-size:14px!important;font-weight:400!important;line-height:1.1!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status-copy small{
  margin:0!important;color:rgba(204,219,230,.68)!important;font-size:9.5px!important;font-weight:400!important;line-height:1.25!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-daypart-status-time{
  color:rgba(232,240,246,.82)!important;font-size:10.5px!important;font-weight:400!important;white-space:nowrap!important;
}

/* The daypart status remains visible in both Explore main and every group/subcategory view. */
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-main,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-submenu{
  display:flex!important;flex-direction:column!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-list,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-list{
  min-height:0!important;
}

/* Persistent bottom dock remains above Explore and results. */
html[data-az-layout="mobile"] #az-mobile-core-rail.az-mobile-ui-bottom{
  display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;z-index:10050!important;
}

/* =========================================================
   APROXZ MOBILE V26 — SCROLL + SEARCH SURFACE HARDENING
   2026-09-16
   Scope only:
   - keep City / AproxZ / Search top-nav geometry
   - make Search card a viewport-height scroll shell
   - keep live suggestions directly below the Search header/input content
   - make Explore / Recent / Saved listing collections vertically scrollable
   - make Explore hub/subcategory collections vertically scrollable
   - bottom dock untouched
   ========================================================= */

/* City LEFT / canonical AproxZ mark CENTER / Search RIGHT. */
html[data-az-layout="mobile"] .az-mobile-ui-meta{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  min-width:0!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-top-location{
  grid-column:1!important;
  justify-self:start!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-brand{
  grid-column:2!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
}
html[data-az-layout="mobile"] .az-mobile-ui-search-trigger{
  grid-column:3!important;
  justify-self:end!important;
}

/* Search is a fixed card; the card stays put and its content receives pan-y. */
html[data-az-layout="mobile"][data-az-mobile-search-focus="true"] #az-search-results-dropdown{
  top:var(--az-mui-persistent-nav-top,92px)!important;
  bottom:calc(var(--az-mui-safe-bottom,0px) + 8px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-reference-shell{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  scrollbar-width:none!important;
}
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-section::-webkit-scrollbar,
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-landing::-webkit-scrollbar{
  display:none!important;
}

/* Live keyword suggestions belong in the same Search scroll flow, immediately
   after the Search header/scope area rather than escaping below the viewport. */
html[data-az-layout="mobile"] #az-search-results-dropdown .az-mobile-search-live-suggestions{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-height:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  order:-1!important;
  touch-action:pan-y!important;
}

/* Explore / Recent / Saved: fixed shell, vertically scrolling listing list. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen{
  min-height:0!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-shell{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list{
  flex:1 1 0%!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  scrollbar-width:none!important;
  padding-bottom:calc(var(--az-mui-bottom-h,88px) + var(--az-mui-safe-bottom,0px) + 22px)!important;
}
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-list::-webkit-scrollbar{
  display:none!important;
}

/* Explore hub and every subcategory view can consume the full available height
   and scroll independently above the persistent dock. */
html[data-az-layout="mobile"] #az-mobile-explore-hub{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  scrollbar-width:none!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub::-webkit-scrollbar{
  display:none!important;
}
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-main,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-submenu,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-hub-reference-list,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-reference-list,
html[data-az-layout="mobile"] #az-mobile-explore-hub .az-explore-sub-list{
  min-height:0!important;
}

/* Preserve the intentional horizontal result shelf only on phone landscape. */
html[data-az-layout="mobile"][data-az-device-class="phone"][data-az-orientation="landscape"]
#az-mobile-discovery-results-screen .az-mfs-list{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  touch-action:pan-x!important;
}

/* =========================================================
   APROXZ MOBILE V26 — RESULT CATEGORY PILLS = AProxZ GLASS RAIL
   2026-09-16
   Scope ONLY:
   - category pill rail inside mobile Explore listing results
   - transparent rail/container so it inherits the listing-card surface
   - compact glass pills matching the AproxZ bottom category-rail language
   - preserves existing data-az-mobile-pill-category click behavior
   ========================================================= */

/* The results renderer already owns these buttons. Keep that authority and
   only expose/style its existing chip row. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips{
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  height:auto!important;
  margin:0 0 8px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
}

html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips::-webkit-scrollbar{
  display:none!important;
}

/* Existing renderer buttons: All / Food / Coffee / Medical / Gas & Convenience. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips [data-az-mobile-pill-category]{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  width:auto!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(78,126,159,.42)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(7,29,47,.56),rgba(3,19,32,.46))!important;
  color:rgba(231,239,245,.88)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 4px 14px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(12px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(118%)!important;
  font:500 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  -webkit-tap-highlight-color:transparent!important;
  touch-action:manipulation!important;
}

/* Selected category remains restrained — glass first, not a solid foreign block. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips [data-az-mobile-pill-category].is-active,
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips [data-az-mobile-pill-category][aria-pressed="true"],
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips [data-az-mobile-pill-category][aria-selected="true"]{
  border-color:rgba(103,157,193,.64)!important;
  background:linear-gradient(180deg,rgba(13,43,64,.70),rgba(5,27,43,.64))!important;
  color:#f8fbfd!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 5px 16px rgba(0,0,0,.12)!important;
}

/* Keep the chip rail visually attached to the listing collection itself. */
html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-head{
  margin-bottom:0!important;
}

@media (max-width:390px){
  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips{
    gap:6px!important;
    margin-bottom:7px!important;
  }

  html[data-az-layout="mobile"] #az-mobile-discovery-results-screen .az-mfs-chips [data-az-mobile-pill-category]{
    height:31px!important;
    min-height:31px!important;
    padding:0 11px!important;
    font-size:9.75px!important;
  }
}