.trip-map-shell { width: min(100%,1180px); min-height: 100vh; margin: 0 auto; background: var(--trip-surface); padding-bottom: calc(var(--trip-nav-height) + env(safe-area-inset-bottom)); }
.trip-map-main { position: relative; height: calc(100vh - 74px - var(--trip-nav-height)); min-height: 520px; overflow: hidden; }
#kakao-map { position: absolute; inset: 0; background: #e8eff8; }
.trip-map-search { position: absolute; z-index: 5; left: 18px; right: 18px; top: 16px; min-height: 54px; display: flex; align-items: center; gap: 10px; padding: 6px 6px 6px 16px; border: 1px solid rgba(203,217,235,.92); border-radius: 17px; background: rgba(255,255,255,.96); box-shadow: 0 14px 34px rgba(25,57,106,.15); }
.trip-map-search svg { width: 21px; color: var(--trip-accent); }.trip-map-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; font-size:13px; }.trip-map-search button { align-self:stretch; padding:0 15px; border:0; border-radius:12px; color:#fff; background:var(--trip-accent); font-size:11px; font-weight:800; }
.trip-map-filters { position:absolute; z-index:5; left:18px; right:18px; top:80px; display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; }.trip-map-filters::-webkit-scrollbar{display:none}.trip-map-filters button{flex:0 0 auto;padding:9px 13px;border:1px solid rgba(203,217,235,.92);border-radius:999px;background:rgba(255,255,255,.94);font-size:10px;font-weight:800;box-shadow:0 7px 18px rgba(25,57,106,.09)}.trip-map-filters button.active{border-color:var(--trip-ink);color:#fff;background:var(--trip-ink)}
.trip-location-button{position:absolute;z-index:5;right:18px;bottom:145px;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--trip-line);border-radius:50%;background:#fff;box-shadow:0 10px 25px rgba(25,57,106,.15)}.trip-location-button svg{width:21px}
.trip-map-card{position:absolute;z-index:6;left:18px;right:18px;bottom:18px;min-height:108px;display:grid;grid-template-columns:86px minmax(0,1fr) 38px;align-items:center;gap:13px;padding:11px;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 18px 44px rgba(25,57,106,.2)}.trip-map-card[hidden]{display:none}.trip-map-card-image{height:86px;border-radius:14px;background:linear-gradient(145deg,#e8f1fc,#cfdbeb) center/cover}.trip-map-card-image.tone-coral{background-color:var(--trip-coral)}.trip-map-card-image.tone-violet{background-color:var(--trip-violet)}.trip-map-card-image.tone-blue{background-color:var(--trip-blue)}.trip-map-card-image.tone-green{background-color:var(--trip-green)}.trip-map-card small{color:var(--trip-accent);font-size:9px;font-weight:900}.trip-map-card h2{margin:4px 0;font-size:16px}.trip-map-card p{margin:0;color:var(--trip-muted);font-size:10px}.trip-map-card>a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--trip-ink)}
.trip-map-empty{position:absolute;z-index:4;left:50%;top:52%;width:min(82%,400px);transform:translate(-50%,-50%);padding:20px;border-radius:18px;background:rgba(255,255,255,.94);text-align:center;box-shadow:0 16px 40px rgba(25,57,106,.14)}.trip-map-empty strong{font-size:15px}.trip-map-empty p{margin:5px 0 0;color:var(--trip-muted);font-size:11px;line-height:1.5}.trip-map-error{display:none;position:absolute;z-index:8;inset:0;place-items:center;background:#e8eff8;color:var(--trip-muted)}.trip-map-error.visible{display:grid}
@media(min-width:900px){.trip-map-search{right:auto;width:440px}.trip-map-filters{right:auto;width:650px}.trip-map-card{left:18px;right:auto;width:440px}}