.sales-countdown {
  --chapter-bg: #fff0bf;
  color: #26231c;
  padding-block: clamp(26px, 3.8vw, 48px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px 36px;
  flex-wrap: wrap;
}
.sales-countdown-copy { flex: 1 1 24rem; min-width: 0; }
.sales-countdown-copy h2 {
  text-wrap: balance;
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.08;
  letter-spacing: -.04em;
  margin: 0;
}
.sales-countdown-copy p {
  font-size: clamp(14px, 1.4vw, 18px);
  color: #60553b;
  margin: 9px 0 0;
}
.sales-countdown-clock:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(5px, .8vw, 11px);
  width: min(100%, 356px);
}
.sales-countdown-clock > div {
  background: #fffbef;
  border: 1px solid #e5ce85;
  border-radius: 14px;
  padding: 10px 2px;
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 3px;
}
.sales-countdown-clock strong {
  font-size: clamp(28px, 3.3vw, 42px);
  line-height: 1;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
}
.sales-countdown-clock span { color: #60553b; font-size: 12px; line-height: 1.3; }

.sales-countdown--compact {
  padding-block: clamp(14px, 1.7vw, 22px);
  gap: 10px 24px;
  scroll-margin-top: 80px;
}
.sales-countdown--compact[hidden] { display: none; }
.sales-countdown--compact h2 {
  flex: 1 1 24rem;
  margin: 0;
  font-size: clamp(19px, 2.2vw, 30px);
  font-weight: 700;
  line-height: 1.3;
  text-wrap: balance;
}
.sales-countdown--compact .sales-countdown-clock:not([hidden]) {
  width: min(100%, 270px);
  gap: 6px;
}
.sales-countdown--compact .sales-countdown-clock > div {
  padding: 7px 2px;
  gap: 2px;
  border-radius: 10px;
}
.sales-countdown--compact .sales-countdown-clock strong {
  color: #3d3322;
  font-size: clamp(22px, 2vw, 28px);
  font-weight: 700;
}
.sales-countdown--compact .sales-countdown-clock span { font-size: 11px; }