@media (max-width: 719px) {
	.home .post-grid .grid-items { display: flex; align-items: flex-start; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; height: auto !important; }
	.home .post-grid .grid-items .item { flex: 0 0 78% !important; width: auto !important; max-width: none !important; height: auto !important; position: static !important; scroll-snap-align: center; }
	/* Vignettes des vidéos en 16/9 pour des cartes de même hauteur ; les annonces (affiches) gardent leurs proportions */
	.home .post-grid:not(#post-grid-289255) .grid-items .item img { aspect-ratio: 16 / 9; height: auto !important; object-fit: cover; }
	#post-grid-289255 .grid-items .item img { height: auto !important; }
	.home .post-grid .grid-items .item .tmv_excerpt { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
}

/* Accueil sur mobile : les trois carrés (Ateliers média, Prestations audiovisuelles, Ateliers ouverts) côte à côte,
   image et titre seulement, au lieu d'un écran entier chacun. Rangée 3 de la mise en page SiteOrigin de l'accueil (page 288493). */
@media (max-width: 719px) {
	#pg-288493-3 > .panel-row-style { display: flex; flex-direction: row !important; flex-wrap: wrap; column-gap: 8px; }
	#pgc-288493-3-0 { width: 100% !important; }
	#pgc-288493-3-1, #pgc-288493-3-2, #pgc-288493-3-3 { width: calc((100% - 16px) / 3) !important; margin-bottom: 0 !important; }
	/* Sans le pointillé sous chaque carré, qui tombait à des hauteurs différentes selon la longueur du titre, ni ses marges */
	#pg-288493-3 .post-inner { border-bottom: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
	#pgc-288493-3-1 .widget-title, #pgc-288493-3-2 .widget-title, #pgc-288493-3-3 .widget-title { display: none; }
	/* Les images des carrés restent dans leur colonne, même quand les vignettes vont d'un bord à l'autre (tmv-bord-a-bord.css) */
	#pg-288493-3 .post-thumbnail { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; }
	#pg-288493-3 .post-thumbnail img { border-radius: 5px !important; }
	#pgc-288493-3-1 .post-meta, #pgc-288493-3-2 .post-meta, #pgc-288493-3-3 .post-meta,
	#pgc-288493-3-1 .entry, #pgc-288493-3-2 .entry, #pgc-288493-3-3 .entry,
	#pgc-288493-3-1 .excerpt, #pgc-288493-3-2 .excerpt, #pgc-288493-3-3 .excerpt { display: none; }
	#pgc-288493-3-1 .post-title, #pgc-288493-3-2 .post-title, #pgc-288493-3-3 .post-title { font-size: 14px; line-height: 1.25; margin: 6px 0 0; }
}