/* Accueil, téléphone (≤ 767 px) : image du haut de page agrandie (inc/accueil-mobile.php), v4 du 21/10/2026 (v4 : cadre moins haut, proportions 1184 / 482 choisies par la propriétaire ; v3 : annonces du diaporama montrées en entier et centrées dans le cadre, comme prévu par leurs règles ; v2 : l'image elle-même suit le cadre ; style.css lui imposait 100 px au plus).
   Avant : cadre fixe de 110 px de haut (règles de assets/css/responsive.css, prévues pour les annonces 780 × 220) →
   l'image de la propriétaire (1184 × 864) perdait 62 à 72 % de sa hauteur, les pastilles étaient posées sur le bas.
   Après : bord à bord, cadre aux proportions de l'image (1184 / 864), image entière ; les pastilles passent dessous,
   sur leur propre ligne. Les annonces du diaporama restent montrées en entier (sur fond flouté, règles des annonces).
   Ordinateur et tablette : aucune règle (tout est dans la media query). */

@media (max-width: 767px) {

	/* Une ligne de plus dans la grille du haut de page : texte, boutons, image, PUIS pastilles */
	html body section.anaaz-marketplace-hero {
		grid-template-areas: "copy" "buttons" "image" "benefits" !important;
		grid-template-rows: auto auto auto auto !important;
	}

	/* Cadre : bord à bord, hauteur donnée par les proportions de l'image (place réservée avant le chargement) */
	html body section.anaaz-marketplace-hero > .anaaz-marketplace-image.anaaz-hero-slider {
		grid-area: image !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		aspect-ratio: 1184 / 482; /* v4 : choix de la propriétaire (avant 1184 / 864) */
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 0 !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide,
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide > img {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	/* Image entière, centrée (avant : décalée à 70 % pour les bannières) */
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide > img {
		width: 100% !important;
		min-height: 0 !important;
		max-height: none !important; /* v2 : style.css fixait 100 px au plus */
		object-fit: cover !important;
		object-position: center center !important;
	}

	/* Pastilles : sous l'image, plus par-dessus */
	html body section.anaaz-marketplace-hero > .anaaz-marketplace-benefits {
		grid-area: benefits !important;
		align-self: start !important;
		position: relative !important;
		inset: auto !important;
		transform: none !important;
		margin: 8px auto 10px !important;
	}

	/* v3 : diapositive d'annonce (visuel 780 × 220) : entière et centrée sur son fond flouté, sur toute la hauteur du cadre
	   (les anciennes règles de hauteur du haut de page passaient devant celles des annonces : visuel rogné et décalé) */
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide > .anaaz-pub,
	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier {
		width: 100% !important;
		height: 100% !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier img {
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier > .anaaz-pub__image img {
		object-fit: contain !important;
		object-position: center center !important;
	}

	html body section.anaaz-marketplace-hero .anaaz-marketplace-image .anaaz-hero-slide .anaaz-pub__entier .anaaz-pub__flou img {
		object-fit: cover !important;
	}
}