﻿/* Shared brochure intro surface component.
 * Page owners provide content/spacing; this file owns only the common canvas. */
:is(
	body.kiddee-page-about #page .kiddee-bind-6d054a8f,
	body.kiddee-page-services .kiddee-services-intro,
	body.kiddee-page-installation-works .kiddee-installation-stats-intro,
	body.kiddee-page-promotions #page .kiddee-bind-25eb4338,
	body.kiddee-page-contact #page .kiddee-bind-2373627,
	body.kiddee-page-design-3d #page .kiddee-bind-54e3834c
) {
	position: relative;
	isolation: isolate;
	background-color: var(--kv2-airbnb-surface-soft);
	background-image: none;
}

:is(
	body.kiddee-page-about #page .kiddee-bind-6d054a8f,
	body.kiddee-page-services .kiddee-services-intro,
	body.kiddee-page-installation-works .kiddee-installation-stats-intro,
	body.kiddee-page-promotions #page .kiddee-bind-25eb4338,
	body.kiddee-page-contact #page .kiddee-bind-2373627,
	body.kiddee-page-design-3d #page .kiddee-bind-54e3834c
)::after {	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: clamp(64px, 10vw, 120px);
	background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, var(--kv2-airbnb-canvas) 100%);
	content: "";
	pointer-events: none;
}

:is(
	body.kiddee-page-about #page .kiddee-bind-6d054a8f,
	body.kiddee-page-services .kiddee-services-intro,
	body.kiddee-page-installation-works .kiddee-installation-stats-intro,
	body.kiddee-page-promotions #page .kiddee-bind-25eb4338,
	body.kiddee-page-contact #page .kiddee-bind-2373627,
	body.kiddee-page-design-3d #page .kiddee-bind-54e3834c
) > * {
	position: relative;
	z-index: 1;
}
