/*
  5 Horas — carrossel horizontal de produtos
  Complemento isolado para preservar os grids institucionais existentes.
*/

.fh-products-carousel {
  display: flex;
  gap: var(--fh-gap);
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 4px 16px;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.fh-products-carousel .fh-product-card {
  flex: 0 0 min(360px, 82vw);
  min-height: 238px;
  scroll-snap-align: start;
}

.fh-products-carousel::-webkit-scrollbar {
  display: none;
}

@media (max-width: 640px) {
  .fh-products-carousel {
    gap: 14px;
    padding-bottom: 14px;
  }

  .fh-products-carousel .fh-product-card {
    flex-basis: 88%;
  }
}