.banner-countdown-v5__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .banner-countdown-v5__content {
    align-items: center;
  }
}

.banner-countdown-v5__title {
  font-size: clamp(3rem, calc(2.5vw + 2rem), 5rem);
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(var(--color-foreground));
  margin-bottom: 1rem;
}

.banner-countdown-v5__product-title {
  font-size: calc(var(--font-heading-scale) * var(--font-body-scale) * 3rem);
  margin-bottom: 2rem;
}

.banner-countdown-v5__price {
  margin-bottom: 2rem;
}
.banner-countdown-v5__price span {
  font-size: calc(var(--font-body-scale) * 2rem);
  color: rgba(var(--color-foreground));
  font-weight: 500;
}
.banner-countdown-v5__price del {
  font-size: calc(var(--font-body-scale) * 1.3rem);
  color: rgba(var(--color-foreground));
}

.banner-countdown-v5__countdown {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .banner-countdown-v5__countdown {
    flex-direction: row;
    margin-bottom: 6rem;
  }
}

.banner-countdown-v5__countdown-title {
  font-size: calc(var(--font-body-scale) * 1.8rem);
  font-weight: 500;
}

.banner-countdown-v5__countdown-subtitle {
  font-size: calc(var(--font-body-scale) * 1.4rem);
  color: rgba(var(--color-foreground), 0.5);
}

.banner-countdown-v5__countdown-time {
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 768px) {
  .banner-countdown-v5__countdown-time {
    padding-inline-start: 3rem;
    margin-inline-start: 3rem;
    border-left: solid 0.1rem rgba(var(--color-foreground));
  }
}

.banner-countdown-v5__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.banner-countdown-v5__item span {
  text-transform: uppercase;
  font-size: calc(var(--font-body-scale) * 1.2rem);
  letter-spacing: calc(var(--font-body-scale) * 0.16rem);
  font-weight: 500;
}

.banner-countdown-v5__number {
  width: 6.6rem;
  height: 6.6rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: rgba(var(--color-accent));
  font-size: clamp(2rem, calc(0.5vw + 1.8rem), 2.4rem);
  line-height: 1.2;
  font-weight: 500;
}

.banner-countdown-v5__image .xo-image {
  overflow: unset;
}
.banner-countdown-v5__image img {
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .banner-countdown-v5__button {
    margin-bottom: 2rem;
  }
}