/* ============================================================
    MENU.CSS — СТИЛИ ШАПКИ (МЕНЮ)
    ============================================================ */

    .nav-link {
        display: flex;
        width: 100%;
        height: 100%;
        padding-left: 30px;
        padding-right: 30px;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
    }
    .nav-link:hover .text-block,
    .nav-link:hover .text-block-2 {
        color: var(--primary, #f59f15);
    }
    .nav-link.contact-link {
        padding-left: 0;
        padding-right: 0;
    }
    .nav-link.active .text-block,
    .nav-link.active .text-block-2 {
        color: var(--primary, #f59f15);
        font-weight: 700;
    }

    /* ----- шапка (div-блоки) ----- */
    .div-block-3 {
        background: #fff;
        border-bottom: 0 #000;
        outline-offset: 0px;
        outline: 2px #2d2a28cc;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        max-width: none;
        display: flex;
    }
    .div-block-11 {
        background-color: #0000;
        flex-flow: column;
        align-items: center;
        width: 100%;
        max-width: none;
        height: 176px;
        display: flex;
    }
    .list-2 {
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        width: 95%;
        height: 120px;
        margin-top: 16px;
        margin-bottom: 0;
        padding-left: 0;
        list-style-type: none;
        display: flex;
    }
    .limi{
        width: 100%
        }
    .list {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 50px;
        margin-bottom: 0;
        padding-left: 0;
        list-style-type: none;
        display: flex;
    }
    .text-block {
        justify-content: center;
        align-items: center;
        width: auto;
        height: 100%;
        display: flex;
    }
    .text-block-3 {
        color: var(--primary);
        text-transform: none;
        text-overflow: clip;
        word-break: normal;
        direction: ltr;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 23px;
        font-weight: 400;
    }
    .text-block-8 {
        color: var(--grey);
        letter-spacing: 1px;
        margin-top: -4px;
        font-size: 10px;
    }
    .text-block-6 { color: var(--black); }
    .text-block-2 { padding-left: 30px; padding-right: 30px; }
    .list-item-2 {
        border-right: 0 #000;
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        display: flex;
    }
    .list-item-3, .list-item-4 {
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        display: flex;
    }
    .list-item-5 {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        justify-content: center;
        align-items: center;
        width: auto;
        height: 50px;
        display: flex;
    }
    .list-item-6 {
        order: 0;
        justify-content: center;
        align-items: center;
        width: auto;
        display: flex;
    }
    .list-item-7 {
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        display: flex;
        position: relative !important;
        z-index: 10000 !important;
    }
    .list-item {
        justify-content: center;
        align-items: center;
        width: auto;
        margin-left: 0;
        display: flex;
        flex-shrink: 0;
    }
    .div-block-4 {
        border-bottom: 1px solid var(--dark-grey);
        width: 90%;
        height: 2px;
    }
    .div-block-5 {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
    }
    .div-block-6 {
        width: 100%;
        height: 100%;
        color: var(--grey);
        justify-content: center;
        align-items: center;
        padding-left: 30px;
        padding-right: 30px;
        display: flex;
    }
    .div-block-7 {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
    }
    .div-block-9 {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin-left: 0;
        margin-right: 0;
        display: flex;
    }
    .div-block-10 {
        background-color: #0000;
        background-image: url("/photo/logo_BVM.png");
        background-position: 50%;
        background-size: cover;
        border-radius: 10px;
        width: 200px;
        height: 100px;
    }
    .div-block-12 {
        background-image: url("https://cdn.prod.website-files.com/6a750572c4e2c4caf571b280/6a7cdb4b89090d960d3fd315_%D0%B2%D0%B0%D1%82%D1%81%D0%B0%D0%BF.png");
        background-position: 50%;
        background-size: cover;
        width: 55px;
        height: 55px;
    }
    .div-block-13 {
        background-image: url("https://cdn.prod.website-files.com/6a750572c4e2c4caf571b280/6a7cdb4ba6f261aef125c2bb_%D0%B2%D0%BA.png");
        background-position: 50%;
        background-size: cover;
        width: 70px;
        height: 40px;
    }
    .div-block-14 {
        background-image: url("https://cdn.prod.website-files.com/6a750572c4e2c4caf571b280/6a7ce8ae030594869c42a152_%D1%82%D0%B5%D0%BB%D0%B5%D0%B3%D0%B0.png");
        background-position: 50%;
        background-size: cover;
        width: 50px;
        height: 50px;
    }
    .div-block-15 {
        background-image: url("https://cdn.prod.website-files.com/6a750572c4e2c4caf571b280/6a7cdb4b093aff47839faf30_%D0%BC%D0%B0%D0%BA%D1%81.png");
        background-position: 50%;
        background-size: cover;
        width: 50px;
        height: 50px;
    }
    .dropdown { margin-top: 0; position: static; }
    .dropdown-toggle {
        justify-content: center;
        align-items: center;
        height: 100%;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 30px;
        display: flex;
    }
    .dropdown-list {
        background-color: var(--white);
        flex-flow: column;
        width: 100%;
        height: auto;
        margin-top: 178px;
        display: flex;
        position: fixed;
        inset: 0% 0% auto auto;
    }
    .dropdown-list.w--open {
        background-color: #ddd;
        flex-flow: column;
        justify-content: center;
        display: flex;
    }
    .dropdown-link {
        border-bottom: 1px solid #ffcf40;
        border-radius: 0;
        justify-content: flex-start;
        align-items: flex-end;
        width: 100%;
        height: 40px;
        margin-left: 0;
        margin-right: 0;
        padding-top: 6px;
        padding-bottom: 4px;
        padding-left: 11px;
        display: flex;
        position: static;
    }
    .dropdown-link-2, .dropdown-link-3 {
        border-bottom: 1px solid #ffcf40;
        justify-content: flex-start;
        align-items: center;
        width: 60%;
        height: 50px;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        position: static;
    }

    /* ===== ИСПРАВЛЕНИЕ КНОПКИ "СВЯЗАТЬСЯ С НАМИ" ===== */
    .button-2 {
        background-color: transparent;
        border: 3px solid #f59f15;
        border-radius: 5px;
        padding: 20px 20px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        line-height: 0%;
        font-weight: 700;
        cursor: pointer;
        transition: all 0.3s ease;
        row-gap: 10px;
    }
    .bold-text { color: var(--black); text-align: center; }
    .bold-text-2 {
        color: var(--black);
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: 700;
        line-height: 0%;
        display: block;
        text-align: center;
    }

    .link-4 {
        color: var(--primary);
        margin-top: -5px;
        font-size: 23px;
    }
    .div-block-16 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        background-color: var(--white);
        flex-flow: row;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-columns: 1fr;
        padding-bottom: 9px;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-weight: 700;
        display: flex;
    }
    .div-block-17 {
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        flex-flow: column;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr;
        grid-auto-columns: 1fr;
        grid-auto-flow: row;
        justify-content: center;
        align-self: auto;
        place-items: flex-start start;
        width: 60%;
        margin-top: 8px;
        margin-left: 25%;
        display: flex;
    }
    .heading { font-size: 20px; }
    .heading-2 {
        width: auto;
        color: var(--primary);
        margin-top: 24px;
        margin-left: 15%;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 20px;
    }
    .heading-3 {
        color: var(--primary);
        margin-top: 24px;
        margin-left: 15%;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        font-size: 20px;
        font-weight: 400;
    }
    .text-block-7 { flex-flow: column; font-size: 23px; display: block; }
    .text-block-25 { }

    /* ----- анимации/улучшения ----- */
    .div-block-10:hover,
    .div-block-12:hover,
    .div-block-13:hover,
    .div-block-14:hover,
    .div-block-15:hover {
        opacity: 1;
        transform: scale(1.05);
        transition: var(--transition);
    }
    .text-block:hover,
    .text-block-6:hover,
    .text-block-2:hover,
    .text-block-25:hover {
        color: var(--primary);
        transition: var(--transition);
    }

    /* ============================================================
    АДАПТИВНОСТЬ
    ============================================================ */

    @media (max-width: 992px) {
        .list { flex-wrap: wrap; height: auto; justify-content: center; }
        .list-item-2, .list-item-3, .list-item-4, .list-item-7 { width: auto; padding: 5px 15px; }
        .list-2 { flex-wrap: wrap; height: auto; justify-content: center; gap: 10px; }
        .div-block-11 { height: auto; padding: 10px 0; }
        .div-block-9 { align-items: center; }
        .div-block-10 { width: 120px; height: 60px; }
        .div-block-12, .div-block-14, .div-block-15 { width: 35px; height: 35px; }
        .div-block-13 { width: 45px; height: 28px; }
    }

    @media (max-width: 768px) {
        .nav-link { padding-left: 15px; padding-right: 15px; }
        .div-block-10 { width: 80px; height: 40px; }
        .div-block-12, .div-block-14, .div-block-15 { width: 28px; height: 28px; }
        .div-block-13 { width: 35px; height: 22px; }
        .text-block-3 { font-size: 18px; }
        .link-4 { font-size: 18px; }
        .button-2 { padding: 8px 15px; font-size: 14px; border-width: 3px; }
        .bold-text-2 { font-size: 14px; }
        .text-block, .text-block-6, .text-block-2, .text-block-25 { font-size: 14px; }
        .list > li { padding: 0 10px; }
    }

    @media (max-width: 480px) {
        .nav-link { padding-left: 8px; padding-right: 8px; }
        .div-block-10 { width: 60px; height: 30px; background-size: cover; }
        .div-block-12, .div-block-14, .div-block-15 { width: 22px; height: 22px; background-size: contain; }
        .div-block-13 { width: 28px; height: 18px; background-size: cover; }
        .text-block-3 { font-size: 14px; }
        .text-block-8 { font-size: 8px; display: none; }
        .link-4 { font-size: 14px; }
        .button-2 { padding: 5px 10px; font-size: 11px; border-width: 2px; row-gap: 6px; }
        .bold-text-2 { font-size: 11px; }
        .button-2 {height: 40px;}
        .text-block, .text-block-6, .text-block-2, .text-block-25 { font-size: 11px; }
        .list > li { padding: 0 8px; }
        .list-item {display: none;}
        .div-block-5, .div-block-6, .dropdown-toggle { padding-left: 10px; padding-right: 10px; }
        .text-block-2 { padding-left: 10px; padding-right: 10px; }

        /* Меню на телефоне: перестраиваем в две строки */
        .list { flex-wrap: wrap; justify-content: center; gap: 4px; height: auto; }
        .list-item-2, .list-item-3, .list-item-4, .list-item-7 { width: auto; padding: 0 6px; }
        .list-item-7 > div { padding: 0 6px !important; }
        .list-2 { flex-wrap: wrap; justify-content: center; gap: 4px; height: auto; }
        .list-item-6 { margin-right: auto; }
        .div-block-11 { height: auto; padding: 6px 0; }
        .div-block-3 { outline: none; }
    }

    /* ===== ИСПРАВЛЕНИЕ: СТРЕЛКА КАТАЛОГА СПРАВА ОТ ТЕКСТА ===== */
    .list-item-7 > div:not(#catalogModal) {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
    }
    .list-item-7 > div:not(#catalogModal) > .nav-link {
        width: auto !important;
    }
    @media (max-width: 318px) {
        .list-item-6 {margin-right: 20%;}
    }