.top_big_banners .top_slider_wrapp .main-slider,
.top_big_banners .top_slider_wrapp .main-slider__item,
.top_big_banners .top_slider_wrapp .main-slider__item td {
  height: 58vh;
}


@media (max-width: 450px) {
    .top_slider_wrapp .main-slider, .top_slider_wrapp .main-slider__item, .top_slider_wrapp .main-slider__item td, .top_slider_wrapp .main-slider__item tr {
        height: 34vh!important;
    }
}
.top-block .header__top-item .svg:not(.iconset_icon--svg) svg path {
    fill: #ffffff!important;
    /* fill: var(--white_text_black); */
}

:root .swiper-button-next:after,  
:root .swiper-button-prev:after {
    font-size: 0 !important;
}


footer .footer-inner:not(.light) .maxwidth-theme .row .info .email a {
    color: #ffffff;
    text-decoration: none;
    padding: 0px 19px;
}

footer .info .phone > .wrap a {
    display: block;
    font-size: 1.0667em;
    color: #ffffff;
    text-decoration: none;
    padding: 0px 19px;
}

@media (max-width: 480px) {
footer .info .phone.blocks .phone > .wrap > div {
    padding: 0 0px 0 20px;
    position: relative;
    top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
   }
}
@media (max-width: 767px) {
    footer .wide-subscribe .footer_middle {
        margin-bottom: 0px;
    }
}

@media (max-width: 992px) {
    #footer .footer_bottom {
        padding-top: 0px;
    }
}
.footer-bottom__items-wrapper{
    margin: -16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px!important;
}

.store-availability {
    padding: 5px 12px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    min-width: 154px;
    position: relative;
    font-size: 14px;
}

.store-availability svg {
    width: 18px;
    height: 18px;
    margin-bottom: -3px;
}

.store-availability.available {
    margin-top: 8px;
    background-color: #4CAF50; /* Зеленый */
    color: white;
}

.store-availability.not-available {
    margin-top: 8px;
    background-color: #a94442; /* Красный */
    color: white;
}

.store-availability.partial-available {
    margin-top: 8px;
    background-color: #ff9800; /* Оранжевый */
    color: white;
}

.store-warning {
    margin-top: 5px;
    padding: 5px 10px;
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
    border-radius: 4px;
    font-size: 14px;
}



.bx-soa-pickup-l-item-adress {
    padding-left: 15px;
    color: #25495e;
    font-weight: bold;
    line-height: 17px;
    min-height: 17px;
    position: relative;
    
}


.basket-item-amount-field-description .quantity_block_wrapper > div{
         padding: 0;
    }
/* Стили для слайдера товаров */
.product-slider {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
}

.product-slider-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.product-slider .swiper-wrapper {
    display: flex;
}

.product-slider .swiper-slide {
    display: flex!important;
    flex-direction: column!important;
    align-items: center!important;
    width: auto!important;
    text-align: center!important;
}

.product-slider .swiper-slide img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.product-slider-name {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-top: 5px;
}

/* Навигационные кнопки */
.product-slider-button-next, .product-slider-button-prev {
    color: #333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 18px;
    z-index: 10;
}

.product-slider-button-next {
    right: 10px;
}

.product-slider-button-prev {
    left: 10px;
}

.product-slider .swiper-button-disabled {
    display: none;
}


.menu-row {
    display: flex;
    flex-wrap: wrap; /* Позволяет элементам переноситься на следующую строку */
    justify-content: center; /* Центрирует содержимое по горизонтали */
    width: 100%; /* Контейнер занимает всю доступную ширину */
    text-align: center; /* Центрирует текст внутри элементов */
}

.mega-menu {
    display: flex;
    flex-wrap: wrap; /* Элементы переносятся при нехватке места */
    justify-content: center; /* Центрирует элементы в контейнере */
    gap: 10px; /* Промежутки между элементами */
    padding: 0; /* Убирает возможные отступы */
    margin: 0 auto; /* Центрирует меню относительно родителя */
    list-style: none; /* Убирает маркеры списка */
}

.mega-menu .menu-item {
    flex: 0 1 auto; /* Элементы занимают место в зависимости от их контента */
    text-align: center; /* Центрирует текст внутри элементов */
}
/* Скрываем меню и показываем бургер при ширине <= 1920px */
@media (max-width: 1240px) {
    .menu-row {
        display: none; /* Скрыть основное меню */
    }

    .burger-menu-icon {
        display: block; /* Показать иконку бургера */
    }
}
@media (max-width: 1240px) {
    #header {
        display: none; /* Скрываем десктопный хедер */
    }
}

/* Стиль для бургер-меню */
.burger-menu-icon {
    display: none; /* Скрыто по умолчанию */
    cursor: pointer;
    font-size: 24px;
    padding: 10px;
    z-index: 1000; /* Поверх других элементов */
}

/* Стиль для мобильного меню */
.mobile-menu {
    display: none; /* По умолчанию скрыто */
    position: absolute;
    top: 60px; /* Расположить ниже иконки */
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.mobile-menu.active {
    display: flex; /* Показывать при активации */
    flex-direction: column;
    align-items: center;
}



#mobileheader {
    margin: 0;
    padding: 0;
    position: relative;
    height: 63px;
}

/* Адаптивное отображение mobileheader */
@media (max-width: 1240px) {
    #mobileheader {
        display: block!important; /* Отображать header на мобильных */
    }
}





.products-slider-container {
    display: none;
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.product-slider .swiper-slide {
    text-align: center;
}

.product-slider img {
    max-width: 100px;
    height: auto;
    margin: 0 auto 5px;
}

.product-slider-name {
    font-size: 14px;
    color: #333;
}

.product-slider-button-next, .product-slider-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
}

.product-slider-button-prev {
    left: -10px;
}

.product-slider-button-next {
    right: -10px;
}

@media (min-width: 992px) {
    .wrapper1.long_banner .header_wrap .top-block {
background-color: #000; /* Белый фон */
    color: #fff !important; /* Чёрный текст */
}
}

.top-block .menu > li > a {
    color: #ffffff;
    text-decoration: none;
}

.logo_and_menu-row .phone a {
    color: #fff!important;
    white-space: nowrap;
    text-decoration: none;
}


.top-block .header__top-item .svg:not(.iconset_icon--svg) svg use {
    fill: #fff!important;
}

.logo_and_menu-row .wrap_icon .title, .logo_and_menu-row .wrap_icon .name {

    color: #fff!important;
}




/* Изменяем цвет текста внутри header-wrapper при наведении */
.logo_and_menu-row.smalls:hover {
    background-color: #ffffff; /* Белый фон */
    color: #000000 !important; /* Чёрный текст */
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Изменяем цвет всех ссылок внутри header-wrapper */
.logo_and_menu-row.smalls:hover a {
    color: #000000 !important; /* Чёрный цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание, если нужно */
}

/* Добавляем начальный цвет для текста, чтобы было видно изменение */
.logo_and_menu-row.smalls {
    color: #ffffff; /* Белый текст в обычном состоянии */
}

.logo_and_menu-row.smalls a {
    color: #ffffff; /* Белые ссылки в обычном состоянии */
    transition: color 0.3s ease; /* Плавный переход */
}





/* Делаем текст и ссылки внутри блока no-shrinked тёмными */
.logo_and_menu-row.smalls:hover .no-shrinked {
    color: #000000 !important; /* Тёмный текст */
    transition: color 0.3s ease;
}

/* Делаем ссылки внутри no-shrinked тёмными */
.logo_and_menu-row.smalls:hover .no-shrinked a {
    color: #000000 !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Меняем цвет SVG-иконок внутри no-shrinked */
.logo_and_menu-row.smalls:hover .no-shrinked svg {
    fill: #000000 !important; /* Тёмный цвет для заливки */
    stroke: #000000 !important; /* Тёмный цвет для обводки */
    transition: fill 0.3s ease, stroke 0.3s ease;
}

/* Начальное состояние текста, ссылок и SVG внутри no-shrinked */
.no-shrinked {
    color: #ffffff; /* Белый текст в обычном состоянии */
}

.no-shrinked a {
    color: #ffffff; /* Белые ссылки в обычном состоянии */
    transition: color 0.3s ease;
}

.no-shrinked svg {
    fill: ; /* Белая заливка для SVG */
    transition: fill 0.3s ease, stroke 0.3s ease;
}
/* Меняем цвет и фон .count при наведении на header-wrapper */
.logo_and_menu-row.smalls:hover .logo-row:not(.logo_top_white) .basket-link .js-basket-block .count {
    background-color: #000 !important; /* Чёрный фон */
    color: #fff !important; /* Белый текст */
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Убедитесь в начальном состоянии */
.logo-row:not(.logo_top_white) .basket-link .js-basket-block .count {
    background-color: #fff; /* Белый фон */
    color: #000; /* Чёрный текст */
    transition: background-color 0.3s ease, color 0.3s ease;
}


.top-block {
    position: relative;
    background: #000000!important;
    /* background: var(--black_bg_black); */
}


.top-block > .maxwidth-theme > .wrapp_block {
    background: #000000!important;
    /* background: var(--black_bg_black); */
}



.dark-color:hover, a.colored, .colored, body#main .colored_theme_text, body#main .colored_theme_text_with_hover:not(:hover), body#main .colored_theme_hover_text:hover, .top-block .menu > li > a:hover {
    color: #9e9e9e!important;
    /* color: var(--fill_dark_light_hover); */
}

.tab-content > .active {
    display: block;
     width: 96vw; 
    margin-left: -16px;
    margin-right: -16px;
}

/* Кнопки языков */
.lang-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}

.lang-block-mobile {
    display: flex;
    align-items: center;
    align-content: center;
    margin: 8px 0 0 21px;
}

.lang {
    opacity: 0.5;
    color: #333;
    margin: 0;
    padding: 0;
}

img.lang {
    min-height: 17px;
    min-width: 20px;
    max-height: 17px;
    max-width: 20px;
}

img.lang:hover {
    opacity: 1;
    cursor: pointer;
}

span.lang {
    width: auto !important;
    margin: 0 7px;
}

.lang-active {
    opacity: 1;
}

div.skiptranslate {
    display: none !important;
}











.mega-menu .menu-item.dropdown:hover .wrap::before {
    background-color: rgba(0, 0, 0, 0);




#rees46-subscribe {
    display: flex;
    gap: 10px;
}
#rees46-subscribe input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#rees46-subscribe button {
    padding: 10px 20px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#subscribe-result {
    margin-top: 10px;
    color: green;
}




.map_link {
    margin-top: 10px; /* Отступ сверху */
    font-size: 14px; /* Размер шрифта */
    line-height: 1.5; /* Высота строки */
}

.map_link a {
    color: #007BFF; /* Цвет текста (синий) */
    text-decoration: none; /* Убирает подчёркивание */
}

.map_link a:hover {
    color: #0056b3; /* Цвет текста при наведении */
    text-decoration: underline; /* Добавляет подчёркивание при наведении */