@charset "UTF-8";
/* ==========================================================================
   autobase — 제품 상세 반응형 (모든 @media 는 이 파일에만)
   ========================================================================== */

/* ── 1440 이하 ───────────────────────────────────────────────────────── */
@media (max-width: 1440px) {
  .pv-hero__model { font-size: 60px; }
  .pv-head__ko { font-size: 38px; }
  .pv-feat__title { font-size: 28px; }
}

/* ── 1200 이하 ───────────────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .pv-cat-tit { margin: 56px auto 40px; }
  .pv-cat-tit h2 { font-size: 44px; }

  .pv-hero { padding: 90px 0 64px; }
  .pv-hero__model { font-size: 48px; }
  .pv-hero__subtitle { font-size: 20px; }

  .pv-feat, .pv-spec, .pv-dim, .pv-rel { margin-top: 100px; }
  .pv-head__ko { font-size: 32px; }

  .pv-rel__grid { grid-template-columns: 1fr; }
}

/* ── 1024 이하 ───────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .pv-hero__tags { padding-top: 36px; }
  .pv-hero__img { margin-top: 48px; }
  .pv-hero__img img { max-height: 340px; }

  /* 요약 점 리스트·특징 카드 1열 */
  .pv-feat__points { gap: 7px; padding: 0; }
  .pv-feat__points li { width: 100%; }
  .pv-feat__list { grid-template-columns: 1fr; }
}

/* ── 768 이하 : 모바일 ───────────────────────────────────────────────── */
@media (max-width: 768px) {
  .pv-cat-tit { margin: 36px auto 24px; }
  .pv-cat-tit h2 { font-size: 30px; }

  .pv-hero { padding: 56px 0 44px; }
  .pv-hero__model { font-size: 30px; }
  .pv-hero__subtitle { padding-top: 6px; font-size: 16px; }
  .pv-hero__tags { gap: 8px; padding-top: 24px; }
  .pv-hero__tags li { height: 36px; padding: 0 16px; border-radius: 18px; font-size: 13px; }
  .pv-hero__img { margin-top: 32px; }
  .pv-hero__img img { max-height: 240px; }

  .pv-feat, .pv-spec, .pv-dim, .pv-rel { margin-top: 72px; }
  .pv-head__en { font-size: 18px; }
  .pv-head__ko { padding-top: 12px; font-size: 24px; }

  .pv-feat__points { margin-top: 22px; }
  .pv-feat__points li { font-size: 15px; }
  .pv-feat__list { gap: 12px; margin-top: 28px; }
  .pv-feat__item { padding: 20px; border-radius: 12px; }
  .pv-feat__txt { width: calc(100% - 76px); }
  .pv-feat__icon { width: 64px; height: 64px; margin-left: 12px; }
  .pv-feat__icon img { width: 30px; height: 30px; }
  .pv-feat__title { font-size: 17px; }
  .pv-feat__desc { margin-top: 5px; font-size: 14px; }

  .pv-spec__table { margin-top: 26px; }
  .pv-spec__table th { height: 46px; border-radius: 12px 12px 0 0; font-size: 15px; }
  .pv-spec__table td { padding: 10px 14px; font-size: 13px; line-height: 1.6; }
  .pv-spec__table td.bg { width: 118px; }

  .pv-dim__box { margin-top: 26px; padding: 32px 16px; border-radius: 12px; }

  .pv-rel__grid { gap: 12px; margin-top: 26px; }

  .pv-back { margin-top: 56px; }
  .pv { margin-top: 72px; }
}
