/* 초음파 식기세척기 (Figma: 7 초음파 식기세척기 pc·tablet·mobile 1:2358 / 1:2277 / 1:2196) */

.dishwasher-wrap { width: 900px; margin: 0 auto; }
.dishwasher-sec { padding-top: 150px; }
.dishwasher-sec--first { padding-top: 0; } /* Figma: 첫 블록이 헤더 바로 아래에 붙어 있음 */
.dishwasher-sec--last { padding-bottom: 150px; }

.dishwasher-title { font-size: 30px; font-weight: 600; line-height: normal; color: #000; }
.dishwasher-title--center { text-align: center; }

/* 줄바꿈: p=PC, t=태블릿, m=모바일 에서만 표시 */
.dishwasher-br-tm, .dishwasher-br-t, .dishwasher-br-m { display: none; }

/* ── 제품 + 사양 ── */
.dishwasher-product-row { display: flex; align-items: center; gap: 50px; width: 800px; margin: 50px auto 0; }
.dishwasher-product-pic { flex: none; width: 350px; height: 350px; border-radius: 20px; object-fit: contain; }
.dishwasher-spec { flex: none; display: flex; flex-direction: column; gap: 20px; width: 420px; margin: 0; font-size: 15px; letter-spacing: -0.12px; }
.dishwasher-spec-row { display: flex; align-items: flex-start; gap: 10px; }
.dishwasher-spec dt { flex: none; width: 110px; height: 18px; font-weight: 600; line-height: 16px; color: #000; }
.dishwasher-spec dd { flex: none; width: 300px; margin: 0; font-weight: 500; line-height: 16px; color: #707070; }
.dishwasher-spec-row--lh20 dt, .dishwasher-spec-row--lh20 dd { line-height: 20px; }
.dishwasher-spec--home .dishwasher-spec-row:last-child dt { line-height: 20px; }
.dishwasher-spec dt.dishwasher-spec-label--wide { line-height: 18px; letter-spacing: 0.196px; }

/* ── 특징 카드 ── */
.dishwasher-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 24px;
  height: 564px;
  margin-top: 50px;
}
.dishwasher-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 35px 30px;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
}
.dishwasher-card-bg { position: absolute; inset: 0; z-index: -1; }
.dishwasher-card-bg img { width: 100%; height: 100%; object-fit: cover; }
.dishwasher-card h3 { font-size: 20px; font-weight: 600; line-height: normal; color: #000; }
.dishwasher-card p { font-size: 15px; font-weight: 500; line-height: 1.3; color: #707070; }

/* ── 그래프 / 비교표 ── */
.dishwasher-figure { display: block; margin-top: 50px; }
.dishwasher-figure img { width: 100%; height: auto; }

/* ───────── 태블릿 (디자인 800) ───────── */
@media (max-width: 1023px) {
  .dishwasher-wrap { width: min(650px, 100% - 40px); }
  .dishwasher-sec { padding-top: 100px; }
  .dishwasher-sec--first { padding-top: 0; }
  .dishwasher-sec--last { padding-bottom: 100px; }
  .dishwasher-title { font-size: 25px; }

  .dishwasher-br-tm, .dishwasher-br-t { display: inline; }
  .dishwasher-br-pm, .dishwasher-br-p { display: none; }

  .dishwasher-product-row { gap: 36.111px; width: 592px; max-width: 100%; margin-top: 36.111px; }
  .dishwasher-product-pic { width: 252.778px; height: 252.778px; border-radius: 14.444px; }
  .dishwasher-spec { gap: 14.444px; width: 303.333px; letter-spacing: -0.0867px; }
  .dishwasher-spec-row { gap: 7.222px; }
  .dishwasher-spec dt { width: 79.444px; height: 13px; line-height: 17px; }
  .dishwasher-spec dd { width: 216.667px; line-height: 17px; }
  .dishwasher-spec-row--lh20 dt, .dishwasher-spec-row--lh20 dd { line-height: 17px; }
  .dishwasher-spec dt.dishwasher-spec-label--wide { line-height: 17px; letter-spacing: 0.1416px; }
  .dishwasher-spec--home { letter-spacing: -0.12px; }
  .dishwasher-spec--home dt, .dishwasher-spec--home dd { line-height: 16px; }

  .dishwasher-cards { gap: 15px; height: 407.333px; margin-top: 30px; }
  .dishwasher-card { gap: 7.222px; padding: 25.278px 21.667px; }
  .dishwasher-card h3 { font-size: 15px; }
  .dishwasher-card p { font-size: 12px; }

  .dishwasher-figure { margin-top: 30px; }
}

/* ───────── 모바일 (디자인 375) ───────── */
@media (max-width: 767px) {
  .dishwasher-wrap { width: calc(100% - 54px); }
  .dishwasher-sec { padding-top: 50px; }
  .dishwasher-sec--first { padding-top: 0; }
  .dishwasher-sec--last { padding-bottom: 50px; }
  .dishwasher-title { font-size: 20px; }

  .dishwasher-br-t, .dishwasher-br-pt { display: none; }
  .dishwasher-br-m, .dishwasher-br-pm { display: inline; }

  .dishwasher-product-row { flex-direction: column; align-items: flex-start; width: 250px; max-width: none; }
  .dishwasher-spec { font-size: 13px; }

  .dishwasher-cards { gap: 10px 11px; height: 332px; }
  .dishwasher-card { border-radius: 14.444px; }
  .dishwasher-card--tight p { letter-spacing: -0.24px; }
}