.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:0px 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: 140px;
}

.topMenu_box.sub {
display: flex;
justify-content: space-between;
gap: 20px; /* Расстояние между элементами */
position: relative; /* Позволяет позиционировать псевдоэлемент внутри контейнера */
}

.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;
}


.topMenu {
display: 1block!important;
}

.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: 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: 1500px) {
.banner_hub .subLinks__item {
    width: 300px;
}
.topMenu_box.sub .subLinks__item {
    width: 115px;
}
.col_btn {
    font-size: 12px !important;
}
}

@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;
}
}