.layout-home,
.layout-home .header,
.home {
  background-color: #000;
}

.header .header-navigation-section-list,
.home .component-title,
.simple-swiper .swiper-button-prev,
.simple-swiper .swiper-button-next,
.footer .footer-new-letter .footer-new-letter-info span,
.footer .footer-body-info ul,
.footer .footer-about {
  color: var(--white);
}

.header .header-navigation-section .header-navigation-section-link:hover {
  background-color: var(--black);
}

.pdp .product-details .group-selos-tarja {
  align-items: flex-start;
}

.product-carousel-component {
  width: 100%;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 2rem 0;
  background-color: #363636;
}

.footer > div {
  background-color: #363636;
}

.footer .footer-body-info .footer-title {
  color: var(--blue);
}

.timer-text.item1,
.timer-text.item2 {
  display: none;
}

.timer-container .timer-content {
  gap: 1.5rem;
  background-position: center !important;
  padding: 0 2rem;

  background-image: none !important;
  background-color: #000 !important;
}

.home .timer-container .timer-selo,
.timer-container.web .timer-selo,
.timer-container.mobile .timer-selo,
.home .timer-container .timer-selo-mobile {
  width: 100% !important;
  height: auto !important;
  max-width: 40rem;
  justify-self: flex-end;
  margin-right: 0;
  content: url("https://cdn.ultrafarma.com.br/static/arquivos/black-friday-2025-cronometro.png");
}

.timer-container .timer-content > div {
  white-space: nowrap;
}

.timer-container .timer-box {
  margin-left: 0;
}

.timer-container .timer-countdown {
  width: max-content;
}

@media (max-width: 900px) {
  .home .timer-container .timer-selo,
  .home .timer-container .timer-selo-mobile,
  .timer-container .timer-selo {
    max-width: 70%;
  }
}

@media (max-width: 768px) {
  .timer-container .timer-content {
    gap: 0.5rem;
  }

  .home .timer-container .timer-selo,
  .home .timer-container .timer-selo-mobile,
  .timer-container .timer-selo {
    max-width: 60%;
  }

  .timer-container .timer-countdown strong {
    font-size: 1.4rem;
  }
}

@media (max-width: 520px) {
  .timer-container .timer-countdown strong {
    font-size: 1.2rem;
  }
}

@media (max-width: 400px) {
  .timer-container .timer-content {
    gap: 0.2rem;
  }

  .timer-container .timer-countdown strong {
    font-size: 1rem;
  }
}