/* =========================================================
   COMPONENT — Landing sub-navigation
   Sticky-полоса якорей, видна после прокрутки Hero.
   ========================================================= */
.landing-subnav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 60;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: saturate(180%) blur(10px);
	-webkit-backdrop-filter: saturate(180%) blur(10px);
	border-bottom: 1px solid var(--border);
	transform: translateY(-100%);
	opacity: 0;
	pointer-events: none;
	transition: transform var(--transition-base), opacity var(--transition-base);
}
.landing-subnav.is-visible {
	transform: translateY(0);
	opacity: 1;
	pointer-events: auto;
}

/* При открытом мобильном меню прячем sticky-подменю — иначе оно (z-index выше шапки)
   перекрывает закреплённую шапку с логотипом и кнопкой «Закрыть». */
body.is-menu-open .landing-subnav { display: none; }

.landing-subnav__inner {
	display: flex;
	align-items: center;
	gap: var(--space-1);
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-top: var(--space-2);
	padding-bottom: var(--space-2);
	scroll-snap-type: x proximity;
}
.landing-subnav__inner::-webkit-scrollbar { display: none; }

.landing-subnav__link {
	display: inline-block;
	padding: var(--space-2) var(--space-3);
	color: var(--text-muted);
	font-size: var(--text-sm);
	font-weight: 600;
	text-decoration: none;
	border-radius: var(--radius-md);
	white-space: nowrap;
	transition: color var(--transition-fast), background var(--transition-fast);
	scroll-snap-align: start;
	flex-shrink: 0;
}
.landing-subnav__link:hover { color: var(--text); background: var(--bg-subtle); }
.landing-subnav__link.is-active {
	color: var(--action);
	background: var(--color-brand-50);
}

/* Якорные секции — отступ под высоту sub-nav при прыжке к якорю */
html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 72px; }