/*
 * SR-2617 렌터카 리스트 ver04(표형) — 시안 디자인 토큰
 * 시안(list_ver04_pc.html / list_ver04_mobile.html)의 :root 토큰을 `.pnV5` 루트에 스코프해 그대로 옮겼다.
 * 저장소에는 CSS 변수 토큰이 없고(기존 신규디자인 컴포넌트는 hex 하드코딩) 여기가 첫 정의다.
 * 값을 바꾸면 시안과 어긋난다 — 시안이 바뀔 때만 손댄다.
 */
.pnV5[data-v-01f8535c] {
  /* 포털 컨셉 (밝고 심플 / 코발트 블루 포인트 / 네이비 로고 + 코랄 점) */
  --pn-blue: #4c7df0;         /* 포인트 코발트 블루 (검색/활성/링크) */
  --pn-blue-dark: #3a6ae0;
  --pn-blue-soft: #eef3fe;
  --pn-navy: #1b2b63;         /* 로고 워드마크 네이비 */
  --pn-coral: #f5384a;        /* 로고 점 악센트 · 할인율 */
  --pn-amber: #ffb400;        /* 별점 */
  --pn-ink: #20242e;
  --pn-ink-2: #565b66;
  --pn-ink-3: #9aa0ab;
  --pn-line: #eef0f3;
  --pn-line-2: #e3e6ec;
  --pn-bg: #f4f5f7;
  --pn-card: #ffffff;
  --pn-radius: 14px;
  --pn-shadow-sm: 0 1px 2px rgba(20, 23, 30, .04), 0 4px 14px rgba(20, 23, 30, .04);
  --pn-shadow: 0 2px 6px rgba(20, 23, 30, .05), 0 10px 26px rgba(20, 23, 30, .05);
  --pn-maxw: 1180px;

  /* ver02~04 XD 시안 고정값 (등급 박스·업체 표) — 시안 CSS 에 hex 로 박혀 있던 값 */
  --pn-xd-blue: #0064ff;      /* 선택 등급 테두리 · '선택' 뱃지 (PC) */
  --pn-xd-blue-2: #2a7eff;    /* 선택 등급 가격 · 면제 · 모바일 선택 테두리 */
  --pn-xd-sky: #63a1ff;       /* 정렬 토글 활성 · 전체 보기 링크 */
  --pn-xd-selected-bg: #f0f7ff;
  --pn-xd-text: #222;
  --pn-xd-text-2: #404040;
  --pn-xd-muted: #808080;
  --pn-xd-line: #e3e3e3;
  --pn-xd-row-line: #eaecef;
  --pn-xd-incurred: #ff3b4f;  /* 면책금 발생 */

  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 16px; /* 시안 body 기본값 — 레거시 모바일 리셋은 1.5rem(15px) */
  color: var(--pn-ink);
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  letter-spacing: normal;
}
.pnV5 *[data-v-01f8535c], .pnV5 *[data-v-01f8535c]::before, .pnV5 *[data-v-01f8535c]::after { box-sizing: border-box;
}
/* 시안의 `button{border:none;…}` 리셋. **`:where()` 로 특이도를 (0,0,1) 로 낮춘다** — `.pnV5 button`(0,1,1) 로 두면 `.pnV5Tab`·`.pnV5MOption`(0,1,0) 의
   border 를 이겨 등급 칸 테두리가 사라진다(2026-09-03 실측: 시안 대조에서 "칸에 테두리가 없다" 로 드러남). */
:where(.pnV5) button[data-v-01f8535c] { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; margin: 0;
}
:where(.pnV5) a[data-v-01f8535c] { color: inherit; text-decoration: none;
}
:where(.pnV5) img[data-v-01f8535c] { max-width: 100%;
}
/* 레거시 전역 리셋(p_common/m_common: `body, div, p, …, span, strong { font-size:16px(PC)/1.5rem(MO); color:#606060; line-height:1.5 }` — 요소 선택자, 특이도 (0,0,1))이
   클래스 없는 span·strong·dt·dd 의 **상속을 끊어** 시안 크기(12~14px)가 16/15px 로 커진다(2026-09-03 CSS.getMatchedStylesForNode 실측).
   .pnV5 안에서는 상속으로 되돌린다. `.pnV5 :where(…)` = (0,1,0) — 컴포넌트의 클래스 규칙(0,1,0)과 동률이지만 이 파일이 @import 로 먼저 오므로 컴포넌트 규칙이 이긴다. */
.pnV5[data-v-01f8535c] :where(span, strong, em, b, i, dt, dd, dl, p, div, td, th, table, thead, tbody, tr, ul, ol, li, h2, h3, a, label, article, section, figure, form) {
  font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; white-space: inherit; text-align: inherit;
}
/* 버튼은 시안처럼 UA 기본값(13.33px · line-height normal · text-align center)에서 출발한다 — 레거시 리셋이 button 에 준 left 정렬·line-height 1.5 를 걷어낸다.
   "버튼 안 글자 위치" 가 어긋나던 원인. 컴포넌트 규칙(.pnV5Tab{text-align:left} 등)이 그 위에 덮인다 */
.pnV5[data-v-01f8535c] :where(button) { font-size: 13.3333px; line-height: normal; letter-spacing: inherit; color: inherit; white-space: inherit; text-align: center;
}
.pnV5 .pnV5Hidden[data-v-01f8535c] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
/* ── 시안 index02 .premium-pick (PC) — 값 그대로 ── */
.pnV5Premium[data-v-01f8535c] { position: relative; margin: 0 0 18px; padding: 18px; border: 1px solid #d8e5ff; border-radius: 14px; background: linear-gradient(135deg, #f4f8ff 0%, #fff 72%);
}
.pnV5PremiumHead[data-v-01f8535c] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px;
}
.pnV5PremiumKicker[data-v-01f8535c] { display: inline-flex; align-items: center; gap: 7px; color: #426fe8; font-size: 10px; font-weight: 700; letter-spacing: .06em;
}
.pnV5PremiumSpark[data-v-01f8535c] { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 6px; background: linear-gradient(135deg, #7ea5ff, #4778ed); box-shadow: 0 3px 8px rgba(71, 120, 237, .2);
}
.pnV5PremiumSpark svg[data-v-01f8535c] { width: 12px; height: 12px; display: block;
}
.pnV5PremiumTitle[data-v-01f8535c] { margin: 7px 0 3px; color: var(--pn-xd-text); font-size: 20px; font-weight: 700; line-height: 1.35; letter-spacing: -.45px;
}
.pnV5PremiumDesc[data-v-01f8535c] { margin: 0; color: #666; font-size: 12px; font-weight: 400; line-height: 1.5;
}
.pnV5PremiumCriteria[data-v-01f8535c] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px;
}
.pnV5PremiumCriterion[data-v-01f8535c] { max-width: 260px; padding: 5px 8px; border: 1px solid #cfddff; border-radius: 999px; background: #fff; color: #4268b4; font-size: 11px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
/* 칩 = premiumText(최대 50자) 중복 제거값 — 길면 말줄임 */
.pnV5PremiumGrid[data-v-01f8535c] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 14px;
}
.pnV5PremiumCompany[data-v-01f8535c] { min-width: 0; padding: 11px; border: 1px solid #e1e5ec; border-radius: 10px; background: #fff; text-align: left; transition: border-color .15s, box-shadow .15s, transform .15s;
}
.pnV5PremiumCompany[data-v-01f8535c]:hover { border-color: #8aafff; box-shadow: 0 5px 14px rgba(56, 98, 180, .08); transform: translateY(-1px);
}
.pnV5PremiumCompany.is-selected[data-v-01f8535c] { border-color: #74a2ff; box-shadow: inset 0 0 0 1px #74a2ff;
}
.pnV5PremiumCompanyHead[data-v-01f8535c] { display: flex; align-items: center; justify-content: space-between; gap: 6px; min-width: 0;
}
.pnV5PremiumCompanyName[data-v-01f8535c] { min-width: 0; overflow: hidden; color: var(--pn-xd-text); font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap;
}
.pnV5PremiumCompanyRating[data-v-01f8535c] { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; color: #f59a00; font-size: 11px; font-weight: 600;
}
.pnV5PremiumCompanyRating svg[data-v-01f8535c] { width: 12px; height: 12px; display: block;
}
.pnV5PremiumCompanyBenefit[data-v-01f8535c] { display: block; margin: 8px 0 7px; color: #4268b4; font-size: 12px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* premiumText 최대 50자 — 한 줄 말줄임 */
.pnV5PremiumCompanyFoot[data-v-01f8535c] { display: flex; align-items: center; justify-content: space-between; gap: 6px; color: #8a9099; font-size: 11px; font-weight: 400;
}
.pnV5PremiumCompanyAction[data-v-01f8535c] { display: inline-flex; align-items: center; gap: 2px; color: #4778ed; font-weight: 600; white-space: nowrap;
}
.pnV5PremiumCompanyAction svg[data-v-01f8535c] { width: 10px; height: 10px; display: block;
}
.pnV5PremiumNote[data-v-01f8535c] { margin: 12px 0 0; padding-right: 34px; color: #858b95; font-size: 11px; font-weight: 400;
}
.pnV5PremiumAd[data-v-01f8535c] { position: absolute; right: 18px; bottom: 14px; color: #c7cbd2; font-size: 9px; font-weight: 400; letter-spacing: .02em;
}
/* ── 시안 index02 .premium-pick (모바일) — 값 그대로 ── */
.pnV5Premium.is-mobile[data-v-01f8535c] { margin: 12px 16px; padding: 15px; border-radius: 12px; background: linear-gradient(145deg, #f4f8ff 0%, #fff 76%);
}
.pnV5Premium.is-mobile .pnV5PremiumHead[data-v-01f8535c] { display: block;
}
.pnV5Premium.is-mobile .pnV5PremiumKicker[data-v-01f8535c] { gap: 6px; font-size: 9px; letter-spacing: .05em; color: var(--pn-xd-blue-2);
}
.pnV5Premium.is-mobile .pnV5PremiumSpark[data-v-01f8535c] { width: 20px; height: 20px; box-shadow: none;
}
.pnV5Premium.is-mobile .pnV5PremiumSpark svg[data-v-01f8535c] { width: 11px; height: 11px;
}
.pnV5Premium.is-mobile .pnV5PremiumTitle[data-v-01f8535c] { font-size: 17px; letter-spacing: -.35px;
}
.pnV5Premium.is-mobile .pnV5PremiumDesc[data-v-01f8535c] { font-size: 11px; line-height: 1.45;
}
.pnV5Premium.is-mobile .pnV5PremiumCriteria[data-v-01f8535c] { justify-content: flex-start; gap: 5px; margin-top: 10px;
}
.pnV5Premium.is-mobile .pnV5PremiumCriterion[data-v-01f8535c] { padding: 4px 7px; font-size: 10px;
}
.pnV5Premium.is-mobile .pnV5PremiumGrid[data-v-01f8535c] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px;
}
.pnV5Premium.is-mobile .pnV5PremiumCompany[data-v-01f8535c] { padding: 10px; border-radius: 9px;
}
.pnV5Premium.is-mobile .pnV5PremiumCompany[data-v-01f8535c]:hover { transform: none; box-shadow: none; border-color: #e1e5ec;
}
.pnV5Premium.is-mobile .pnV5PremiumCompany.is-selected[data-v-01f8535c] { border-color: #74a2ff; box-shadow: inset 0 0 0 1px #74a2ff;
}
.pnV5Premium.is-mobile .pnV5PremiumCompanyHead[data-v-01f8535c] { gap: 5px;
}
.pnV5Premium.is-mobile .pnV5PremiumCompanyRating[data-v-01f8535c] { font-size: 10px;
}
.pnV5Premium.is-mobile .pnV5PremiumCompanyRating svg[data-v-01f8535c] { width: 11px; height: 11px;
}
.pnV5Premium.is-mobile .pnV5PremiumCompanyFoot[data-v-01f8535c] { gap: 4px;
}
.pnV5Premium.is-mobile .pnV5PremiumCompanyAction[data-v-01f8535c] { gap: 1px; color: var(--pn-xd-blue-2);
}
.pnV5Premium.is-mobile .pnV5PremiumCompanyAction svg[data-v-01f8535c] { width: 9px; height: 9px;
}
.pnV5Premium.is-mobile .pnV5PremiumNote[data-v-01f8535c] { margin-top: 10px; padding-right: 28px; font-size: 10px; line-height: 1.45;
}
.pnV5Premium.is-mobile .pnV5PremiumAd[data-v-01f8535c] { right: 15px; bottom: 12px; font-size: 8px;
}
@media (max-width: 379px) {
.pnV5Premium.is-mobile[data-v-01f8535c] { margin-left: 12px; margin-right: 12px; padding: 13px;
}
}
/*
 * SR-2617 렌터카 리스트 ver04(표형) — 시안 디자인 토큰
 * 시안(list_ver04_pc.html / list_ver04_mobile.html)의 :root 토큰을 `.pnV5` 루트에 스코프해 그대로 옮겼다.
 * 저장소에는 CSS 변수 토큰이 없고(기존 신규디자인 컴포넌트는 hex 하드코딩) 여기가 첫 정의다.
 * 값을 바꾸면 시안과 어긋난다 — 시안이 바뀔 때만 손댄다.
 */
.pnV5[data-v-943211c4] {
  /* 포털 컨셉 (밝고 심플 / 코발트 블루 포인트 / 네이비 로고 + 코랄 점) */
  --pn-blue: #4c7df0;         /* 포인트 코발트 블루 (검색/활성/링크) */
  --pn-blue-dark: #3a6ae0;
  --pn-blue-soft: #eef3fe;
  --pn-navy: #1b2b63;         /* 로고 워드마크 네이비 */
  --pn-coral: #f5384a;        /* 로고 점 악센트 · 할인율 */
  --pn-amber: #ffb400;        /* 별점 */
  --pn-ink: #20242e;
  --pn-ink-2: #565b66;
  --pn-ink-3: #9aa0ab;
  --pn-line: #eef0f3;
  --pn-line-2: #e3e6ec;
  --pn-bg: #f4f5f7;
  --pn-card: #ffffff;
  --pn-radius: 14px;
  --pn-shadow-sm: 0 1px 2px rgba(20, 23, 30, .04), 0 4px 14px rgba(20, 23, 30, .04);
  --pn-shadow: 0 2px 6px rgba(20, 23, 30, .05), 0 10px 26px rgba(20, 23, 30, .05);
  --pn-maxw: 1180px;

  /* ver02~04 XD 시안 고정값 (등급 박스·업체 표) — 시안 CSS 에 hex 로 박혀 있던 값 */
  --pn-xd-blue: #0064ff;      /* 선택 등급 테두리 · '선택' 뱃지 (PC) */
  --pn-xd-blue-2: #2a7eff;    /* 선택 등급 가격 · 면제 · 모바일 선택 테두리 */
  --pn-xd-sky: #63a1ff;       /* 정렬 토글 활성 · 전체 보기 링크 */
  --pn-xd-selected-bg: #f0f7ff;
  --pn-xd-text: #222;
  --pn-xd-text-2: #404040;
  --pn-xd-muted: #808080;
  --pn-xd-line: #e3e3e3;
  --pn-xd-row-line: #eaecef;
  --pn-xd-incurred: #ff3b4f;  /* 면책금 발생 */

  font-family: "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  font-size: 16px; /* 시안 body 기본값 — 레거시 모바일 리셋은 1.5rem(15px) */
  color: var(--pn-ink);
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  letter-spacing: normal;
}
.pnV5 *[data-v-943211c4], .pnV5 *[data-v-943211c4]::before, .pnV5 *[data-v-943211c4]::after { box-sizing: border-box;
}
/* 시안의 `button{border:none;…}` 리셋. **`:where()` 로 특이도를 (0,0,1) 로 낮춘다** — `.pnV5 button`(0,1,1) 로 두면 `.pnV5Tab`·`.pnV5MOption`(0,1,0) 의
   border 를 이겨 등급 칸 테두리가 사라진다(2026-09-03 실측: 시안 대조에서 "칸에 테두리가 없다" 로 드러남). */
:where(.pnV5) button[data-v-943211c4] { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; padding: 0; margin: 0;
}
:where(.pnV5) a[data-v-943211c4] { color: inherit; text-decoration: none;
}
:where(.pnV5) img[data-v-943211c4] { max-width: 100%;
}
/* 레거시 전역 리셋(p_common/m_common: `body, div, p, …, span, strong { font-size:16px(PC)/1.5rem(MO); color:#606060; line-height:1.5 }` — 요소 선택자, 특이도 (0,0,1))이
   클래스 없는 span·strong·dt·dd 의 **상속을 끊어** 시안 크기(12~14px)가 16/15px 로 커진다(2026-09-03 CSS.getMatchedStylesForNode 실측).
   .pnV5 안에서는 상속으로 되돌린다. `.pnV5 :where(…)` = (0,1,0) — 컴포넌트의 클래스 규칙(0,1,0)과 동률이지만 이 파일이 @import 로 먼저 오므로 컴포넌트 규칙이 이긴다. */
.pnV5[data-v-943211c4] :where(span, strong, em, b, i, dt, dd, dl, p, div, td, th, table, thead, tbody, tr, ul, ol, li, h2, h3, a, label, article, section, figure, form) {
  font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; white-space: inherit; text-align: inherit;
}
/* 버튼은 시안처럼 UA 기본값(13.33px · line-height normal · text-align center)에서 출발한다 — 레거시 리셋이 button 에 준 left 정렬·line-height 1.5 를 걷어낸다.
   "버튼 안 글자 위치" 가 어긋나던 원인. 컴포넌트 규칙(.pnV5Tab{text-align:left} 등)이 그 위에 덮인다 */
.pnV5[data-v-943211c4] :where(button) { font-size: 13.3333px; line-height: normal; letter-spacing: inherit; color: inherit; white-space: inherit; text-align: center;
}
.pnV5 .pnV5Hidden[data-v-943211c4] { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
/* ── 시안 index02 .premium-vehicle-drop (PC, --original-compact 변형) — 값 그대로 ── */
.pnV5PremiumDrop[data-v-943211c4] { margin-top: 14px; padding-top: 14px; border-top: 1px solid #e3e9f5; animation: pnV5PremiumDropIn-943211c4 .2s ease-out;
}
@keyframes pnV5PremiumDropIn-943211c4 {
from { opacity: 0; transform: translateY(-4px);
}
to { opacity: 1; transform: none;
}
}
.pnV5PremiumDropHead[data-v-943211c4] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;
}
.pnV5PremiumDropTitle[data-v-943211c4] { font-size: 15px; font-weight: 700; color: #222;
}
.pnV5PremiumDropActions[data-v-943211c4] { display: flex; align-items: center; gap: 10px;
}
.pnV5PremiumDropCount[data-v-943211c4] { font-size: 12px; color: #7c8390;
}
.pnV5PremiumDropCount b[data-v-943211c4] { color: #4c7df0; font-weight: 700;
}
.pnV5PremiumDropCollapse[data-v-943211c4] { display: inline-flex; align-items: center; gap: 3px; padding: 4px 7px; border: 1px solid #dce2ed; border-radius: 6px; background: #fff; color: #69717e; font-size: 11px; font-weight: 600; cursor: pointer;
}
.pnV5PremiumDropCollapse svg[data-v-943211c4] { display: block; width: 12px; height: 12px;
}
.pnV5PremiumDropEmpty[data-v-943211c4] { margin: 0; padding: 14px 0 4px; color: #7c8390; font-size: 12px;
}
.pnV5PremiumDropList[data-v-943211c4] { display: grid; gap: 8px;
}
.pnV5PremiumCar[data-v-943211c4] { padding: 14px; background: #fff; border: 1px solid #e3e3e3; border-radius: 10px;
}
.pnV5PremiumCarSummary[data-v-943211c4] { display: flex; width: 100%; align-items: center; gap: 14px; padding: 0; border: 0; background: transparent; text-align: left;
}
.pnV5PremiumCarThumb[data-v-943211c4] { flex: 0 0 112px; width: 112px; height: 62px; display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.pnV5PremiumCarThumb img[data-v-943211c4] { display: block; width: 100%; height: 100%; object-fit: contain; transform: scale(1.22);
}
.pnV5PremiumCarCopy[data-v-943211c4] { min-width: 0;
}
.pnV5PremiumCarName[data-v-943211c4] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 700; color: #222;
}
.pnV5PremiumCarMeta[data-v-943211c4] { display: flex; align-items: center; gap: 6px; margin-top: 6px; font-size: 12px; color: #777e8a; white-space: nowrap;
}
.pnV5PremiumCarMeta .sep[data-v-943211c4] { color: #d4d7dd;
}
.pnV5PremiumCarTabs[data-v-943211c4] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 6px;
}
.pnV5PremiumCarTab[data-v-943211c4] { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; min-width: 0; min-height: 42px; padding: 12px; border: 1px solid #e3e3e3; border-radius: 8px; background: #fff; text-align: left; cursor: pointer;
}
.pnV5PremiumCarTab[data-v-943211c4]:hover { border-color: #9ab5ff;
}
.pnV5PremiumCarTabCopy[data-v-943211c4] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0; line-height: 1.15;
}
.pnV5PremiumCarTabName[data-v-943211c4] { font-size: 13px; font-weight: 700; color: #222; white-space: nowrap;
}
.pnV5PremiumCarTabDesc[data-v-943211c4] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; color: #7c838e; max-width: 100%;
}
.pnV5PremiumCarTabPrice[data-v-943211c4] { align-self: center; margin-top: 0; padding-left: 10px; font-size: 14px; font-weight: 700; color: #222; white-space: nowrap;
}
.pnV5PremiumCarTab.is-disabled[data-v-943211c4], .pnV5PremiumCarTab.is-disabled[data-v-943211c4]:hover { border-color: #e3e3e3; background: #fff; cursor: not-allowed;
}
.pnV5PremiumCarTab.is-disabled .pnV5PremiumCarTabName[data-v-943211c4], .pnV5PremiumCarTab.is-disabled .pnV5PremiumCarTabDesc[data-v-943211c4] { color: var(--pn-ink-3);
}
.pnV5PremiumCarTabNone[data-v-943211c4] { color: var(--pn-ink-3); font-size: 11px; font-weight: 400;
}
/* ── 시안 index02 .premium-vehicle-drop (모바일) — 값 그대로 ── */
.pnV5PremiumDrop.is-mobile[data-v-943211c4] { margin-top: 13px; padding-top: 13px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumDropHead[data-v-943211c4] { margin-bottom: 9px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumDropTitle[data-v-943211c4] { font-size: 14px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumDropActions[data-v-943211c4] { gap: 8px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumDropCount[data-v-943211c4] { font-size: 11px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumDropCollapse[data-v-943211c4] { gap: 2px; padding: 4px 6px; font-size: 10px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumDropCollapse svg[data-v-943211c4] { width: 11px; height: 11px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCar[data-v-943211c4] { padding: 12px; border-radius: 9px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarSummary[data-v-943211c4] { gap: 10px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarThumb[data-v-943211c4] { flex-basis: 88px; width: 88px; height: 56px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarThumb img[data-v-943211c4] { transform: scale(1.08);
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarName[data-v-943211c4] { font-size: 14px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarMeta[data-v-943211c4] { gap: 4px; margin-top: 5px; font-size: 11px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTabs[data-v-943211c4] { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 10px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTab[data-v-943211c4] { display: flex; flex-direction: column; justify-content: space-between; min-height: 64px; padding: 10px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTabCopy[data-v-943211c4] { flex-direction: row; align-items: baseline; gap: 4px; line-height: normal;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTabName[data-v-943211c4] { font-size: 12px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTabDesc[data-v-943211c4] { font-size: 9px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTabPrice[data-v-943211c4] { align-self: flex-end; margin-top: 7px; padding-left: 0; font-size: 13px;
}
@media (max-width: 370px) {
.pnV5PremiumDrop.is-mobile .pnV5PremiumCar[data-v-943211c4] { padding: 10px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarThumb[data-v-943211c4] { flex-basis: 74px; width: 74px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTab[data-v-943211c4] { padding: 9px;
}
.pnV5PremiumDrop.is-mobile .pnV5PremiumCarTabName[data-v-943211c4] { font-size: 11px;
}
}