/**
 * Categories Hero — visual styles.
 *
 * @package PasionGift_App
 */

.pg-categories-hero {
	padding: var(--pg-space-xl) var(--pg-space-lg);
	background:
		linear-gradient(
			160deg,
			color-mix(in srgb, var(--pg-color-brand-nude, #f8e9e3) 88%, #fff) 0%,
			var(--pg-color-hero-bg) 55%,
			color-mix(in srgb, var(--pg-color-brand-rose, #d98ca3) 12%, var(--pg-color-hero-bg)) 100%
		);
	border-radius: var(--pg-radius-lg);
	border: 1px solid rgba(var(--pg-color-brand-wine-rgb, 139, 30, 63), 0.06);
}

.pg-categories-hero__content {
	display: flex;
	flex-direction: column;
	gap: var(--pg-space-sm);
	max-width: 22rem;
}

.pg-categories-hero__title {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-type-hero-title);
	font-weight: var(--pg-font-weight-semibold);
	line-height: var(--pg-line-height-tight);
	color: var(--pg-color-text);
	letter-spacing: var(--pg-letter-spacing-tight);
}

.pg-categories-hero__subtitle {
	margin: 0;
	font-family: var(--pg-font-family);
	font-size: var(--pg-type-hero-subtitle);
	font-weight: var(--pg-font-weight-medium);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text-muted);
}

@media (max-width: 359px) {
	.pg-categories-hero {
		padding: var(--pg-space-lg) var(--pg-shell-padding-x);
	}
}

@media (min-width: 360px) and (max-width: 767px) {
	.pg-categories-hero {
		padding: var(--pg-space-xl) var(--pg-shell-padding-x);
	}
}

@media (min-width: 768px) {
	.pg-categories-hero {
		padding: var(--pg-space-2xl) var(--pg-space-xl);
	}

	.pg-categories-hero__content {
		max-width: 26rem;
		gap: var(--pg-space-md);
	}
}