*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font:400 16px/1.65 "Pretendard Variable",Pretendard,system-ui,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;background:var(--bg);color:var(--ink)}
img{display:block;max-width:100%;height:auto}a{color:inherit}
.w{width:min(100% - 40px,1120px);margin:0 auto}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* 지도: 구운 이미지 + 핀. 누르면 지도 앱으로 */
.map{position:relative;display:block;overflow:hidden;background:#e9e6df;text-decoration:none}
.map>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.map:hover>img{transform:scale(1.04)}
.pin{position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-92%);z-index:2}
.pin i{position:absolute;left:50%;top:0;width:36px;height:36px;margin-left:-18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent);box-shadow:0 6px 14px -4px rgba(0,0,0,.45)}
.pin i:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}
.pin:before{content:"";position:absolute;left:50%;bottom:-8px;width:44px;height:14px;margin-left:-22px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.28),transparent);}
.pinlabel{position:absolute;left:50%;top:-34px;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#111;font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px;box-shadow:0 4px 12px -4px rgba(0,0,0,.35)}
.map small{position:absolute;right:6px;bottom:4px;z-index:2;font-size:10px;color:#444;background:rgba(255,255,255,.75);padding:1px 6px;border-radius:4px}
.map .tap{position:absolute;left:12px;bottom:12px;z-index:2;background:#fff;color:#111;font-weight:700;font-size:13px;padding:7px 12px;border-radius:999px;box-shadow:0 4px 12px -4px rgba(0,0,0,.35)}
/* 길찾기 버튼 */
.go{display:flex;gap:8px;flex-wrap:wrap}
.go a{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px}
.go .nv{background:#03C75A;color:#fff}.go .kk{background:#FEE500;color:#191919}
.go b{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:12px;font-weight:900}
.go .nv b{background:#fff;color:#03C75A}.go .kk b{background:#191919;color:#FEE500}
/* 휴대폰 하단 바: 전화·카톡·길찾기 */
.dock{display:none}
@media (max-width:760px){
  body{padding-bottom:76px}
  .dock{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line)}
  .dock a{display:flex;align-items:center;justify-content:center;gap:6px;height:52px;border-radius:14px;text-decoration:none;font-weight:700;font-size:15px;background:var(--soft);color:var(--ink)}
  .dock a.main{background:var(--accent);color:var(--on)}
  .dock svg{width:18px;height:18px}
}