@media(max-width:768px){
.active-mobile-map-header{position:fixed;z-index:205000;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;height:58px;display:grid;grid-template-columns:46px minmax(0,1fr) 40px;align-items:center;gap:7px;padding:6px 7px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:0 8px 28px rgba(29,59,85,.16);backdrop-filter:blur(20px) saturate(160%);box-sizing:border-box}
.ammh-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px}.ammh-logo img{width:38px;height:38px;object-fit:contain}.ammh-search-slot{min-width:0;height:44px}.ammh-search-slot #mobile-search-target{display:flex!important;width:100%!important;height:44px!important;min-width:0!important}.ammh-search-slot #search-box-wrapper{height:44px!important;min-height:44px!important}.ammh-search-slot #search-box-wrapper>div:first-child{height:44px!important;background:#f3f6f8!important;border:1px solid #e8eef2!important;border-radius:15px!important;overflow:hidden!important}.ammh-search-slot #search-input{height:44px!important;border:0!important;border-radius:15px!important;background:transparent!important;padding:0 78px 0 37px!important;font-size:12px!important;color:#334a5f!important;box-shadow:none!important}.ammh-search-slot .search-icon{left:12px!important;width:17px!important;height:17px!important;color:#647b8f!important}.ammh-search-slot #search-box-wrapper>div:first-child>div:last-child{right:4px!important;gap:2px!important;height:34px!important}.ammh-search-slot #btn-near-me,.ammh-search-slot #btn-toggle-filters{width:32px!important;min-width:32px!important;height:32px!important;border-radius:11px!important;background:#fff!important;color:#078fc9!important;border:1px solid #e3ebf0!important;box-shadow:0 2px 7px rgba(30,66,91,.07)!important}.ammh-search-slot .btn-label-desktop{display:none!important}.ammh-more{width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:13px;background:#f3f6f8;color:#536b80}.ammh-more .material-symbols-rounded{font-size:23px}.ammh-menu{position:absolute;display:none;top:65px;right:0;width:188px;padding:7px;background:rgba(255,255,255,.97);border:1px solid #e4ebf0;border-radius:17px;box-shadow:0 16px 38px rgba(28,52,73,.2);backdrop-filter:blur(20px)}.ammh-menu.open{display:flex;flex-direction:column;animation:ammhIn .16s ease}.ammh-menu button{height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;border:0;border-radius:11px;background:transparent;color:#263d52;font-family:var(--font-firago);font-size:12px;text-align:left}.ammh-menu button:active{background:#eef5f8}.ammh-menu .material-symbols-rounded{font-size:19px;color:#60788d}@keyframes ammhIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.apple-desktop-rail .apple-rail-top{display:none!important}.desktop-left-column{padding-top:76px!important}#drawer-main-header{display:none!important}.map-floating-filter-bar{top:78px!important}
body.dark-theme .active-mobile-map-header{background:rgba(28,34,41,.95);border-color:rgba(255,255,255,.1)}body.dark-theme .ammh-search-slot #search-box-wrapper>div:first-child,body.dark-theme .ammh-more{background:#2a323a!important;border-color:#37424d!important}body.dark-theme .ammh-search-slot #search-input{color:#f1f5f9!important}body.dark-theme .ammh-search-slot #btn-near-me,body.dark-theme .ammh-search-slot #btn-toggle-filters{background:#343d46!important;border-color:#414c57!important;color:#4fc3f2!important}body.dark-theme .ammh-menu{background:rgba(28,34,41,.98);border-color:#3a4651}body.dark-theme .ammh-menu button{color:#eef3f6}}
@media(min-width:769px){.active-mobile-map-header{display:none!important}}
@media(max-width:768px){
.mobile-quick-controls{position:fixed;z-index:204900;top:76px;left:10px;right:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start}
.mobile-quick-controls .apple-rail-volunteer-box,.mobile-quick-controls #site-description-accordion{display:block!important;width:100%!important;margin:0!important;min-width:0!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:17px!important;box-shadow:0 7px 22px rgba(29,59,85,.13)!important;backdrop-filter:blur(18px)!important;overflow:visible!important}
.mobile-quick-controls .apple-rail-vol-toggle-card{height:48px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 18px!important;align-items:center!important;gap:7px!important;padding:5px 9px!important;margin:0!important;border:0!important;border-radius:17px!important;background:transparent!important;box-sizing:border-box!important;cursor:pointer!important}
.mobile-quick-controls .mqc-vol-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#18b66d;color:#fff;font-size:21px;box-shadow:0 4px 11px rgba(14,150,86,.22)}
.mobile-quick-controls .apple-rail-vol-toggle-left{display:block!important;min-width:0!important}.mobile-quick-controls .apple-rail-vol-indicator{display:none!important}.mobile-quick-controls .apple-rail-vol-label{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#263c51!important;font-size:10px!important;font-weight:700!important}
.mobile-quick-controls .apple-rail-switch{position:absolute!important;opacity:0!important;pointer-events:none!important}.mobile-quick-controls .mqc-arrow{font-size:18px;color:#637a8e}
.mobile-quick-controls #site-description-accordion>button{height:48px!important;padding:5px 12px!important;border-radius:17px!important;background:transparent!important;color:#263c51!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important}.mobile-quick-controls #site-description-accordion>button:before{content:'menu_book';font-family:'Material Symbols Rounded';width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:#e6f5fc;color:#078fc9;font-size:20px;font-weight:400}.mobile-quick-controls #txt-accordion-title{overflow:hidden;text-overflow:ellipsis}.mobile-quick-controls #accordion-arrow{margin-left:auto!important}
.mobile-quick-controls #site-description-content{position:absolute!important;top:56px!important;left:0!important;right:0!important;width:100%!important;background:rgba(255,255,255,.98)!important;border-radius:17px!important;box-shadow:0 12px 30px rgba(28,53,75,.18)!important}
.map-floating-filter-bar{top:134px!important}.desktop-left-column{padding-top:132px!important}
body.dark-theme .mobile-quick-controls .apple-rail-volunteer-box,body.dark-theme .mobile-quick-controls #site-description-accordion,body.dark-theme .mobile-quick-controls #site-description-content{background:rgba(28,34,41,.96)!important;border-color:#3a4651!important}body.dark-theme .mobile-quick-controls .apple-rail-vol-label,body.dark-theme .mobile-quick-controls #site-description-accordion>button{color:#eef3f6!important}
}
@media(max-width:768px){
.mobile-quick-controls{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;gap:7px!important}
.mobile-quick-controls .apple-rail-volunteer-box,.mobile-quick-controls #site-description-accordion{min-width:0!important;overflow:visible!important}
.mobile-quick-controls .apple-rail-vol-toggle-card{position:relative!important;border:1px solid transparent!important}
.mobile-quick-controls .apple-rail-vol-toggle-card.is-active,.mobile-quick-controls .apple-rail-vol-toggle-card:has(#rail-vol-toggle-checkbox:checked){background:#e7f8ef!important;border-color:#8cddb5!important;box-shadow:inset 0 0 0 1px rgba(21,174,102,.06)!important}
.mobile-quick-controls .apple-rail-vol-toggle-card.is-active .apple-rail-vol-label,.mobile-quick-controls .apple-rail-vol-toggle-card:has(#rail-vol-toggle-checkbox:checked) .apple-rail-vol-label{color:#087c49!important}
.mobile-quick-controls .apple-rail-vol-toggle-card.is-active .mqc-arrow,.mobile-quick-controls .apple-rail-vol-toggle-card:has(#rail-vol-toggle-checkbox:checked) .mqc-arrow{color:#0a9156!important}
.mobile-quick-controls #site-description-accordion{overflow:hidden!important}
.mobile-quick-controls #site-description-accordion>button{display:grid!important;grid-template-columns:30px minmax(0,1fr) 14px!important;gap:6px!important;padding:5px 8px!important;text-align:left!important;min-width:0!important}
.mobile-quick-controls #site-description-accordion>button:before{content:'i'!important;font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;flex:none!important;border-radius:50%!important;background:#e6f5fc!important;color:#078fc9!important}
.mobile-quick-controls #txt-accordion-title{display:block!important;min-width:0!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9px!important;line-height:1.2!important}
.mobile-quick-controls #accordion-arrow{display:block!important;width:14px!important;margin:0!important;font-size:9px!important;text-align:center!important}
body.dark-theme .mobile-quick-controls .apple-rail-vol-toggle-card.is-active,body.dark-theme .mobile-quick-controls .apple-rail-vol-toggle-card:has(#rail-vol-toggle-checkbox:checked){background:rgba(20,164,96,.2)!important;border-color:rgba(67,210,139,.5)!important}
}
@media(max-width:768px){
.apple-map-mode-pill{display:none!important}
.mobile-quick-controls .apple-rail-vol-toggle-card{grid-template-columns:34px minmax(0,1fr) 38px!important}
.mobile-quick-controls .mqc-arrow{display:none!important}
.mobile-quick-controls .apple-rail-switch{position:relative!important;display:block!important;width:38px!important;height:22px!important;opacity:1!important;pointer-events:auto!important;right:auto!important;top:auto!important}
.mobile-quick-controls .apple-rail-switch input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
.mobile-quick-controls .apple-rail-switch-slider{position:absolute!important;inset:0!important;border-radius:999px!important;background:#cbd5df!important;box-shadow:inset 0 1px 3px rgba(25,48,67,.15)!important;transition:.22s ease!important}
.mobile-quick-controls .apple-rail-switch-slider:before{content:''!important;position:absolute!important;width:18px!important;height:18px!important;left:2px!important;top:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 6px rgba(20,45,64,.24)!important;transition:transform .22s ease!important}
.mobile-quick-controls .apple-rail-switch input:checked+.apple-rail-switch-slider{background:#18b66d!important}
.mobile-quick-controls .apple-rail-switch input:checked+.apple-rail-switch-slider:before{transform:translateX(16px)!important}
.mobile-quick-controls .mqc-vol-icon{background:#f04f5b!important;box-shadow:0 4px 11px rgba(218,54,69,.22)!important}
body.dark-theme .mobile-quick-controls .apple-rail-switch-slider{background:#536270!important}
}
@media(max-width:768px){
.mobile-quick-controls,.apple-map-mode-pill,.map-floating-filter-bar,.apple-rail-volunteer-box,#site-description-accordion{display:none!important}
.mobile-quick-controls-v2{position:fixed;z-index:204900;top:76px;left:10px;right:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mobile-quick-controls-v2>button{height:48px;min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 9px;border:1px solid rgba(255,255,255,.92);border-radius:17px;background:rgba(255,255,255,.95);box-shadow:0 7px 22px rgba(29,59,85,.13);backdrop-filter:blur(18px);color:#263c51;font-family:var(--font-firago)}
.mqc2-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:18px}.mqc2-icon.heart{background:#fff0f1;color:#ed4858}.mqc2-icon.info{background:#e7f5fb;color:#078fc9;font:bold 16px Arial}
.mqc2-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:9px;font-weight:700}.mqc2-switch{position:relative;width:36px;height:21px;border-radius:999px;background:#cbd5df;box-shadow:inset 0 1px 3px rgba(25,48,67,.15);transition:.22s}.mqc2-switch i{position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(20,45,64,.24);transition:.22s}.mqc2-vol.active{background:#e8f8ef;border-color:#8cddb5}.mqc2-vol.active .mqc2-label{color:#087c49}.mqc2-vol.active .mqc2-switch{background:#18b66d}.mqc2-vol.active .mqc2-switch i{transform:translateX(15px)}.mqc2-chevron{font-size:17px;color:#637a8e}.mqc2-guide.active{border-color:#9fd7ef;background:#eef9fd}
.mqc2-guide-panel{display:none;position:absolute;top:56px;left:0;right:0;padding:16px 42px 15px 15px;border:1px solid #e1ebf0;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 14px 34px rgba(28,53,75,.2);color:#294157}.mqc2-guide-panel.open{display:block;animation:mqc2in .18s ease}.mqc2-guide-panel strong{font-size:13px}.mqc2-guide-panel p{margin:8px 0 12px;font-size:11px;line-height:1.55;color:#61778a}.mqc2-panel-close{position:absolute;right:9px;top:9px;width:30px;height:30px;border:0;border-radius:10px;background:#f1f5f7;color:#64798b}.mqc2-panel-close span{font-size:18px}.mqc2-learn{height:34px;padding:0 14px;border:0;border-radius:11px;background:#079bd7;color:#fff;font:600 10px var(--font-firago)}@keyframes mqc2in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.desktop-left-column{padding-top:132px!important}
body.dark-theme .mobile-quick-controls-v2>button,body.dark-theme .mqc2-guide-panel{background:rgba(28,34,41,.97);border-color:#3b4752;color:#eef3f6}body.dark-theme .mqc2-vol.active{background:rgba(18,151,83,.24);border-color:#358d62}body.dark-theme .mqc2-guide-panel p{color:#aebdca}
}
@media(max-width:768px){
#apple-map-mode-pill-container,.apple-map-mode-pill-container{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
.apple-map-mode-pill,.apple-rail-volunteer-box,#site-description-accordion,.mobile-quick-controls{display:none!important;visibility:hidden!important;pointer-events:none!important}
}
@media(max-width:768px){
#btn-volunteer-toggle,#search-volunteer-flex-row{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}
.active-mobile-map-header #mobile-search-target,.active-mobile-map-header #search-box-wrapper{display:flex!important;visibility:visible!important;opacity:1!important;width:100%!important;height:44px!important;min-width:0!important;pointer-events:auto!important;overflow:visible!important}
}
@media(max-width:768px){
#drawer-view-places .search-filter-section,.search-filter-section{background:transparent!important;background-color:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;margin:0!important;min-height:0!important}
#drawer-view-places .search-filter-section:before,#drawer-view-places .search-filter-section:after,.search-filter-section:before,.search-filter-section:after{display:none!important;content:none!important}
}

/* Compact mobile about sheet — 2026-09-10 */
@media (max-width: 768px) {
  #dock-modal-about {
    align-items: flex-end !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 16px 12px calc(104px + env(safe-area-inset-bottom)) !important;
    background: rgba(15, 23, 42, .26) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
  }

  #dock-modal-about.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  #dock-modal-about > .modal-content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 540px !important;
    height: auto !important;
    max-height: min(54dvh, 460px) !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  #dock-modal-about > .modal-content::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 50%;
    width: 38px;
    height: 4px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text-light) 42%, transparent);
    transform: translateX(-50%);
  }

  #dock-modal-about .modal-header {
    flex: 0 0 auto !important;
    padding-top: 7px !important;
    padding-bottom: 12px !important;
  }

  #dock-modal-about .modal-title {
    padding-right: 48px !important;
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }

  #dock-modal-about .modal-close-btn {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    margin: -5px -7px -5px 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: rgba(148, 163, 184, .14) !important;
    font-size: 1.55rem !important;
  }

  #dock-modal-about .modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 16px 2px 4px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    font-size: .91rem !important;
    line-height: 1.62 !important;
    scrollbar-width: thin;
  }
}

/* Unified mobile window workspace — 2026-09-11 */
@media (max-width: 768px) {
  :root {
    --mobile-shell-gap: 7px;
    --mobile-shell-window-top: 130px;
    --mobile-shell-window-bottom: 81px;
  }

  .mobile-quick-controls-v2 {
    top: calc(max(10px, env(safe-area-inset-top, 0px)) + 65px) !important;
  }

  /* Every standard mobile overlay occupies the same space between quick controls and dock. */
  .scanner-modal-overlay:not(#ar-modal):not(#chat-lightbox-modal),
  #add-place-modal.modal-overlay,
  #review-modal.modal-overlay,
  #dock-modal-about.modal-overlay,
  #dock-modal-faq.modal-overlay,
  #dock-modal-contact.modal-overlay,
  #modal-share-route.scanner-modal-overlay {
    position: fixed !important;
    top: var(--mobile-shell-window-top) !important;
    right: 0 !important;
    bottom: var(--mobile-shell-window-bottom) !important;
    left: 0 !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    padding: 0 10px !important;
    align-items: stretch !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .scanner-modal-overlay:not(#ar-modal):not(#chat-lightbox-modal) > .scanner-modal-content,
  #auth-modal > .scanner-modal-content,
  #cabinet-modal > .scanner-modal-content,
  #chat-modal > .scanner-modal-content,
  #chat-list-modal > .scanner-modal-content,
  #scanner-modal > .scanner-modal-content,
  #barrier-report-modal > .scanner-modal-content,
  #voice-describer-modal > .scanner-modal-content,
  #companion-request-modal > .scanner-modal-content,
  #volunteer-accept-modal > .scanner-modal-content,
  #public-profile-modal > .scanner-modal-content,
  #google-role-modal > .scanner-modal-content,
  #volunteer-review-modal > .scanner-modal-content,
  #reviews-list-modal > .scanner-modal-content,
  #terms-modal > .scanner-modal-content,
  #add-place-modal > .modal-content,
  #review-modal > .modal-content,
  #dock-modal-about > .modal-content,
  #dock-modal-faq > .modal-content,
  #dock-modal-contact > .modal-content,
  #modal-share-route > .modal-content {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 520px !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* The catalogue uses the same bounds and scrolls only its cards. */
  #sidebar:not(.maps-hidden),
  .desktop-left-column #sidebar:not(.maps-hidden) {
    position: fixed !important;
    top: var(--mobile-shell-window-top) !important;
    right: 10px !important;
    bottom: var(--mobile-shell-window-bottom) !important;
    left: 10px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 520px !important;
    max-height: none !important;
    margin: 0 auto !important;
    padding-top: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
  }

  #sidebar:not(.maps-hidden) .places-list {
    flex: 1 1 0% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    padding-bottom: 20px !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Assistant and route panels follow the same visual grid. */
  #ai-chat-panel,
  #route-builder-panel {
    position: fixed !important;
    top: var(--mobile-shell-window-top) !important;
    right: 10px !important;
    bottom: var(--mobile-shell-window-bottom) !important;
    left: 10px !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 520px !important;
    max-height: none !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  #dock-modal-about .modal-body,
  #dock-modal-faq .modal-body,
  #dock-modal-contact .modal-body {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Prevent iOS Safari from zooming the page when a form field receives focus. */
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="url"],
  input[type="number"],
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"],
  input:not([type]),
  textarea,
  select,
  [contenteditable="true"] {
    font-size: 16px !important;
    touch-action: manipulation;
  }

}

/* Reversible mobile dock visual refresh — 2026-09-11 */
@media (max-width: 768px) {
  .mobile-nav-bar {
    left: 10px !important;
    right: 10px !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    width: calc(100% - 20px) !important;
    height: 64px !important;
    padding: 5px 6px 4px !important;
    gap: 2px !important;
    justify-content: space-between !important;
    background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(248,251,253,.82)) !important;
    -webkit-backdrop-filter: blur(28px) saturate(175%) !important;
    backdrop-filter: blur(28px) saturate(175%) !important;
    border: 1px solid rgba(255,255,255,.88) !important;
    border-radius: 24px !important;
    box-shadow: 0 12px 30px rgba(15,23,42,.14), 0 2px 8px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.92) !important;
  }

  .mobile-nav-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 5px 3px 4px !important;
    gap: 2px !important;
    border-radius: 16px !important;
    color: #607287 !important;
    transition: transform .16s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
    -webkit-tap-highlight-color: transparent;
  }

  .mobile-nav-item.active {
    color: #0284c7 !important;
    background: linear-gradient(180deg, rgba(14,165,233,.14), rgba(2,132,199,.08)) !important;
    box-shadow: inset 0 0 0 1px rgba(2,132,199,.08), 0 3px 9px rgba(2,132,199,.08) !important;
  }

  .mobile-nav-item.active::after {
    display: none !important;
  }

  .mobile-nav-item:active {
    transform: scale(.94) !important;
  }

  .mobile-nav-icon {
    width: 30px !important;
    height: 27px !important;
    margin: 0 !important;
    color: inherit !important;
  }

  .mobile-nav-icon svg {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2.25 !important;
  }

  .mobile-nav-icon img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
  }

  .mobile-nav-label {
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.05 !important;
    letter-spacing: -.12px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #mobile-auth-profile-area .mobile-nav-icon img {
    width: 24px !important;
    height: 24px !important;
    object-fit: cover !important;
    border: 2px solid rgba(2,132,199,.28) !important;
    border-radius: 50% !important;
  }

  .mobile-nav-bar .notification-dot {
    top: -3px !important;
    right: -5px !important;
    width: 8px !important;
    height: 8px !important;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 5px rgba(239,68,68,.28) !important;
  }

  body.dark-theme .mobile-nav-bar {
    background: linear-gradient(180deg, rgba(30,41,59,.93), rgba(15,23,42,.88)) !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08) !important;
  }

  body.dark-theme .mobile-nav-item {
    color: #a7b4c4 !important;
  }

  body.dark-theme .mobile-nav-item.active {
    color: #38bdf8 !important;
    background: linear-gradient(180deg, rgba(56,189,248,.18), rgba(14,165,233,.10)) !important;
    box-shadow: inset 0 0 0 1px rgba(125,211,252,.10) !important;
  }

  body.dark-theme .mobile-nav-bar .notification-dot {
    border-color: #1e293b !important;
  }
}

@media (max-width: 350px) {
  .mobile-nav-bar {
    left: 7px !important;
    right: 7px !important;
    width: calc(100% - 14px) !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  .mobile-nav-label {
    font-size: 9px !important;
  }
}

/* Sliding dock selection motion — 2026-09-11 */
@media (max-width: 768px) {
  .mobile-nav-bar {
    --dock-pill-left: 6px;
    --dock-pill-width: calc((100% - 12px) / 5);
    isolation: isolate !important;
  }

  .mobile-nav-bar::before {
    content: '' !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 5px !important;
    left: var(--dock-pill-left) !important;
    width: var(--dock-pill-width) !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 17px !important;
    outline: 0 !important;
    background: linear-gradient(180deg, rgba(14,165,233,.15), rgba(2,132,199,.075)) !important;
    box-shadow: 0 5px 13px rgba(2,132,199,.09) !important;
    transition:
      left .36s cubic-bezier(.2,.82,.2,1),
      width .36s cubic-bezier(.2,.82,.2,1),
      opacity .2s ease,
      background-color .2s ease !important;
    pointer-events: none !important;
  }

  .mobile-nav-item {
    z-index: 1 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .mobile-nav-item.active,
  .mobile-nav-item.dock-visual-active {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #0284c7 !important;
  }

  .mobile-nav-item:focus,
  .mobile-nav-item:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .mobile-nav-item .mobile-nav-icon,
  .mobile-nav-item .mobile-nav-label {
    transition: color .24s ease, transform .32s cubic-bezier(.2,.82,.2,1), opacity .2s ease !important;
  }

  .mobile-nav-item.dock-visual-active .mobile-nav-icon {
    transform: translateY(-1px) scale(1.05) !important;
  }

  .mobile-nav-item.dock-visual-active .mobile-nav-label {
    font-weight: 700 !important;
  }

  body.dark-theme .mobile-nav-bar::before {
    border: 0 !important;
    outline: 0 !important;
    background: linear-gradient(180deg, rgba(56,189,248,.18), rgba(14,165,233,.09)) !important;
    box-shadow: 0 5px 14px rgba(2,132,199,.14) !important;
  }

  body.dark-theme .mobile-nav-item.active,
  body.dark-theme .mobile-nav-item.dock-visual-active {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #38bdf8 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mobile-nav-bar::before,
  .mobile-nav-item .mobile-nav-icon,
  .mobile-nav-item .mobile-nav-label {
    transition-duration: .01ms !important;
  }
}

/* Mobile Saved standalone window — 2026-09-12 */
@media (max-width: 768px) {
 .desktop-left-column #drawer-view-saved.mobile-dock-window-open{position:fixed!important;z-index:204700!important;top:var(--mobile-shell-window-top)!important;right:10px!important;bottom:var(--mobile-shell-window-bottom)!important;left:10px!important;display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;min-height:0!important;max-width:520px!important;max-height:none!important;margin:0 auto!important;overflow:hidden!important;border:1px solid rgba(226,232,240,.92)!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 16px 42px rgba(15,23,42,.18)!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}
 #drawer-view-saved.mobile-dock-window-open .drawer-view-scroll{display:block!important;flex:1 1 auto!important;min-height:0!important;padding:10px 8px 20px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
 body.dark-theme .desktop-left-column #drawer-view-saved.mobile-dock-window-open{border-color:rgba(71,85,105,.72)!important;background:rgba(24,31,39,.98)!important;box-shadow:0 18px 46px rgba(0,0,0,.42)!important}
}

/* mobile-quick-controls-borderless */
.mobile-quick-controls-v2>button,
.mobile-quick-controls-v2>button:hover,
.mobile-quick-controls-v2>button:focus,
.mobile-quick-controls-v2>button:active,
.mobile-quick-controls-v2 .mqc2-vol.active,
.mobile-quick-controls-v2 .mqc2-guide.active { border: 0 !important; border-color: transparent !important; }
.mobile-quick-controls-v2 .mqc2-label { font-size: 11px !important; }
body.dark-theme .mobile-quick-controls-v2>button { border: 0 !important; border-color: transparent !important; }

@media (max-width:768px){
  .mobile-quick-controls-v2{grid-template-columns:2fr 1fr 1fr}
  .mobile-quick-controls-v2 .mqc2-guide,.mobile-quick-controls-v2 .mqc2-scanner{grid-template-columns:24px minmax(0,1fr);gap:4px;padding:5px 6px}
  .mobile-quick-controls-v2 .mqc2-guide .mqc2-icon,.mobile-quick-controls-v2 .mqc2-scanner .mqc2-icon{width:24px;height:24px;font-size:16px}
  .mobile-quick-controls-v2 .mqc2-guide{grid-template-columns:minmax(0,1fr)}
  .mobile-quick-controls-v2 .mqc2-guide .mqc2-icon{display:none}
  .mobile-quick-controls-v2 .mqc2-guide .mqc2-label{text-align:center;font-size:9px!important}
  .mobile-quick-controls-v2 .mqc2-guide .mqc2-chevron{display:none}
  .mobile-quick-controls-v2 .mqc2-scanner .mqc2-icon{border-radius:50%;background:#e9f3ff;color:#0284c7}
  .mobile-quick-controls-v2 .mqc2-scanner.active{background:#eef9fd}
  .mqc2-scanner-panel{display:none;position:absolute;top:56px;left:0;right:0;padding:16px 15px 14px;border:1px solid #e1ebf0;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 14px 34px rgba(28,53,75,.2);color:#294157}
  .mqc2-scanner-panel.open{display:grid;gap:7px;animation:mqc2in .18s ease}
  .mqc2-scanner-panel strong{font-size:13px;margin-bottom:4px}
  .mqc2-scanner-panel>button[data-scanner]{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:11px;background:#f2f7fa;color:#294157;text-align:left;font:600 12px var(--font-firago);cursor:pointer}
  .mqc2-scanner-panel>button[data-scanner] .material-symbols-rounded{font-size:20px;color:#0284c7}
  .mqc2-scanner-close{position:absolute;right:9px;top:9px;width:30px;height:30px;border:0;border-radius:10px;background:#f1f5f7;color:#64798b}
  .mqc2-scanner-close .material-symbols-rounded{font-size:18px}
  .mobile-nav-bar{grid-template-columns:repeat(4,minmax(0,1fr))!important;--dock-pill-width:calc((100% - 12px)/4)}
  body.dark-theme .mqc2-scanner-panel{background:rgba(28,34,41,.97);border-color:#3b4752;color:#eef3f6}
  body.dark-theme .mqc2-scanner-panel>button[data-scanner]{background:#303b46;color:#eef3f6}
}

@media (max-width:768px){
  /* Filters open below the fixed mobile header and quick controls. */
  .active-mobile-map-header #filters-dropdown,
  .active-mobile-map-header #search-box-wrapper #filters-dropdown{
    position:fixed!important;
    top:calc(136px + env(safe-area-inset-top,0px))!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    max-height:calc(100vh - 232px)!important;
    overflow-y:auto!important;
    margin:0!important;
    z-index:204000!important;
  }
  #mobile-quick-controls-v2{z-index:220000!important}
}
/* active-mobile-filter-below-header */

@media (max-width:768px){
  /* Explicit viewport placement for the expanded filters panel. */
  #filters-dropdown.active{position:fixed!important;top:150px!important;left:10px!important;right:10px!important;width:auto!important;margin:0!important;max-height:calc(100vh - 240px)!important;overflow-y:auto!important;z-index:204000!important;transform:none!important}
}
/* force-mobile-filter-panel-position */

@media (max-width:768px){
  #filters-dropdown .categories-filter-wrapper{display:none!important}
  .mobile-radius-control{display:none!important;margin:0 0 14px;padding:12px 13px 10px;border-radius:16px;background:#f6f9fb;box-shadow:inset 0 0 0 1px #e7eef3}
  .mobile-radius-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#334155;font:700 12px var(--font-firago)}
  .mobile-radius-head>span{display:flex;align-items:center;gap:6px}.mobile-radius-head .material-symbols-rounded{font-size:17px;color:#0284c7}
  #mobile-radius-value{padding:4px 8px;border-radius:999px;background:#e3f3fa;color:#0284c7;font:700 11px var(--font-firago)}
  #mobile-radius-slider{display:block;width:100%;height:5px;margin:14px 0 7px;accent-color:#0284c7;cursor:pointer}
  .mobile-radius-scale{display:flex;justify-content:space-between;color:#94a3b8;font:500 10px var(--font-firago)}
  body.dark-theme .mobile-radius-control{background:#27313a;box-shadow:inset 0 0 0 1px #3b4752}.dark-theme .mobile-radius-head{color:#eef3f6}.dark-theme #mobile-radius-value{background:rgba(2,132,199,.2)}
}
.mobile-radius-control.nearby-radius-active{display:block!important}
@media (min-width:769px){.mobile-radius-control{display:none!important}}
/* mobile-radius-filter-ui */

@media (max-width:768px){
  #filters-dropdown #mobile-radius-control.nearby-radius-active{display:block!important}
  #filters-dropdown #mobile-radius-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:15px 0 8px;border:0;border-radius:999px;background:linear-gradient(90deg,#0284c7 0%,#43b9df 55%,#dcecf2 55%,#dcecf2 100%);outline:0}
  #filters-dropdown #mobile-radius-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#0284c7;box-shadow:0 2px 8px rgba(2,132,199,.34);cursor:pointer}
  #filters-dropdown #mobile-radius-slider::-moz-range-thumb{width:13px;height:13px;border:4px solid #fff;border-radius:50%;background:#0284c7;box-shadow:0 2px 8px rgba(2,132,199,.34);cursor:pointer}
  #filters-dropdown #mobile-radius-slider:focus-visible{box-shadow:0 0 0 4px rgba(2,132,199,.14)}
}
/* mobile-radius-polished-ui */

/* mobile-radius-only-active-fix */
@media (max-width:768px){#filters-dropdown .near-me-radius-control{display:none!important}#filters-dropdown .mobile-radius-control.nearby-radius-active{display:block!important}}

/* mobile-filter-layout-final */
@media (max-width:768px){#search-box-wrapper #filters-dropdown.active{margin-top:6px!important;padding:8px 10px!important}#filters-dropdown.active{max-height:none!important;overflow:visible!important}#filters-dropdown.active .features-filter-container{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important;gap:6px!important}#filters-dropdown.active .feature-filter-btn{flex:0 0 auto!important}}

/* mobile-filter-shell-gap-final */
@media (max-width:768px){#filters-dropdown.active{top:var(--mobile-shell-window-top,150px)!important;margin-top:0!important}}

/* mobile-menu-layer-final */
@media (max-width:768px){#active-mobile-map-header{z-index:300000!important}#active-mobile-map-header .ammh-menu{z-index:300001!important;pointer-events:auto!important}.ammh-search-slot #btn-near-me,.ammh-search-slot #btn-toggle-filters{pointer-events:auto!important;cursor:pointer!important}.mobile-quick-controls-v2{z-index:204900!important}}
@media (max-width: 768px) {
  .active-mobile-map-header #search-box-wrapper > div:first-child,
  body.dark-theme .active-mobile-map-header #search-box-wrapper > div:first-child {
    border: 0 !important;
  }
  .ammh-search-hint { position: absolute; z-index: 1; top: 50%; left: 37px; right: 70px; transform: translateY(-50%); color: #647b8f; font: 11px/1.1 var(--font-firago), sans-serif; pointer-events: none; white-space: normal; }
.active-mobile-map-header #search-input::placeholder { color: transparent !important; opacity: 0 !important; }
  body > header:not(#active-mobile-map-header) { display: none !important; }
  .skip-link:not(:focus) { transform: translateY(-100%); }
  #mobile-toggle { display: none !important; }
  #search-input:focus + .ammh-search-hint, #search-input:not(:placeholder-shown) + .ammh-search-hint { display: none; }
  body.dark-theme .ammh-search-hint { color: #a9bac8; }
}