/* ==========================================================================
   Heart to Kiss — price.css
   가격 표시 전용 스타일 (.htk-price-* 네임스페이스)
   js/price-util.js 의 priceHtml() 가 생성하는 마크업 전용.

   ⚠️ 이 파일만 가격 표시 스타일 담당. layout/site/home/product/category.css
      의 레이아웃은 건드리지 않는다 (다른 에이전트가 동시 작업 중).
   ========================================================================== */

/* 가격 묶음 컨테이너 — 카드(세로) / 인라인(가로) 모두 수용 */
.htk-price {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 6px;
  line-height: 1.25;
}

/* 정가 (취소선 · 회색 · 작게) */
.htk-price__original {
  font-family: var(--serif, sans-serif);
  font-size: 0.78em;
  color: var(--soft, #8a8378);
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  order: 1;
}

/* 할인율 뱃지 (빨강) */
.htk-price__badge {
  font-family: var(--sans, sans-serif);
  font-size: 0.74em;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #fff;
  background: #e53935;
  padding: 1px 5px;
  border-radius: 3px;
  white-space: nowrap;
  order: 2;
  line-height: 1.35;
}

/* 할인가 (크게 · 강조) */
.htk-price__sale {
  font-family: var(--serif, sans-serif);
  font-size: 1em;
  font-weight: 600;
  color: var(--ink, #16140f);
  white-space: nowrap;
  order: 3;
}

/* 신상 추가 5% 뱃지 */
.htk-price__new-badge {
  font-family: var(--sans, sans-serif);
  font-size: 0.7em;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #fff;
  background: #16140f;
  padding: 1px 5px;
  border-radius: 3px;
  white-space: nowrap;
  order: 4;
  line-height: 1.35;
}

/* 가공 대상 아님(번들/단일가) — 평범한 단일 가격 */
.htk-price--plain .htk-price__sale {
  font-weight: 400;
}

/* ── 상품 상세 페이지: 큰 가격 블록 ──────────────────────────────────────── */
.product-info__price-block .htk-price {
  gap: 6px 10px;
}
.product-info__price-block .htk-price__original {
  font-size: 0.5em;
}
.product-info__price-block .htk-price__sale {
  font-size: 1em;
}
.product-info__price-block .htk-price__badge,
.product-info__price-block .htk-price__new-badge {
  font-size: 0.34em;
  vertical-align: middle;
  padding: 3px 7px;
}

/* ── 카드 그리드 안: 가격 세로 묶음일 때 우측 정렬 보조 ─────────────────── */
.prod-card__price-group .htk-price,
.product-card__price .htk-price {
  justify-content: flex-end;
}