/* Ryhmä-lohko (layout: flex, nowrap) + Additional CSS class "featured-buttons"
   tekee rivistä mobiilissa vaakasuunnassa skrollattavan sen sijaan että
   sisältö vuotaisi tai rivittyisi. Yleiskäyttöinen — ei sidottu etusivuun,
   sama tekniikka toimii millä sivulla tahansa kunhan luokka on lisätty. */
@media (max-width: 768px) {
	.featured-buttons {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 1rem;
		padding-bottom: 0.5rem;
	}

	.featured-buttons > * {
		flex: 0 0 auto;
		scroll-snap-align: center;
	}

	.featured-buttons::-webkit-scrollbar {
		display: none;
	}
}