/* cars.mk1.co.kr — 매물 전용 다국어 사이트 전용 규칙 (2026-09-03)
 * 로드 순서: stock.css(www 매물 디자인 복사본) → partners.css(members 헤더·푸터·버튼) → mall.css → cars.css(이 파일)
 * 여기엔 이 사이트에만 있는 것만 둔다: 가격 한 줄·배지·증빙 블록·통관 안내·파트너 CTA·언어 스위치·RTL 보정. */

/* 카드: 이제 <article> 이다(안에 링크 + 왓츠앱 버튼). stock.css 의 a.stock-card 규칙을 article 에도 그대로 */
article.stock-card{display:flex;flex-direction:column;position:relative}
article.stock-card .stock-card__link{display:block;color:inherit;text-decoration:none;flex:1}
.stock-card__actions{display:flex;gap:8px;padding:0 var(--sp-4,16px) var(--sp-4,16px)}
.stock-card__actions .btn{flex:1;font-size:13px;padding:9px 10px}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1DB954}
.stock-card__price{margin-top:8px;font-weight:800;font-size:15.5px;color:var(--navy-900,#0B2545);letter-spacing:-.01em}
.stock-card__price small{display:block;font-weight:600;font-size:12px;color:var(--text-muted,#7C8BA0);margin-top:2px}
.stock-card__price.is-ask{color:var(--text-secondary,#46586F);font-weight:700}

/* 배지 */
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:99px;padding:3px 9px;line-height:1.4}
.badge-ks{background:#FFF3E8;color:#B25317;border:1px solid #F5C9A6}
.badge-sold{background:#F3F4F6;color:#6B7280}
.badge-new{background:#E7F6EC;color:#177245}
.badge-feat{background:var(--navy-100,#E9EFF7);color:var(--navy-700,#27466F)}
.stock-card.is-sold .stock-card__media img{filter:grayscale(1);opacity:.7}

/* 상세 가격 블록 */
.price-card .price-big{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em;color:var(--navy-900,#0B2545);line-height:1.1}
.price-card .price-line{margin-top:6px;font-size:14px;color:var(--text-secondary,#46586F);line-height:1.6}
.price-card .price-line b{color:var(--navy-900,#0B2545)}
.price-card .price-extra{margin-top:10px;display:grid;gap:4px;font-size:13.5px;color:var(--text-secondary,#46586F)}
.price-card .price-fixed{margin-top:10px;font-size:12.5px;font-weight:700;color:#177245}

/* 증빙 블록 */
.docs{display:grid;gap:10px;margin-top:var(--sp-5,24px)}
@media(min-width:760px){.docs{grid-template-columns:repeat(3,1fr)}}
.doc{background:var(--white,#fff);border:1px solid var(--border,#DDE4EE);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}
.doc h3{font-size:14.5px;color:var(--navy-900,#0B2545);line-height:1.4}
.doc .doc-state{font-size:12.5px;font-weight:700}
.doc .doc-state.ok{color:#177245}
.doc .doc-state.req{color:var(--text-muted,#7C8BA0)}
.doc .btn{align-self:flex-start;font-size:13px;padding:8px 14px}
.doc.has .doc-ico{color:#177245}
.doc-ico{width:34px;height:34px;border-radius:8px;background:var(--navy-100,#E9EFF7);display:flex;align-items:center;justify-content:center;color:var(--navy-700,#27466F)}
.doc-ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* 통관 안내(정보성) */
.customs{background:var(--off-white,#F7F9FC);border:1px solid var(--border,#DDE4EE);border-radius:12px;padding:20px;margin-top:var(--sp-5,24px)}
.customs ol{margin:10px 0 0;padding-inline-start:20px;font-size:14px;line-height:1.7;color:var(--text-secondary,#46586F)}
.customs .disc{margin-top:10px;font-size:12.5px;color:var(--text-muted,#7C8BA0);line-height:1.6}
.customs a{color:var(--navy-900,#0B2545);font-weight:600}

/* 정직 고지 */
.honesty{margin-top:var(--sp-4,16px);font-size:13.5px;color:var(--text-secondary,#46586F);border-inline-start:3px solid var(--orange-500,#FF6B2C);padding-inline-start:12px;line-height:1.6}

/* 파트너 CTA */
.partner-cta{background:var(--navy-900,#0B2545);color:#fff;border-radius:14px;padding:26px;display:grid;gap:16px;margin-top:var(--sp-6,32px)}
@media(min-width:760px){.partner-cta{grid-template-columns:1fr auto;align-items:center}}
.partner-cta h3{font-size:18px;letter-spacing:-.01em}
.partner-cta p{margin-top:6px;font-size:13.5px;color:var(--navy-300,#A9BAD1);line-height:1.6}
.partner-cta .btn{white-space:nowrap}

/* 언어 스위치·헤더 */
.site-header .lang-wrap{display:inline-flex;align-items:center;gap:8px}
.site-header .btn-wa{font-size:13px;padding:8px 14px}
@media(max-width:640px){.site-header .btn-wa{display:none}}

/* 목록 위 안내 줄 */
.list-note{margin-top:var(--sp-3,12px);font-size:13.5px;color:var(--text-secondary,#46586F);max-width:70ch;line-height:1.6}

/* 빈 상태·오류 */
.empty{color:var(--text-muted,#7C8BA0)}

/* RTL(아랍어) 보정 — partners.css 의 [dir=rtl] 규칙에 더해 카드 안 정렬만 */
[dir="rtl"] .stock-card__specs,[dir="rtl"] .price-card{text-align:start}
[dir="rtl"] .honesty{border-inline-start:3px solid var(--orange-500,#FF6B2C)}

/* 모바일에서도 가격 카드를 보여준다 — stock.css(www 복사본)는 1024px 미만에서 .price-card 를 숨기지만 이 사이트는 폰 유입이 주력이다 */
.price-card{display:block}
@media(max-width:1023px){.price-card{position:static;margin-top:var(--sp-4,16px)}}