/**
 * Organismus: Produkt-Slider
 *
 * Die Leiste läuft vom linken Inhaltsrand bis an den rechten
 * Bildschirmrand (angeschnittene Karte = „hier geht es weiter“).
 */
.product-slider__head {
	align-items: end;
	display: flex;
	gap: var(--space-6);
	justify-content: space-between;
	margin-block-end: var(--space-10);
}

.product-slider__title {
	margin: 0;
}

.product-slider__controls {
	display: flex;
	flex: 0 0 auto;
	gap: var(--space-2);
}

.product-slider__controls [aria-disabled="true"] {
	cursor: default;
	opacity: 0.35;
}

.product-slider__track {
	--slider-edge: max(var(--gutter), calc((100% - var(--size-container)) / 2));

	display: grid;
	gap: var(--grid-gap-sm) clamp(1.5rem, 3vw, 3rem);
	grid-auto-columns: clamp(14rem, 22vw, 20rem);
	grid-auto-flow: column;
	margin: 0;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding: var(--space-2) var(--slider-edge) var(--space-6);
	scroll-padding-inline: var(--slider-edge);
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.product-slider__track::-webkit-scrollbar {
	display: none;
}

.product-slider__track:focus-visible {
	outline-offset: calc(-1 * var(--theme-focus-width));
}

.product-slider__item {
	scroll-snap-align: start;
}

@media (max-width: 48.75em) {
	.product-slider__head {
		margin-block-end: var(--space-8);
	}

	.product-slider__track {
		grid-auto-columns: 70%;
	}
}