.topMenu {
    /* display: block !important; */
}

.bottom {
    border-bottom: 0.5px solid #CACACA;
    padding-bottom: 30px;
    padding-top: 30px;
}


.brand_hub .img-container {
    max-width: 120px;
}


.topMenu__category {
    color: rgb(60, 60, 60);
    font-family: Styrene A Web;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -4%;
    text-align: left;
    text-transform: uppercase;
    display: flex;
    /* Используем Flexbox для выравнивания элементов */
    justify-content: space-between;
    /* Распределяем пространство между текстом и ссылкой */
    align-items: center;
    /* Выравниваем по вертикали */
}

.col_btn {
    border-radius: 30px;
    background: rgb(231, 225, 219);
    padding: 8px 12px 8px 10px;
    color: rgb(60, 60, 60) !important;
    font-family: Styrene A Web;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 140% !important;
    letter-spacing: -2%;
    text-align: left;
}

.category-button {
    color: rgb(147, 147, 147);
    font-family: Styrene A Web;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: right;
    text-decoration-line: underline;
    text-transform: initial;
}

.category-button::before {
    content: "/";
    /* Добавляем знак "/" перед ссылкой */
    margin-right: 10px;
    /* Отступ справа, чтобы знак не был прижат к тексту */
}



.topMenu__wrapper {
    padding: 10px 30px 40px !important;
}

.osobenosti_hub .subLinks__item {
    padding: 10px 15px 3px 0px !important;
    width: unset !important;
}

.osobenosti_hub .topMenu__subLinks {
    justify-content: unset !important;
    height: 63px;
}

.osobenosti_hub .subLinks__item a {
    color: rgb(147, 147, 147);
    font-family: Styrene A Web;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -2%;
    text-align: left;
}

.subLinks__item {
    width: 150px;
    /* Ширина блока */
    text-align: center;
    /* Выравнивание текста по центру */
}

.subLinks__item a {
    display: flex;
    /* Используем flexbox */
    flex-direction: column;
    /* Располагаем элементы по вертикали */
    align-items: center;
    /* Центрируем элементы по горизонтали */
    text-decoration: none;
    /* Убираем подчеркивание у ссылки */
}

.img-container {
    margin-bottom: 5px;
    /* Отступ между изображением и текстом */
    max-width: 64px;
}

.img_menu {
    max-width: 100%;
    /* Изображение растягивается по ширине блока */
    height: auto;
    /* Сохраняем пропорции изображения */
    display: block;
    /* Убираем лишние отступы под изображением */
}

.text-container {
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
}



.left_menu_box {
    flex: 1;
    border-right: 0.5px solid #CACACA;
}

/* Правая часть меню */
.right_menu_box {
    flex: 1;
    /* Занимает 50% ширины */
}


.right_menu_box .bottom {
    padding-left: 20px;
}

.left_menu_box .bottom {
    padding-right: 20px;
}

.topMenu__box {
    max-width: unset !important;
}



.topMenu_box.sub .topMenu__subLinks {
    justify-content: flex-start !important;
}

.topMenu_box.sub .subLinks__item {
    width: 135px;
}

.topMenu_box.sub {
    display: flex;
    gap: 0;
    position: relative;
    height: 100%;
    /* при необходимости */
}

.subMenuLeft,
.subMenuRight {
    width: 50%;
    align-items: center;
    text-align: center;
}

.color_hub .subLinks__item {
    width: 110px;
    text-align: center;
}

.subMenuLeft {
    padding: 3px;
}

.subMenuRight {
    padding: 3px;
}

.subMenuTOP {
    padding: 3px;
    border-right: 0.5px solid #CACACA;

}

.brand_hub .subLinks__item {
    width: 120px;
}


.price_hub .topMenu__subLinks {
    justify-content: unset !important;
}

.price_hub .topMenu__item {
    display: flex;
    position: relative;
}

.price_hub .topMenu__subLinks {
    margin-top: unset !important;
    height: 63px !important;
    margin-left: 10px;
}

.price_hub .subLinks__item {
    width: auto !important;
}

.mark_hub .topMenu__subLinks {
    margin-top: unset !important;
    height: 63px !important;
}

.mark_hub .subLinks__item {
    width: 64px;
    padding: 0px;
}

.banner_hub .topMenu__subLinks {
    height: 100%;
    margin-top: unset;
}

.m0_box {
    height: 365px;
}



.banner_hub .img-container {
    max-width: 400px;
}

.banner_hub .subLinks__item {
    width: 380px;
}

.pole_hub .text-container {
    font-weight: 500;
    line-height: 120%;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: uppercase;
}




.subLinks__item:hover {
    opacity: 0.7;

}

.maney_big {
    position: absolute;
    right: 0;
    border-radius: 30px;
    background: #DEDE2B;
    padding: 1px 12px 1px 10px;
    color: rgb(60, 60, 60) !important;
    font-family: Styrene A Web;
    font-size: 14px !important;
    line-height: 2px;
    transition: opacity 0.2s ease;
}

.maney_big::before {
    content: "";
    background-image: url(/local/templates/main/images/many.png);
    width: 32px;
    height: 27px;
    display: inline-block;
    margin-right: 5px;
    background-size: cover;
    vertical-align: middle;
    position: relative;
    bottom: 7px;
}


.topMenu__category {
    color: rgb(60, 60, 60);
    font-family: Styrene A Web;
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -4%;
    text-align: left;
    text-transform: uppercase;

}

.topMenu__subLinks {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 93px;
    margin-top: 20px;
}

.subLinks__item {
    padding: 5px;
    text-align: center;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

@media (max-width: 1750px) {
    .topMenu_box.sub .subLinks__item {
        width: 125px;
    }
}




@media (max-width: 1650px) {
    .subLinks__item {
        width: 130px;
    }

    .color_hub .subLinks__item {
        width: 90px;
    }

    .topMenu_box.sub .subLinks__item {
        width: 120px;
    }

    .brand_hub .subLinks__item {
        width: 100px;
    }

    .banner_hub .subLinks__item {
        width: 340px;
    }

    .mark_hub .subLinks__item {
        width: 54px;
    }
}


@media (max-width: 1600px) {
    .topMenu_box.sub .subLinks__item {
        width: 110px;
    }
}


@media (max-width: 1500px) {
    .banner_hub .subLinks__item {
        width: 300px;
    }

    .topMenu_box.sub .subLinks__item {
        width: 115px;
    }

    .col_btn {
        font-size: 12px !important;
    }

    .topMenu_box.sub .subLinks__item {
        width: 105px;
    }
}

@media (max-width: 1400px) {
    .topMenu__box {

        display: block;
        max-width: 1100px !important;
    }

    .topMenu_box.sub .subLinks__item {
        width: 140px;
    }

    .left_menu_box {
        border-right: unset;
    }

    .bottom {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .m0_box {
        height: 305px;
    }

    
   .margin_ins {
        padding-bottom: 100px;
    }
}