/* cars.mk1.co.kr — v2 비주얼 (2026-10-04, Figma 「MK1 Cars — 매물 사이트 재설계 2026-10」 그대로)
 * 로드 순서: stock.css → partners.css → mall.css → cars.css → cars-v2.css(이 파일, 맨 끝)
 * 규칙: 새 클래스는 전부 .v2- 접두사. 기존 .site-header·.site-footer·.logo·.site-nav 만 body.v2 아래에서 덮어쓴다.
 * 토큰은 www·members와 같은 13색(partners.css :root) — 새 색을 만들지 않는다(상태색 몇 개만 아래에 추가).
 * 논리 속성(inline-start/end)으로 써서 rtl.css(아랍어)가 거울로 뒤집어도 깨지지 않게 한다. */

body.v2{
  --v2-ink:#0A1E39; --v2-ink-2:#102B4F; --v2-bottom:#071629;
  --v2-line-d:rgba(255,255,255,.14);
  --v2-wa:#25D366; --v2-wa-ink:#081A33; --v2-wa-glyph:#1DB954;
  --v2-ok:#177245; --v2-ok-bg:#E7F2ED;
  --v2-warn:#B25317; --v2-warn-bg:#FFF3E8; --v2-warn-line:#F5C9A6;
  --v2-bad:#B3341A; --v2-bad-bg:#FFE9E4;
  background:#fff; color:var(--text-primary,#13253E); line-height:1.5;
}
body.v2 *:focus-visible{outline:2px solid var(--orange-500,#FF6B2C);outline-offset:2px}
.v2-wrap{width:100%;max-width:1248px;margin-inline:auto;padding-inline:24px}
.v2-ico{width:1em;height:1em;flex:none;display:inline-block}
.v2-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.v2-badges{display:flex;flex-wrap:wrap;gap:6px}
@media(max-width:640px){.v2-wrap{padding-inline:20px}}

/* ================= 헤더 (네이비, 히어로와 한 몸) ================= */
body.v2 .site-header{
  position:sticky;top:0;z-index:60;height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:0 max(24px,calc((100% - 1200px)/2));background:var(--v2-ink-2);color:#fff;
  border-bottom:1px solid var(--v2-line-d);backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.v2 .logo{gap:14px}
body.v2 .logo img{width:59px;height:28px}
body.v2 .logo .logo-tag{font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--navy-300,#A9BAD1);border-inline-start:1px solid var(--v2-line-d);padding-inline-start:14px;line-height:16px}
body.v2 .site-nav{display:flex;align-items:center;gap:32px;margin-inline-start:auto;flex-wrap:nowrap}
body.v2 .site-nav a.nav-link{font-size:15px;font-weight:500;color:var(--navy-300,#A9BAD1);text-decoration:none;line-height:20px}
body.v2 .site-nav a.nav-link:hover{color:#fff}
body.v2 .site-nav a.nav-link.active{color:#fff;font-weight:600}
body.v2 .site-nav .hdr-wa{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;background:var(--v2-wa);color:var(--v2-wa-ink);font-size:14px;font-weight:700;text-decoration:none;box-shadow:none;line-height:1}
body.v2 .site-nav .hdr-wa:hover{background:var(--v2-wa-glyph)}
body.v2 .site-nav .hdr-wa .v2-ico{width:18px;height:18px}

/* 언어 메뉴 — 켜진 언어만(en · sq), 현재 언어에 체크 */
.v2-lang{position:relative}
.v2-lang__btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#fff;font:500 14px/1 var(--font-sans);cursor:pointer}
.v2-lang__btn:hover,.v2-lang__btn[aria-expanded="true"]{border-color:rgba(255,255,255,.5)}
.v2-lang__btn .v2-ico{width:16px;height:16px}
.v2-lang__btn .v2-ico--chev{width:14px;height:14px;color:var(--navy-300,#A9BAD1)}
.v2-lang__code{display:none}
.v2-lang__menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:200px;padding:6px;margin:0;list-style:none;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(11,37,69,.28);display:none;z-index:70}
.v2-lang__menu.open{display:block}
.v2-lang__menu a{display:flex;align-items:center;justify-content:space-between;gap:8px;height:40px;padding:0 12px;border-radius:8px;color:var(--navy-900,#0B2545);font-size:14px;font-weight:500;text-decoration:none}
.v2-lang__menu a:hover{background:var(--navy-100,#E9EFF7)}
.v2-lang__menu a[aria-current="true"]{background:var(--navy-100,#E9EFF7);font-weight:600}
.v2-lang__menu a[aria-current="true"] .v2-ico{color:var(--orange-600,#E85A1F);width:16px;height:16px}

/* 모바일: 로고 + 언어(코드) + 햄버거, 메뉴는 헤더 아래 전체 시트 */
.v2-burger{display:none;align-items:center;justify-content:center;width:40px;height:36px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:transparent;color:#fff;cursor:pointer;padding:0}
.v2-burger .v2-ico{width:20px;height:20px}
.v2-burger .v2-ico--x{display:none}
.v2-burger[aria-expanded="true"] .v2-ico--x{display:inline-block}
.v2-burger[aria-expanded="true"] .v2-ico--menu{display:none}
.v2-menu{display:none;position:fixed;inset:64px 0 0 0;z-index:58;background:var(--v2-ink);overflow:auto;padding:8px 20px 28px}
.v2-menu.open{display:block}
.v2-menu a.v2-menu__link,.v2-menu__lang>summary{display:flex;align-items:center;justify-content:space-between;height:56px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--navy-300,#A9BAD1);font-size:18px;font-weight:500;text-decoration:none;list-style:none;cursor:pointer}
.v2-menu a.v2-menu__link.active{color:#fff;font-weight:700}
.v2-menu__lang>summary::-webkit-details-marker{display:none}
.v2-menu__lang>summary .v2-menu__cur{color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px;font-size:16px}
.v2-menu__lang ul{list-style:none;margin:0;padding:4px 0 8px}
.v2-menu__lang li a{display:flex;align-items:center;justify-content:space-between;height:48px;padding-inline:4px;color:var(--navy-300,#A9BAD1);font-size:16px;text-decoration:none}
.v2-menu__lang li a[aria-current="true"]{color:#fff;font-weight:600}
.v2-menu__wa{margin-top:16px}
body.v2-menu-open{overflow:hidden}

@media(max-width:640px){
  body.v2 .site-header{height:64px;padding:0 20px;gap:10px}
  body.v2 .logo img{width:51px;height:24px}
  body.v2 .logo .logo-tag{display:none}
  body.v2 .site-nav{gap:10px}
  body.v2 .site-nav a.nav-link,body.v2 .site-nav .hdr-wa{display:none}
  .v2-lang__btn{height:36px}
  .v2-lang__name{display:none}
  .v2-lang__code{display:inline}
  .v2-burger{display:inline-flex}
}

/* ================= 히어로 ================= */
.v2-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,var(--v2-ink-2) 0%,var(--v2-ink) 52%,var(--v2-bottom) 100%)}
.v2-hero__bg{position:absolute;inset:0;pointer-events:none}
.v2-hero__photo{position:absolute;inset-block:0;inset-inline-start:36%;inset-inline-end:0;background:url("/assets/images/hero-port.jpg") center 42%/cover no-repeat;opacity:.62;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 50%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 50%,#000 100%)}
[dir="rtl"] .v2-hero__photo{-webkit-mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.6) 50%,#000 100%);mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.6) 50%,#000 100%)}
.v2-hero__glow{position:absolute;inset-inline-end:-140px;top:-240px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,44,.30),rgba(255,107,44,0) 68%)}
.v2-hero__in{position:relative;display:flex;flex-direction:column;gap:14px;padding-block:44px 52px}
.v2-overline{font-size:12px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-500,#FF6B2C);margin:0}
.v2-h1{margin:0;font-size:44px;line-height:50px;font-weight:800;letter-spacing:-.02em;color:#fff;text-wrap:balance}
.v2-lead{margin:0;max-width:720px;font-size:18px;line-height:30px;color:var(--navy-300,#A9BAD1)}
@media(max-width:640px){
  .v2-hero__photo{inset-inline-start:0;opacity:.34;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.35) 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.35) 55%,transparent 100%)}
  .v2-hero__in{gap:12px;padding-block:28px 32px}
  .v2-h1{font-size:30px;line-height:36px}
  .v2-lead{font-size:15px;line-height:24px}
}

/* 상세 머리 */
.v2-hero--head .v2-hero__in{gap:10px;padding-block:32px 44px}
.v2-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:14px;font-weight:600;color:var(--orange-500,#FF6B2C);text-decoration:none}
.v2-back:hover{color:#fff}
.v2-back .v2-ico{width:16px;height:16px}
[dir="rtl"] .v2-back .v2-ico{transform:scaleX(-1)}
.v2-h1--detail{font-size:40px;line-height:46px;font-weight:700;letter-spacing:-.015em}
.v2-trim{margin:0;font-size:18px;line-height:30px;color:var(--navy-300,#A9BAD1)}
.v2-meta{margin:0;font-size:15px;line-height:22px;color:var(--navy-300,#A9BAD1);overflow-wrap:anywhere}
.v2-hero--head .v2-badges{margin-top:6px}
@media(max-width:640px){
  .v2-hero--head .v2-hero__in{padding-block:20px 28px}
  .v2-h1--detail{font-size:28px;line-height:34px}
  .v2-trim{font-size:15px;line-height:22px}
  .v2-meta{font-size:14px}
}

/* ================= 신뢰 스트립 (API 실측값) ================= */
.v2-strip{background:var(--navy-900,#0B2545);color:#fff;min-height:84px}
.v2-strip[hidden]{display:block;visibility:hidden}
.v2-strip__in{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}
.v2-strip__cell{display:flex;flex-direction:column;gap:2px;padding:18px 28px;border-inline-start:1px solid var(--navy-700,#27466F)}
.v2-strip__cell:first-child{border-inline-start:0;padding-inline-start:0}
.v2-strip__v{font-size:24px;line-height:28px;font-weight:800;letter-spacing:-.01em}
.v2-strip__l{font-size:13px;line-height:18px;font-weight:500;color:var(--navy-300,#A9BAD1)}
@media(max-width:640px){
  .v2-strip{min-height:174px}
  .v2-strip .v2-wrap{padding-inline:0}
  .v2-strip__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v2-strip__cell,.v2-strip__cell:first-child{padding:16px 20px}
  .v2-strip__cell:nth-child(odd){border-inline-start:0}
  .v2-strip__cell:nth-child(even){border-inline-start:1px solid var(--navy-700,#27466F)}
  .v2-strip__cell:nth-child(n+3){border-top:1px solid var(--navy-700,#27466F)}
  .v2-strip__l{font-size:12px;line-height:17px}
}

/* ================= 목록: 필터 · 결과줄 ================= */
.v2-main{padding-block:40px 72px}
.v2-filters{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid var(--border,#DDE4EE);border-radius:14px;box-shadow:0 2px 10px rgba(11,37,69,.05)}
.v2-selects{display:contents}
.v2-search{position:relative;flex:1;min-width:0}
.v2-search .v2-ico{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted,#7C8BA0);pointer-events:none}
.v2-search input{width:100%;height:48px;padding:0 16px;padding-inline-start:44px;border:1px solid var(--border,#DDE4EE);border-radius:8px;background:var(--off-white,#F7F9FC);font:500 15px/1 var(--font-sans);color:var(--text-primary,#13253E);-webkit-appearance:none;appearance:none}
.v2-search input::placeholder{color:var(--text-muted,#7C8BA0);font-weight:400}
.v2-search input:focus{outline:none;border-color:var(--navy-900,#0B2545);box-shadow:0 0 0 3px rgba(11,37,69,.08)}
.v2-search input.is-on{border-color:var(--navy-900,#0B2545)}
select.v2-select{-webkit-appearance:none;appearance:none;width:176px;height:48px;padding:0 40px 0 16px;border:1px solid var(--border,#DDE4EE);border-radius:8px;cursor:pointer;
  background:var(--off-white,#F7F9FC) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237C8BA0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/16px;
  font:500 15px/1 var(--font-sans);color:var(--text-secondary,#46586F)}
[dir="rtl"] select.v2-select{padding:0 16px 0 40px;background-position:left 14px center}
select.v2-select[hidden]{display:none}
select.v2-select:focus{outline:none;border-color:var(--navy-900,#0B2545)}
select.v2-select.is-on{border-color:var(--navy-900,#0B2545);box-shadow:inset 0 0 0 .5px var(--navy-900,#0B2545);color:var(--navy-900,#0B2545);font-weight:600}
select.v2-select--sort-m{display:none}
.v2-reset{height:48px;padding:0 12px;border:0;background:none;color:var(--orange-600,#E85A1F);font:600 15px/1 var(--font-sans);cursor:pointer;white-space:nowrap}
.v2-reset:hover{text-decoration:underline}
.v2-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;min-height:32px}
.v2-bar[hidden]{display:none}
.v2-bar__l{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.v2-count{font-size:16px;line-height:22px;font-weight:700;color:var(--navy-900,#0B2545)}
.v2-fchip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 14px;border:0;border-radius:999px;background:var(--navy-100,#E9EFF7);color:var(--navy-900,#0B2545);font:600 13px/1 var(--font-sans);cursor:pointer}
.v2-fchip .v2-ico{width:14px;height:14px;color:var(--navy-700,#27466F)}
.v2-fchip:hover{background:#dbe5f2}
.v2-sort{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted,#7C8BA0)}
.v2-sort select{-webkit-appearance:none;appearance:none;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237C8BA0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center/14px;padding:4px 20px 4px 0;font:600 14px/1.3 var(--font-sans);color:var(--navy-900,#0B2545);cursor:pointer}
[dir="rtl"] .v2-sort select{padding:4px 0 4px 20px;background-position:left center}
@media(max-width:1023px){select.v2-select{width:150px}}
@media(max-width:640px){
  .v2-main{padding-block:24px 48px}
  .v2-filters{flex-direction:column;align-items:stretch;gap:16px;padding:0;border:0;border-radius:0;box-shadow:none;background:none}
  .v2-selects{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:-20px;padding-inline:20px}
  .v2-selects::-webkit-scrollbar{display:none}
  select.v2-select{flex:none;width:auto;height:40px;padding:0 36px 0 16px;border-radius:999px;background-color:#fff;background-position:right 12px center;background-size:14px;font-size:14px}
  [dir="rtl"] select.v2-select{padding:0 16px 0 36px;background-position:left 12px center}
  select.v2-select--sort-m{display:block}
  .v2-reset{flex:none;height:40px;padding:0 4px}
  .v2-reset[hidden]{display:none}
  .v2-sort--d{display:none}
  .v2-bar{margin-top:16px}
}

/* ================= 목록: 카드 ================= */
.v2-grid{display:grid;gap:24px;grid-template-columns:1fr;margin-top:24px}
@media(min-width:768px){.v2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.v2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.v2-grid{gap:20px;margin-top:20px}}
.v2-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border,#DDE4EE);border-radius:14px;overflow:hidden;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.v2-card:hover{border-color:var(--navy-700,#27466F);transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,37,69,.10)}
/* RTL(아랍어) — 숫자·슬래시가 섞인 짧은 값은 방향을 고립시켜 「20 / 1」처럼 뒤집히지 않게 한다 */
[dir="rtl"] .v2-gal__cnt,[dir="rtl"] .v2-strip__v,[dir="rtl"] .v2-card__amt,[dir="rtl"] .v2-price__big{direction:ltr;unicode-bidi:isolate}

/* 카드 전체가 하나의 링크(제목 링크를 카드 크기로 늘림) — 알약만 그 위(z-index 3)에서 따로 동작 */
.v2-card__a{color:inherit;text-decoration:none}
.v2-card__a::after{content:"";position:absolute;inset:0;z-index:1}
.v2-card__media{position:relative;aspect-ratio:4/3;background:var(--navy-100,#E9EFF7);overflow:hidden}
.v2-card__media img{width:100%;height:100%;object-fit:cover}
.v2-card.is-sold .v2-card__media::after{content:"";position:absolute;inset:0;background:rgba(247,249,252,.62)}
.v2-card__badges{position:absolute;top:12px;inset-inline-start:12px;inset-inline-end:12px;display:flex;flex-wrap:wrap;gap:6px}
.v2-badge{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.v2-badge .v2-ico{width:13px;height:13px}
.v2-badge--ks{background:var(--v2-warn-bg);border:1px solid var(--v2-warn-line);color:var(--v2-warn)}
.v2-badge--feat{background:var(--navy-900,#0B2545);color:#fff}
.v2-badge--res{background:#fff;color:var(--navy-900,#0B2545)}
.v2-badge--sold{background:#F3F4F6;color:#6B7280}
.v2-card__photos{position:absolute;bottom:12px;inset-inline-start:12px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border-radius:999px;background:rgba(8,26,51,.74);color:#fff;font-size:12px;font-weight:600}
.v2-card__photos .v2-ico{width:14px;height:14px}
.v2-card__body{display:flex;flex-direction:column;flex:1;gap:12px;padding:18px 20px 0}
.v2-card__head{display:flex;flex-direction:column;gap:3px}
.v2-card__title{margin:0;font-size:18px;line-height:24px;font-weight:700;letter-spacing:-.003em;color:var(--navy-900,#0B2545);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2-card__trim{margin:0;font-size:14px;line-height:20px;color:var(--text-muted,#7C8BA0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v2-card__hook{margin:0;font-size:14px;line-height:20px;color:var(--text-secondary,#46586F);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2-card__specs{margin:0;font-size:14px;line-height:20px;font-weight:500;color:var(--text-primary,#13253E)}
.v2-chips{display:flex;flex-wrap:wrap;gap:6px}
.v2-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.v2-chip .v2-ico{width:13px;height:13px}
.v2-chip--ok{background:var(--v2-ok-bg);color:var(--v2-ok)}
.v2-chip--mute{background:var(--off-white,#F7F9FC);border:1px solid var(--border,#DDE4EE);color:var(--text-muted,#7C8BA0)}
.v2-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 20px 0;padding:14px 0 20px;border-top:1px solid var(--border,#DDE4EE)}
.v2-card__price{display:flex;flex-direction:column;gap:1px;min-width:0}
.v2-card__ask{font-size:16px;line-height:22px;font-weight:700;color:var(--navy-900,#0B2545)}
.v2-card__amt{font-size:20px;line-height:26px;font-weight:800;letter-spacing:-.01em;color:var(--navy-900,#0B2545)}
.v2-card__sub{font-size:12px;line-height:16px;color:var(--text-muted,#7C8BA0)}
.v2-card.is-sold .v2-card__ask{color:var(--text-muted,#7C8BA0)}
.v2-pill-wa{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1.5px solid var(--v2-wa);border-radius:999px;background:#fff;color:var(--v2-wa-ink);font-size:13px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;flex:none;position:relative;z-index:3}
.v2-pill-wa:hover{background:#F0FBF4}
.v2-pill-wa .v2-ico{width:16px;height:16px;color:var(--v2-wa-glyph)}
.v2-card--skel{pointer-events:none}
.v2-skel{display:block;background:var(--navy-100,#E9EFF7);border-radius:6px;animation:v2-pulse 1.4s ease-in-out infinite}
.v2-card--skel .v2-skel--img{aspect-ratio:4/3;border-radius:0}
@keyframes v2-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.v2-skel{animation:none}.v2-card{transition:none}.v2-card:hover{transform:none}}
@media(max-width:640px){.v2-card__body{padding:16px 16px 0}.v2-card__foot{margin:12px 16px 0;padding:14px 0 16px}}

/* 더 보기 */
.v2-more{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:40px}
.v2-more[hidden]{display:none}
.v2-more__n{font-size:14px;color:var(--text-muted,#7C8BA0)}
.v2-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 32px;border:1.5px solid var(--navy-900,#0B2545);border-radius:10px;background:transparent;color:var(--navy-900,#0B2545);font:700 15px/1 var(--font-sans);cursor:pointer}
.v2-btn-outline:hover{background:var(--navy-100,#E9EFF7)}
.v2-btn-outline .v2-ico{width:18px;height:18px}
@media(max-width:640px){.v2-more{padding-top:28px}.v2-btn-outline{width:100%}}

/* 빈 결과 · 오류 */
.v2-state{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;border:1.5px dashed var(--border,#DDE4EE);border-radius:14px;background:var(--off-white,#F7F9FC);text-align:center}
.v2-state__ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--navy-100,#E9EFF7);color:var(--navy-700,#27466F)}
.v2-state--err .v2-state__ico{background:var(--v2-warn-bg);color:var(--v2-warn)}
.v2-state__ico .v2-ico{width:24px;height:24px}
.v2-state p{margin:0;font-size:16px;line-height:26px;color:var(--text-primary,#13253E)}
.v2-btn-sm{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border:1.5px solid var(--navy-900,#0B2545);border-radius:10px;background:#fff;color:var(--navy-900,#0B2545);font:700 14px/1 var(--font-sans);cursor:pointer;text-decoration:none}
.v2-btn-sm:hover{background:var(--navy-100,#E9EFF7)}
.v2-btn-sm .v2-ico{width:16px;height:16px}

/* ================= 파트너 CTA 밴드 ================= */
.v2-cta{padding-block:0 80px}
.v2-cta__band{display:flex;flex-direction:column;align-items:center;gap:14px;padding:52px 48px;border-radius:16px;text-align:center;color:#fff;background:linear-gradient(90deg,var(--v2-ink-2),var(--v2-ink))}
.v2-cta__band h3{margin:0;font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.01em}
.v2-cta__band p{margin:0;max-width:640px;font-size:16px;line-height:26px;color:var(--navy-300,#A9BAD1)}
.v2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border:0;border-radius:10px;background:var(--orange-500,#FF6B2C);color:#fff;font:700 15px/1 var(--font-sans);text-decoration:none;cursor:pointer}
.v2-btn:hover{background:var(--orange-600,#E85A1F);color:#fff}
.v2-btn .v2-ico{width:18px;height:18px}
[dir="rtl"] .v2-btn .v2-ico{transform:scaleX(-1)}
@media(max-width:640px){.v2-cta{padding-bottom:48px}.v2-cta__band{padding:32px 24px}.v2-cta__band h3{font-size:22px;line-height:28px}.v2-cta__band p{font-size:15px;line-height:24px}}

/* ================= 푸터 ================= */
body.v2 .site-footer{background:var(--navy-950,#081A33);color:var(--navy-300,#A9BAD1);padding:56px max(24px,calc((100% - 1200px)/2));font-size:14px;line-height:22px}
body.v2 .site-footer .cols{max-width:none;margin:0;display:flex;justify-content:space-between;gap:32px;flex-wrap:nowrap}
body.v2 .site-footer .cols>div{display:flex;flex-direction:column;gap:6px}
body.v2 .site-footer .cols>div:first-child{max-width:420px;gap:12px}
body.v2 .site-footer b{color:#fff;font-size:14px;font-weight:600}
body.v2 .site-footer a{color:var(--navy-300,#A9BAD1);text-decoration:none}
body.v2 .site-footer a:hover{color:#fff;text-decoration:underline}
body.v2 .site-footer img{width:59px;height:28px;margin:0}
@media(max-width:900px){body.v2 .site-footer .cols{flex-direction:column;gap:28px}}
@media(max-width:640px){body.v2 .site-footer{padding:36px 20px}}

/* ================= 모바일 문의: 목록 = 둥근 플로팅 · 상세 = 하단 고정 바 ================= */
.v2-fab{display:none;position:fixed;inset-inline-end:16px;bottom:20px;z-index:55;width:56px;height:56px;border-radius:50%;background:var(--v2-wa);color:var(--v2-wa-ink);align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(11,37,69,.28)}
.v2-fab .v2-ico{width:28px;height:28px}
.v2-bar-m{display:none;position:fixed;left:0;right:0;bottom:0;z-index:55;height:80px;padding:0 16px;gap:12px;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid var(--border,#DDE4EE);box-shadow:0 -4px 16px rgba(11,37,69,.12)}
.v2-bar-m__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.v2-bar-m__t b{font-size:16px;line-height:22px;font-weight:700;color:var(--navy-900,#0B2545);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-bar-m__t span{font-size:12px;line-height:16px;color:var(--text-muted,#7C8BA0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){
  .v2-fab{display:flex}
  .v2-bar-m{display:flex}
  body.v2-has-bar{padding-bottom:80px}
  body.v2-has-bar .v2-fab{display:none}
}

/* ================= 상세 ================= */
.v2-detail{display:grid;grid-template-columns:minmax(0,1fr) 400px;grid-template-areas:"gal price" "main price";column-gap:40px;align-items:start;padding-block:40px 72px}
.v2-gal{grid-area:gal}
.v2-aside{grid-area:price;align-self:start;position:sticky;top:104px}
.v2-body{grid-area:main;margin-top:56px;min-width:0}
@media(max-width:1023px){
  .v2-detail{grid-template-columns:minmax(0,1fr);grid-template-areas:"gal" "price" "main";padding-block:0 48px}
  .v2-aside{position:static;margin-top:20px}
  .v2-body{margin-top:44px}
}

/* 갤러리 */
.v2-gal__main{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--navy-100,#E9EFF7);touch-action:pan-y}
.v2-gal__main img{width:100%;height:100%;object-fit:cover}
.v2-gal__cnt{position:absolute;inset-inline-end:16px;bottom:16px;height:30px;padding:0 12px;border-radius:999px;background:rgba(8,26,51,.74);color:#fff;font:600 13px/30px var(--font-sans)}
.v2-gal__arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--navy-900,#0B2545);box-shadow:0 4px 12px rgba(11,37,69,.18);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.v2-gal__arrow:hover{background:var(--navy-100,#E9EFF7)}
.v2-gal__arrow .v2-ico{width:22px;height:22px}
.v2-gal__arrow--prev{inset-inline-start:16px}
.v2-gal__arrow--next{inset-inline-end:16px}
[dir="rtl"] .v2-gal__arrow .v2-ico{transform:scaleX(-1)}
.v2-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
.v2-thumb{position:relative;display:block;aspect-ratio:4/3;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--navy-100,#E9EFF7);cursor:pointer}
.v2-thumb img{width:100%;height:100%;object-fit:cover}
.v2-thumb.on{outline:3px solid var(--orange-500,#FF6B2C);outline-offset:-3px}
.v2-thumb--more{display:flex;align-items:center;justify-content:center}
.v2-thumb__more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(8,26,51,.62);color:#fff;font:700 18px/1 var(--font-sans)}
.v2-thumbs:not(.is-open) .v2-thumb.is-extra{display:none}
.v2-thumbs.is-open .v2-thumb__more{display:none}
@media(max-width:640px){
  .v2-gal__main{margin-inline:-20px;border-radius:0}
  .v2-gal__arrow{display:none}
  .v2-thumbs,.v2-thumbs:not(.is-open){display:flex;gap:6px;margin:10px -20px 0;padding-inline:20px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .v2-thumbs::-webkit-scrollbar{display:none}
  .v2-thumbs:not(.is-open) .v2-thumb.is-extra{display:block}
  .v2-thumb{flex:none;width:72px;scroll-snap-align:start}
  .v2-thumb.on{outline-width:2.5px;outline-offset:-2.5px}
  .v2-thumb__more{display:none}
}

/* 가격 카드 */
.v2-price{display:flex;flex-direction:column;gap:18px;padding:28px;background:#fff;border:1px solid var(--border,#DDE4EE);border-radius:14px;box-shadow:0 8px 24px rgba(11,37,69,.08)}
.v2-price__big{margin:0;font-size:34px;line-height:38px;font-weight:800;letter-spacing:-.02em;color:var(--navy-900,#0B2545);overflow-wrap:anywhere}
.v2-price__big.is-sold{color:var(--text-muted,#7C8BA0)}
.v2-price__note{margin:0;font-size:14px;line-height:22px;color:var(--text-secondary,#46586F)}
.v2-price__line{margin:0;font-size:14px;line-height:22px;color:var(--text-primary,#13253E)}
.v2-price__line b{font-weight:600}
.v2-price__extra{display:flex;flex-direction:column;gap:4px;margin:0;font-size:13px;line-height:20px;color:var(--text-secondary,#46586F)}
.v2-price__fixed{margin:0;font-size:13px;line-height:20px;font-weight:600;color:var(--v2-ok)}
.v2-btn-wa{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border:1.5px solid var(--v2-wa);border-radius:10px;background:var(--v2-wa);color:var(--v2-wa-ink);font:700 16px/1 var(--font-sans);text-decoration:none;cursor:pointer}
.v2-btn-wa:hover{background:var(--v2-wa-glyph);border-color:var(--v2-wa-glyph);color:var(--v2-wa-ink)}
.v2-btn-wa .v2-ico{width:22px;height:22px}
.v2-btn-wa--outline{background:#fff}
.v2-btn-wa--outline:hover{background:#F0FBF4}
.v2-btn-wa--outline .v2-ico{color:var(--v2-wa-glyph)}
.v2-btn-wa--bar{height:52px;padding:0 20px;font-size:15px;flex:none}
.v2-btn-wa--bar .v2-ico{width:20px;height:20px}
.v2-btn-mail{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border:1.5px solid var(--border,#DDE4EE);border-radius:10px;background:#fff;color:var(--navy-900,#0B2545);font:600 15px/1 var(--font-sans);text-decoration:none}
.v2-btn-mail:hover{border-color:var(--navy-900,#0B2545)}
.v2-btn-mail .v2-ico{width:18px;height:18px}
.v2-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0;padding:18px 0 0;border-top:1px solid var(--border,#DDE4EE)}
.v2-facts div{display:flex;flex-direction:column;gap:2px}
.v2-facts dt{font-size:12px;line-height:16px;font-weight:500;color:var(--text-muted,#7C8BA0)}
.v2-facts dd{margin:0;font-size:15px;line-height:22px;font-weight:600;color:var(--navy-900,#0B2545)}
.v2-price__reply{margin:0;padding-top:18px;border-top:1px solid var(--border,#DDE4EE);font-size:13px;line-height:20px;color:var(--text-muted,#7C8BA0)}
@media(max-width:640px){
  .v2-price{padding:20px;gap:14px}
  .v2-price__big{font-size:28px;line-height:32px}
  .v2-btn-wa{height:52px}
  .v2-facts{padding-top:14px;gap:12px}
  .v2-price__reply{padding-top:14px}
}

/* 본문 섹션 */
.v2-sec+.v2-sec{margin-top:56px}
.v2-sec h2{margin:0;font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.01em;color:var(--navy-900,#0B2545)}
.v2-sec__sub{margin:8px 0 0;font-size:16px;line-height:26px;color:var(--text-secondary,#46586F)}
.v2-sec__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.v2-sec__count{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:var(--v2-warn-bg);color:var(--orange-600,#E85A1F);font-size:14px;font-weight:700}
.v2-sec__note{margin:8px 0 0;font-size:14px;line-height:22px;color:var(--text-muted,#7C8BA0)}
@media(max-width:640px){
  .v2-sec+.v2-sec{margin-top:44px}
  .v2-sec h2{font-size:22px;line-height:28px}
  .v2-sec__sub{font-size:14px;line-height:22px}
}

/* 서류 3종 (요청 전용 — 첨부·열기 상태는 없다) */
.v2-docs{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.v2-doc{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid var(--border,#DDE4EE);border-radius:12px}
.v2-doc__ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:10px;background:var(--navy-100,#E9EFF7);color:var(--navy-700,#27466F)}
.v2-doc__ico .v2-ico{width:22px;height:22px}
.v2-doc__t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.v2-doc__t b{font-size:16px;line-height:24px;font-weight:600;color:var(--navy-900,#0B2545)}
.v2-doc__t span{font-size:13px;line-height:18px;color:var(--text-muted,#7C8BA0)}
.v2-doc .v2-pill-wa{height:38px;padding:0 14px}
.v2-honesty{margin:16px 0 0;font-size:13.5px;line-height:1.6;color:var(--text-secondary,#46586F);border-inline-start:3px solid var(--orange-500,#FF6B2C);padding-inline-start:12px}
@media(max-width:640px){
  .v2-doc{flex-wrap:wrap;gap:12px}
  .v2-doc__ico{width:40px;height:40px}
  .v2-doc__t b{font-size:15px;line-height:22px}
  .v2-doc .v2-pill-wa{width:100%;justify-content:center;height:40px}
}

/* 스펙 표 */
.v2-specs{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(var(--rows,6),auto);column-gap:40px;margin:20px 0 0}
.v2-spec{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border,#DDE4EE)}
.v2-spec dt{width:130px;flex:none;font-size:14px;line-height:22px;color:var(--text-muted,#7C8BA0)}
.v2-spec dd{margin:0;flex:1;min-width:0;font-size:15px;line-height:22px;font-weight:600;color:var(--navy-900,#0B2545);overflow-wrap:anywhere}
.v2-specs__note{margin:12px 0 0;font-size:13px;line-height:18px;color:var(--text-muted,#7C8BA0)}
@media(max-width:760px){.v2-specs{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}.v2-spec{padding:12px 0}.v2-spec dt{width:120px}}

/* 소개글 (lead · h3 · 목록 · 본문) */
.v2-about{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.v2-about .v2-lead2{margin:0;font-size:20px;line-height:30px;font-weight:700;color:var(--navy-900,#0B2545)}
.v2-about p{margin:0;font-size:16px;line-height:26px;color:var(--text-primary,#13253E)}
.v2-about h3{margin:6px 0 0;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.005em;color:var(--navy-900,#0B2545)}
.v2-about ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.v2-about li{position:relative;padding-inline-start:18px;font-size:16px;line-height:26px;color:var(--text-primary,#13253E)}
.v2-about li::before{content:"";position:absolute;inset-inline-start:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--orange-500,#FF6B2C)}
.v2-about b{font-weight:600;color:var(--navy-900,#0B2545)}
@media(max-width:640px){.v2-about .v2-lead2{font-size:18px;line-height:28px}.v2-about p,.v2-about li{font-size:15px;line-height:24px}.v2-about li::before{top:9px}}

/* 컨디션 리포트 (영문 상세 전용) */
.v2-cond{margin-top:20px;border:1px solid var(--border,#DDE4EE);border-radius:12px;overflow:hidden}
.v2-cond__row{display:grid;grid-template-columns:170px 90px minmax(0,1fr);gap:16px;padding:14px 18px;font-size:14px;line-height:22px}
.v2-cond__row:nth-child(even){background:var(--off-white,#F7F9FC)}
.v2-cond__row--head{background:var(--navy-100,#E9EFF7)!important;padding-block:12px;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary,#46586F)}
.v2-cond__sys{font-size:15px;font-weight:600;color:var(--navy-900,#0B2545)}
.v2-cond__txt{color:var(--text-primary,#13253E);margin:0}
.v2-st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}
.v2-st--good{background:var(--v2-ok-bg);color:var(--v2-ok)}
.v2-st--fair{background:var(--v2-warn-bg);color:var(--v2-warn)}
.v2-st--bad{background:var(--v2-bad-bg);color:var(--v2-bad)}
.v2-cond__row.is-extra{display:none}
.v2-cond.is-open .v2-cond__row.is-extra{display:grid}
.v2-linkbtn{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:0;border:0;background:none;color:var(--orange-600,#E85A1F);font:600 14px/1 var(--font-sans);cursor:pointer}
.v2-linkbtn .v2-ico{width:16px;height:16px}
.v2-linkbtn[aria-expanded="true"] .v2-ico{transform:rotate(180deg)}
.v2-ondocs{display:flex;flex-direction:column;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.v2-ondocs li{display:flex;align-items:flex-start;gap:10px;font-size:16px;line-height:26px;color:var(--text-primary,#13253E)}
.v2-ondocs li .v2-ico{width:16px;height:16px;margin-top:5px;color:var(--v2-ok)}
.v2-ondocs li.is-strong{font-weight:600}
@media(max-width:760px){
  .v2-cond__row{grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px 16px}
  .v2-cond__row--head{display:none}
  .v2-cond__txt{grid-column:1/-1}
}

/* 옵션 */
.v2-opts{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.v2-optgrp{display:flex;flex-direction:column;gap:10px}
.v2-optgrp__h{margin:0;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#7C8BA0)}
.v2-optlist{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.v2-opt{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid var(--border,#DDE4EE);border-radius:999px;background:#fff;font-size:14px;line-height:20px;color:var(--text-primary,#13253E)}
.v2-opt .v2-ico{width:14px;height:14px;color:var(--orange-500,#FF6B2C)}
.v2-opt--more{background:var(--off-white,#F7F9FC);color:var(--text-secondary,#46586F);font-weight:600;cursor:pointer;font-family:inherit}
.v2-opt.is-extra{display:none}
.v2-opts.is-open .v2-opt.is-extra,.v2-optgrp.is-open .v2-opt.is-extra{display:inline-flex}
.v2-optgrp.is-open .v2-opt--more,.v2-opts.is-open .v2-opt--more{display:none}
@media(max-width:640px){.v2-opt{height:34px;padding:0 12px;gap:7px;font-size:13px}}

/* 통관 안내 (sq 전용, 정보성) */
.v2-customs{display:flex;flex-direction:column;gap:14px;padding:28px;background:var(--off-white,#F7F9FC);border:1px solid var(--border,#DDE4EE);border-radius:14px}
.v2-customs h3{margin:0;font-size:20px;line-height:28px;font-weight:600;color:var(--navy-900,#0B2545)}
.v2-customs ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.v2-customs li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:22px;color:var(--text-primary,#13253E)}
.v2-customs li .v2-ico{width:16px;height:16px;margin-top:3px;color:var(--navy-700,#27466F)}
.v2-customs a{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--orange-600,#E85A1F);text-decoration:none}
.v2-customs a:hover{text-decoration:underline}
.v2-customs a .v2-ico{width:14px;height:14px}
.v2-customs small{font-size:13px;line-height:20px;color:var(--text-muted,#7C8BA0)}
@media(max-width:640px){.v2-customs{padding:20px;gap:12px}.v2-customs h3{font-size:18px;line-height:26px}.v2-customs small{font-size:12px;line-height:18px}}