/* 착한타이어 버전 띠 (2026-10-17) — 현테크이엔지 홈페이지의 v1~v7 띠처럼 맨 위에 v0 · v1 · v2
   v0 = 새 디자인(안에서 5색 고르기) · v1 · v2 = 기존 디자인. 지금 보는 버전은 흰 단추 */
.ct-vtabs { background: #13254B; font: 600 12.5px/1 "Pretendard", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif; }
.ct-vtabs > div { max-width: 1240px; margin: 0 auto; padding: 5px 16px; display: flex; gap: 4px; align-items: center; }
.ct-vtabs a { color: #AEB8DA; text-decoration: none; padding: 5px 14px; border-radius: 4px; letter-spacing: .02em; }
.ct-vtabs a:hover { color: #fff; }
.ct-vtabs a.on { background: #fff; color: #13254B; }

/* 2026-10-25 휴대폰 (현테크 기준 360·384·390·412): 버전 띠 VB0~VB3 · v0~v2 7개가 한 줄에 들어가게 (390 이하에서 v2 가 화면 밖으로 나가던 것) */
@media (max-width: 420px) {
  .ct-vtabs > div { padding: 4px 8px; gap: 1px; }
  .ct-vtabs a { padding: 5px 7px; font-size: 12px; letter-spacing: 0; }
  .ct-vtabs i { margin: 0 3px !important; }
  /* v0 맨 위 띠: 5색 동그라미 + 영업 상태 + login 이 한 줄에 (login 이 화면 밖으로 나가던 것) */
  body.v0:not(.vbody) .v3-util .v3-wrap { gap: 6px; padding: 0 10px; }
  body.v0:not(.vbody) .v0-colors { gap: 1px; }
  body.v0:not(.vbody) .v0-colors button { width: 22px; height: 22px; }
  body.v0:not(.vbody) .v0-colors button i { width: 14px; height: 14px; }
  body.v0:not(.vbody) .v3-utlinks { gap: 8px; min-width: 0; flex: 1 1 auto; justify-content: flex-end; }
  body.v0:not(.vbody) .v3-utlinks .open { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; }
  body.v0:not(.vbody) .v3-utlinks .login { flex: none; }
}