/**
 * Страница appointment — вёрстка (.natella-appt-clone).
 * Класс .section заменён на .natella-appt-section в HTML — иначе ловятся чужие глобальные стили.
 */

.page-template-template-natella-appointment .site-main {
	padding-block-end: 0;
}

.natella-appt-clone {
	--color-foreground: var(--natella-color-text);
	--color-border-rgb: 47 46 46;
	--font-heading--family: var(--natella-font-heading);
	--font-heading--weight: 500;
	--font-accent--family: var(--natella-font-ui);
	--font-accent--weight: 500;
	--line-height--body-normal: 1.6;
	--letter-spacing--body-normal: 0.02em;
	--max-width--body-normal: 68.75rem;
	--section-height-small: min(65vh, 36rem);
	--spacing-scale: 1;
	--layer-flat: 0;
}

.natella-appt-clone .shopify-section,
.natella-appt-clone .section-wrapper {
	display: block;
	width: 100%;
}

/* Сброс рамок у каркаса (часть плагинов/тем задаёт .section border → «чёрная сетка»). */
.natella-appt-clone .natella-appt-section.section--page-width,
.natella-appt-clone .natella-appt-section.section--full-width {
	box-sizing: border-box;
	width: 100%;
}

.natella-appt-clone .natella-appt-section.section--page-width {
	max-width: 87.5rem;
	margin-inline: auto;
	padding-inline: clamp(0.75rem, 3vw, 1.25rem);
}

.natella-appt-clone .spacing-style {
	padding-block-start: var(--padding-block-start, 0);
	padding-block-end: var(--padding-block-end, 0);
	padding-inline-start: var(--padding-inline-start, 0);
	padding-inline-end: var(--padding-inline-end, 0);
}

.natella-appt-clone .layout-panel-flex {
	display: flex;
	flex-direction: var(--flex-direction, column);
	flex-wrap: var(--flex-wrap, nowrap);
	gap: var(--gap, 12px);
	justify-content: var(--horizontal-alignment, flex-start);
	align-items: var(--vertical-alignment, center);
	box-sizing: border-box;
	width: 100%;
}

/* טופס לידים: ב-column, align-items:center הופך רוחב הילד לרוחב התוכן — הטקסט נשבר אות-אות */
.natella-appt-clone .natella-appt-lead-flex.layout-panel-flex {
	align-items: stretch;
}

.natella-appt-clone .layout-panel-flex--row {
	--flex-direction: row;
}

.natella-appt-clone .layout-panel-flex--column {
	--flex-direction: column;
}

@media (max-width: 46.8125em) {
	.natella-appt-clone .layout-panel-flex.mobile-column {
		flex-direction: column;
		flex-wrap: var(--flex-wrap-mobile, wrap);
		align-items: var(--vertical-alignment-mobile, center);
	}
}

/* Hero */
.natella-appt-clone .hero {
	position: relative;
	display: block;
	width: 100%;
	min-height: var(--hero-min-height, var(--section-height-small));
	box-sizing: border-box;
}

.natella-appt-clone .hero__container {
	--padding-block-start: 0;
	--padding-block-end: 0;
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	min-height: inherit;
	width: 100%;
}

.natella-appt-clone .hero__media-wrapper {
	position: relative;
	grid-column: 1;
	grid-row: 1;
	width: 100%;
	min-height: var(--hero-min-height, var(--section-height-small));
	overflow: hidden;
}

@media (max-width: 46.8125em) {
	.natella-appt-clone .natella-appt-hero-section .hero {
		--hero-min-height: 40svh;
	}

	.natella-appt-clone .hero__media-wrapper {
		min-height: var(--hero-mobile-min-height, 40svh);
	}
}

.natella-appt-clone .hero__image {
	width: 100%;
	height: 100%;
	min-height: inherit;
	object-fit: cover;
	display: block;
	vertical-align: middle;
}

.natella-appt-clone .overlay.overlay--solid {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		var(--overlay-direction, to top),
		var(--overlay-color, rgb(0 0 0 / 19%)),
		var(--overlay-color--end, transparent)
	);
}

.natella-appt-clone .natella-appt-hero-overlay {
	--overlay-color: rgba(0, 0, 0, 0.19);
	--overlay-color--end: rgba(0, 0, 0, 0);
	--overlay-direction: to top;
}


@media (min-width: 46.875em) {
	.natella-appt-clone .hidden--mobile {
		display: block;
	}

	.natella-appt-clone .hidden--desktop {
		display: none;
	}
}

@media (max-width: 46.8125em) {
	.natella-appt-clone .hidden--mobile {
		display: none;
	}

	.natella-appt-clone .hidden--desktop {
		display: block;
	}
}

/* Band — title strip above the form */
.natella-appt-clone .natella-appt-band-section .natella-appt-band-stack {
	--gap: 12px;
	--horizontal-alignment: flex-start;
	--padding-block-start: max(20px, calc(var(--spacing-scale) * 60px));
	--padding-block-end: max(20px, calc(var(--spacing-scale) * 45px));
}

/* Text blocks (generic) */
.natella-appt-clone .text-block {
	box-sizing: border-box;
	width: var(--width, 100%);
	max-width: var(--max-width, var(--max-width--body-normal));
	margin-inline: auto;
}

.natella-appt-clone .text-block h2 {
	margin: 0;
	font-family: var(--font-heading--family);
	font-weight: var(--font-heading--weight);
	font-size: var(--font-size, 1.25rem);
	line-height: var(--line-height--body-normal);
	letter-spacing: var(--letter-spacing--body-normal);
	text-transform: uppercase;
	color: var(--color, var(--color-foreground));
	text-align: var(--text-align, center);
}

.natella-appt-clone .text-block p {
	margin: 0;
	font-family: var(--font-accent--family);
	font-weight: var(--font-accent--weight);
	font-size: var(--font-size, 0.75rem);
	line-height: var(--line-height--body-normal);
	letter-spacing: var(--letter-spacing--body-normal);
	text-transform: var(--text-transform, none);
	color: var(--color, var(--color-foreground));
	text-align: var(--text-align, center);
}

.natella-appt-clone .text-block--align-center {
	--text-align: center;
}

.natella-appt-clone .natella-appt-band-heading {
	--font-size: 1.25rem;
}

.natella-appt-clone .natella-appt-band-sub {
	--font-size: 0.75rem;
}

@media (max-width: 46.8125em) {
	.natella-appt-clone .natella-appt-band-heading {
		--font-size: 1rem;
	}
}

/* Body section (editorial + partners) */
.natella-appt-clone .natella-appt-body-section .natella-appt-body-stack,
.natella-appt-clone .natella-appt-partners-section .natella-appt-partners-stack {
	--gap: 12px;
	--horizontal-alignment: center;
	--vertical-alignment: stretch;
	--vertical-alignment-mobile: stretch;
}

/* Lead form wrapper */
.natella-appt-clone .natella-appt-lead-section .natella-appt-lead-stack {
	--gap: 12px;
	--horizontal-alignment: flex-start;
	--vertical-alignment: stretch;
	--vertical-alignment-mobile: stretch;
	--padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));
	--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));
}

.natella-appt-clone .natella-appt-clone__lead {
	border: none;
}