/* Phone layout only; desktop atlas styles are preserved. */
.mobile-list-header{display:none}
.mobile-browse-slot{display:none}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .atlas,.embed .atlas{height:560px;height:calc(100svh - 72px);min-height:0;max-height:620px}
  .mapwrap{height:100%}
  .map-top{top:10px;left:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:510}
  .map-switch{align-self:flex-start;padding:3px}
  .map-switch button{min-height:36px;padding:7px 12px;font-size:12px}
  .map-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 40px 40px;gap:5px!important;width:100%;align-items:stretch}
  .map-actions .language-switch{position:absolute;right:0;top:0}
  .map-actions .qm-route-control{min-width:0;display:block}
  .map-actions .qm-route-action,.map-actions #qm-base{width:100%!important;min-width:0;height:44px;min-height:44px;padding:5px!important;white-space:normal;font-size:11px;line-height:1.2;border-radius:5px}
  .map-actions #qm-base{justify-content:center;gap:4px}
  .map-actions #qm-base img{width:20px;height:20px;flex-shrink:0}
  .map-actions #qm-base span{min-width:0}
  .map-actions>button{width:40px;height:44px}
  .leaflet-control-zoom{margin-top:118px!important;margin-right:10px!important}
  .leaflet-control-zoom a{width:34px!important;height:34px!important;line-height:34px!important}
  .map-bottom{bottom:26px;left:12px;right:12px}
  .map-caption{display:none}
  .mobile-list{width:100%;min-height:44px;font-size:14px;padding:11px 16px;border:1px solid #f4f7f9;box-shadow:0 3px 12px #173a4c33}
  .mobile-browse-slot{display:block;position:absolute;right:0;top:0;pointer-events:auto}
  .mobile-browse-slot .mobile-list{width:auto;min-height:42px;padding:9px 14px;font-size:12px}
  .sidebar{inset:0;padding:0 14px;border:0;border-radius:0!important;z-index:650;box-shadow:none}
  .atlas.list-open .map-top,.atlas.list-open .map-bottom{visibility:hidden;pointer-events:none}
  .atlas.list-open .leaflet-control-zoom{visibility:hidden}
  .mobile-list-header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;border-bottom:1px solid var(--line);margin-bottom:12px;font-weight:700;font-size:14px;flex-shrink:0}
  .mobile-list-header button{min-height:44px;min-width:64px;padding:8px 12px;background:#173a4c;color:white;border-radius:5px;font-size:13px}
  .searchbox{padding:10px;flex-shrink:0}
  .searchbox input,.filters select{font-size:16px!important}
  .searchbox kbd{display:none}
  .filters{margin-top:10px;gap:8px;flex-shrink:0}
  .filters label{font-size:10px}
  .filters select{min-height:44px;padding:7px 5px;margin-top:5px}
  .filterline{padding:10px 0;flex-shrink:0}
  .photo-toggle{font-size:12px}.photo-toggle input{width:18px;height:18px}
  .textbutton{font-size:12px;min-height:32px}
  .list-title{padding:9px 0;font-size:12px;flex-shrink:0}
  .list-title .textbutton{font-size:11px}
  .site-list{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .site-card{padding:10px 2px;gap:10px;min-height:74px}
  .site-card .thumb{width:48px;height:48px}
  .cardtext strong{font-size:13px}.cardtext .location{font-size:11px;margin:3px 0}.tag{font-size:9px}
  .listfoot{font-size:9px;padding:9px 0;flex-shrink:0}
  .detail,.embed .detail{top:112px;left:10px;right:10px;width:auto;max-height:calc(100% - 173px);overscroll-behavior:contain}
  .detail-hero{height:155px}.detail-body{padding:14px}
  .detail-close{width:40px;height:40px;line-height:35px}
  .under-map,.embed .under-map{min-height:64px;padding:8px 10px;gap:5px}
  .atlas:fullscreen,.atlas.expanded{height:100svh;max-height:none}
  .atlas:fullscreen .sidebar{bottom:0}
}
@media(max-width:760px) and (max-height:480px){
  .mobile-list-header{min-height:44px;margin-bottom:6px}
  .filters{margin-top:6px}.filterline{padding:4px 0}.list-title{padding:3px 0}
}