.maps-page { min-height:100dvh; padding:clamp(82px,10vw,120px) clamp(20px,4vw,48px) clamp(24px,4vw,48px); }
.map-back { padding-bottom:4px; border-bottom:1px solid var(--line); font-size:11px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.maps-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(12px,2vw,24px); max-width:1240px; margin:auto; }
.map-block { min-width:0; }
.map-block > p { display:flex; justify-content:space-between; align-items:center; margin:0 0 10px; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.map-block iframe { display:block; width:100%; height:clamp(380px,70dvh,760px); border:1px solid var(--line); background:#242322; }
.live-map-shell { position:relative; overflow:hidden; height:clamp(380px,70dvh,760px); border:1px solid var(--line); background:#242322; }
.live-map-canvas { position:absolute; inset:0; width:100%; height:100%; }
.panda-marker { position:relative; width:16px; height:16px; }
.panda-marker::before,.panda-marker::after { content:""; position:absolute; inset:0; border-radius:50%; }
.panda-marker::before { border:2px solid #fff; background:#ff3b30; box-shadow:0 0 0 3px rgba(255,59,48,.35); }
.panda-marker::after { inset:-3px; border:1px solid rgba(255,59,48,.45); animation:panda-marker-pulse 1.9s ease-out infinite; }
.live-status-bar { position:absolute; left:8px; bottom:8px; z-index:3; padding:6px 8px; border-radius:8px; background:rgba(0,0,0,.55); color:#fff; font:12px/1.2 system-ui; }
.live-map-fit { position:absolute; top:8px; right:8px; z-index:3; padding:8px 10px; border:1px solid #ddd; border-radius:10px; background:rgba(255,255,255,.85); color:#111; font:13px/1 system-ui; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,.12); }
.live-map-fit:hover { background:#fff; }
@keyframes panda-marker-pulse { 0%,100% { transform:scale(1); opacity:.85; } 50% { transform:scale(1.08); opacity:.45; } }
@media (max-width:720px) { .maps-page { padding-top:82px; } .maps-grid { grid-template-columns:1fr; gap:24px; } .map-block iframe,.live-map-shell { height:min(62dvh,520px); } }