/* =========================================================
   item-tsnow-swipe.css
   메인 타임세일 NOW 스와이프 카드 스타일

   HTML: html/items/item-tsnow-swipe.html

   폰트 표준:
     상품명   0.8125rem (13px) / 600 — 웹 1rem / 500
     가격     0.8125rem (13px) / 600 — 웹 1rem / 700
     보조     0.6875rem (11px) — D-day, 지역, 재고
   ========================================================= */


/* =========================
   카드
   ========================= */
.tsnow__card {
  display: block;
  border: 1px solid #E8E8E8;
  border-radius: 0.75rem;
  overflow: hidden;
  text-decoration: none;
  color: #333;
  background: #fff;
}


/* =========================
   썸네일
   ========================= */
.tsnow__thumb {
  position: relative;
  width: 100%;
  padding-top: 140%;
  overflow: hidden;
  background: #eee;
}
.tsnow__thumb img {
  position: absolute;
  top: 0; left: 0;
}


/* =========================
   D-day 뱃지
   ========================= */
.tsnow__dday {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #fff;
  background: #ff4b4b;
  padding: 0.0625rem 0.3125rem;
  border-radius: 0.25rem;
  letter-spacing: -0.02em;
  margin-right: 0.25rem;
  vertical-align: middle;
}


/* =========================
   정보 영역
   ========================= */
.tsnow__info {
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.tsnow__date {
  font-size: 0.75rem;
  font-weight: 600;
  color: #ff4b4b;
  display: flex;
  align-items: center;
}

.tsnow__name {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #000;
  letter-spacing: -0.03em;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tsnow__area {
  font-size: 0.6875rem;
  color: #777;
}


/* =========================
   가격
   ========================= */
.tsnow__price {
  display: flex;
  align-items: center;
  margin-top: 0.125rem;
}

.tsnow__percent,
.tsnow__amount {
  font-size: 0.8125rem;
  letter-spacing: -0.03em;
}


/* =========================
   재고
   ========================= */
.tsnow__stock {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #ff4b4b;
  background: #fff0f0;
  display: inline-block;
  align-self: flex-start;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.25rem;
  margin-top: 0.25rem;
}

.tsnow__card .dcoupon_label {
  font-size: 0.6875rem;
  margin-top: 0.25rem;
}


/* =========================================================
   웹(.is-web) 전용 오버라이드
   ========================================================= */
.is-web .tsnow__info {
  padding: 0.75rem;
}

.is-web .tsnow__name {
  font-size: 1rem;
  font-weight: 500;
}

.is-web .tsnow__area {
  font-size: 0.8125rem;
}

.is-web .tsnow__percent,
.is-web .tsnow__amount {
  font-size: 1rem;
  font-weight: 700;
}