/* Correctif Effet i Média 29-08-2026 : le thème ajoute col-lg-undefined
   hors pages catégorie (custom.js, boutons de vue absents).
   Quatre produits par ligne sur écran large ; le calc() absorbe la
   marge droite de 30px appliquée aux vignettes sur très grands écrans. */
@media (min-width: 992px) {
  .featured-products .product-miniature.col-lg-undefined {
    flex: 0 0 calc(25% - 30px);
    max-width: calc(25% - 30px);
  }
}

/* Menu fixe tablette/mobile — 29-08-2026 : le thème (stickymenumobile.css)
   ne définit aucun fond pour .fixed-menu-mobile, la barre flottait
   transparente sur le contenu. Fond repris de l'en-tête du site. */
.mobile-header.fixed-menu-mobile {
  background: #5C9FAC;
}

/* Garde-fou carrousel des listes produits — 29-08-2026 : si le slider
   d'images ne se réinitialise pas après un changement de page (ajax),
   toutes les photos du produit s'empilent et la vignette devient
   immense. Tant que le carrousel n'est pas prêt : une seule image. */
.products .slider_product-wrapper:not(.slick-initialized) .slider-product-item:not(:first-child) {
  display: none;
}

/* Ceinture pagination — 29-08-2026 : quelle que soit la cause (scripts
   interrompus, carrousel mal recalculé), la zone image d'une vignette
   de liste ne peut pas dépasser sa hauteur normale. */
#js-product-list .product-miniature .thumbnail-container,
#js-product-list .product-miniature .slider_product-wrapper,
#js-product-list .product-miniature .slick-list {
  max-height: 460px;
  overflow: hidden;
}