.section ul.pagination {
	display: flex !important;
}
.pagination__item.active .pagination__link {
  color: #d9d9d9;
}
#feedback-modal {
	display: none;
}
#feedback_modal input.error {
	border: 1px solid red;
}
.error_politikmodal.error ~ .form__checkbox-text::before {
    border: 1px solid red;
}

#feedback-zakaz {
	display: none;
}
#feedback-zakaz input.error {
	border: 1px solid red;
}
.error_politikzakaz.error ~ .form__checkbox-text::before {
    border: 1px solid red;
}
.pagination__link, .pagination__dots {
    width: auto;
    height: auto;
}
.pagination {
    gap: 15px;
}
.cookie {
    position: fixed;
    z-index: 50;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    border: 1px solid #282828;
    width: 600px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 20px;
}
.cookie a {
    text-decoration: underline;
}

.cookie__text p {
	font-size: 16px;
} 

.warap-accept .btn {
	min-width: 150px;
}

.header__bottom .header__bottom-item.active {
    background: #f2f2f2;
}

@media screen and (max-width: 768px) {
    .cookie {
        width: calc(100% - 40px);
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 10px;
        bottom: 25px;
    }    
    .cookie .btn {
        width: 100%;
    }
    .cookie br {
        display: none;
    }
}

/* 1. Убираем процентный хак и ставим фиксированную высоту для зоны лого */
.brands-slider__img {
    padding-top: 0 !important; 
    height: 100px !important; /* Область станет выше, давая простор мелким логотипам */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    margin-bottom: 20px !important;
}

/* 2. Заставляем картинку занимать ВЕСЬ этот блок */
.brands-slider__img img {
    position: static !important; /* Отменяем абсолютное позиционирование */
    transform: none !important;  /* Отменяем сдвиги */
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important; 
    max-height: 100% !important; 
    object-fit: contain !important; /* Она растянется до максимума, но не исказится */
}

/* 3. Выравниваем общую высоту слайда */
.brands-slider__item {
    min-height: 180px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}




/* Выравниваем названия брендов по первой строке */
.brands-slider__item {
    justify-content: flex-start !important; /* Складываем элементы сверху вниз */
    min-height: 220px !important; /* Фиксируем общую высоту слайда с запасом */
}

.brands-slider__name {
    margin-top: 0 !important; /* Отменяем выталкивание текста вверх */
    display: block !important;
    line-height: 1.2 !important; /* Компактный межстрочный интервал */
}

/* Фиксируем отступ между картинкой и текстом */
.brands-slider__img {
    margin-bottom: 15px !important; 
}

/* Центрирование логотипа на странице бренда */
.about__inner, 
.categories-brand__inner {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; /* Центрирует всё содержимое по вертикали */
}

/* Дополнительная проверка для самого изображения */
.about__logo img, 
.categories-brand__logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 560px) {
    .product-card {
        font-size: 11.5px;
    }
}
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}