/* V5.2.24 — Live cart countdown: clear urgency without blocking checkout. */
.cart-countdown-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  margin: .9rem 0 1rem;
  padding: 1rem 1.05rem;
  border: 1px solid color-mix(in srgb, var(--sc-orange, #f1aa31) 38%, #fff);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--sc-orange, #f1aa31) 18%, transparent), transparent 45%),
    linear-gradient(135deg, color-mix(in srgb, var(--sc-orange, #f1aa31) 12%, #fff), #fff);
  box-shadow: 0 10px 26px rgba(91, 61, 13, .08);
}

.cart-countdown-hero::after {
  content: '';
  position: absolute;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  right: -4.7rem;
  bottom: -5.4rem;
  border: 1.2rem solid color-mix(in srgb, var(--sc-orange, #f1aa31) 13%, transparent);
  pointer-events: none;
}

.cart-countdown-hero.is-urgent {
  border-color: color-mix(in srgb, #ea684d 48%, #fff);
  background:
    radial-gradient(circle at 100% 0%, rgba(234, 104, 77, .18), transparent 46%),
    linear-gradient(135deg, rgba(255, 238, 233, .98), #fff);
}

.cart-countdown-hero.is-expired {
  border-color: color-mix(in srgb, #ea684d 56%, #fff);
  background: linear-gradient(135deg, rgba(255, 235, 232, .98), #fff);
}

.cart-countdown-hero__copy {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.cart-countdown-hero__copy > span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--sc-orange-deep, #9d6400);
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
}

.cart-countdown-hero.is-urgent .cart-countdown-hero__copy > span,
.cart-countdown-hero.is-expired .cart-countdown-hero__copy > span {
  color: #b34735;
}

.cart-countdown-hero__copy h3 {
  margin: .25rem 0 .18rem;
  color: var(--sc-ink, #1c2d24);
  font-family: var(--font-display, Sora, ui-sans-serif, system-ui);
  font-size: clamp(1rem, 2.3vw, 1.18rem);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.18;
}

.cart-countdown-hero__copy p {
  max-width: 46ch;
  margin: 0;
  color: var(--sc-muted, #66786c);
  font-size: .75rem;
  line-height: 1.45;
}

.cart-countdown-hero__clock {
  position: relative;
  z-index: 1;
  min-width: 8.2rem;
  padding: .72rem .82rem;
  border-radius: 16px;
  background: #1c3426;
  color: #fff;
  text-align: center;
  box-shadow: 0 8px 20px rgba(21, 48, 31, .16);
}

.cart-countdown-hero__clock.is-soon { background: #7c5608; }
.cart-countdown-hero__clock.is-urgent,
.cart-countdown-hero__clock.is-expired { background: #a94435; }

.cart-countdown-hero__clock span {
  display: block;
  color: rgba(255,255,255,.74);
  font-size: .56rem;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.cart-countdown-hero__clock strong {
  display: block;
  margin-top: .12rem;
  color: #fff;
  font-variant-numeric: tabular-nums;
  font-size: clamp(1.15rem, 3.2vw, 1.45rem);
  font-weight: 950;
  letter-spacing: -.04em;
  line-height: 1;
}

.cart-live-countdown {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: .36rem .5rem;
  max-width: 15rem;
  padding: .4rem .5rem;
  border: 1px solid color-mix(in srgb, var(--sc-orange, #f1aa31) 33%, #fff);
  border-radius: 12px;
  background: color-mix(in srgb, var(--sc-orange, #f1aa31) 9%, #fff);
  color: var(--sc-orange-deep, #8a5800);
}

.cart-live-countdown.is-urgent,
.cart-live-countdown.is-expired {
  border-color: rgba(216, 87, 64, .31);
  background: rgba(255, 239, 235, .95);
  color: #a84434;
}

.cart-live-countdown__label {
  display: inline-flex;
  align-items: center;
  gap: .22rem;
  font-size: .56rem;
  font-weight: 900;
  letter-spacing: .015em;
  line-height: 1;
  white-space: nowrap;
}

.cart-live-countdown__units {
  display: inline-flex;
  align-items: baseline;
  gap: .16rem;
  font-variant-numeric: tabular-nums;
}

.cart-live-countdown__units span {
  display: inline-flex;
  align-items: baseline;
  gap: .08rem;
}

.cart-live-countdown__units b {
  color: currentColor;
  font-size: .82rem;
  font-weight: 950;
  line-height: 1;
}

.cart-live-countdown__units small {
  font-size: .49rem;
  font-weight: 900;
  text-transform: uppercase;
}

.cart-live-countdown__units i {
  color: currentColor;
  font-size: .74rem;
  font-style: normal;
  font-weight: 900;
  opacity: .72;
}

.cart-live-countdown__closing {
  color: currentColor;
  font-size: .72rem;
  font-weight: 950;
}

.cart-sheet--responsive .cart-line-footer {
  align-items: center;
}

@media (prefers-reduced-motion: no-preference) {
  .cart-countdown-hero.is-urgent .cart-countdown-hero__clock,
  .cart-live-countdown.is-urgent {
    animation: sc-cart-countdown-pulse 1.8s ease-in-out infinite;
  }
}

@keyframes sc-cart-countdown-pulse {
  0%, 100% { transform: translateZ(0); box-shadow: 0 8px 20px rgba(21,48,31,.16); }
  50% { transform: translateY(-1px); box-shadow: 0 11px 24px rgba(179,67,48,.24); }
}

@media (max-width: 575.98px) {
  .cart-countdown-hero {
    grid-template-columns: 1fr;
    gap: .72rem;
    padding: .88rem;
    border-radius: 17px;
  }

  .cart-countdown-hero__clock {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .6rem;
    text-align: left;
  }

  .cart-countdown-hero__clock strong {
    margin: 0;
    text-align: right;
  }

  .cart-live-countdown {
    width: 100%;
    max-width: none;
    justify-content: space-between;
  }

  .cart-live-countdown__units b { font-size: .9rem; }
}

@media (max-width: 359.98px) {
  .cart-countdown-hero__copy h3 { font-size: .96rem; }
  .cart-countdown-hero__copy p { font-size: .68rem; }
  .cart-live-countdown__label { font-size: .51rem; }
  .cart-live-countdown__units b { font-size: .76rem; }
}

html[data-theme="dark"] .cart-countdown-hero {
  border-color: rgba(241, 171, 49, .34);
  background: linear-gradient(135deg, rgba(107, 77, 10, .25), rgba(24, 30, 28, .98));
  box-shadow: 0 12px 26px rgba(0,0,0,.22);
}

html[data-theme="dark"] .cart-countdown-hero.is-urgent,
html[data-theme="dark"] .cart-countdown-hero.is-expired {
  border-color: rgba(234,104,77,.42);
  background: linear-gradient(135deg, rgba(117, 50, 40, .34), rgba(24, 30, 28, .98));
}

html[data-theme="dark"] .cart-countdown-hero__copy h3 { color: #f7fbf8; }
html[data-theme="dark"] .cart-countdown-hero__copy p { color: rgba(240,247,242,.73); }
html[data-theme="dark"] .cart-live-countdown { background: rgba(123, 87, 11, .2); }
html[data-theme="dark"] .cart-live-countdown.is-urgent,
html[data-theme="dark"] .cart-live-countdown.is-expired { background: rgba(144, 58, 43, .25); }