/* Reuse the same opaque yellow event surface, title font and capsule CTA. */
.black-friday-card { margin-top: 26px; }
.black-friday-card .event-top { align-items: center; justify-content: space-between; gap: 12px; }
.bf-dday {
  padding: 6px 14px;
  border: 1px solid #151509;
  border-radius: 999px;
  background: #151509;
  color: #fff3a3;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .04em;
  white-space: nowrap;
}
.black-friday-card h3 { margin: 30px 0 14px; }
.bf-discount { margin-bottom: 24px; }
.bf-rate { display: block; font: 400 clamp(52px, 7vw, 96px)/1.2 var(--title); letter-spacing: -.035em; }
.bf-old-rate { display: block; font-size: 24px; color: #494019; line-height: 1.5; margin-bottom: 8px; text-decoration-thickness: 2px; }
.bf-programs { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 14px; }
.bf-programs>span { display: inline-flex; align-items: center; gap: 8px; padding: 7px 17px; border: 1px solid #34330970; border-radius: 999px; font-size: 16px; font-weight: 700; }
.bf-programs i { font-style: normal; font-size: 19px; line-height: 1; }
.bf-programs>b { font-size: 21px; font-weight: 500; }
.bf-scope { font-size: 14px; line-height: 1.8; }
.bf-period { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 24px; font-size: 16px; font-weight: 700; }
.bf-notice { font-size: 13px; line-height: 1.8; margin-top: 7px; color: #37330e; }
.black-friday-card .bf-condition { margin-top: 17px; font-size: 12px; line-height: 1.8; color: #37330e; }
@media(max-width:640px) {
  .black-friday-card { margin-top: 20px; }
  .bf-dday { padding: 5px 11px; font-size: 12px; }
  .black-friday-card h3 { margin-top: 27px; margin-bottom: 14px; }
  .bf-rate { font-size: clamp(32px, 8.8vw, 54px); }
  .bf-old-rate { font-size: 18px; }
  .bf-discount { margin-bottom: 22px; }
  .bf-programs { gap: 10px; }
  .bf-programs>span { padding: 6px 12px; gap: 6px; font-size: 14px; }
  .bf-programs i { font-size: 17px; }
  .bf-scope { font-size: 14px; }
  .bf-period { font-size: 14px; margin-top: 21px; }
  .bf-notice { font-size: 13px; }
}
/* Keep benefit 2 visible as a closed event after the Korean deadline. */
.black-friday-card.is-ended,
.black-friday-card.is-ended:hover { animation: none; transform: none; }
.black-friday-card .bf-ended-overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 28px 20px;
  border-radius: inherit;
  background: #080808c7;
  color: #fff;
  text-align: center;
  pointer-events: none;
}
.bf-ended-overlay>span { font-size: 12px; font-weight: 700; letter-spacing: .2em; color: #ffe000; }
.bf-ended-overlay>strong { font: 400 clamp(32px, 4vw, 44px)/1.3 var(--title); }
.bf-ended-overlay>p { font-size: 13px; line-height: 1.8; color: #e0e0d8; }
.black-friday-card [aria-disabled="true"] { pointer-events: none; cursor: default; }