/* 차량별 상세페이지 — hub.css(디자인 토큰·헤더·푸터·버튼·FAQ)를 재사용하고, 기존 콘텐츠 클래스만 같은 톤으로 재스타일 */
.model-page{background:var(--bg)}
.narrow{max-width:800px;margin:0 auto;padding:0 24px}
.container.narrow{max-width:800px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head.center p{margin-left:auto;margin-right:auto}

/* hero */
.vhero{background:radial-gradient(120% 90% at 78% 20%,#2a2d31 0%,var(--bg) 62%);overflow:hidden}
.vhero-grid{max-width:var(--container);margin:0 auto;padding:56px 24px 52px;display:grid;grid-template-columns:48% 52%;grid-template-areas:"kick photo" "title photo" "lead photo" "cta photo";column-gap:40px;align-items:start}
.vhero-kicker{grid-area:kick;align-self:end;padding-top:24px}
.vhero-title{grid-area:title;font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.14;word-break:keep-all}
.vhero-lead{grid-area:lead;margin-top:24px}
.vhero-lead p{color:rgba(255,255,255,.84);font-size:1.02rem;max-width:34em}
.vhero-cta{grid-area:cta;margin-top:8px}
.vhero-photo{grid-area:photo;margin:0;align-self:center;aspect-ratio:4/3;width:100%;background:linear-gradient(145deg,#25282b,#15171a);border:1px solid var(--line-d);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.vhero-photo img{width:100%;height:100%;object-fit:contain}

/* gallery (히어로 아래 1:1 실차 사진) */
.model-gallery{padding:44px 0 20px;background:var(--paper);color:var(--ink)}
.gallery-1x1{list-style:none;margin:0;padding:0 0 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gallery-1x1 li{padding:0;border:0}
.gallery-1x1 li::before{display:none}
.gallery-1x1 figure{margin:0}
.gallery-1x1 img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#e9e7e2;border:1px solid var(--line);border-radius:14px;display:block}
.gallery-1x1 figcaption{font-size:.85rem;color:var(--ink-3);padding-top:8px}

/* legacy 본문 블록 */
.section p{max-width:70ch}
.section.light p,.section.light li{color:var(--ink-2)}
.section.dark p{color:rgba(255,255,255,.78)}
.section.dark .section-head p{color:rgba(255,255,255,.72)}
.section .kicker{color:var(--gold-d)}
.section.dark .kicker{color:var(--gold)}
.section.light h3{color:var(--ink)}
.section ul:not(.gallery-1x1){margin:0;padding:0;list-style:none}
.section ul:not(.gallery-1x1) li{position:relative;padding:14px 0 14px 28px;border-top:1px solid var(--line);font-weight:600}
.section ul:not(.gallery-1x1) li:last-child{border-bottom:1px solid var(--line)}
.section ul:not(.gallery-1x1) li::before{content:"";position:absolute;left:4px;top:25px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.section.dark ul:not(.gallery-1x1) li{border-color:var(--line-d);color:#fff}
.section.light ul:not(.gallery-1x1) li{color:var(--ink)}
.section.dark .guide-table{background:var(--char);box-shadow:none;border:1px solid var(--line-d)}
.section.dark .guide-table th{background:#08090a;color:var(--gold)}
.section.dark .guide-table td{color:rgba(255,255,255,.84);border-color:var(--line-d)}
.section.dark .guide-table td:first-child{color:#fff}
.section.dark .guide-table td a{color:var(--gold)}
.guide-table td{vertical-align:top}

.editorial{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.editorial img{width:100%;max-width:520px;aspect-ratio:1/1;object-fit:contain;background:#e9e7e2;border:1px solid var(--line);border-radius:14px;margin:0 auto}
.editorial h2{margin-bottom:.5em}

.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.card img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#e9e7e2;border-bottom:1px solid var(--line)}
.card h3{padding:16px 18px 0;font-size:1.05rem;color:var(--ink)}
.card p{padding:0 18px;margin:.4em 0 .8em;font-size:.88rem;color:var(--ink-2)}
.card a{padding:0 18px 18px;margin-top:auto;font-size:.85rem;font-weight:700;color:var(--gold-d)}
.card:not(:has(img)) h3{padding-top:22px}

.faq-sec .faq-list{max-width:800px;margin:0 auto}
.section.dark .faq-item{border-color:var(--line-d)}
.section.dark .faq-item summary h3{color:#fff}
.section.dark .faq-a{color:rgba(255,255,255,.75)}
.final-btns .btn-ghost{min-width:0}

@media(max-width:1020px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial{grid-template-columns:1fr;gap:28px}}
@media(max-width:820px){
  .vhero-grid{grid-template-columns:1fr;grid-template-areas:"kick" "title" "photo" "lead" "cta";padding-top:32px;column-gap:0}
  .vhero-kicker{padding-top:0}
  .vhero-photo{margin:22px 0 4px}
  .section{padding:56px 0}
  .final-btns{width:100%}
}
@media(max-width:640px){
  .gallery-1x1{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .gallery-1x1 figcaption{font-size:.78rem}
  .card-grid{gap:10px}
  .card h3{padding:12px 12px 0;font-size:.95rem}
  .card p{padding:0 12px;font-size:.78rem}
  .card a{padding:0 12px 14px;font-size:.78rem}
  .vhero-cta .btn{flex:1 1 auto}
}
.section .card p{color:var(--ink-2)}
.section .card h3{color:var(--ink)}
.card img{aspect-ratio:4/3}
.section-head p + p,.section .container > p + p{margin-top:1em}
.section-head p{margin-bottom:0}