/* ============================================================
   쇼룸 페이지(청주·용인) — 카탈로그 v2 디자인 시스템(model-v2.css) 위에 얹는 보충 규칙
   model-v2.css 다음에 불러온다. 모두 .mv-showroom 범위 안에서만 동작한다.
   카탈로그에 없는 부품만 정의: 히어로 소제목, 라인 배지, 평면 전환, 방문 단계 4칸 행,
   사전 준비 목록, 주소표. 색·여백·모서리는 model-v2 토큰(--ink/--mute/--line/--soft/--sand)을 그대로 쓴다.
   ============================================================ */

/* 히어로: 쇼룸 이름은 모델 코드보다 길어 크기를 한 단계 낮춘다 */
.mv-showroom .mv-hero-t .ey{display:block;margin-bottom:18px;font-size:13px;font-weight:500;letter-spacing:.14em;opacity:.9}
.mv-showroom .mv-hero-t h1{font-size:clamp(52px,10vw,160px);white-space:nowrap}
.mv-showroom .mv-hero-t p{max-width:30em;margin-left:auto;margin-right:auto}

/* 라인 배지 + 소제목 */
.mv-showroom .mv-lb{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--soft);color:var(--mute)}
.mv-showroom .mv-lb.b{background:#111;color:#fff}
.mv-showroom .mv-lb.e{background:var(--sand);color:#3d3420}
.mv-showroom .mv-sub{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-size:15px;font-weight:600;letter-spacing:-.01em}
.mv-showroom .mv-block + .mv-block{margin-top:clamp(56px,6vw,88px)}

/* 평면: 쇼룸 평면도는 정사각형에 가까워 카탈로그의 가로 비율 대신 연베이지 판 위에 담는다 */
.mv-showroom .mv-plan{grid-column:1/8;background:var(--soft);border-radius:var(--r-card,10px);padding:clamp(16px,3vw,40px)}
.mv-showroom .mv-plan img{aspect-ratio:auto;height:auto;max-height:560px;object-fit:contain;border-radius:0;mix-blend-mode:multiply}
.mv-showroom .mv-plan-note{margin:14px 0 0;font-size:12.5px;line-height:1.65;color:var(--mute);word-break:keep-all}
.mv-showroom .mv-chips{margin-top:22px}
.mv-showroom .mv-chips .k{display:block;width:100%;margin:0 0 8px}
.mv-showroom button.mv-chip{font:inherit;font-size:13px;background:#fff;cursor:pointer}
.mv-showroom button.mv-chip[aria-pressed="true"]{background:#111;border-color:#111;color:#fff}
.mv-showroom .mv-pane[hidden]{display:none}
@media(max-width:860px){.mv-showroom .mv-plan{grid-column:1/-1}}

/* 라인 카드: 쇼룸 카드는 가격 대신 문장이 들어가 줄바꿈을 허용 */
.mv-showroom .mv-prices{margin-top:48px}
.mv-showroom .mv-price strong{word-break:keep-all}
.mv-showroom .mv-price small{line-height:1.55;word-break:keep-all}
@media(max-width:560px){.mv-showroom .mv-price strong{white-space:normal}}

/* 갤러리: 쇼룸 사진은 16:9 원본이라 3칸짜리는 4:3으로 자른다 */
.mv-showroom .mv-gal .s4 .ph{aspect-ratio:4/3}
@media(max-width:760px){.mv-showroom .mv-gal .s4{grid-column:span 6}.mv-showroom .mv-gal .s4 .ph{aspect-ratio:4/3}}

/* 비교표: 쇼룸 비교는 설명이 길어 위쪽 정렬 */
.mv-showroom .mv-table th,.mv-showroom .mv-table td{vertical-align:top;word-break:keep-all}
.mv-showroom .mv-table tbody th{padding-top:22px}
.mv-showroom .mv-table .v{display:block;line-height:1.4}
.mv-showroom .mv-table .s{line-height:1.6}
.mv-showroom .mv-table thead small{margin-left:8px;font-size:12px;font-weight:400;color:var(--mute)}
.mv-showroom .mv-table .mv-link{margin-top:8px}

/* 방문 단계: 번호 배지 · 단계명 · 설명 · 가져가는 것 */
.mv-showroom .mv-visit{list-style:none;margin:0;padding:0;border-top:1px solid #d9d6ce}
.mv-showroom .mv-visit li{display:grid;grid-template-columns:96px minmax(0,1.1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:24px;padding:26px 0;border-bottom:1px solid #d9d6ce}
.mv-showroom .mv-visit .i{display:inline-flex;align-items:center;justify-self:start;height:28px;padding:0 13px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.mv-showroom .mv-visit .n{font-size:clamp(22px,2.2vw,30px);font-weight:300;letter-spacing:-.02em;line-height:1.15}
.mv-showroom .mv-visit .d{margin:0;font-size:14px;line-height:1.7;color:#4a4843;word-break:keep-all}
.mv-showroom .mv-visit .x{font-size:12.5px;line-height:1.6;color:var(--mute);word-break:keep-all}
.mv-showroom .mv-visit .x b{display:block;margin-bottom:2px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--ink)}
@media(max-width:860px){
  .mv-showroom .mv-visit li{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0}
  .mv-showroom .mv-visit .n{font-size:22px}
}

/* 사전 준비 목록 */
.mv-showroom .mv-prep{margin-top:clamp(48px,5vw,72px)}
.mv-showroom .mv-prep ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;border-top:1px solid var(--ink)}
.mv-showroom .mv-prep li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:16px 0;border-bottom:1px solid #d9d6ce;font-size:14px;line-height:1.6;word-break:keep-all}
.mv-showroom .mv-prep li .n{font-size:12px;font-weight:600;padding-top:2px}
.mv-showroom .mv-prep p{margin:14px 0 0;font-size:12.5px;color:var(--mute)}
@media(max-width:860px){.mv-showroom .mv-prep ul{grid-template-columns:minmax(0,1fr)}}

/* 오시는 길: 주소표 */
.mv-showroom .mv-addr{margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.mv-showroom .mv-addr li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6;word-break:keep-all}
.mv-showroom .mv-addr li span{font-size:12px;color:var(--mute);padding-top:2px}
.mv-showroom .mv-sr-copy .mv-h{font-weight:700;letter-spacing:-.025em}