/* p12 — 기아 리스 상담 : L2 좌이미지·우텍스트(동일방향 반복) / F5 Inter+Spoqa Han Sans Neo / HD4 / HR2(무차량) / CT5 / FT3 */
:root {
  --accent: #3E4C1E;
  --accent-text: #3E4C1E;
  --bg: #F9FAF4;
  --ink: #212615;
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Spoqa Han Sans Neo", "Spoqa Han Sans", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  --footer-bg: #23290F;
  --footer-text: #D2D9BE;
}

/* HD4 : 좌 로고타입 + 우 CTA링크 1개(메뉴는 햄버거) */
.site-header { border-bottom: 1px solid #E4E7D6; background: #fff; }
.hd4-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 12px; }
.logotype { font-family: var(--font-display); font-weight: 700; font-size: 17px; text-decoration: none; color: var(--accent); }
.hd4-right { display: flex; align-items: center; gap: 10px; position: relative; }
.btn-sm { padding: 9px 14px; font-size: 13.5px; border-radius: 8px; }
.hd4-menu summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 8px; color: var(--accent); }
.hd4-menu summary::-webkit-details-marker { display: none; }
.hd4-menu[open] summary { background: #EEF1E2; }
.hd4-menu nav { position: absolute; right: 0; top: 48px; background: #fff; border: 1px solid #E4E7D6; border-radius: 10px; padding: 10px 0; min-width: 190px; box-shadow: 0 8px 24px rgba(62,76,30,.14); z-index: 20; }
.hd4-menu nav ul { list-style: none; margin: 0; padding: 0; }
.hd4-menu nav a { display: block; padding: 9px 18px; text-decoration: none; font-size: 14.5px; }
.hd4-menu nav a:hover { background: #F9FAF4; }

/* HR2 : 차량 사진 슬라이드쇼 배경(.hero-slideshow는 base.css 공통 정의) + 좌텍스트/우 프로필 + 겹침 장식 */
.hero.hr2--no-car { position: relative; overflow: hidden; background: var(--ink); padding-block: clamp(48px, 8vw, 92px); }
.hr2--no-car .hero-inner { display: grid; gap: 32px; align-items: center; }
@media (min-width: 760px) { .hr2--no-car .hero-inner { grid-template-columns: 1.1fr .9fr; } }
.hr2--no-car h1 { font-size: clamp(28px, 4.4vw, 44px); color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.hr2--no-car .hero-lede { font-size: 16.5px; color: #E7EBDA; max-width: 54ch; text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.hero-visual { position: relative; display: flex; justify-content: center; }
.hero-blob { position: absolute; width: 150px; height: 150px; border-radius: 30% 70% 65% 35% / 40% 45% 55% 60%; background: var(--accent); opacity: .16; top: -14px; left: 50%; transform: translateX(-58%); }
.hero-visual img { position: relative; width: 172px; height: 172px; border-radius: 50%; object-fit: cover; border: 3px solid var(--accent); }

/* L2 : 좌 이미지(장식)·우 텍스트, 전 섹션 동일 방향 반복 */
.l2-row { padding-block: clamp(36px, 6vw, 60px); }
.l2-row:nth-of-type(even) { background: #F1F4E7; }
.l2-inner { display: grid; gap: 24px; align-items: start; }
@media (min-width: 760px) { .l2-inner { grid-template-columns: 96px 1fr; } }
.l2-visual { width: 88px; height: 88px; border-radius: 16px; background: #EAF0DC; color: var(--accent); display: flex; align-items: center; justify-content: center; }
.l2-text h2 { font-size: clamp(20px, 2.6vw, 26px); margin-bottom: .6em; }
.l2-text p { color: #454F35; }

/* CT5 : 섹션 사이 인라인 CTA 3회 반복 + 본문 하단 3버튼 */
.cta-line { background: var(--accent); }
.cta-line a { display: block; text-align: center; color: #fff; text-decoration: none; padding: 12px 0; font-weight: 700; font-size: 14.5px; }
.cta-line a:hover { text-decoration: underline; }
.cta.ct5-final { padding-block: clamp(44px, 7vw, 72px); text-align: center; }
.ct5-final h2 { font-size: clamp(20px, 2.6vw, 26px); margin-bottom: .8em; }
.cta-buttons--center { justify-content: center; }

/* FT3 : 중앙정렬 1단 세로스택 */
.footer-stack { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.footer-stack .footer-biz p,
.footer-stack .footer-links p { margin: 0 0 4px; }
.footer-stack .footer-links { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; }