@charset "utf-8";
/* ===================================================================
   차나와 리뉴얼 - 메인 (Figma 2020:2418 PC / 2032:5114 MO)
   원본 main.css / sub.css 위에 얹는 신규 섹션 스타일.
   유지 섹션은 원본 CSS를 사용한다. #consulting / #review의 모바일
   레이아웃만 아래에서 리뉴얼 범위(.rw)에 한정해 재정의한다.
   =================================================================== */

:root{
  --rw-blue:#2a88ff;
  --rw-blue-600:#2563eb;
  --rw-blue-500:#3b82f6;
  --rw-pink:#f44a6e;
  --rw-ink:#0f172a;
  --rw-ink-2:#111827;
  --rw-ink-3:#111c36;
  --rw-slate-900:#1e293b;
  --rw-slate-700:#334155;
  --rw-slate-600:#4b5563;
  --rw-slate-550:#4b5b75;
  --rw-slate-500:#64748b;
  --rw-slate-400:#94a3b8;
  --rw-soft:#f0f7ff;
  --rw-input:#f9f9f9;
  --rw-line:rgba(42,136,255,.2);
  --rw-max:1200px;
  --rw-button-radius:10px;
}

.rw *{box-sizing:border-box}
.rw{font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif;color:var(--rw-ink-2);
  background:#fff}

/* 원본 main.css 는 헤더가 position:fixed 라 모든 section 을 top:80px 으로 밀어
   높이를 보정한다. 리뉴얼 헤더는 sticky 로 문서 흐름을 차지하므로 그 보정이
   그대로 남으면 상단과 섹션 사이에 80px 씩 빈 띠가 생긴다. 여기서 되돌린다. */
.rw section,.rw footer{top:0}
/* 신규 섹션의 가로 정렬을 헤더·'그대로 사용' 섹션과 일치시킨다.
   원본은 padding 이 아니라 width 로 거터를 만든다. main.css 의 .container 는
   구간별로 64px/32px 변형이 섞여 있으나, 실제로 정렬 기준이 되는
   헤더(m-navbar-l)와 인접 유지 섹션(#consulting·#review·footer)은 모두
   calc(100% - 32px) = 좌우 16px 이므로 그 값을 따른다.
   (#preview 의 거터 0 은 파란 배너 full-bleed 로 의도된 값이라 예외) */
.rw .wrap{width:var(--rw-max);max-width:100%;margin:0 auto;padding:0}
@media screen and (max-width:1200px){ .rw .wrap{width:calc(100% - 32px)} }
.rw .num{font-family:'Outfit',sans-serif;font-feature-settings:"lnum" 1,"tnum" 1}

/* ── 헤더 ─────────────────────────────────────────────
   헤더는 원본(header#navbar)을 그대로 쓴다. 원본은 position:fixed 라
   문서 흐름을 차지하지 않으므로, 첫 섹션이 헤더 아래에서 시작하도록
   body 에 그만큼 여백을 준다. 원본 헤더 높이: 80px, 1200px 이하 48px. */
.rw{padding-top:80px}
@media screen and (max-width:1200px){ .rw{padding-top:48px} }
/* 원본 header 규칙에는 top 이 없다. 원본은 body 여백이 0 이라 static 위치가
   그대로 0 이었지만, 여기서는 body 에 준 padding 만큼 헤더가 내려가 본문과
   겹친다. 뷰포트 상단에 고정되도록 좌표를 명시한다. */
.rw #navbar{top:0;left:0}

/* ── 히어로 ───────────────────────────────────────── */
.rw-hero{position:relative;background:var(--rw-soft);padding:50px 0 56px}
.rw-hero .inner{display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.rw-hero-left{flex:1 1 596px;max-width:596px;display:flex;flex-direction:column;gap:14px}
.rw-hero-visual{width:100%;aspect-ratio:596/335;border-radius:12px;overflow:hidden;background:#dbe8f7}
.rw-hero-visual img,
.rw-hero-visual video{width:100%;height:100%;object-fit:cover;display:block}
/* 히어로 텍스트 — Figma 2010:130 실측값.
   블록 시작 오프셋: 제목 0 / 설명 56.19 / 해시태그 127.89
   시안은 이 영역에 Inter 를 썼고 사이트는 Pretendard 라 normal leading 이
   서로 다르다(브라우저 0.91em vs 시안 1.18em). 행간을 명시해 맞춘다.
     제목  40.59 / 33.8 = 1.201
     설명  (54.6  - 5.476)/2 = 24.562 / 20.8 = 1.181
     해시  (39.702 - 4.107)/2 = 17.798 / 15.6 = 1.141 */
/* 원본 main.css 가 `h1..p, ul, li, a, input` 목록에 font-size:16px / weight:500 /
   color:#111 을 직접 걸어 두어, 부모에 준 값이 자식 <p> 로 상속되지 않는다.
   그래서 <p> 에 직접 지정한다. */
.rw-hero-tit{font-size:33.8px;font-weight:800;line-height:1.201;color:var(--rw-ink-2);margin:0}
.rw-hero-tit .p{color:var(--rw-blue-600)}

.rw-hero-desc{margin:15.6px 0 0;display:flex;flex-direction:column;gap:5.476px}
.rw-hero-desc p{font-size:20.8px;font-weight:700;line-height:1.181;color:var(--rw-ink-2);margin:0}
.rw-hero-desc .p{color:var(--rw-blue-600)}

.rw-hero-tags{margin:17.1px 0 0;display:flex;flex-direction:column;gap:4.107px}
.rw-hero-tags p{font-size:15.6px;font-weight:600;line-height:1.141;color:var(--rw-slate-600);margin:0}

.rw-form{flex:0 0 484px;width:484px;background:#fff;border:1px solid rgba(43,136,255,.3);
  border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:22px;
  box-shadow:0 14px 14px rgba(0,0,0,.1)}
.rw-form h2{margin:0;text-align:center;font-size:26px;font-weight:800;line-height:1.3;color:var(--rw-slate-900)}
.rw-form .fields{display:flex;flex-direction:column;gap:16px}
.rw-form input[type=text],.rw-form input[type=tel]{width:100%;background:var(--rw-input);
  border:1px solid transparent;border-radius:13px;padding:16px;font-size:16px;text-align:center;
  color:var(--rw-slate-700);font-family:inherit}
.rw-form input::placeholder{color:var(--rw-slate-500)}
/* 가짜 placeholder: * 만 포인트 컬러로 주기 위해 실제 요소로 얹는다.
   입력값이 생기면(:placeholder-shown 해제) 감춘다. */
.rw-ph-wrap{position:relative;display:block}
/* grid 로 두면 텍스트 노드와 <i> 가 각각 별개 항목이 되어 줄이 나뉜다.
   한 줄에 나란히 놓이도록 flex(row) 로 두고 사이 간격만 gap 으로 준다. */
.rw-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  gap:4px;pointer-events:none;
  font-size:16px;font-weight:500;color:var(--rw-slate-500);padding:0 12px;text-align:center}
.rw-ph i{color:var(--rw-pink);font-style:normal;font-weight:700}
.rw-ph-wrap input:not(:placeholder-shown) + .rw-ph{display:none}
.rw-form input:focus{outline:none;border-color:var(--rw-blue);background:#fff}
.rw-req{color:var(--rw-pink);font-weight:700}
.rw-consent{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rw-check{position:relative;display:flex;align-items:center;gap:9px;cursor:pointer;margin:0}
.rw-check input{position:absolute;opacity:0;width:0;height:0}
.rw-check .box{position:relative;width:26px;height:26px;border-radius:13px;background:#cbd5e1;flex:0 0 auto;
  display:block;transition:background .15s}
.rw-check .box::after{content:"";position:absolute;left:50%;top:50%;
  box-sizing:border-box;width:10px;height:6px;border-left:2px solid #fff;
  border-bottom:2px solid #fff;transform:translate(-50%,-65%) rotate(-45deg);opacity:0}
.rw-check input:checked + .box{background:var(--rw-blue-500)}
.rw-check input:checked + .box::after{opacity:1}
.rw-check input:focus-visible + .box{outline:2px solid var(--rw-blue-600);outline-offset:3px}
.rw-check .tx{font-size:15px;font-weight:700;color:var(--rw-slate-700)}
.rw-detail{font-size:15px;font-weight:400;color:var(--rw-slate-400);text-decoration:underline;
  background:none;border:0;cursor:pointer;padding:0;font-family:inherit;white-space:nowrap}
.rw-submit{width:100%;background:var(--rw-blue);color:#fff;border:0;border-radius:4px;
  padding:19px;font-size:19px;font-weight:800;cursor:pointer;font-family:inherit}
.rw-submit:hover{filter:brightness(.96)}
.rw-waiting{text-align:center;font-size:15px;font-weight:600;color:var(--rw-pink);margin:0}

/* ── 섹션 공통 ────────────────────────────────────── */
.rw-sec{padding:60px 0}
.rw #consulting,.rw #review{padding:60px 0}
.rw #consulting .container,.rw #review .container{padding-top:0;padding-bottom:0}
.rw-sec-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px}
.rw-sec-hd .tit{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;
  color:var(--rw-ink-2);margin:0}
/* 제목 옆 아이콘. 원본 CSS 에 img 크기 규칙이 여럿 있어 폭·높이를 모두 못박는다. */
.rw-sec-hd .tit .ico{width:28px;height:28px;flex:0 0 auto;display:block}
.rw-sec-hd .sub{margin:8px 0 0;font-size:15px;font-weight:500;color:var(--rw-slate-500)}
.rw-sec-hd .meta{font-size:13px;color:var(--rw-slate-500);white-space:nowrap}
.rw-sec-hd .meta b{color:var(--rw-blue);font-family:'Outfit',sans-serif}

/* ── 차량 카드 ────────────────────────────────────── */
.rw-cards{
  --rw-card-width:calc((var(--rw-max) - 64px)/5);
  display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:16px 6px 10px;margin:-16px -6px 0;scroll-padding:0 6px;
}
.rw-cards::-webkit-scrollbar{display:none}
.rw-cards.has-overflow::after{content:"";flex:0 0 max(0px,calc(100% - var(--rw-card-width) - 16px))}
.rw-cards.has-overflow{cursor:grab}
.rw-cards.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.rw-cards .rw-card{flex:0 0 var(--rw-card-width);min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
.rw-cards .rw-card .note{white-space:nowrap}
.rw-card{position:relative;background:#fff;border:1px solid var(--rw-line);border-radius:12px;
  padding:16px;padding-top:142px;display:flex;flex-direction:column;gap:10px;overflow:hidden;
  text-decoration:none;color:inherit}
.rw-card:hover{box-shadow:0 6px 18px rgba(42,136,255,.14)}
.rw-card .thumb{position:absolute;top:0;left:0;right:0;height:126px;background:var(--rw-soft);
  display:grid;place-items:center;overflow:hidden}
.rw-card .thumb img{width:90%;height:78%;object-fit:contain}
.rw-badge{position:absolute;top:11px;left:11px;background:var(--rw-pink);color:#fff;
  font-size:12px;font-weight:900;padding:4px 10px;border-radius:99px;z-index:1}
.rw-badge.best{background:#f44a6e}
.rw-badge.top{background:#f44a6e}
/* 즉시출고 재고 등급: 5대 이하 / 6~15대 / 16대 이상 */
.rw-badge.stock-low{background:#f44a6e}
.rw-badge.stock-mid{background:#2a88ff}
.rw-badge.stock-high{background:#00e14b}
.rw-card .head{border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px;
  display:flex;flex-direction:column;gap:6px}
.rw-card .brand{font-size:13px;font-weight:600;color:var(--rw-slate-500)}
.rw-card .model{font-size:24px;font-weight:800;color:var(--rw-ink);font-family:'Outfit',sans-serif;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-rate{display:flex;align-items:center;gap:4px}
.rw-rate .stars{display:flex;gap:1px}
.rw-rate .stars img{width:12px;height:12px;display:block}
.rw-rate .sc{font-size:12px;font-weight:700;color:var(--rw-ink-3)}
.rw-rate .cnt{font-size:12px;color:var(--rw-slate-550)}
.rw-card .prices{display:flex;flex-direction:column;gap:8px}
.rw-card .row{display:flex;align-items:center;justify-content:space-between}
.rw-card .row .lb{font-size:12px;font-weight:500;color:var(--rw-slate-550)}
/* 가격은 고정폭 숫자(tabular)로. 비례폭이면 자릿수가 같아도 1/7 등의 폭이
   달라 행마다 끝자리가 어긋난다. 시안도 lnum/tnum 을 지정하고 있다. */
.rw-card .row .rent,
.rw-card .row .lease{font-size:18px;font-family:'Outfit',sans-serif;
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;
  letter-spacing:0}
.rw-card .row .rent{font-weight:800;color:var(--rw-blue)}
.rw-card .row .lease{font-weight:700;color:var(--rw-slate-550)}
.rw-card .cta{background:var(--rw-blue);color:#fff;border-radius:4px;padding:12px;text-align:center;
  font-size:14px;font-weight:800;font-family:'Outfit',sans-serif}
.rw-card .note{font-size:11px;color:var(--rw-slate-400);text-align:center}

/* Vehicle controls appear whenever the fixed-width cards overflow. */
.rw-swipe-dots{display:none}
.rw-cards.has-overflow + .rw-swipe-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
.rw-cards + .rw-swipe-dots button{position:relative;display:block;width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#d7dfea;cursor:pointer;transition:width .25s ease,background .25s ease}
.rw-cards + .rw-swipe-dots button::before{content:"";position:absolute;inset:-10px -3px}
.rw-cards + .rw-swipe-dots button.on{width:18px;background:var(--rw-blue)}
.rw-cards + .rw-swipe-dots button:focus-visible{outline:2px solid var(--rw-blue-600);outline-offset:4px}

/* ── 인기차량 탭 ──────────────────────────────────── */
.rw-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.rw-chip{border:1px solid #dbe4f0;background:#fff;color:var(--rw-slate-600);border-radius:999px;
  padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}
.rw-chip.on{background:var(--rw-blue);border-color:var(--rw-blue);color:#fff}
.rw .rw-chip{border-radius:999px}

/* ── 반응형 ───────────────────────────────────────── */
@media screen and (max-width:1200px){
  .rw-hero .inner{flex-direction:column;align-items:stretch}
  /* 세로 적층에서는 flex-basis 가 '높이'로 해석된다. PC 의 596px/484px
     basis 를 그대로 두면 빈 높이가 강제로 생기므로 auto 로 되돌린다. */
  .rw-hero-left{max-width:none;flex:0 0 auto}
  .rw-form{width:100%;flex:0 0 auto}
}
@media screen and (max-width:700px){
  /* 영상이 고정 헤더에 바로 붙으면 윗부분이 잘려 보인다. 여백을 준다. */
  .rw-hero{padding:0 0 32px}
  .rw-hero .inner{gap:32px;padding:0}
  /* .wrap 이 width 기반 거터(좌우 16px)를 이미 만든다. 여기서 padding/margin 을
     또 주면 이중으로 들어가 오른쪽으로 밀린다. 거터는 .wrap 에만 맡긴다. */
  .rw-hero-left{padding:0;gap:28px;text-align:center;align-items:center}
  /* 영상은 wrap 거터를 거슬러 화면 끝까지.
     비율은 강제하지 않고 영상 원본을 따른다(원본 사이트도 크롭하지 않는다).
     aspect-ratio + cover 를 걸면 윗부분이 잘린 것처럼 보인다. */
  .rw-hero-visual{border-radius:0;aspect-ratio:auto;height:auto;
    margin:0 -16px;width:calc(100% + 32px)}
  .rw-hero-visual video{height:auto}
  /* PC 값을 비율(0.65 / 0.72 / 0.77)로 축소. font-size 가 <p> 에 있으므로
     여기서도 <p> 를 직접 지정해야 한다. */
  .rw-hero-tit{font-size:22px}
  .rw-hero-desc{margin-top:16px;gap:7px;align-items:center}
  .rw-hero-desc p{font-size:15px}
  .rw-hero-tags{margin-top:20px;gap:6px;align-items:center}
  .rw-hero-tags p{font-size:12px}
  .rw-form{margin:0;padding:20px;border-radius:16px;gap:18px}
  .rw-form h2{font-size:19px}
  .rw-form input[type=text],.rw-form input[type=tel]{padding:13px;font-size:14px;border-radius:10px}
  .rw-ph{font-size:14px}
  .rw-check .tx,.rw-detail{font-size:12px}
  .rw-check .box{width:22px;height:22px}
  .rw-submit{padding:15px;font-size:16px}
  .rw-waiting{font-size:12px}

  .rw-sec{padding:34px 0}
  .rw-sec-hd{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:18px}
  /* 제목+아이콘을 한 덩어리로 가운데 정렬하면 아이콘이 오른쪽에 붙은 만큼
     텍스트 중심이 (아이콘+간격)/2 = 15px 왼쪽으로 밀린다. 같은 값만큼
     왼쪽에 여백을 줘 텍스트 자체가 가운데 오도록 상쇄한다.
     (PC 는 좌측 정렬이라 이 문제가 없어 건드리지 않는다) */
  .rw-sec-hd .tit{font-size:19px;justify-content:center;padding-left:30px}
  .rw-sec-hd .tit .ico{width:22px;height:22px}
  /* ── 유지 섹션을 신규 섹션 스케일에 맞춘다 ─────────────
     원본은 모바일에서도 제목 32px·카드 패딩 40px·아이콘 75px 이라
     신규 섹션(제목 19px·섹션 패딩 34px)과 나란히 놓으면 따로 논다.
     원본 파일은 건드리지 않고 .rw 범위에서만 축소한다. */
  .rw .title02{font-size:19px;line-height:1.4}
  .rw-sec-hd .sub{font-size:12px}
  /* 기준일·재고·조회수 메타는 모바일에서 숨긴다 */
  .rw-sec-hd .meta{display:none}
  /* 칩은 줄바꿈 대신 가로 스크롤. 좌측 정렬이라야 넘친 앞부분도 닿는다.
     카드와 같은 이유로 overflow-x:auto 가 세로도 자르므로, 호버에서 떠오른
     칩이 잘리지 않도록 여유를 주고 음수 마진으로 위치를 되돌린다. */
  .rw-chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;
    scrollbar-width:none;-ms-overflow-style:none;
    padding:6px 4px;margin:-6px -4px 14px;scroll-padding:0 4px}
  .rw-chips::-webkit-scrollbar{display:none}
  .rw-chip{flex:0 0 auto;padding:6px 13px;font-size:12px}
  .rw-tail{height:62px}
}

/* 모바일 컨설팅 / 출고후기: 기존 콘텐츠와 링크를 유지하는 레이아웃.
   DESIGN_VARIANCE 3 / MOTION_INTENSITY 2 / VISUAL_DENSITY 5.
   브랜드의 파란색, Pretendard, 16px 거터를 유지하고 읽기 밀도를 개선한다. */
@media screen and (max-width:700px){
  .rw #consulting,.rw #review{padding:34px 0;scroll-margin-top:116px}
  .rw #consulting .container,.rw #review .container{padding-top:0;padding-bottom:0;gap:24px;align-items:stretch}
  .rw #consulting .title02{font-size:22px;line-height:1.45;text-align:center;letter-spacing:-.7px}
  .rw #consulting .text-primary,.rw #review .text-primary{color:var(--rw-blue-600)}
  .rw #consulting .merit-wrap ul{display:grid;grid-template-columns:1fr;gap:10px}
  .rw #consulting .merit-wrap ul li{
    width:100%;min-width:0;min-height:100px;padding:20px 16px;
    flex-direction:row;justify-content:center;gap:20px;border:1px solid #e5edf7;border-radius:16px;box-shadow:none;
  }
  /* 이미지의 원래 비율을 유지한다. 정사각형 강제 축소 금지. */
  .rw #consulting .merit-wrap ul li img{
    display:block;width:96px;height:auto;
    max-width:none;flex:0 0 96px;object-fit:contain;
  }
  .rw #consulting .merit-wrap ul li p{
    min-width:0;font-size:15px;line-height:1.6;text-align:center;
    letter-spacing:-.35px;word-break:keep-all;color:var(--rw-slate-700);
  }
  .rw #consulting .merit-wrap .text-primary{font-weight:700}

  .rw #review .container{gap:18px}
  .rw #review .review-grade{flex-direction:row;align-items:center;justify-content:center;gap:10px}
  .rw #review .review-grade .star{display:flex;align-items:center}
  .rw #review .review-grade .star img{width:92px;height:auto;display:block}
  .rw #review .review-grade .grade{
    padding:0;font-size:14px;line-height:1.5;font-weight:700;color:var(--rw-slate-700);
  }
  .rw #review .review-grade hr{display:none}
  .rw #review .container .title-wrap .title02{
    font-size:19px;line-height:1.55;letter-spacing:-.6px;text-align:center;word-break:keep-all;
  }
  .rw #review .homereview-more .home-more{
    height:48px;border:1px solid #d8e2ef;border-radius:var(--rw-button-radius);
    font-size:14px;font-weight:600;line-height:46px;color:var(--rw-slate-700);
  }
  /* 터치 후 hover 확대가 남아 인접 카드/사진이 잘리는 것을 방지한다. */
  .rw #consulting .merit-wrap li:hover,
  .rw #review .homereview li:hover{transform:none;box-shadow:none}
}

/* '견적 확인하기'와 동일한 버튼 라운드: PC/모바일/견적 시트 공통. */
.rw button,
.rw [role="button"],
.rw input[type="submit"],
.rw input[type="button"],
.rw .rw-card .cta,
.rw .btn-preview,
.rw .home-more,
.rw #navbar .btn-download,
.rw .quick-form .btn-quickform,
.rw .m-btn-wrap a{
  border-radius:var(--rw-button-radius);
}

/* Keep delivery reviews in one row at their desktop card size. */
  .rw #review .homereview ul{
    --review-card-width:min(282px,calc(100% - 24px));
    display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:2px;
    padding:2px;margin:0 -2px;scrollbar-width:none;
  }
  .rw #review .homereview ul::-webkit-scrollbar{display:none}
  .rw #review .rw-swipe-dots{display:none;justify-content:center;gap:6px;align-items:center;position:relative;min-height:28px;margin-top:10px}
  .rw #review .rw-swipe-dot{
    position:relative;display:block;width:6px;height:6px;padding:0;border:0;
    border-radius:99px;background:#d7dfea;cursor:pointer;
    transition:width .25s ease,background .25s ease;
  }
  .rw #review .rw-swipe-dot::before{content:"";position:absolute;inset:-10px -3px}
  .rw #review .rw-swipe-dot.on{width:18px;background:var(--rw-blue)}
  @media (prefers-reduced-motion:reduce){
    .rw #review .rw-swipe-dot{transition:none}
  }
  .rw #review .rw-swipe-toggle{
    display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;
    margin-left:4px;padding:0;border:0;background:transparent;
    color:var(--rw-blue);cursor:pointer;
  }
  .rw #review .rw-swipe-toggle::before{
    content:"";display:block;box-sizing:border-box;width:8px;height:10px;
    border-left:3px solid currentColor;border-right:3px solid currentColor;
  }
  .rw #review .rw-swipe-toggle.is-paused::before{
    width:0;height:0;margin-left:2px;border:5px solid transparent;
    border-right:0;border-left:8px solid currentColor;
  }
  .rw #review .rw-swipe-toggle[hidden]{display:none}
  .rw #review .rw-swipe-dots button:focus-visible{outline:2px solid var(--rw-blue-600);outline-offset:4px}
  .rw #review .homereview li{
    flex:0 0 var(--review-card-width);width:auto;min-width:0;margin:0;border:1px solid #e0e0e0;
    border-radius:10px;background:#fff;scroll-snap-align:start;box-shadow:none;
  }
  .rw #review .homereview a{padding:0;display:flex;flex-direction:column}
  .rw #review .homereview a:focus-visible{outline:3px solid var(--rw-blue-600);outline-offset:-4px}
  .rw #review .homereview .ph{
    grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));
    gap:2px;aspect-ratio:4 / 3;background:#fff;overflow:hidden;
  }
  .rw #review .homereview .ph img{
    width:100%;height:100%;min-width:0;min-height:0;aspect-ratio:auto;
    border-radius:0;object-fit:cover;
  }
  /* 카드 내부는 PC와 동일한 사진 2×2 / 차종 / 사양 / 후기 / 작성자 구성. */
  .rw #review .homereview .tx{padding:18px 20px 16px;display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}
  .rw #review .homereview .car{font-size:18px;font-weight:700;line-height:1.4}
  .rw #review .homereview .opt{display:block;margin-top:8px;line-height:1.5}
  .rw #review .homereview .body{
    margin-top:12px;height:96px;font-size:15px;line-height:24px;
    color:#333;-webkit-line-clamp:4;word-break:normal;
  }
  .rw #review .homereview .meta{
    margin-top:14px;padding-top:12px;border-top:1px solid #ebebeb;
    flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:13px;color:#9698a5;
  }
  .rw #review .homereview .meta span{font-size:13px;color:#535353}
.rw #review .homereview ul.has-overflow::after{content:"";flex:0 0 max(0px,calc(100% - var(--review-card-width) - 24px))}
.rw #review .homereview ul.has-overflow{cursor:grab}
.rw #review .homereview ul.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
.rw #review .homereview ul.has-overflow + .rw-swipe-dots{display:flex}

/* 2026-10-07 운영 이식 추가 (전체 보기 링크, 이미지 없는 카드) */
.rw-card .thumb .noimg{font-size:12px;font-weight:600;color:#535353}
.rw-sec-hd .sub a{margin-left:6px;color:var(--rw-blue);font-weight:700;text-decoration:underline}
/* 2026-10-12 디자인 검수 v3 M-06: 인기차량 카드의 연식·엔진·트림 설명 행은 PC·모바일 모두 숨김(data-note 는 견적 dialog 용으로 유지) */
#popular .rw-card > .note{display:none}