/* ===== 상품싱글 타임딜 (자격자에게만 노출) ===== */

/* ① 플로팅 구매수 배지 — 갤러리 하단 */
.td-single-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  width: max-content;
  height: 33px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #B98BFF 0%, #7C5AFF 100%) border-box;
  color: #333333;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  backdrop-filter: blur(4px);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}

.td-single-badge strong {
  background: linear-gradient(90deg, #7C5AFF 0%, #BD0BE4 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 700;
  margin-right: -4px;
}

.td-single-badge-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url('../../../assets/images/timedeal/hourglass.svg');
}

.td-single-badge-wrap {
  position: absolute;
  top: 610px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

/* ② 타임딜 특가 구매 CTA — 별도 버튼(자격자일 때 기존 구매버튼 대체 노출) */
.purchase-btn.td-on > a:not(.td-single-cta) {
  display: none;
}

.td-single-cta {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(90deg, #7C5AFF 0%, #BD0BE4 100%) !important;
  color: #fff !important;
  font-weight: 700;
  height: 100%;
  font-size: 14px !important;
}

/* ④ 모바일: 자격자일 때 하단 CTA 고정 (디자인의 sticky 하단바) */
@media (max-width: 770px) {
  .mo-button-wrapper:has(.td-single-cta) {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    margin: 0;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
  }
  /* 플로팅 구매수 배지도 CTA 바로 위에 고정 (디자인의 floating) */
  .td-single-badge-wrap {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: calc(116px + env(safe-area-inset-bottom));
    transform: translateX(0);
    z-index: 999;
    margin: 0;
    pointer-events: none; /* 배지 외 영역은 클릭 통과 */
  }
  .td-single-badge {
    margin: 0 auto;
    pointer-events: auto;
  }

  /* 고정 CTA에 마지막 콘텐츠가 가려지지 않게 하단 여백 확보 */
  body:has(.td-single-cta) {
    padding-bottom: 96px;
  }
}

/* ③ 총금액 15% 할인 배지 */
.td-total-badge {
  display: inline-flex !important;
  align-items: center;
  width: max-content;
  height: 25px;
  margin: 0 !important;
  padding: 0 12px;
  border-radius: 999px;
  background: #7C5AFF;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  vertical-align: middle;
}