/**
 * WA Product Area PHP — base (layout karty, premenné).
 * Hodnoty podľa React Product Area (Chakra theme): html font-size je 10px, takže 1rem = 10px.
 * Breakpointy (Chakra): sm 480, md 768, lg 992, xl 1280.
 */
.wa-pa {
	--wa-pa-gray-900: #292929;
	--wa-pa-pink-500: #EC008C;
	--wa-pa-muted: #959595;
	--wa-pa-font-heading: "Hind Madurai", sans-serif;
	--wa-pa-gap: 3.2rem;

	width: 100%;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	height: fit-content;
}

.wa-pa *,
.wa-pa *::before,
.wa-pa *::after {
	box-sizing: border-box;
}

/* Grid: pod 992 px stĺpce pod sebou (galéria hore), od 992 px dva rovnaké stĺpce */
.wa-pa__grid {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: var(--wa-pa-gap);
}

.wa-pa__col {
	min-width: 0;
}

.wa-pa__col--gallery {
	position: relative;
}

@media (min-width: 992px) {
	.wa-pa__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
	}
}