.header--full + .countdown-section {
  margin-top: 0;
}

#countdown-container #time-is-up {
  display: none;
  text-align: center;
  font-size: clamp(20px, 4vw, 30px);
  width: 100%;
}
#countdown-container .timer-container {
  font-weight: bold;
  text-align: center;
  padding: 0 0 0.5em 0;
}
#countdown-container .timer-container span {
  position: relative;
  padding: 0 10px;
}
#countdown-container .timer-container span#days:before, #countdown-container .timer-container span#hours:before, #countdown-container .timer-container span#minutes:before, #countdown-container .timer-container span#secs:before {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 8px;
}
@media screen and (min-width: 425px) {
  #countdown-container .timer-container span#days:before, #countdown-container .timer-container span#hours:before, #countdown-container .timer-container span#minutes:before, #countdown-container .timer-container span#secs:before {
    font-size: 12px;
  }
}
#countdown-container .timer-container span#days:after, #countdown-container .timer-container span#hours:after, #countdown-container .timer-container span#minutes:after, #countdown-container .timer-container span#secs:after {
  content: ":";
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}
#countdown-container .timer-container span#days:before {
  content: "days";
}
#countdown-container .timer-container span#hours:before {
  content: "hours";
}
#countdown-container .timer-container span#minutes:before {
  content: "minutes";
}
#countdown-container .timer-container span#secs:before {
  content: "seconds";
}
#countdown-container .timer-container span#secs:after {
  display: none;
}
#countdown-container .timer-container #end {
  margin: 0;
}
#countdown-container.section {
  padding: 2em;
}
#countdown-container.section .for-product {
  display: none;
}
#countdown-container.section .countdown-header {
  text-align: center;
}
#countdown-container.section .countdown-header .for-homepage {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (min-width: 425px) {
  #countdown-container.section .countdown-header .for-homepage {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  #countdown-container.section .countdown-header .for-homepage {
    font-size: clamp(22px, 2.5vw, 50px);
  }
}
#countdown-container.section .timer-container {
  margin: 1em 0 3em;
}
#countdown-container.section .timer-container span {
  display: inline-block;
  font-size: 20px;
}
@media screen and (min-width: 360px) {
  #countdown-container.section .timer-container span {
    font-size: 40px;
  }
}
@media screen and (min-width: 768px) {
  #countdown-container.section .timer-container span {
    font-size: 70px;
  }
}
#countdown-container.section .countdown-footer {
  text-align: center;
}
#countdown-container.section .countdown-footer .button.for-homepage {
  display: inline-block;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
}
#countdown-container.section .countdown-footer .button.for-homepage:hover {
  text-decoration: underline;
}
@media screen and (min-width: 425px) {
  #countdown-container.section .countdown-footer .button.for-homepage {
    font-size: 16px;
    line-height: 16px;
  }
}
@media screen and (min-width: 768px) {
  #countdown-container.section .countdown-footer .button.for-homepage {
    font-size: 28px;
    line-height: 28px;
  }
}
#countdown-container.product {
  padding: 1em 2em;
  margin: 0;
}
#countdown-container.product .for-homepage {
  display: none;
}
#countdown-container.product .countdown-header {
  text-align: center;
}
#countdown-container.product .countdown-header .for-product {
  font-size: clamp(20px, 4vw, 30px);
  text-transform: uppercase;
  margin: 0;
}
#countdown-container.product .timer-container {
  font-weight: bold;
  font-size: clamp(30px, 4vw, 40px);
}

/*# sourceMappingURL=countdown-timer.min.css.map */