/* Product carousels on the home page. New products use the same tone as the New badge. */
#index .new-products {
  background: #89aea4;
}

#index .sale-products {
  background: var(--ht-promo-color, #b45143);
  margin-bottom: 96px;
}

/* One surface under the carousel replaces five separate white card blocks. */
#index .new-products .products-carousel,
#index .sale-products .products-carousel {
  background: #fff;
  border-radius: 12px;
  padding: 20px 24px 28px;
}

#index .new-products .products-carousel .owl-dots,
#index .sale-products .products-carousel .owl-dots {
  margin-top: 28px;
}

#index .new-products .products-carousel .owl-nav,
#index .sale-products .products-carousel .owl-nav {
  right: 24px;
  bottom: 14px;
}

@media (max-width: 767px) {
  /* Align the wishlist circle's top edge with the visible product badge. */
  #index .products-carousel .product-miniature__image-container .wishlist-button-add {
    top: 14px;
  }

  #index .sale-products {
    margin-bottom: 64px;
  }

  #index .new-products .products-carousel,
  #index .sale-products .products-carousel {
    padding: 16px 16px 24px;
  }

  #index .new-products .products-carousel .owl-dots,
  #index .sale-products .products-carousel .owl-dots {
    margin-top: 24px;
  }

  #index .new-products .products-carousel .owl-nav,
  #index .sale-products .products-carousel .owl-nav {
    right: 16px;
    bottom: 10px;
  }
}

#index .new-products .product-miniature,
#index .sale-products .product-miniature {
  background: transparent;
  border-radius: 0;
}

#index .new-products .section-title__link,
#index .sale-products .section-title__link {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  color: #373334;
  text-decoration: none;
}

#index .sale-products .section-title__link {
  color: #fff;
}

#index .new-products .section-title__link .material-icons,
#index .sale-products .section-title__link .material-icons {
  font-size: 1.25em;
  line-height: 1;
  transition: transform .2s ease;
}

#index .new-products .section-title__link:hover,
#index .sale-products .section-title__link:hover {
  color: var(--primary-color);
}

#index .sale-products .section-title__link:hover {
  color: #efdecd;
}

#index .new-products .section-title__link:hover .material-icons,
#index .sale-products .section-title__link:hover .material-icons {
  transform: translateX(3px);
}

#index .new-products .section-title__link:focus-visible,
#index .sale-products .section-title__link:focus-visible {
  outline: 2px solid var(--primary-color);
  outline-offset: 4px;
}

#index .sale-products .section-title__link:focus-visible {
  outline-color: #fff;
}