/*
 * Thème Orthorepass : ajustements propres au thème enfant (chargés après les règles reprises de Plantmore).
 * Chaque règle remplace un effet de l'ancien JavaScript de Plantmore, pour garder la page identique au pixel.
 */

/* Bloc « produits liés » des fiches produits : masqué par le CSS additionnel (visibility:hidden) mais il garde sa place.
   Plantmore en faisait un carrousel « slick » : une seule rangée et 35 px sous la rangée. Même place sans carrousel. */
.related.products .shop-products {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	margin-bottom: 35px;
}
.related.products .shop-products > .item-col {
	flex: 0 0 auto;
	margin-bottom: 0;
}

/* Fiches produits sur ordinateur : la ligne photo + fiche est en flex avec 50 px d'écart. Les pseudo-éléments ::before et
   ::after de la grille Bootstrap y comptaient comme deux colonnes vides, d'où 100 px de trop : la fiche débordait à droite
   (prix et bouton coupés sous 1 300 px de large). Corrigé le 20/10/2026 à la demande de Thomas.
   Ordinateur seulement : sous 901 px la ligne passe en colonne et ces deux vides font 60 px de marge que le téléphone garde. */
@media (min-width: 901px) {
	body.single-product .product-content > .row::before,
	body.single-product .product-content > .row::after {
		display: none !important;
		content: none !important;
	}
}