/* css/style.css */

/* 1. ИМПОРТЫ */
@import 'font-awesome.min.css';
@import 'variables.css';
@import 'blocks/buttons.css';
@import 'blocks/header.css';
@import 'blocks/hero.css';
@import 'blocks/footer.css';
@import 'blocks/article.css';
@import 'blocks/matrix.css';
@import 'blocks/gallery.css';
@import 'blocks/modal.css';
@import 'blocks/calculator.css';
@import 'blocks/pricing.css';
@import 'blocks/outsourcing.css';
@import 'blocks/course-content.css';
@import 'blocks/template-info.css';

/* 2. СБРОС (Reset) */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* 3. ГЛОБАЛЬНЫЕ СТИЛИ */
body {
    font-family: var(--font-main);
    color: var(--color-secondary);
    background-color: var(--color-white);
    line-height: 1.6;
    width: 100%;
    /* Важно: auto height для работы скролла */
    height: auto;
    min-height: 100vh;
}

html, body {
    max-width: 100%;
    
    /* ВАЖНО ДЛЯ STICKY: */
    /* overflow-x: hidden оставляем, чтобы не было горизонтального скролла */
    /* overflow-y: visible обязательно, чтобы sticky работал внутри */
    overflow-x: hidden;
    overflow-y: visible;
    
    scroll-behavior: smooth; /* Можно вернуть smooth, так как мы больше не перехватываем wheel */
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s;
}

ul {
    list-style: none;
}

/* 5. СПЕЦИФИКА ГЛАВНОЙ СТРАНИЦЫ */
body.page-home {
    background-color: #000;
    
    /* Для мобильных */
    min-height: 100vh; 
    min-height: -webkit-fill-available;
    width: 100%;
    
    /* Гарантируем скролл */
    overflow-y: visible;
}

/* КРИТИЧНО ДЛЯ STICKY СЛАЙДЕРА: */
/* Родитель слайдера (main) не должен резать контент */
body.page-home main {
    padding-top: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
    height: auto !important;
    display: block !important;
    position: relative;
}




/* Убедись, что контейнеры подгрузки прозрачны для Sticky */
div[data-include] {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible !important; /* КРИТИЧНО */
}

main {
    overflow: visible !important; /* КРИТИЧНО */
    display: block;
}