.pd-countdown .pd-countdown__title p {
  margin: 0;
}
.pd-countdown--classic .pd-countdown__title,
.pd-countdown--calendar .pd-countdown__title {
  margin-bottom: 10px;
}
.pd-countdown--calendar .pd-countdown__title {
  margin-bottom: 16px;
}

.pd-countdown .pd-countdown__fashion-container {
  background-color: var(--pd-countdown-card-bg);
  border-radius: var(--border-radius-large, 12px);
  padding: 16px 20px;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.pd-countdown .pd-countdown__badge {
  background-color: var(--pd-countdown-badge-bg);
  border-radius: 100px;
  padding: 0 10px;
  font-size: var(--pd-countdown-title-fs);
  font-weight: 500;
  line-height: 1.5;
  display: inline-flex;
}
.pd-countdown .pd-countdown__badge,
.pd-countdown .pd-countdown__badge * {
  color: var(--pd-countdown-title-color) !important;
}
.pd-countdown .pd-countdown__badge p {
  margin: 0;
  display: inline;
}

.pd-countdown .pd-countdown__timer {
  display: flex;
  align-items: center;
}
.pd-countdown .pd-countdown__item {
  width: 96px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 10px;
}
.pd-countdown .pd-countdown__number {
  font-size: var(--pd-countdown-number-fs);
  font-weight: 500;
  line-height: 1.2;
  color: var(--pd-countdown-number-color);
}
.pd-countdown .pd-countdown__label {
  display: none;
  font-size: var(--pd-countdown-unit-fs-pc);
  font-weight: 400;
  line-height: 1.66;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  color: var(--pd-countdown-number-color);
}
.pd-countdown--show-units .pd-countdown__label {
  display: block;
}

.pd-countdown .pd-countdown__colon,
.pd-countdown .pd-countdown__pipe {
  display: none;
}
.pd-countdown--sep-colon .pd-countdown__colon {
  display: block;
}
.pd-countdown--sep-pipe .pd-countdown__pipe {
  display: block;
}

.pd-countdown .pd-countdown__colon {
  font-size: var(--pd-countdown-separator-size);
  font-weight: 500;
  line-height: 1.5;
  color: var(--pd-countdown-number-color);
}
.pd-countdown .pd-countdown__pipe {
  width: 1px;
  height: var(--pd-countdown-separator-size);
  background-color: var(--pd-countdown-number-color);
  opacity: 0.35;
  flex-shrink: 0;
  margin-top: 13px;
}

.pd-countdown--fashion .pd-countdown__timer {
  gap: 10px;
}
.pd-countdown--fashion.pd-countdown--sep-colon .pd-countdown__timer,
.pd-countdown--fashion.pd-countdown--sep-pipe .pd-countdown__timer {
  gap: 0;
}

.pd-countdown--calendar .pd-countdown__item {
  background-color: var(--pd-countdown-calendar-bg);
  border-radius: var(--border-radius-medium, 6px);
  min-height: 90px;
  padding: 12px 0;
  justify-content: center;
}
.pd-countdown--calendar .pd-countdown__timer {
  gap: 16px;
  align-items: center;
}
.pd-countdown--calendar.pd-countdown--sep-colon .pd-countdown__timer,
.pd-countdown--calendar.pd-countdown--sep-pipe .pd-countdown__timer {
  gap: 10px;
}
.pd-countdown--calendar .pd-countdown__colon {
  font-weight: 400;
}
.pd-countdown--calendar .pd-countdown__pipe {
  margin-top: 0;
}

@media (max-width: 959px) {
  .pd-countdown .pd-countdown__item {
    flex: 1;
    width: auto;
  }
  .pd-countdown .pd-countdown__label {
    font-size: var(--pd-countdown-unit-fs-mobile);
  }
  .pd-countdown .pd-countdown__pipe {
    margin-top: 8px;
  }
  .pd-countdown .pd-countdown__fashion-container spz-countdown {
    width: 100%;
  }
  .pd-countdown .pd-countdown__fashion-container {
    width: 100%;
  }
  .pd-countdown--calendar .pd-countdown__pipe {
    margin-top: 0;
  }
}