/* Генерични, theme-agnostic правила — визуалният стил (цветове, фонове,
   типография) остава изцяло в консуматора (app/модула, който ползва тези
   data-атрибути), тук е само структурата: fullscreen + scroll-snap. */

[data-uixs-hero-scroll] {
    height: 100vh;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
}

/* JS-enhanced paged режим (HeroScrollContainer/HeroScrollService) — заменя
   native scroll-snap с точен 1-секция-на-жест преход (виж контролера за
   защо). overflow-y:auto/scroll-snap-type по-горе остават като fallback,
   ако JS-ът по някаква причина не се монтира (progressive enhancement). */
[data-uixs-hero-scroll].uixs-hero-scroll--paged {
    overflow: hidden;
    scroll-snap-type: none;
}

.uixs-hero-track {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform 800ms cubic-bezier(0.83, 0, 0.17, 1);
    will-change: transform;
}

[data-uixs-hero] {
    position: relative;
    height: 100vh;
    flex: 0 0 100vh;
    scroll-snap-align: start;
    overflow: hidden;
}

/* Non-active секциите избледняват по време на прехода (само видимо докато
   и двете секции частично се засичат в viewport-а по средата на слайда —
   изчезналата вече е извън overflow:hidden прозореца) — добавя usещане за
   дълбочина към slide-а, без да пипа геометрията (за разлика от scale,
   няма риск от "разкрит" ръб около секцията). */
.uixs-hero-scroll--paged [data-uixs-hero] {
    opacity: 0.4;
    transition: opacity 700ms ease;
}

.uixs-hero-scroll--paged [data-uixs-hero].uixs-hero-active {
    opacity: 1;
}