/* Homepage products discovery section — scoped to .gd-home-products
   Card styling lives in assets/css/product-card-horizontal.css */

.gd-home-products {
	--gd-hp-primary: var(--gd-primary, #E73F1E);
	--gd-hp-primary-hover: var(--gd-primary-hover, #D33618);
	--gd-hp-primary-active: var(--gd-primary-active, #B92D14);
	--gd-hp-secondary: var(--gd-secondary, #1F2A3A);
	--gd-hp-text-muted: var(--gd-text-muted, #556170);
	--gd-hp-card-bg: var(--gd-card, #FFFFFF);
	--gd-hp-border: var(--gd-border, #E8E8E8);
	--gd-hp-container-max: 1560px;

	padding: var(--gd-home-section-space) 0;
	background-color: var(--color-bg);
}

.gd-home-products__container {
	display: flex;
	flex-direction: column;
	gap: var(--space-2xl);
	max-width: var(--gd-hp-container-max);
	padding-inline: clamp(var(--space-md), 2.5vw, var(--space-xl));
}

/* Section heading accent — ensure primary red-orange, no gold */
.gd-home-products .gd-section-heading__divider {
	background:
		radial-gradient(circle at center, var(--gd-hp-primary) 0 8px, transparent 8.5px),
		radial-gradient(circle at center, rgba(var(--gd-primary-rgb), 0.2) 0 18px, transparent 18.5px);
}

.gd-home-products .gd-section-heading__divider::before,
.gd-home-products .gd-section-heading__divider::after {
	background: linear-gradient(
		90deg,
		rgba(var(--gd-primary-rgb), 0),
		rgba(var(--gd-primary-rgb), 0.98)
	);
}

.gd-home-products .gd-section-cta__button {
	color: #ffffff;
	background: var(--gd-hp-primary);
	box-shadow: 0 10px 28px rgba(var(--gd-primary-rgb), 0.24);
}

@media (hover: hover) and (pointer: fine) {
	.gd-home-products .gd-section-cta__button:hover,
	.gd-home-products .gd-section-cta__button:focus-visible {
		background: var(--gd-hp-primary-hover);
	}
}

@media (max-width: 640px) {
	.gd-home-products__container {
		gap: var(--space-xl);
	}
}