/**
 * SYRO CBD — Correctifs layout desktop (homepage, conteneur Astra, badges).
 * Chargé en dernier pour neutraliser les conflits CSS mobile/conversion.
 */

@media (min-width: 922px) {
	/* Conteneur centré — une seule largeur cohérente */
	body .site-content > .ast-container,
	body .site-content .ast-container {
		max-width: 1440px !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		overflow-x: visible !important;
		overflow-y: visible !important;
		box-sizing: border-box !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	body.home .site-content > .ast-container,
	body.home .site-content .ast-container {
		max-width: 1440px !important;
	}

	/* Grille Astra : colonne sidebar fantôme neutralisée (accueil + pages) */
	body.home .site-content .ast-row,
	body.page .site-content .ast-row {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.home #primary,
	body.home main.site-main,
	body.home .syro-front-page,
	body.page #primary,
	body.page main.site-main {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
		grid-column: 1 / -1 !important;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	body.home #secondary,
	body.page #secondary {
		display: none !important;
		width: 0 !important;
		max-width: 0 !important;
		overflow: hidden !important;
	}

	/* Hero livraison / blocs pleine largeur sans 100vw */
	body.home .syro-local-hero,
	body.home .syro-fp-shipping,
	body.home .syro-fp-shipping-grid,
	body.home .syro-home-block--pickup {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	body.home .syro-fp-shipping-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 24px !important;
		align-items: stretch !important;
	}

	/* Badges produits : empilement propre */
	.syro-product-badges-wrapper {
		position: absolute !important;
		top: 8px !important;
		left: 8px !important;
		right: auto !important;
		z-index: 12 !important;
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 4px !important;
		max-width: calc(100% - 16px) !important;
		pointer-events: none !important;
	}

	.syro-product-badges-wrapper .syro-badge,
	.syro-fp-product-image .syro-badge {
		position: static !important;
		top: auto !important;
		left: auto !important;
		margin: 0 !important;
		max-width: none !important;
	}

	.syro-badge-promo {
		max-width: none !important;
		white-space: nowrap !important;
	}

	/* Pas de scroll horizontal global sur desktop */
	html,
	body {
		overflow-x: clip !important;
		max-width: 100% !important;
	}

	/* Bandeau confiance / catégories homepage */
	body.home .syro-fp-trust-badges,
	body.home .syro-fp-categories,
	body.home .syro-fp-products-grid {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (min-width: 1200px) {
	body.home .syro-fp-shipping-grid {
		grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
	}
}

@media (min-width: 1400px) {
	body .site-content > .ast-container,
	body .site-content .ast-container {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}
}