/* Viewport coverage shared by public Casagres surfaces. */
:root {
	--cg-web-viewport-height: 100vh;
	--cg-web-safe-left: env(safe-area-inset-left, 0px);
	--cg-web-safe-right: env(safe-area-inset-right, 0px);
}

/* Landscape catalog owners: backgrounds stay full width; inner controls stay safe. */
@media (min-width: 760px) {
	html body .cg-shop-filter-dialog__head {
		padding: 7px max(13px, var(--cg-web-safe-right)) 7px max(13px, var(--cg-web-safe-left));
	}

	html body .cg-shop-filter-dialog__scroll {
		padding: 2px max(18px, var(--cg-web-safe-right)) 16px max(18px, var(--cg-web-safe-left));
	}

	html body .cg-shop-filter-dialog__foot {
		padding-inline-end: max(18px, var(--cg-web-safe-right));
		padding-inline-start: max(18px, var(--cg-web-safe-left));
	}

	html body .cg-collections-index {
		padding-inline-end: max(20px, calc((100vw - 1320px) / 2), var(--cg-web-safe-right));
		padding-inline-start: max(20px, calc((100vw - 1320px) / 2), var(--cg-web-safe-left));
	}
}

@supports (height: 100svh) {
	:root { --cg-web-viewport-height: 100svh; }
}

@supports (height: 100dvh) {
	:root { --cg-web-viewport-height: 100dvh; }
}

html {
	min-block-size: 100%;
	min-inline-size: 100%;
}

body {
	margin: 0;
	min-block-size: var(--cg-web-viewport-height);
	min-inline-size: 100%;
}

body > :is(#brx-content, #primary) {
	min-inline-size: 0;
}

/* The Casagres product search owns this blur; native Safari chrome does not. */
.cg-product-explorer {
	--cg-explorer-visual-height: var(--cg-web-viewport-height);
	--cg-explorer-visual-top: 0px;
	block-size: var(--cg-explorer-visual-height);
	box-sizing: border-box;
	inset: var(--cg-explorer-visual-top) 0 auto;
	inline-size: 100%;
	min-block-size: 0;
	padding-block-end: max(12px, env(safe-area-inset-bottom, 0px));
	padding-block-start: max(var(--cg-product-explorer-top, 92px), calc(env(safe-area-inset-top, 0px) + 12px));
	padding-inline-end: max(14px, env(safe-area-inset-right, 0px));
	padding-inline-start: max(14px, env(safe-area-inset-left, 0px));
}

.cg-product-explorer-panel,
.cg-product-explorer-panel.cg-glass {
	max-block-size: 100%;
}

/* Match the frozen Puertas selector so its dvh cap cannot exceed visualViewport. */
.cg-product-explorer[data-cg-explorer-active-category="puertas"] .cg-product-explorer-panel,
.cg-product-explorer[data-cg-explorer-active-category="puertas"] .cg-product-explorer-panel.cg-glass {
	max-block-size: 100%;
	max-height: 100%;
}

@media (min-width: 901px) {
	.cg-product-explorer {
		padding-block-start: max(92px, calc(env(safe-area-inset-top, 0px) + 12px));
	}
}