/**
 * Door glass catalog — Figma 941:684402 (Glass Catalogue + Glass Card).
 */
.dps-glass-catalog {
	--dgc-bg: #f9f7f5;
	--dgc-border: #514b45;
	--dgc-text: #323c48;
}

/* ── Hero (left text, lifestyle image, warm gradient) ───────────────────── */
.dps-glass-catalog .dps-cat-hero {
	min-height: clamp(52rem, 58vw, 101.2rem);
	background-color: var(--dgc-bg);
}

.dps-glass-catalog .dps-cat-hero__inner {
	max-width: min(65.8rem, 52vw);
	gap: 2.4rem;
}

.dps-glass-catalog .dps-cat-hero__title {
	font-family: var(--delco-font-display);
	font-size: clamp(3.4rem, 4.8vw, 5rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0.25rem;
}

.dps-glass-catalog .dps-cat-hero__lede {
	font-size: clamp(1.6rem, 1.4vw, 2rem);
	line-height: 1.55;
	max-width: 65.8rem;
}

.dps-glass-catalog .dps-cat-hero--layout-left .dps-cat-hero__bg::after {
	/* Solid wash on the left ~32%, sharp cut to clear by 40% */
	background: linear-gradient(
		90deg,
		rgba(249, 247, 245, 0.96) 0%,
		rgba(249, 247, 245, 0.94) 32%,
		rgba(249, 247, 245, 0) 40%
	);
}

.dps-glass-catalog .dps-cat-hero--layout-left.dps-cat-hero--theme-dark .dps-cat-hero__bg::after {
	background: linear-gradient(
		90deg,
		rgba(15, 20, 28, 0.78) 0%,
		rgba(15, 20, 28, 0.72) 32%,
		rgba(15, 20, 28, 0) 40%
	);
}

/* ── Catalog shell ───────────────────────────────────────────────────────── */
.dps-glass-catalog .dps-cat-shell {
	padding-top: clamp(4rem, 5vw, 10rem);
	background: var(--dgc-bg);
}

.dps-glass-catalog .dps-glass-catalog__title {
	display: none;
}

.dps-glass-catalog .dps-cat-filters__head {
	margin-bottom: 2rem;
	font-size: 2.5rem;
	letter-spacing: 0.04em;
}

/* ── Product grid (4-up desktop) ─────────────────────────────────────────── */
.dps-glass-catalog .dps-glass-catalog__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(2rem, 2.5vw, 4.15rem);
	justify-content: stretch;
}

@media (max-width: 1100px) {
	.dps-glass-catalog .dps-glass-catalog__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.dps-glass-catalog .dps-glass-catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2rem;
	}
}

@media (max-width: 480px) {
	.dps-glass-catalog .dps-glass-catalog__grid {
		grid-template-columns: 1fr;
	}
}

/* ── Glass card (Figma Glass Card 982:672096) ────────────────────────────── */
.dps-glass-catalog .dps-glass-card {
	padding: 1.54rem;
	gap: 1.54rem;
	border-color: var(--dgc-border);
	border-radius: 0.769rem;
	overflow: visible;
}

.dps-glass-catalog .dps-glass-card:hover {
	transform: none;
	box-shadow: 0 0.8rem 2rem rgba(50, 60, 72, 0.12);
}

.dps-glass-catalog .dps-glass-card__media {
	height: 31.3rem;
	padding: 0;
	background: #fff;
	border-radius: 1rem;
	overflow: hidden;
}

.dps-glass-catalog .dps-glass-card__media img {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	object-fit: cover;
}

.dps-glass-catalog .dps-glass-card__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	min-height: 12rem;
	padding: 0;
	flex: 1;
}

.dps-glass-catalog .dps-glass-card__head {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

.dps-glass-catalog .dps-glass-card__brand {
	font-family: var(--delco-font-title);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.3;
	color: var(--dgc-text);
}

.dps-glass-catalog .dps-glass-card__title {
	font-family: var(--delco-font-title);
	font-size: 1.92rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--dgc-text);
}

.dps-glass-catalog .dps-glass-card__attrs {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}

.dps-glass-catalog .dps-glass-card__row {
	display: flex;
	align-items: flex-start;
	gap: 0.3rem;
	font-family: var(--delco-font-body);
	font-size: 1.5rem;
	line-height: 1.45;
	color: var(--dgc-text);
}

.dps-glass-catalog .dps-glass-card__label {
	flex: 0 0 7.5rem;
	font-weight: 400;
}

.dps-glass-catalog .dps-glass-card__value {
	flex: 1 1 auto;
	min-width: 0;
}

.dps-glass-catalog .dps-glass-card__privacy {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	flex: 1 1 auto;
	min-width: 0;
}

.dps-glass-catalog .dps-glass-card__meter {
	display: flex;
	align-items: center;
	gap: 0.2rem;
	flex: 1 1 auto;
	min-width: 0;
	max-width: 12.6rem;
}

.dps-glass-catalog .dps-glass-card__bar {
	flex: 1 1 0;
	height: 1.3rem;
	border-radius: 0.5rem;
	background: #e4dfda;
}

.dps-glass-catalog .dps-glass-card__bar.is-on {
	background: var(--dgc-text);
}

.dps-glass-catalog .dps-glass-card__meter-val {
	flex: 0 0 3.1rem;
	font-family: var(--delco-font-body);
	font-size: 1.5rem;
	text-align: center;
	color: var(--dgc-text);
}

.dps-glass-catalog .dps-glass-card__cta {
	margin-top: 0;
	min-height: 4.23rem;
	border-color: #4779b9;
	font-size: 1.215rem;
	letter-spacing: 0.243rem;
}