/* Shared phase presentation; each breakpoint retains its own timeline layout. */
#fall-sale #sale-schedule .sale-phase .sale-button,
#sale-schedule .sale-phase[data-phase-state] .sale-phase-badge:not(.sale-phase-range) {
  display: none;
}

#fall-sale #sale-schedule .sale-phase-desc {
  margin-bottom: 0;
}

#sale-schedule .sale-phase-top {
  flex-wrap: wrap;
  justify-content: flex-start;
}

#sale-schedule .sale-phase-range {
  display: inline-block;
  margin-left: auto;
  color: #454a51;
  background: #fff;
  border-color: #c9cdd2;
}

#sale-schedule .sale-phase-status {
  display: inline;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  color: #59616a;
}

#sale-schedule .sale-phase[data-phase-state="next"],
#sale-schedule .sale-phase[data-phase-state="current"] {
  outline: 1px solid var(--sale-phase-gold);
  outline-offset: -1px;
}

#fall-sale #sale-schedule .sale-phase[data-phase-state="next"],
#fall-sale #sale-schedule .sale-phase[data-phase-state="current"] {
  background-color: #fff2df;
}

#fall-sale #sale-schedule .sale-phase:is([data-phase-state="next"], [data-phase-state="current"]) .sale-phase-range {
  color: #8c4e18;
  border-color: #dfb787;
  background: #fffcf7;
}

#sale-schedule .sale-phase:is([data-phase-state="next"], [data-phase-state="current"]) .sale-phase-status {
  color: var(--sale-phase-text);
}

#sale-schedule .sale-phase:is([data-phase-state="upcoming"], [data-phase-state="ended"])::before {
  background: #b5bac1;
  box-shadow: none;
}

#fall-sale #sale-schedule .sale-phase:is([data-phase-state="next"], [data-phase-state="current"]) .sale-phase-title {
  color: #713f25;
}

#fall-sale #sale-schedule .sale-phase:is([data-phase-state="next"], [data-phase-state="current"]) .sale-phase-desc {
  color: #80563e;
}