/* p07 — 기아 신차 견적 : L7 지그재그 알터네이팅(넘버마크 좌우 반전) / F7 Cormorant Garamond+Nanum Myeongjo / HD3 / HR2(무차량) / CT7 / FT1 */
:root {
  --accent: #7A4419;
  --accent-text: #6B3B15;
  --bg: #FDF8F2;
  --ink: #2A1E14;
  --font-display: "Cormorant Garamond", "Nanum Myeongjo", serif;
  --font-body: "Nanum Myeongjo", Georgia, serif;
  --footer-bg: #2A1B0F;
  --footer-text: #E3D2BE;
}

/* HD3 : 상단 얇은 안내바 + 아래 메뉴바(2단) */
.hd3-bar { background: var(--accent); color: #fff; font-size: 12.5px; }
.hd3-bar-inner { display: flex; justify-content: space-between; align-items: center; height: 34px; gap: 12px; flex-wrap: wrap; }
.hd3-bar-inner a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.site-header { border-bottom: 1px solid #EEE0CE; }
.hd3-inner { display: flex; align-items: center; justify-content: space-between; height: 70px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 21px; text-decoration: none; color: var(--accent-text); }
.site-header nav ul { display: flex; gap: 22px; list-style: none; margin: 0; padding: 0; }
.site-header nav a { text-decoration: none; font-size: 14px; font-weight: 600; color: var(--ink); }
.site-header nav a:hover { color: var(--accent-text); }
@media (max-width: 640px) { .site-header nav ul { gap: 12px; flex-wrap: wrap; } }

/* HR2 : 차량 사진 슬라이드쇼 배경(.hero-slideshow는 base.css 공통 정의) + 텍스트/프로필 겹침 프레임 */
.hero { position: relative; overflow: hidden; padding-block: clamp(48px, 9vw, 92px); background: var(--ink); }
.hero-inner { display: grid; gap: 36px; justify-items: center; text-align: center; }
.hero-copy h1 { font-size: clamp(32px, 5vw, 52px); color: #fff; font-weight: 700; text-shadow: 0 2px 12px rgba(0,0,0,.6); }
.hero-lede { font-size: 17.5px; color: #F3E6D5; max-width: 56ch; margin: 0 auto 1.4em; font-style: italic; text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.hero-visual-frame { position: relative; width: 210px; margin: 0 auto; }
.hero-visual-frame::before {
  content: ""; position: absolute; inset: -14px -14px 14px 14px;
  border: 2px solid var(--accent); border-radius: 50%; z-index: 0;
}
.hero-visual-frame img { position: relative; z-index: 1; width: 210px; height: 210px; object-fit: cover; border-radius: 50%; }

/* L7 : 지그재그 알터네이팅(섹션마다 좌우 반전) */
.section--muted { background: #F7EEE0; }
.l7-row { display: grid; gap: 20px; grid-template-columns: 1fr; align-items: start; }
.l7-copy p { color: #4E3B27; font-size: 15.5px; }
.l7-mark {
  font-family: var(--font-display); font-weight: 700; font-size: 46px; color: var(--accent);
  opacity: .5; line-height: 1;
}
@media (min-width: 720px) {
  .l7-row { grid-template-columns: 1fr 90px; gap: 32px; }
  .l7-mark { font-size: 58px; text-align: right; }
  .l7-row--reverse { grid-template-columns: 90px 1fr; }
  .l7-row--reverse .l7-mark { text-align: left; }
}

/* 견적 진행 단계 도식 · 차량 사진 갤러리는 base.css의 .flow-row/.flow-graphic, .body-gallery 재사용 */
.flow-row p { color: #4E3B27; font-size: 15px; }

/* CT7 : 아웃라인 보더박스 + 버튼 3개, 배경 투명 */
.cta.ct7 { padding-block: clamp(48px, 7vw, 80px); }
.ct7-box {
  border: 2px solid var(--accent); border-radius: 18px; padding: clamp(28px, 5vw, 44px);
  text-align: center; max-width: 720px; margin: 0 auto;
}
.ct7-box h2 { font-size: clamp(20px, 2.8vw, 28px); margin-bottom: 20px; color: var(--ink); }
.cta-buttons--center { justify-content: center; }
.ct7-box .btn-outline { border-color: var(--accent); color: var(--accent-text); }
.ct7-box .btn-solid { background: var(--accent); }

/* FT1 : 3단 그리드 */
.footer-grid { display: grid; gap: 28px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .footer-grid { grid-template-columns: 1.2fr 1fr 1.4fr; } }
.footer-links p { margin: 0 0 8px; }