/* Responsive Styles */
@media screen and (max-width: 1300px) {

    /* Hide contact button here */
    .button-header-form {
        display: none;
    }
    .button-header-icon {
        display: none;
    }

    .section-container {
        /* ширина с учетом отступов слева и справа по 40px */
        width: calc(100% - 40px);
        transition: all 0.3s ease;
    }
    .frame-crm {
        /* ширина с учетом отступов слева и справа по 40px */
        width: calc(100% - 40px);
        transition: all 0.3s ease;
    }

    .crm-atp-logo {
        font-size: 76px;
    }
    html[lang="ru"] .crm-atp-logo {
        font-size: 58px;
    }

    .crm-atp {
        font-size: 34px;
    }
    /* Russian specific */
    html[lang="ru"] .crm-atp {
        font-size: 28px; /* Adjust as needed */
    }

    .no-english-card-title {
        font-size: 26px;
    }
    .no-english-item-text {
        font-size: 16px;
    }

    .frame-section-3-box-content {
        padding: 38px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .frame-footer-contact-us-row {
        gap: 0;
    }

    .scroll-wrapper::-webkit-scrollbar {
      display: none; /* Chrome/Safari */
    }
}

/* Responsive Styles */
@media screen and (max-width: 1165px) {
    /* Adjust header size */
    .header {
        padding: 12px 20px;
        top: 16px;
        border-radius: 16px;
    }

    /* Hide desktop menu items and buttons */
    .menu-header2 {
        position: fixed;
        top: 0;
        right: -300px; /* Off-screen */
        width: 270px;
        height: calc(100vh - 32px);
        border-radius: 16px;
        background: var(--white, #ffffff);
        padding: 80px 20px 20px;
        flex-direction: column;
        align-items: flex-start;
        z-index: 998;
        transition: right 0.3s ease;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
    }

    .menu-header {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid rgba(44, 44, 98, 0.1);
    }

    .menu-header-item-text {
        font-size: 18px; /* Larger font for mobile */
    }

    /* Show burger menu */
    .mobile-menu-toggle {
        display: flex;
    }

    /* Hide contact button here */
    .button-header-form {
        display: flex;
    }

    /* Button to appear in mobile menu */
    .menu-header2 .button-header-form {
        display: flex;
        margin-top: 20px;
        width: 100%;
        justify-content: center;
    }

    .crm-atp-logo {
        font-size: 72px;
    }
    html[lang="ru"] .crm-atp-logo {
        font-size: 54px;
    }

    .crm-atp {
        font-size: 32px;
    }
    /* Russian specific */
    html[lang="ru"] .crm-atp {
        font-size: 26px; /* Adjust as needed */
    }

    .course-subtitle {
        font-size: 32px;
    }

    .frame-solution-row2 {
        /*grid-template-columns: repeat(6, 1fr);*/
        /* 3 cards + 2 arrows = 3fr + 2×24px */
        grid-template-columns: 1fr 1fr 24px 1fr 24px 1fr 24px 1fr 1fr 24px;
        grid-auto-rows: auto;
        transition: all 0.3s ease;
    }
    /* First row: card1, arrow1, card2, arrow2, card3 (items 1-5) */
    .frame-solution-row2 > :nth-child(1) { grid-column: 1/3; }
    .frame-solution-row2 > :nth-child(2) { grid-column: 3; }
    .frame-solution-row2 > :nth-child(3) { grid-column: 4/7; }
    .frame-solution-row2 > :nth-child(4) { grid-column: 7; }
    .frame-solution-row2 > :nth-child(5) { grid-column: 8/10; }
    .frame-solution-row2 > :nth-child(6) { grid-column: 10; }
    .frame-solution-row2 > :nth-child(n+1):nth-child(-n+6) {
        grid-row: 1;
        margin-bottom: 16px;
    }
    /* item 7 = card (spans col1 → col3) */
    .frame-solution-row2 > :nth-child(7) {
        grid-column: 1 / 5;
        grid-row: 2;
    }
    /* item 8 = arrow */
    .frame-solution-row2 > :nth-child(8) {
        grid-column: 5;
        grid-row: 2;
    }
    /* item 9 = card (spans col5 → col7, but grid ends at col6 so it fills 5–7) */
    .frame-solution-row2 > :nth-child(9) {
        grid-column: 6 / 10;
        grid-row: 2;
    }

    .frame-footer-contact-us-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }
}