.mega-col strong{display:block; font-size:1.9rem; font-weight:800; color:var(--ink); margin-bottom:14px;}

.mega-col a.current{color:var(--tangerine);}

.nav-dropdown a.current{color:var(--tangerine); font-weight:700;}


/* 2026-09-06 — 상단 소개 영역을 자차면책제도(Insurance_1) 페이지와 같은 모양으로.
   가운데 정렬 + 빨간 짧은 선 + 같은 글자 크기, 여백도 같은 45px 입니다. */
/* 차종 바로가기 — 스크롤해도 «상단 메뉴 바로 아래»에 붙어 있습니다.
   상단 메뉴(header)가 position:sticky · z-index:50 이라, 그 높이만큼 내려서
   붙여야 겹치지 않습니다. 높이는 화면 폭마다 달라(146/134/126px)
   페이지 아래쪽 스크립트가 --hdr-h 에 실제 높이를 넣어줍니다. */
.type-nav{
  position:sticky; top:var(--hdr-h, 146px); z-index:40;
  background:rgba(255,255,255,.94); backdrop-filter:blur(6px);
  border-bottom:1px solid var(--line);
}
.type-nav-in{display:flex; gap:8px; padding:11px 24px; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.type-nav-in::-webkit-scrollbar{display:none;}
.type-chip{
  flex:0 0 auto; font-size:1.35rem; font-weight:700; color:var(--text-body);
  padding:8px 16px; border:1px solid var(--line); border-radius:999px;
  background:var(--surface); transition:all .15s; white-space:nowrap;
}
.type-chip:hover{border-color:var(--tangerine-deep); color:var(--tangerine-deep);}
.type-chip.is-on{background:var(--tangerine); border-color:var(--tangerine); color:#fff;}
/* 「전연령」 칩은 <button> 이라 글꼴·커서를 맞춰줍니다 */
button.type-chip{font-family:inherit; cursor:pointer;}
/* 전연령만 볼 때 숨겨지는 카드 · 차급 */
.car-card.is-hide, .car-group.is-hide{display:none;}

/* 고정 메뉴에 제목이 가리지 않도록 */
.car-group{scroll-margin-top:calc(var(--hdr-h, 146px) + 72px);}

.cars{padding:64px 0 100px;}

.car-group{margin-bottom:52px;}
.car-group:last-child{margin-bottom:0;}

.car-group-head{
  display:flex; align-items:baseline; gap:12px;
  padding-bottom:14px; margin-bottom:24px;
  border-bottom:2.5px solid var(--basalt);
}
.car-group-head h2{font-size:2.2rem; font-weight:800; letter-spacing:-0.01em;}
.car-group-head span{font-size:1.35rem; color:var(--text-muted); font-weight:600;}

.car-grid{
  display:grid; gap:22px;
  grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));
  /* 2026-09-06 — 카드 높이를 서로 맞추지 않습니다.
     한 카드에서 옵션을 열어도 같은 줄의 다른 카드가 같이 늘어나
     아래에 빈 공간이 생기던 것을 막아줍니다. */
  align-items:start;
}
.car-card{
  background:#fff; border:1px solid #EBE5DF; border-radius:14px;
  overflow:hidden; display:flex; flex-direction:column;
  transition:box-shadow .2s, transform .2s;
}
.car-card:hover{box-shadow:0 10px 24px rgba(24,29,27,0.09); transform:translateY(-3px);}

.car-thumb{
  background:#fff; padding:14px 14px 6px;
  display:flex; align-items:center; justify-content:center;
}
.car-thumb img{width:100%; height:132px; object-fit:contain;}
.car-body{padding:4px 18px 18px; display:flex; flex-direction:column; flex:1;}
.car-name{font-size:1.7rem; font-weight:800; letter-spacing:-0.01em; margin-bottom:12px;}

.car-tags{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px;}
.car-tag{
  font-size:1.25rem; font-weight:700; padding:4px 9px; border-radius:6px;
  background:#F4EFEB; color:var(--ink);
}

.car-tag.age{background:#FBECEA; color:var(--tangerine);}

/* 2026-09-06 — 옵션 버튼은 «예약 버튼»처럼 보이지 않게 낮춥니다.
   진한 빨강(--tangerine)은 실제 예약 버튼에만 씁니다. */
.car-btn{
  margin-top:auto; display:block; width:100%; text-align:center;
  background:var(--surface); color:var(--text-body); font-size:1.35rem; font-weight:700;
  padding:11px 0; border-radius:10px; transition:background .15s, color .15s, border-color .15s;
  border:1px solid var(--line); cursor:pointer; font-family:inherit;
}
.car-btn:hover{background:var(--primary-light); border-color:#F0D6D2; color:var(--tangerine-deep);}

.car-btn .arrow{display:inline-block; font-size:1rem; transition:transform .2s; margin-left:2px;}
.car-card.open .car-btn{
  background:var(--primary-light); border-color:var(--tangerine-deep); color:var(--tangerine-deep);
}
.car-card.open .car-btn .arrow{transform:rotate(180deg);}
/* 열린 카드는 테두리만 연한 빨강으로 표시 */
.car-card.open{border-color:#F0D6D2;}

.car-opts{
  margin-top:12px; padding:14px 15px 12px;
  background:var(--wave); border:1px solid #EFE9E4; border-radius:10px;
}
.car-opts-title{font-size:1.25rem; font-weight:800; color:var(--text-muted); margin-bottom:9px;}
.car-opts-list{list-style:none; margin:0; padding:0;}
.car-opts-list li{
  font-size:1.35rem; color:var(--text-body); line-height:1.5;
  padding:5px 0 5px 19px; position:relative;
}

.car-opts-list li::before{
  content:'✓'; position:absolute; left:0; top:5px;
  color:var(--tangerine); font-weight:800; font-size:1.25rem;
}
.car-opts-note{
  margin:10px 0 0; padding-top:9px; border-top:1px solid #EFE9E4;
  font-size:1.15rem; color:var(--text-muted); line-height:1.6;
}

.car-note{
  margin-top:46px; background:#fff; border:1px solid #EBE5DF; border-radius:14px;
  padding:26px 26px 22px;
}
.car-note h3{font-size:1.6rem; font-weight:800; margin-bottom:14px;}

.car-note li{
  font-size:1.4rem; color:var(--text-body); list-style:none;
  padding:11px 0 11px 22px; position:relative; line-height:1.75;
}
.car-note li::before{
  content:''; position:absolute; left:5px; top:20px;
  width:5px; height:5px; border-radius:50%; background:#C4BDB6;
}

.car-note li b{color:var(--ink); font-weight:700;}
.car-note li b.hl{color:var(--tangerine);}
.car-note li a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}

/* 페이지 맨 아래 예약 연결 */
.cars-cta{
  margin-top:34px; text-align:center; background:var(--primary-light);
  border-radius:14px; padding:30px 24px;
}
.cars-cta p{font-size:1.6rem; font-weight:700; color:var(--ink); margin-bottom:14px;}
.cars-cta-btn{
  display:inline-block; background:var(--tangerine); color:#fff;
  font-size:1.5rem; font-weight:700; padding:15px 34px; border-radius:10px;
  transition:background .15s;
}
.cars-cta-btn:hover{background:var(--tangerine-deep);}

@media (max-width:860px){
  .header-bottom{justify-content:center;}
  .type-nav-in{padding:9px 16px; gap:6px;}
  .type-chip{font-size:1.25rem; padding:7px 13px;}
  .car-group{scroll-margin-top:calc(var(--hdr-h, 126px) + 64px);}
  .cars-cta{padding:22px 16px; margin-top:26px;}
  .cars-cta p{font-size:1.4rem;}
  .cars-cta-btn{width:100%; font-size:1.4rem; padding:13px 0;}
  .cars{padding:44px 0 70px;}
  .car-group{margin-bottom:38px;}
  .car-group-head h2{font-size:1.9rem;}
  .car-group-head{flex-direction:column; align-items:flex-start; gap:4px;}

  .car-grid{grid-template-columns:repeat(2, 1fr); gap:14px;}
  /* 모바일은 화면이 좁아 옵션 태그가 1~3줄로 들쭉날쭉해집니다.
     같은 줄의 카드 높이를 맞춰서 «주요 옵션 보기» 버튼이 나란히 오게 합니다.
     (PC 는 태그가 대부분 한 줄이라 맞출 필요가 없고, 오히려 높이를 맞추면
      옵션을 열었을 때 옆 카드까지 늘어나 빈 공간이 생깁니다) */
  .car-grid{align-items:stretch;}
  .car-thumb img{height:96px;}
  .car-body{padding:4px 13px 14px;}
  .car-name{font-size:1.45rem; margin-bottom:9px;}
  .car-tag{font-size:1.15rem; padding:3px 7px;}
  .car-btn{font-size:1.25rem; padding:9px 0;}
  .car-note{padding:20px 16px 16px;}
  .car-note li{font-size:1.3rem;}
}