.map-viewport{display:contents}
.map-controls,.map-pan-hint{display:none}
@media(max-width:680px){
  .mobile-rows{display:none!important}
  .map-shell{overflow:hidden}
  .map-viewport{display:block;position:relative;height:clamp(350px,54vh,470px);overflow:hidden;touch-action:none;border:1px solid #dbe8f0;border-radius:15px;background:radial-gradient(circle at center,#ffffff 0%,#f2f8fc 100%);cursor:grab;user-select:none;-webkit-user-select:none}
  .map-viewport.dragging{cursor:grabbing}
  .seat-map{position:absolute;left:0;top:0;width:max-content;min-height:0;overflow:visible;align-items:center;transform-origin:0 0;will-change:transform;touch-action:none;gap:6px}
  .seat-row,.seat-row:not(.active){display:flex;width:max-content;max-width:none;flex-wrap:nowrap;justify-content:center;gap:3px;padding:0}
  .seat-row .row-name{width:24px;flex:none;text-align:center;font-size:13px;margin:0}
  .seat-row .seat{width:31px;height:31px;flex:none;font-size:10px;border-radius:7px 7px 5px 5px}
  .seat-row .seat.accessible{font-size:14px}
  .seat-row .aisle{width:12px;height:31px;flex:none}
  .map-controls{position:absolute;top:11px;right:11px;z-index:3;display:flex;align-items:center;gap:4px;background:#082b4de8;border-radius:11px;padding:4px;box-shadow:0 5px 16px #09274633}
  .map-controls button{border:0;background:transparent;color:white;border-radius:7px;min-width:33px;height:33px;font-size:20px;font-weight:700;display:grid;place-items:center;padding:0 6px;line-height:1}
  .map-controls button:active,.map-controls button:focus-visible{background:#ffffff2b;outline:none}
  .map-controls button[data-map-action="fit"]{font:800 11px 'DM Sans',sans-serif;min-width:40px}
  .map-pan-hint{display:block;position:absolute;left:10px;bottom:10px;z-index:2;background:#092b4cd9;color:white;border-radius:8px;padding:7px 9px;font-size:10px;font-weight:700;pointer-events:none}
  .map-footnote{margin-top:13px}
}