/**
 * Home/Vitrine de produtos — Figma 259:1691 / 270:13568.
 *
 * Desktop (1200×587): padding 48/24 · gap 24 · título Heading Medium 24/1.2 (600)
 *   "Ver todos": Label 16 (500) brand-text + seta 12, área de toque com padding 12 0
 *   4 cards por linha, gap 24 (card 270).
 * Mobile (< 782px): padding 32/16 · linha com rolagem lateral · cards de 204 em 448, gap 12.
 */

.cdw-vitrine__conteiner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--space-24);
	max-width: var(--wp--custom--layout--container-max);
	margin: 0 auto;
	padding: var(--wp--preset--spacing--space-48) var(--wp--preset--spacing--space-24);
}

.cdw-vitrine__cabecalho {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--space-16);
}

.cdw-vitrine__titulo {
	min-width: 0;
	margin: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--display);
	/* Figma: font-size/heading-md = 24 neste componente. */
	font-size: 1.5rem;
	font-weight: var(--wp--custom--weight--heavy);
	line-height: 1.2;
}

.cdw-vitrine__ver-todos {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	gap: var(--wp--preset--spacing--space-8);
	padding: 12px 0;
	color: var(--wp--preset--color--brand-text);
	font-size: var(--wp--preset--font-size--label);
	font-weight: var(--wp--custom--weight--bold);
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
}

.cdw-vitrine__ver-todos .cdw-icone {
	width: 15px;
	font-size: 12px;
	transition: transform var(--wp--custom--motion--duracao-rapida) var(--wp--custom--motion--ease-padrao);
}

.cdw-vitrine__ver-todos:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.cdw-vitrine__ver-todos:hover .cdw-icone {
	transform: translateX(2px);
}

.cdw-vitrine__produtos {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--space-24);
	margin: 0;
	padding: 0;
	list-style: none;
}

.cdw-vitrine__item {
	min-width: 0;
	margin: 0;
}

@media (max-width: 781px) {
	.cdw-vitrine__conteiner {
		padding: var(--wp--preset--spacing--space-32) var(--wp--preset--spacing--space-16);
	}

	.cdw-vitrine__produtos {
		display: flex;
		gap: 12px;
		margin-inline: calc(-1 * var(--wp--preset--spacing--space-16));
		/* 2 px embaixo: espaço para a sombra do card não ser cortada pela rolagem. */
		padding: 0 var(--wp--preset--spacing--space-16) 2px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--wp--preset--spacing--space-16);
		scrollbar-width: none;
	}

	.cdw-vitrine__produtos::-webkit-scrollbar {
		display: none;
	}

	/* Figma: card de 204 numa área útil de 448 → 2 cards e o começo do terceiro. */
	.cdw-vitrine__item {
		flex: 0 0 45.5%;
		scroll-snap-align: start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cdw-vitrine__ver-todos .cdw-icone {
		transition: none;
	}
}