/* ==================== АДАПТИВНЫЕ СТИЛИ (МОБИЛЬНАЯ ВЕРСИЯ) ==================== */

/* Большие экраны (от 1400px) */
@media (min-width: 1400px) {
    .nav-content {
        max-width: 1400px;
        gap: 12px;
    }

    nav ul {
        gap: 0.6rem;
    }

    nav a {
        padding: 0.5rem 0.75rem;
        font-size: 1rem;
    }

    .lang-btn {
        padding: 0.4rem 0.75rem;
        font-size: 0.85rem;
    }

    /* Карточки социальных сетей на больших экранах */
    .social-cards-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }

    .social-card {
        padding: 2.5rem 2rem;
    }

    .social-card-icon {
        width: 80px;
        height: 80px;
        font-size: 2.3rem;
        margin-bottom: 1.5rem;
    }

    .social-card-title {
        font-size: 1.4rem;
    }

    .social-card-description {
        font-size: 0.95rem;
    }

    .social-card-btn {
        padding: 0.75rem 1.8rem;
    }
}

/* Средние экраны (от 1024px до 1399px) */
@media (min-width: 1024px) and (max-width: 1399px) {
    .social-cards-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Планшеты (768px - 1024px) */
@media (max-width: 1024px) {
    section {
        padding: 130px 20px 50px;
    }

    .about-content {
        gap: 2rem;
    }

    .programs-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
}


/* HOME VIDEOS - Tablet */
@media (max-width: 1024px) {
    .home-videos {
        gap: 40px;
        max-width: 700px;
    }

    .home-video-block {
        max-width: 300px;
    }

    .home-video-block h3 {
        font-size: 1rem;
    }
}

/* HOME VIDEOS - Mobile */
@media (max-width: 768px) {
    .home-videos {
        flex-direction: column;
        align-items: center;
        gap: 30px;
        padding: 15px 15px 30px;
        max-width: 100%;
    }

    .home-video-block {
        width: 80%;
        max-width: 320px;
    }

    .home-video-block h3 {
        font-size: 0.85rem;
        padding: 6px 10px;
    }

    .home-video-block .video-date {
        font-size: 0.8rem;
        padding: 5px 10px;
    }
}

/* HOME VIDEOS - Small mobile */
@media (max-width: 480px) {
    .home-video-block {
        width: 85%;
        max-width: 280px;
    }

    .home-video-block h3 {
        font-size: 0.8rem;
    }

    .home-video-block .video-date {
        font-size: 0.75rem;
    }
}

/* Мобильные устройства (до 768px) */
@media (max-width: 768px) {
    /* Убираем горизонтальную прокрутку */
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    body {
        width: 100% !important;
    }

    /* Навигация */
    nav {
        border-bottom: 3px solid white;
    }

    /* Показываем раздел программ как обычный пункт меню */
    nav .dropdown {
        display: block !important;
        position: static;
    }

    /* Скрываем выпадающее меню программ */
    nav .dropdown-menu {
        display: none !important;
    }

    /* Показываем только основную ссылку "Наши программы" */
    nav .dropdown > a {
        display: block;
    }

    /* Убираем стрелку вниз */
    nav .dropdown > a::after {
        content: '';
        display: none;
    }

    /* Контейнер для языковых переключателей - перемещаем в конец меню */
    .mobile-controls {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
        width: auto;
        position: static;
    }

    /* Скрываем мобильную кнопку программ */
    .mobile-programs-btn {
        display: none !important;
    }

    /* Скрываем мобильное выпадающее меню программ */
    .mobile-programs-menu {
        display: none !important;
    }

    .logo-section {
        padding: 8px 10px;
    }

    .logo-content {
        gap: 10px;
    }

    .site-logo {
        width: 65px;
        height: 65px;
    }

    .banner-image {
        height: 65px;
        max-width: calc(100% - 80px);
    }

    .nav-content {
        padding: 12px 15px;
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }

    nav ul {
        gap: 0.4rem;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
    }

    nav a {
        padding: 0.4rem 0.6rem;
        font-size: 0.85rem;
    }

    /* Выпадающее меню на мобильных */
    .dropdown-menu {
        position: static;
        background: linear-gradient(180deg, #8B0000 0%, #6B0000 100%);
        margin: 0.5rem 0;
        border-radius: 5px;
        box-shadow: inset 0 2px 5px rgba(0,0,0,0.2);
        transform-origin: top;
    }

    .dropdown.active .dropdown-menu {
        max-height: 500px;
        opacity: 1;
        transform: scaleY(1);
        padding: 0.3rem 0;
    }

    .dropdown.active .dropdown-menu li {
        opacity: 1;
        transform: translateX(0);
    }

    .dropdown-menu a {
        padding: 0.4rem 0.8rem;
        font-size: 0.8rem;
        text-align: left;
    }

    .language-switcher {
        gap: 0.4rem;
    }

    .lang-btn {
        padding: 0.35rem 0.7rem;
        font-size: 0.8rem;
    }

    html {
        scroll-padding-top: 180px;
    }

    /* Секции */
    section {
        min-height: 100vh;
        height: 100vh;
        padding: 70px 15px 30px;
        overflow-y: auto;
        box-sizing: border-box;
        scroll-margin-top: 180px;
        scroll-snap-align: start;
    }

    #home {
        padding-top: 260px;
        height: auto;
        overflow-y: visible;
        background-attachment: scroll !important;
        scroll-snap-align: none;
        scroll-margin-top: 0;
    }

    #about,
    #journey,
    #principles,
    #programs,
    #join,
    #financial-support,
    #social-media {
        justify-content: flex-start;
        padding-top: 20px !important;
    }

    #contact {
        justify-content: flex-start;
        padding-top: 70px;
    }

    /* Поднимаем заголовки вверх */
    #about h2,
    #journey h2,
    #principles h2,
    #programs h2,
    #join h2,
    #financial-support h2,
    #social-media h2 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 1rem !important;
    }

    #about .container,
    #journey .container,
    #principles .container,
    #programs .container,
    #join .container,
    #financial-support .container,
    #social-media .container {
        padding-top: 0;
    }

    /* Увеличиваем padding-top для .container чтобы заголовки были видны */
    .container {
        padding-top: 220px !important;
    }

    #home .container {
        padding-top: 0 !important;
    }

    /* Разрешаем прокрутку для раздела с формой */
    #join {
        height: auto !important;
        min-height: 100vh;
    }

    /* О нас - одна колонка */
    .about-content {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .about-text p {
        font-size: 0.85rem;
        margin-bottom: 0.5rem;
    }

    /* Пройденный путь */
    .journey-content p {
        font-size: 0.85rem;
        margin-bottom: 0.8rem;
        line-height: 1.5;
    }

    /* Принципы */
    .principles-content p {
        font-size: 0.85rem;
        margin-bottom: 0.8rem;
        line-height: 1.5;
    }

    /* Унифицированный размер текста для всех разделов */
    .join-content > p,
    .financial-description,
    .contact-info p {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    .logo-container {
        order: -1;
    }

    .logo-container img,
    .logo-container svg {
        max-width: 120px;
    }

    .values {
        margin-top: 0.8rem;
        gap: 0.5rem;
    }

    .value-tag {
        padding: 0.3rem 0.6rem;
        font-size: 0.75rem;
    }

    /* Программы */
    #programs h2 {
        padding-top: 6rem !important;
        margin-bottom: 1.5rem !important;
    }

    .programs-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem 0.8rem;
    }

    .program-card {
        padding: 0;
        height: 120px;
    }

    .program-card h3 {
        font-size: 0.75rem;
        margin-top: -2rem;
        margin-bottom: 0;
        line-height: 1.2;
    }

    .program-card p {
        font-size: 0.75rem;
        line-height: 1.3;
    }

    /* Subsection pages (culture, education, etc.) */
    .programs-list {
        padding: 0 0.5rem;
        margin: 1rem auto;
    }

    .program-item {
        padding: 1rem;
        margin-bottom: 0.8rem;
    }

    .program-item h3 {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .program-details {
        padding: 1rem 0.8rem;
    }

    .program-details h3 {
        font-size: 1.1rem;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
    }

    .program-details p {
        font-size: 0.85rem;
        line-height: 1.6;
        margin-bottom: 0.8rem;
    }

    /* Преимущества */
    .benefits {
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
    }

    .benefit-item {
        padding: 0.8rem;
    }

    .benefit-item h4 {
        font-size: 0.85rem;
        margin-bottom: 0.3rem;
    }

    .benefit-item p {
        font-size: 0.75rem;
    }

    /* Форма */
    .application-form {
        padding: 1rem;
        margin: 1rem auto;
    }

    .form-group {
        margin-bottom: 0.8rem;
    }

    /* Вертикальное расположение полей имени на мобильных */
    .form-group.name-group {
        flex-direction: column;
        gap: 0.8rem;
    }

    .form-group label {
        font-size: 0.85rem;
        margin-bottom: 0.3rem;
    }

    .form-group input,
    .form-group textarea,
    .form-group select {
        padding: 0.6rem;
        font-size: 14px;
    }

    /* Выравниваем высоту select с остальными полями */
    .form-group select {
        height: auto;
        min-height: calc(14px * 1.5 + 0.6rem * 2 + 4px);
    }

    /* Фиксируем размер поля даты на мобильных */
    .form-group input[type="date"] {
        min-height: calc(14px * 1.5 + 0.6rem * 2 + 4px);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
    }

    .form-group textarea {
        min-height: 60px;
    }

    .radio-group {
        flex-direction: column;
        gap: 0.8rem;
    }

    .radio-label {
        font-size: 0.9rem;
    }

    .field-hint {
        font-size: 0.75rem;
    }

    .submit-button {
        padding: 0.7rem 1.5rem;
        font-size: 0.9rem;
    }

    /* Контакты */
    .contact-info {
        padding: 1rem;
        max-width: 400px;
        margin: 0 auto;
    }

    .contact-info h3 {
        font-size: 1rem;
        margin-bottom: 0.8rem !important;
    }

    .contact-item {
        padding: 0.5rem;
        font-size: 0.8rem;
        margin: 0.5rem 0;
    }

    .social-links {
        gap: 0.5rem;
        margin-top: 1rem;
    }

    .social-btn {
        padding: 0.5rem 1rem;
        font-size: 0.85rem;
    }

    /* Карточки социальных сетей */
    .social-cards-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 2rem;
    }

    .social-card {
        padding: 1.5rem 1.2rem;
    }

    .social-card-icon {
        width: 55px;
        height: 55px;
        font-size: 1.8rem;
        margin-bottom: 0.8rem;
    }

    .social-card-title {
        font-size: 1.1rem;
    }

    .social-card-description {
        font-size: 0.85rem;
        min-height: auto;
    }

    .social-card-btn {
        padding: 0.6rem 1.2rem;
        font-size: 0.85rem;
    }

    /* Финансовая поддержка */
    .financial-description {
        font-size: 0.85rem;
        padding: 0.8rem 1rem;
        line-height: 1.5;
        max-width: 400px;
        margin: 0 auto 0.8rem;
    }

    .payment-methods {
        grid-template-columns: 1fr;
        gap: 0.8rem;
        max-width: 400px;
        margin: 0 auto;
    }

    .payment-card {
        padding: 0.9rem 0.8rem;
        max-width: 100%;
    }

    .payment-icon {
        width: 60px;
        height: 45px;
        margin-bottom: 0.5rem;
    }

    .payment-title {
        font-size: 1rem;
        margin-bottom: 0.6rem;
    }

    .detail-value {
        font-size: 0.9rem;
    }

    .financial-footer {
        padding: 1.2rem;
        max-width: 400px;
        margin: 0.8rem auto 0;
    }

    .gratitude-text {
        font-size: 0.9rem;
    }

    .blessing-text {
        font-size: 1rem;
    }

    /* Заголовки */
    h1 {
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
    }

    h2 {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }

    h3 {
        font-size: 1rem;
    }

    .motto {
        font-size: 1rem;
        margin: 0.5rem 0;
    }

    .hero-content p {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }

    .cta-button {
        padding: 0.6rem 1.2rem;
        font-size: 0.9rem;
        margin: 0.3rem;
    }

    .join-content > p {
        font-size: 0.9rem;
        margin-bottom: 1rem;
    }

    #join h3 {
        margin-top: 1rem !important;
    }

    #contact h3[style] {
        margin: 1rem 0 !important;
    }

    /* Страницы подразделов программ - для всех мобильных */
    #healthcare, #communication, #social, #education, #culture,
    #economy, #environment, #foreign-policy, #it-nano, #military,
    #architecture, #domestic-policy, #justice, #sports, #agriculture,
    #tourism ,
#transport ,
#diaspora ,
#industry ,
#interior-ministry {
        padding-top: 180px !important;
    }

    #healthcare .sidebar-image,
    #communication .sidebar-image,
    #social .sidebar-image,
    #education .sidebar-image,
    #culture .sidebar-image,
    #economy .sidebar-image,
    #environment .sidebar-image,
    #foreign-policy .sidebar-image,
    #it-nano .sidebar-image,
    #military .sidebar-image,
    #architecture .sidebar-image,
    #domestic-policy .sidebar-image,
    #justice .sidebar-image,
    #sports .sidebar-image,
    #agriculture .sidebar-image,
    #tourism .sidebar-image ,
#transport .sidebar-image ,
#diaspora .sidebar-image ,
#industry .sidebar-image ,
#interior-ministry .sidebar-image {
        position: static !important;
        max-width: 150px !important;
        margin: 0 auto 0.3rem !important;
        display: block !important;
        order: -1 !important;
    }

    #healthcare .sidebar-image img,
    #communication .sidebar-image img,
    #social .sidebar-image img,
    #education .sidebar-image img,
    #culture .sidebar-image img,
    #economy .sidebar-image img,
    #environment .sidebar-image img,
    #foreign-policy .sidebar-image img,
    #it-nano .sidebar-image img,
    #military .sidebar-image img,
    #architecture .sidebar-image img,
    #domestic-policy .sidebar-image img,
    #justice .sidebar-image img,
    #sports .sidebar-image img,
    #agriculture .sidebar-image img,
    #tourism .sidebar-image img ,
#transport .sidebar-image img ,
#diaspora .sidebar-image img ,
#industry .sidebar-image img ,
#interior-ministry .sidebar-image img {
        width: 100% !important;
        height: auto !important;
    }

    #healthcare h2, #communication h2, #social h2, #education h2, #culture h2,
    #economy h2, #environment h2, #foreign-policy h2, #it-nano h2, #military h2,
    #architecture h2, #domestic-policy h2, #justice h2, #sports h2, #agriculture h2,
    #tourism h2 ,
#transport h2 ,
#diaspora h2 ,
#industry h2 ,
#interior-ministry h2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
        font-size: 1.3rem !important;        
    }

    #healthcare .programs-list,
    #communication .programs-list,
    #social .programs-list,
    #education .programs-list,
    #culture .programs-list,
    #economy .programs-list,
    #environment .programs-list,
    #foreign-policy .programs-list,
    #it-nano .programs-list,
    #military .programs-list,
    #architecture .programs-list,
    #domestic-policy .programs-list,
    #justice .programs-list,
    #sports .programs-list,
    #agriculture .programs-list,
    #tourism .programs-list ,
#transport .programs-list ,
#diaspora .programs-list ,
#industry .programs-list ,
#interior-ministry .programs-list {
        max-width: 100% !important;
        padding: 0 !important;
        order: 0 !important;
    }

    #healthcare .program-item,
    #communication .program-item,
    #social .program-item,
    #education .program-item,
    #culture .program-item,
    #economy .program-item,
    #environment .program-item,
    #foreign-policy .program-item,
    #it-nano .program-item,
    #military .program-item,
    #architecture .program-item,
    #domestic-policy .program-item,
    #justice .program-item,
    #sports .program-item,
    #agriculture .program-item,
    #tourism .program-item ,
#transport .program-item ,
#diaspora .program-item ,
#industry .program-item ,
#interior-ministry .program-item {
        max-width: 95% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #healthcare .content-wrapper, #communication .content-wrapper, #social .content-wrapper,
    #education .content-wrapper, #culture .content-wrapper, #economy .content-wrapper,
    #environment .content-wrapper, #foreign-policy .content-wrapper, #it-nano .content-wrapper,
    #military .content-wrapper, #architecture .content-wrapper, #domestic-policy .content-wrapper,
    #justice .content-wrapper, #sports .content-wrapper, #agriculture .content-wrapper,
    #tourism .content-wrapper ,
#transport .content-wrapper ,
#diaspora .content-wrapper ,
#industry .content-wrapper ,
#interior-ministry .content-wrapper {
        flex-direction: column !important;
        gap: 0 !important;
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    #healthcare .container, #communication .container, #social .container,
    #education .container, #culture .container, #economy .container,
    #environment .container, #foreign-policy .container, #it-nano .container,
    #military .container, #architecture .container, #domestic-policy .container,
    #justice .container, #sports .container, #agriculture .container,
    #tourism .container ,
#transport .container ,
#diaspora .container ,
#industry .container ,
#interior-ministry .container {
        padding: 0 1rem !important;
        padding-top: 0 !important;
    }

    #healthcare h2, #communication h2, #social h2, #education h2, #culture h2,
    #economy h2, #environment h2, #foreign-policy h2, #it-nano h2, #military h2,
    #architecture h2, #domestic-policy h2, #justice h2, #sports h2, #agriculture h2,
    #tourism h2 ,
#transport h2 ,
#diaspora h2 ,
#industry h2 ,
#interior-ministry h2 {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 100% !important;
        padding-top: 2.5rem !important;
    }

    /* SIRIUS pages - фон начинается под меню */
    #sirius-about,
    #sirius-mission,
    #sirius-structure,
    #sirius-requirements,
    #sirius-responsibility,
    #sirius-preparation,
    #sirius-application {
        background-position: center top 250px !important;
        background-attachment: scroll !important;
    }

    /* Breadcrumb navigation titles on program detail pages - mobile */
    #healthcare > .container > h3, #communication > .container > h3, #social > .container > h3,
    #education > .container > h3, #culture > .container > h3, #economy > .container > h3,
    #environment > .container > h3, #foreign-policy > .container > h3, #it-nano > .container > h3,
    #military > .container > h3, #architecture > .container > h3, #domestic-policy > .container > h3,
    #justice > .container > h3, #sports > .container > h3, #agriculture > .container > h3,
    #tourism > .container > h3 ,
#transport > .container > h3 ,
#diaspora > .container > h3 ,
#industry > .container > h3 ,
#interior-ministry > .container > h3 {
        padding-top: 3rem !important;
        margin-top: 0 !important;
    }

    /* Breadcrumb parent link - red - mobile */
    #healthcare > .container > h3 > a, #communication > .container > h3 > a, #social > .container > h3 > a,
    #education > .container > h3 > a, #culture > .container > h3 > a, #economy > .container > h3 > a,
    #environment > .container > h3 > a, #foreign-policy > .container > h3 > a, #it-nano > .container > h3 > a,
    #military > .container > h3 > a, #architecture > .container > h3 > a, #domestic-policy > .container > h3 > a,
    #justice > .container > h3 > a, #sports > .container > h3 > a, #agriculture > .container > h3 > a,
    #tourism > .container > h3 > a ,
#transport > .container > h3 > a ,
#diaspora > .container > h3 > a ,
#industry > .container > h3 > a ,
#interior-ministry > .container > h3 > a {
        color: #d41212 !important;
    }

    /* Breadcrumb arrow - red - mobile */
    #healthcare > .container > h3 > span:nth-of-type(1), #communication > .container > h3 > span:nth-of-type(1),
    #social > .container > h3 > span:nth-of-type(1), #education > .container > h3 > span:nth-of-type(1),
    #culture > .container > h3 > span:nth-of-type(1), #economy > .container > h3 > span:nth-of-type(1),
    #environment > .container > h3 > span:nth-of-type(1), #foreign-policy > .container > h3 > span:nth-of-type(1),
    #it-nano > .container > h3 > span:nth-of-type(1), #military > .container > h3 > span:nth-of-type(1),
    #architecture > .container > h3 > span:nth-of-type(1), #domestic-policy > .container > h3 > span:nth-of-type(1),
    #justice > .container > h3 > span:nth-of-type(1), #sports > .container > h3 > span:nth-of-type(1),
    #agriculture > .container > h3 > span:nth-of-type(1), #tourism > .container > h3 > span:nth-of-type(1) ,
#transport > .container > h3 > span:nth-of-type(1) ,
#diaspora > .container > h3 > span:nth-of-type(1) ,
#industry > .container > h3 > span:nth-of-type(1) ,
#interior-ministry > .container > h3 > span:nth-of-type(1) {
        color: #d41212 !important;
    }

    /* Breadcrumb current page title - white - mobile */
    #healthcare > .container > h3 > span:nth-of-type(2), #communication > .container > h3 > span:nth-of-type(2),
    #social > .container > h3 > span:nth-of-type(2), #education > .container > h3 > span:nth-of-type(2),
    #culture > .container > h3 > span:nth-of-type(2), #economy > .container > h3 > span:nth-of-type(2),
    #environment > .container > h3 > span:nth-of-type(2), #foreign-policy > .container > h3 > span:nth-of-type(2),
    #it-nano > .container > h3 > span:nth-of-type(2), #military > .container > h3 > span:nth-of-type(2),
    #architecture > .container > h3 > span:nth-of-type(2), #domestic-policy > .container > h3 > span:nth-of-type(2),
    #justice > .container > h3 > span:nth-of-type(2), #sports > .container > h3 > span:nth-of-type(2),
    #agriculture > .container > h3 > span:nth-of-type(2), #tourism > .container > h3 > span:nth-of-type(2) ,
#transport > .container > h3 > span:nth-of-type(2) ,
#diaspora > .container > h3 > span:nth-of-type(2) ,
#industry > .container > h3 > span:nth-of-type(2) ,
#interior-ministry > .container > h3 > span:nth-of-type(2) {
        color: white !important;
    }
}

/* Маленькие мобильные (до 480px) */
@media (max-width: 480px) {
    /* Убираем горизонтальную прокрутку */
    html, body {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }

    /* Скрываем мобильную кнопку программ */
    .mobile-programs-btn {
        display: none !important;
    }

    /* Контейнер для языковых переключателей */
    .mobile-controls {
        gap: 0.4rem;
        margin: 0;
        padding: 0;
    }

    /* Мобильное меню программ скрыто */
    .mobile-programs-menu {
        display: none !important;
    }

    .site-logo {
        width: 50px;
        height: 50px;
    }

    .banner-image {
        height: 50px;
        max-width: calc(100% - 65px);
    }

    .logo-section {
        padding: 5px 10px;
    }

    nav ul {
        gap: 0.2rem;
    }

    nav a {
        padding: 0.3rem 0.4rem;
        font-size: 0.7rem;
    }

    .nav-content {
        padding: 8px 10px;
        gap: 8px;
    }

    .lang-btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }

    html {
        scroll-padding-top: 120px;
    }

    section {
        min-height: 100vh;
        height: 100vh;
        padding: 60px 10px 20px;
        scroll-margin-top: 120px;
        scroll-snap-align: start;
    }

    #home {
        padding-top: 230px;
        height: auto;
        overflow-y: visible;
        background-attachment: scroll !important;
        scroll-snap-align: none;
        scroll-margin-top: 0;
    }

    #about,
    #journey,
    #principles,
    #programs,
    #join,
    #financial-support,
    #social-media {
        padding-top: 20px !important;
    }

    #contact {
        padding-top: 60px;
    }

    /* Поднимаем заголовки вверх */
    #about h2,
    #journey h2,
    #principles h2,
    #programs h2,
    #join h2,
    #financial-support h2,
    #social-media h2 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0.8rem !important;
    }

    /* Разрешаем прокрутку для раздела с формой */
    #join {
        height: auto !important;
        min-height: 100vh;
    }

    h1 {
        font-size: 1.3rem;
    }

    h2 {
        font-size: 1.1rem;
        margin-bottom: 0.8rem;
    }

    .motto {
        font-size: 0.85rem;
    }

    .hero-content p {
        font-size: 0.8rem;
        margin-bottom: 0.8rem;
    }

    .cta-button {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        margin: 0.2rem;
        display: inline-block;
        width: auto;
    }

    .about-text p {
        font-size: 0.75rem;
        margin-bottom: 0.4rem;
    }

    /* Пройденный путь */
    .journey-content p {
        font-size: 0.75rem;
        margin-bottom: 0.6rem;
        line-height: 1.4;
    }

    /* Принципы */
    .principles-content p {
        font-size: 0.75rem;
        margin-bottom: 0.6rem;
        line-height: 1.4;
    }

    /* Унифицированный размер текста для всех разделов */
    .join-content > p,
    .financial-description,
    .contact-info p {
        font-size: 0.75rem;
        line-height: 1.4;
    }

    .logo-container img,
    .logo-container svg {
        max-width: 80px;
    }

    .values {
        gap: 0.3rem;
    }

    .value-tag {
        padding: 0.2rem 0.5rem;
        font-size: 0.65rem;
    }

    .programs-grid {
        gap: 2.5rem 0.5rem;
    }

    .program-card {
        padding: 0;
        height: 110px;
    }

    .program-card h3 {
        font-size: 0.7rem;
        bottom: -2.2rem;
        line-height: 1.3;
    }

    .program-card p {
        font-size: 0.65rem;
    }

    /* Subsection pages for smaller screens */
    .programs-list {
        padding: 0 0.4rem;
        margin: 0.8rem auto;
    }

    .program-item {
        padding: 0.8rem;
        margin-bottom: 0.6rem;
    }

    .program-item h3 {
        font-size: 0.8rem;
        line-height: 1.4;
    }

    .program-details {
        padding: 0.8rem 0.6rem;
    }

    .program-details h3 {
        font-size: 0.95rem;
        margin-top: 1.2rem;
        margin-bottom: 0.6rem;
    }

    .program-details p {
        font-size: 0.75rem;
        line-height: 1.5;
        margin-bottom: 0.6rem;
    }

    .benefits {
        gap: 0.5rem;
    }

    .benefit-item {
        padding: 0.5rem;
    }

    .benefit-item h4 {
        font-size: 0.75rem;
    }

    .benefit-item p {
        font-size: 0.65rem;
    }

    .application-form {
        padding: 0.8rem;
        margin: 0.5rem auto;
    }

    .form-group {
        margin-bottom: 0.6rem;
    }

    /* Вертикальное расположение полей имени на маленьких экранах */
    .form-group.name-group {
        flex-direction: column;
        gap: 0.6rem;
    }

    .form-group label {
        font-size: 0.75rem;
    }

    .form-group input,
    .form-group textarea,
    .form-group select {
        padding: 0.5rem;
        font-size: 14px;
    }

    /* Выравниваем высоту select с остальными полями */
    .form-group select {
        height: auto;
        min-height: calc(14px * 1.5 + 0.5rem * 2 + 4px);
    }

    /* Фиксируем размер поля даты на маленьких экранах */
    .form-group input[type="date"] {
        min-height: calc(14px * 1.5 + 0.5rem * 2 + 4px);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
    }

    .form-group textarea {
        min-height: 50px;
    }

    .radio-group {
        gap: 0.6rem;
    }

    .radio-label {
        font-size: 0.8rem;
    }

    .field-hint {
        font-size: 0.7rem;
    }

    .submit-button {
        padding: 0.6rem 1rem;
        font-size: 0.85rem;
    }

    .contact-info {
        padding: 0.8rem;
        max-width: 340px;
        margin: 0 auto;
    }

    .contact-item {
        padding: 0.4rem;
        font-size: 0.7rem;
        margin: 0.3rem 0;
    }

    .social-links {
        gap: 0.4rem;
    }

    .social-btn {
        padding: 0.4rem 0.8rem;
        font-size: 0.75rem;
    }

    /* Карточки социальных сетей */
    .social-cards-grid {
        gap: 1rem;
        margin-top: 1.5rem;
    }

    .social-card {
        padding: 1.2rem 0.8rem;
    }

    .social-card-icon {
        width: 45px;
        height: 45px;
        font-size: 1.3rem;
        margin-bottom: 0.7rem;
    }

    .social-card-title {
        font-size: 0.95rem;
        margin-bottom: 0.5rem;
    }

    .social-card-description {
        font-size: 0.75rem;
        margin-bottom: 0.8rem;
    }

    .social-card-btn {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
    }

    /* Финансовая поддержка */
    .financial-description {
        font-size: 0.75rem;
        padding: 0.6rem 0.8rem;
        line-height: 1.4;
        max-width: 340px;
        margin: 0 auto 0.6rem;
    }

    .payment-methods {
        gap: 0.6rem;
        max-width: 340px;
        margin: 0 auto;
    }

    .payment-card {
        padding: 0.8rem 0.6rem;
        max-width: 100%;
    }

    .payment-icon {
        width: 50px;
        height: 38px;
        margin-bottom: 0.4rem;
    }

    .payment-title {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }

    .detail-item {
        padding: 0.5rem;
    }

    .detail-label {
        font-size: 0.7rem;
    }

    .detail-value {
        font-size: 0.8rem;
    }

    .financial-footer {
        padding: 1rem 0.6rem;
        max-width: 340px;
        margin: 0.6rem auto 0;
    }

    .gratitude-text {
        font-size: 0.8rem;
        margin-bottom: 0.7rem;
    }

    .blessing-text {
        font-size: 0.9rem;
    }

    #join h3 {
        margin-top: 0.5rem !important;
        font-size: 0.9rem;
    }

    #contact h3[style] {
        margin: 0.5rem 0 !important;
    }

    /* SIRIUS pages - фон начинается под меню (маленькие экраны) */
    #sirius-about,
    #sirius-mission,
    #sirius-structure,
    #sirius-requirements,
    #sirius-responsibility,
    #sirius-preparation,
    #sirius-application {
        background-position: center top 210px !important;
    }

    /* Страницы подразделов программ - меньше для маленьких экранов */
    #healthcare .sidebar-image, #communication .sidebar-image, #social .sidebar-image,
    #education .sidebar-image, #culture .sidebar-image, #economy .sidebar-image,
    #environment .sidebar-image, #foreign-policy .sidebar-image, #it-nano .sidebar-image,
    #military .sidebar-image, #architecture .sidebar-image, #domestic-policy .sidebar-image,
    #justice .sidebar-image, #sports .sidebar-image, #agriculture .sidebar-image,
    #tourism .sidebar-image ,
#transport .sidebar-image ,
#diaspora .sidebar-image ,
#industry .sidebar-image ,
#interior-ministry .sidebar-image {
        max-width: 130px !important;
        margin: 0 auto 0.3rem !important;
    }

    #healthcare h2, #communication h2, #social h2, #education h2, #culture h2,
    #economy h2, #environment h2, #foreign-policy h2, #it-nano h2, #military h2,
    #architecture h2, #domestic-policy h2, #justice h2, #sports h2, #agriculture h2,
    #tourism h2 ,
#transport h2 ,
#diaspora h2 ,
#industry h2 ,
#interior-ministry h2 {
        font-size: 1.1rem !important;
        margin-top: 0.8rem !important;
        margin-bottom: 0.8rem !important;
    }
}

/* Очень маленькие экраны (до 360px) */
@media (max-width: 360px) {
    nav a {
        padding: 0.25rem 0.3rem;
        font-size: 0.65rem;
    }

    .lang-btn {
        padding: 0.2rem 0.4rem;
        font-size: 0.65rem;
    }

    html {
        scroll-padding-top: 100px;
    }

    section {
        padding: 55px 8px 15px;
        min-height: 100vh;
        height: 100vh;
        scroll-margin-top: 100px;
        scroll-snap-align: start;
    }

    #home {
        padding-top: 210px;
        height: auto;
        overflow-y: visible;
        background-attachment: scroll !important;
        scroll-snap-align: none;
        scroll-margin-top: 0;
    }

    #about,
    #journey,
    #principles,
    #programs,
    #join,
    #financial-support,
    #social-media {
        padding-top: 15px !important;
    }

    #contact {
        padding-top: 55px;
    }

    /* Поднимаем заголовки вверх */
    #about h2,
    #journey h2,
    #principles h2,
    #programs h2,
    #join h2,
    #financial-support h2,
    #social-media h2 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        margin-bottom: 0.7rem !important;
    }

    /* Разрешаем прокрутку для раздела с формой */
    #join {
        height: auto !important;
        min-height: 100vh;
    }

    h1 {
        font-size: 1.1rem;
    }

    h2 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    /* Унифицированный размер текста для всех разделов контента */
    .about-text p,
    .journey-content p,
    .principles-content p,
    .join-content > p,
    .financial-description,
    .contact-info p {
        font-size: 0.7rem;
        line-height: 1.4;
        margin-bottom: 0.5rem;
    }

    .programs-grid {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .benefits {
        grid-template-columns: 1fr;
        gap: 0.4rem;
    }

    .program-card {
        padding: 0;
        height: 100px;
    }

    .benefit-item {
        padding: 0.5rem;
    }

    /* Subsection pages for very small screens */
    .programs-list {
        padding: 0 0.3rem;
        margin: 0.6rem auto;
    }

    .program-item {
        padding: 0.6rem;
        margin-bottom: 0.5rem;
    }

    .program-item h3 {
        font-size: 0.75rem;
        line-height: 1.4;
    }

    .program-details {
        padding: 0.6rem 0.5rem;
    }

    .program-details h3 {
        font-size: 0.85rem;
        margin-top: 1rem;
        margin-bottom: 0.5rem;
    }

    .program-details p {
        font-size: 0.7rem;
        line-height: 1.4;
        margin-bottom: 0.5rem;
    }

    .application-form {
        padding: 0.6rem;
    }

    /* Вертикальное расположение полей имени на очень маленьких экранах */
    .form-group.name-group {
        flex-direction: column;
        gap: 0.5rem;
    }

    /* SIRIUS pages - фон начинается под меню (очень маленькие экраны) */
    #sirius-about,
    #sirius-mission,
    #sirius-structure,
    #sirius-requirements,
    #sirius-responsibility,
    #sirius-preparation,
    #sirius-application {
        background-position: center top 190px !important;
    }

    /* Страницы подразделов программ - очень маленькие экраны */
    #healthcare .sidebar-image, #communication .sidebar-image, #social .sidebar-image,
    #education .sidebar-image, #culture .sidebar-image, #economy .sidebar-image,
    #environment .sidebar-image, #foreign-policy .sidebar-image, #it-nano .sidebar-image,
    #military .sidebar-image, #architecture .sidebar-image, #domestic-policy .sidebar-image,
    #justice .sidebar-image, #sports .sidebar-image, #agriculture .sidebar-image,
    #tourism .sidebar-image ,
#transport .sidebar-image ,
#diaspora .sidebar-image ,
#industry .sidebar-image ,
#interior-ministry .sidebar-image {
        max-width: 110px !important;
        margin: 0 auto 0.3rem !important;
    }

    #healthcare h2, #communication h2, #social h2, #education h2, #culture h2,
    #economy h2, #environment h2, #foreign-policy h2, #it-nano h2, #military h2,
    #architecture h2, #domestic-policy h2, #justice h2, #sports h2, #agriculture h2,
    #tourism h2 ,
#transport h2 ,
#diaspora h2 ,
#industry h2 ,
#interior-ministry h2 {
        margin-top: 0.8rem !important;
        margin-bottom: 0.8rem !important;
        font-size: 1rem !important;
    }
}

/* Ландшафтная ориентация на мобильных */
@media (max-width: 768px) and (orientation: landscape) {
    section {
        min-height: 100vh;
        height: auto;
        padding-top: 60px;
        overflow-y: auto;
    }

    #home {
        padding-top: 60px;
    }

    /* SIRIUS pages - фон начинается под меню (ландшафтная ориентация) */
    #sirius-about,
    #sirius-mission,
    #sirius-structure,
    #sirius-requirements,
    #sirius-responsibility,
    #sirius-preparation,
    #sirius-application {
        background-position: center top 210px !important;
        background-attachment: scroll !important;
    }

    /* Страницы подразделов программ в ландшафтной ориентации */
    #healthcare .sidebar-image, #communication .sidebar-image, #social .sidebar-image,
    #education .sidebar-image, #culture .sidebar-image, #economy .sidebar-image,
    #environment .sidebar-image, #foreign-policy .sidebar-image, #it-nano .sidebar-image,
    #military .sidebar-image, #architecture .sidebar-image, #domestic-policy .sidebar-image,
    #justice .sidebar-image, #sports .sidebar-image, #agriculture .sidebar-image,
    #tourism .sidebar-image ,
#transport .sidebar-image ,
#diaspora .sidebar-image ,
#industry .sidebar-image ,
#interior-ministry .sidebar-image {
        max-width: 100px !important;
        margin: 0 auto 0.3rem !important;
    }

    #healthcare h2, #communication h2, #social h2, #education h2, #culture h2,
    #economy h2, #environment h2, #foreign-policy h2, #it-nano h2, #military h2,
    #architecture h2, #domestic-policy h2, #justice h2, #sports h2, #agriculture h2,
    #tourism h2 ,
#transport h2 ,
#diaspora h2 ,
#industry h2 ,
#interior-ministry h2 {
        margin-top: 0.6rem !important;
        margin-bottom: 0.6rem !important;
        font-size: 1rem !important;
    }

    #healthcare .programs-list, #communication .programs-list, #social .programs-list,
    #education .programs-list, #culture .programs-list, #economy .programs-list,
    #environment .programs-list, #foreign-policy .programs-list, #it-nano .programs-list,
    #military .programs-list, #architecture .programs-list, #domestic-policy .programs-list,
    #justice .programs-list, #sports .programs-list, #agriculture .programs-list,
    #tourism .programs-list ,
#transport .programs-list ,
#diaspora .programs-list ,
#industry .programs-list ,
#interior-ministry .programs-list {
        margin-top: 1rem !important;
    }

    #healthcare .program-item, #communication .program-item, #social .program-item,
    #education .program-item, #culture .program-item, #economy .program-item,
    #environment .program-item, #foreign-policy .program-item, #it-nano .program-item,
    #military .program-item, #architecture .program-item, #domestic-policy .program-item,
    #justice .program-item, #sports .program-item, #agriculture .program-item,
    #tourism .program-item ,
#transport .program-item ,
#diaspora .program-item ,
#industry .program-item ,
#interior-ministry .program-item {
        margin-bottom: 1rem !important;
    }
}

/* Улучшения для touch-устройств */
@media (hover: none) and (pointer: coarse) {
    .cta-button:hover,
    .submit-button:hover,
    .social-btn:hover,
    .program-card:hover {
        transform: none;
    }

    .cta-button:active,
    .submit-button:active,
    .social-btn:active {
        transform: scale(0.98);
    }
}

/* Десктопные экраны - дополнительное уменьшение отступов для конкретных разделов */
@media (min-width: 769px) {
    html {
        scroll-padding-top: 220px;
    }

    /* Общее уменьшение padding для всех секций */
    section {
        padding-top: 50px !important;
        scroll-margin-top: 220px !important;
    }

    #about {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        justify-content: flex-start !important;
        scroll-margin-top: 220px !important;
    }

    #journey {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        justify-content: flex-start !important;
        scroll-margin-top: 220px !important;
    }

    #programs {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        justify-content: flex-start !important;
        scroll-margin-top: 220px !important;
    }

    #join {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        justify-content: flex-start !important;
        scroll-margin-top: 220px !important;
    }

    #financial-support {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        justify-content: flex-start !important;
        scroll-margin-top: 220px !important;
        min-height: 100vh !important;
    }

    #contact {
        padding-top: 120px !important;
        padding-bottom: 30px !important;
        justify-content: flex-start !important;
        scroll-margin-top: 220px !important;
    }

    #social-media {
        padding-top: 30px !important;
        padding-bottom: 150px !important;
        justify-content: flex-start !important;
        scroll-margin-top: 220px !important;
    }

    /* Уменьшение отступов заголовков в этих разделах */
    #about h2,
    #journey h2,
    #programs h2,
    #join h2,
    #financial-support h2,
    #contact h2,
    #social-media h2 {
        margin-bottom: 1rem !important;
        margin-top: 0 !important;
    }
}

/* Поддержка темной темы системы */
@media (prefers-color-scheme: dark) {
    /* Можно добавить стили для темной темы если нужно */
}

/* Уменьшение анимаций для пользователей, которые это предпочитают */
@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
}

/* SIRIUS dropdown - mobile overlay */
@media (max-width: 768px) {
    .sirius-menu {
        display: none;
        opacity: 0;
        z-index: 99999;
        background: linear-gradient(180deg, #8B0000 0%, #6B0000 100%);
        border-radius: 5px;
        box-shadow: 0 6px 20px rgba(0,0,0,0.4);
        transition: opacity 0.2s ease;
    }

    .sirius-dropdown.active .sirius-menu {
        display: block !important;
        opacity: 1 !important;
        padding: 0.3rem 0;
    }

    nav .sirius-dropdown .dropdown-toggle {
        text-align: center;
        display: block;
        width: 100%;
    }

    .sirius-menu a {
        font-size: 0.9rem !important;
        padding: 0.5rem 0.8rem !important;
        line-height: 1.4 !important;
    }

    /* SIRIUS subpages - уменьшение заголовков */
    #sirius-about h2,
    #sirius-mission h2,
    #sirius-structure h2,
    #sirius-requirements h2,
    #sirius-responsibility h2,
    #sirius-preparation h2,
    #sirius-application h2 {
        font-size: 1.1rem !important;
        padding: 0.4rem 1.5rem !important;
    }
}