/**
 * Vala homepage — canonical section spacing (loads last in redesign bundle).
 * One vertical rhythm for .vala-landing-section; wrappers (.vala-os-scene) do not stack padding.
 */

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium {
	--vala-home-section-pad: clamp(72px, 8vw, 128px);
	--vala-home-section-pad-compact: clamp(48px, 6vw, 80px);
	--vala-section-bridge-pad: clamp(24px, 4vw, 56px);
	--vala-home-section-pad-tablet: 64px;
	--vala-home-section-pad-mobile: 48px;
	--vala-home-section-pad-compact-mobile: 36px;
}

/* Section shells paint above .vala-section-bg-system; no extra spacing */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-home-section {
	position: relative;
	z-index: 2;
}

/* Wrappers: no extra vertical box — spacing lives on the section element */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-bg-zone > .vala-os-scene {
	margin-block: 0;
	padding-block: 0;
	min-height: 0;
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-bg-zone--why > .vala-os-scene--why {
	margin-top: 0;
}

/* Inner containers: width only */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-landing-section > .vala-landing-container,
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-landing-section > .vala-landing-container--fae-cosmos {
	padding-block: 0;
	margin-block: 0;
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-landing-container {
	width: min(1120px, calc(100% - 48px));
	margin-inline: auto;
}

/* Default landing sections */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-landing-section {
	position: relative;
	margin-block: 0;
	min-height: 0;
	padding-block: var(--vala-home-section-pad);
}

/* Hero: content-driven height; bottom pad reserves mockup footprint */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium header.vala-landing-hero.vala-os-scene--hero {
	padding-block: 0;
	margin-block: 0;
	min-height: auto;
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-landing-hero__inner {
	min-height: min(560px, calc(100svh - var(--vl-scroll-margin, clamp(96px, 12vw, 132px)) - 80px));
	align-items: start;
	padding-block: clamp(40px, 5vh, 56px) clamp(48px, 6vw, 80px);
}

/* Zone wrappers: no stacked vertical padding (spacing stays on sections) */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-bg-zone {
	margin: 0;
	padding: 0;
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-bg-boundary + .vala-bg-zone {
	margin-top: 0;
}

/* Onboarding — same vertical rhythm as main sections (cards carry density) */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #vala-baslangic.vala-landing-section--scene.vala-os-scene--choice,
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #vala-baslangic.vala-landing-choice-inline {
	padding-block: var(--vala-home-section-pad);
	min-height: 0;
	margin-block: 0;
}

/* Why / How / Insights / Scenarios / Security — normalized (overrides Phase 12 + section sheets) */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-os-scene--why #neden-vala.vala-landing-section--features-scene,
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-os-scene--how #nasil-calisir,
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-os-scene--insights #vala-insights.vala-landing-section--scenarios-flow,
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-os-scene--scenarios #vala-scenarios.vala-section-scenarios,
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-os-scene--privacy #guvenlik {
	padding-block: var(--vala-home-section-pad);
	padding-inline: 0;
	min-height: 0;
	margin-block: 0;
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-os-scene--why .vala-landing-features-scene__layout {
	padding-top: 0;
}

/* FA Engine — cinematic block, no 100vh stack or double pad */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-os-scene--analysis {
	margin-block: 0;
	padding-block: 0;
	min-height: 0;
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-engine-hero.vala-fa-hero:not(.vala-fa-hero--orbit),
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fae-section.vala-fa-engine-hero:not(.vala-fa-hero--orbit) {
	margin-block: 0;
	padding-block: clamp(64px, 7vw, 96px);
	min-height: 0;
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-hero--orbit {
	margin-block: 0;
	padding-block: 0;
	min-height: 0;
}

/* Homepage FA orbit — flush to zone (no lavender/white gutters above or below) */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-engine-hero.vala-fa-hero:not(.vala-fa-hero--orbit),
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fae-section.vala-fa-engine-hero:not(.vala-fa-hero--orbit) {
	padding-block: clamp(48px, 5.5vw, 80px) clamp(20px, 3vw, 40px);
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-hero--orbit.vala-fa-hero--ref {
	padding-block: 0;
	margin-block: 0;
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-hero--light .vala-fa-inner {
	padding-block: clamp(28px, 3.5vw, 48px) clamp(20px, 3vw, 40px);
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-engine-hero .vala-fa-inner,
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-hero--orbit:not(.vala-fa-hero--ref) .vala-fa-inner {
	min-height: auto;
	max-height: none;
	width: min(1280px, calc(100% - 48px));
	max-width: min(1280px, calc(100% - 48px));
	padding-block: clamp(40px, 5vh, 64px);
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-hero--orbit.vala-fa-hero--ref .vala-fa-inner {
	min-height: clamp(600px, 72vh, 800px);
	width: min(1120px, calc(100% - 48px));
	max-width: min(1120px, calc(100% - 48px));
	padding-block: clamp(40px, 5vh, 56px);
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-landing-narrative-bridge.vala-os-bridge {
	margin-block: 0;
	padding-block: var(--vala-home-section-pad-compact);
	min-height: 0;
}

/* Final CTA — compact */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-final-notes-section.vala-os-scene--final-notes {
	padding-block: var(--vala-home-section-pad-compact);
	min-height: 0;
	margin-block: 0;
}

/* Override generic scene min-height / flex centering from bridges.css */
main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-landing-section--scene:not(.vala-landing-hero):not(.vala-fa-engine-hero) {
	min-height: 0;
	display: block;
	justify-content: flex-start;
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #vala-baslangic.vala-landing-section--scene {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* Legacy base bundle padding */
.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-landing-section {
	padding-block: var(--vala-home-section-pad, clamp(72px, 8vw, 128px));
}

main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fae-section.vala-fa-engine-hero:not(.vala-fa-hero--orbit),
.vala-landing-v2--premium #analiz-motoru.vala-fae-section.vala-fa-engine-hero:not(.vala-fa-hero--orbit) {
	padding-block: clamp(64px, 7vw, 96px);
	min-height: 0;
}

@media (max-width: 1024px) {
	main#vala-main.vala-onboarding-shell.vala-landing-v2--premium {
		--vala-home-section-pad: 64px;
		--vala-home-section-pad-compact: 48px;
	}
}

@media (max-width: 760px) {
	main#vala-main.vala-onboarding-shell.vala-landing-v2--premium {
		--vala-home-section-pad: 48px;
		--vala-home-section-pad-compact: 36px;
	}

	main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-onboarding-panel--marketing .vala-landing-container {
		width: min(100% - 32px, 1120px);
	}

	main#vala-main.vala-onboarding-shell.vala-landing-v2--premium header.vala-landing-hero.vala-os-scene--hero {
		min-height: 0;
	}

	main#vala-main.vala-onboarding-shell.vala-landing-v2--premium .vala-landing-hero__inner {
		min-height: auto;
		padding-block: 36px 40px;
	}

	main#vala-main.vala-onboarding-shell.vala-landing-v2--premium #analiz-motoru.vala-fa-engine-hero .vala-fa-inner {
		padding-block: 36px 48px;
	}
}

/*
 * Optional rhythm utilities (template primary: .vala-home-section).
 * .vala-section: use on standalone wraps if you add partials later.
 */
main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-section {
	position: relative;
	z-index: 2;
	padding-block: clamp(72px, 8vw, 128px);
}

main#vala-main.vala-homepage.vala-onboarding-shell.vala-landing-v2--premium .vala-section-bridge {
	padding-block: var(--vala-section-bridge-pad, clamp(24px, 4vw, 56px));
}