.promo-banner { z-index: 5; background-color: var(--promo-banner-background-color); color: var(--promo-banner-text-color); display: block; position: relative; }
.promo-banner__container { flex-direction: column; justify-content: center; align-items: center; padding: 16px 20px; display: flex; }
@media screen and (width >= 1025px) {
  .promo-banner__container { flex-direction: row; min-height: 72px; padding: 6px 20px; }
}
@media screen and (width >= 1400px) {
  .promo-banner__container { padding: 6px 60px; }
}
.promo-banner__container p { margin: 0px; }
.promo-banner__container p a { color: inherit; text-decoration: none; }
@media screen and (width <= 1024px) {
  .promo-banner__block:first-child { margin-top: 0px; }
  .promo-banner__block:last-child { margin-bottom: 0px; }
}
@media screen and (width >= 1025px) {
  .promo-banner__block:first-child { margin-left: 0px; }
  .promo-banner__block:last-child { margin-right: 0px; }
  .promo-banner__content-small { margin: 0px 4px; }
}
.promo-banner__content-small p { font-size: 1.6rem; line-height: 2.4rem; }
@media screen and (width >= 1025px) {
  .promo-banner__content-small p { font-size: 2.4rem; line-height: 2.4rem; }
  .promo-banner__content-small:has(p + p) p { font-size: 1.6rem; line-height: 2rem; }
}
@media screen and (width >= 1400px) {
  .promo-banner__content-small:has(p + p) p { font-size: 2.4rem; line-height: 2.8rem; }
}
@media screen and (width <= 1024px) {
  .promo-banner__content-small + .promo-banner__block:not(.promo-banner__content-large) { margin-top: 8px; }
}
@media screen and (width >= 1025px) {
  .promo-banner__content-large { margin: 0px 4px; }
}
.promo-banner__content-large p { font-family: Recoleta, helvetica, arial, sans-serif; font-size: 2.4rem; line-height: 2.4rem; }
@media screen and (width >= 1025px) {
  .promo-banner__content-large p { font-size: 3.6rem; line-height: 3.6rem; }
}
@media screen and (width >= 1400px) {
  .promo-banner__content-large p { font-size: 5.2rem; line-height: 5.2rem; }
}
.promo-banner__content-large:has(p + p) p { font-size: 2rem; line-height: 2.4rem; }
@media screen and (width >= 1025px) {
  .promo-banner__content-large:has(p + p) p { font-size: 2.2rem; line-height: 2.8rem; }
}
@media screen and (width <= 1024px) {
  .promo-banner__content-large + .promo-banner__block:not(.promo-banner__content-small) { margin-top: 8px; }
}
@media screen and (width >= 1025px) {
  .promo-banner__content-large:has(+ .promo-banner__block.promo-banner__content-small) { margin-right: 48px; }
}
.promo-banner__countdown { margin: 4px 0px; display: flex; }
@media screen and (width >= 1025px) {
  .promo-banner__countdown { margin: 0px 32px; }
  .promo-banner__countdown + .promo-banner__products, .promo-banner__countdown + .promo-banner__cta { margin-left: 0px; }
}
.promo-banner__countdown-block { background-color: rgb(255, 255, 255); border-radius: 16px; width: 64px; height: 56px; margin: 0px 4px; }
.promo-banner__countdown-block:first-child { margin-left: 0px; }
.promo-banner__countdown-block:last-child { margin-right: 0px; }
.promo-banner__countdown-block p { color: rgb(0, 0, 0); flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 1.4rem; font-weight: 700; line-height: 1.4rem; display: flex; }
.promo-banner__countdown-block p span { font-size: 2.4rem; font-weight: 700; line-height: 2.4rem; }
.promo-banner__products { margin: 4px 0px; display: flex; }
@media screen and (width >= 1025px) {
  .promo-banner__products { margin: 0px 32px; }
  .promo-banner__products + .promo-banner__countdown, .promo-banner__products + .promo-banner__cta { margin-left: 0px; }
}
.promo-banner__product { background-color: rgb(255, 255, 255); border-radius: 16px; width: 60px; height: 60px; margin: 0px 4px; }
.promo-banner__product:first-child { margin-left: 0px; }
.promo-banner__product:last-child { margin-right: 0px; }
.promo-banner__cta { margin: 4px 0px; }
@media screen and (width >= 1025px) {
  .promo-banner__cta { margin: 0px 32px; }
  .promo-banner__cta + .promo-banner__products, .promo-banner__cta + .promo-banner__countdown { margin-left: 0px; }
}