/* Homepage Water Detectors section — scoped to .gd-home-water-detectors
   Card styling lives in assets/css/product-card-horizontal.css */

.gd-home-water-detectors {
	--gd-hwd-surface: #F6F7FA;
	--gd-hwd-container-max: 1560px;

	position: relative;
	padding: var(--gd-home-section-space) 0;
	background: linear-gradient(180deg, #fff 0%, var(--gd-hwd-surface) 55%, #fff 100%);
	overflow: hidden;
}

.gd-home-water-detectors__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}

.gd-home-water-detectors__bg-wave {
	position: absolute;
	inset-inline: -10%;
	inset-block-start: 8%;
	height: 42%;
	background:
		radial-gradient(ellipse 70% 55% at 50% 0%, rgba(var(--gd-primary-rgb), 0.05) 0%, transparent 72%),
		radial-gradient(ellipse 45% 35% at 85% 20%, rgba(var(--gd-secondary-rgb), 0.04) 0%, transparent 70%);
}

.gd-home-water-detectors__bg-glow {
	position: absolute;
	inset-inline-end: -8%;
	inset-block-end: -12%;
	width: min(28rem, 45vw);
	height: min(28rem, 45vw);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(var(--gd-primary-rgb), 0.04) 0%, transparent 68%);
}

.gd-home-water-detectors__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: var(--space-2xl);
	max-width: var(--gd-hwd-container-max);
	margin-inline: auto;
	padding-inline: clamp(var(--space-md), 2.5vw, var(--space-xl));
}