/* ====================================
   CARROSSEL DE PRODUTOS EM DESTAQUE - CSS RESPONSIVO
   ==================================== */

/* Container principal do carrossel */
.featured-products-section {
  padding: 40px 10px !important;
  min-height: 400px;
}

/* Track do carrossel */
.featured-carousel-track {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  padding-bottom: 30px !important;
  margin: 0 !important;
}

/* Container dos produtos */
#featuredProductsContainer {
  display: flex !important;
  gap: 15px !important;
  padding: 10px 5px !important;
  min-height: 350px !important;
}

/* Card de produto */
.featured-product-card {
  flex-shrink: 0 !important;
  min-height: 340px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Ajustes para mobile */
@media (max-width: 768px) {
  .featured-products-section {
    padding: 20px 5px !important;
    min-height: auto !important;
  }

  .featured-carousel-track {
    margin: 0 -5px !important;
    padding: 0 5px 10px 5px !important;
  }

  #featuredProductsContainer {
    gap: 8px !important;
    padding: 5px !important;
    min-height: 220px !important;
  }

  .featured-product-card {
    min-width: 140px !important;
    width: 140px !important;
    min-height: 200px !important;
    max-height: 220px !important;
    padding: 8px !important;
  }

  .featured-product-card h4 {
    font-size: 11px !important;
    min-height: 24px !important;
    max-height: 28px !important;
    margin-bottom: 4px !important;
  }

  .featured-product-card > div:first-child {
    height: 80px !important;
    margin-bottom: 6px !important;
  }

  .featured-product-card > div:nth-child(3) {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }

  .featured-product-card button {
    padding: 6px 4px !important;
    font-size: 10px !important;
    margin-top: 4px !important;
  }
}

/* Ajustes para mobile pequeno */
@media (max-width: 480px) {
  .featured-products-section {
    padding: 15px 5px !important;
  }

  .featured-product-card {
    min-width: 120px !important;
    width: 120px !important;
    min-height: 180px !important;
    max-height: 200px !important;
    padding: 6px !important;
  }

  .featured-product-card h4 {
    font-size: 10px !important;
    min-height: 20px !important;
    max-height: 24px !important;
  }

  .featured-product-card > div:first-child {
    height: 70px !important;
    margin-bottom: 4px !important;
  }

  .featured-product-card > div:nth-child(3) {
    font-size: 12px !important;
    margin-bottom: 4px !important;
  }

  .featured-product-card button {
    padding: 4px 2px !important;
    font-size: 9px !important;
  }
}

/* Ajustes para desktop com resolução baixa */
@media (min-width: 769px) and (max-width: 1024px) {
  .featured-product-card {
    min-width: 180px !important;
    width: 180px !important;
    min-height: 300px !important;
  }

  .featured-product-card h4 {
    font-size: 12px !important;
  }

  .featured-product-card > div:first-child {
    height: 110px !important;
  }
}

/* Garantir visibilidade de todos elementos */
.featured-carousel-wrapper {
  position: relative !important;
  overflow: visible !important;
}

/* Indicador de autoplay sempre visível */
#autoplayIndicator {
  position: relative !important;
  margin-top: 10px !important;
  z-index: 1 !important;
}

/* Prevenir corte de sombras */
.featured-product-card {
  margin-bottom: 10px !important;
}

/* Forçar exibição do preço e botão */
.featured-product-card > div:nth-child(3),
.featured-product-card > button {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}