/* m.place.naver.com — mobile overrides on top of place.css. */

.page-mplace { background:#fff; }

.mp-root { padding-bottom:0; }

.mp-head { position:sticky; top:0; z-index:40; display:flex; align-items:center; gap:10px; height:52px; padding:0 14px; background:#fff; }
.mp-head-title { flex:1; min-width:0; font-size:17px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mp-avatar { display:inline-flex; }

.mp-summary { padding:6px 16px 0; }
.mp-title { font-size:26px; font-weight:800; letter-spacing:-0.6px; line-height:1.25; }
.mp-sub { display:flex; align-items:center; margin-top:8px; font-size:13.5px; color:#666; }
.mp-sub .rating { color:#333; font-weight:600; }
.mp-sub .rating svg { vertical-align:-2px; }
.mp-hours { margin-top:5px; font-size:13.5px; color:#333; }
.mp-style { display:flex; align-items:center; gap:8px; margin-top:9px; }

/* On mobile the 예약 button is a filled blue pill, not the desktop green outline. */
.mp-actions { display:flex; gap:7px; padding:14px 16px 12px; overflow-x:auto; scrollbar-width:none; }
.mp-actions::-webkit-scrollbar { display:none; }
.mp-btn { flex:0 0 auto; display:inline-flex; align-items:center; gap:5px; height:38px; padding:0 16px; border-radius:var(--radius-pill); background:#eef3fb; color:#2f6fed; font-size:14px; font-weight:600; }
.mp-btn.primary { background:var(--naver-blue); color:#fff; font-weight:700; }

.mp-gallery { display:grid; grid-template-columns:1.5fr 1fr 1fr; gap:3px; height:200px; padding:0 16px; }
.mp-gallery li { position:relative; overflow:hidden; border-radius:6px; }
.mp-gallery img { width:100%; height:100%; object-fit:cover; background:var(--fill); }
.mp-gallery li:nth-child(4) { display:none; }

.mp-tabs { position:sticky; top:52px; z-index:30; display:flex; gap:20px; margin-top:18px; padding:0 16px; background:#fff; border-bottom:1px solid var(--line); overflow-x:auto; scrollbar-width:none; }
.mp-tabs::-webkit-scrollbar { display:none; }
.mp-tabs a { flex:0 0 auto; padding:12px 0 11px; font-size:15px; color:#8e8e8e; border-bottom:2px solid transparent; }
.mp-tabs a.on { color:var(--text-strong); font-weight:700; border-bottom-color:#222; }

/* place.css assumes a 440px panel; on mobile the content is full width. */
.page-mplace .pp-root { max-width:none; }
.page-mplace .tab-body { padding:16px; }