/* для кастомных стилей */

.error {
    border: 2px solid #ff000029; /* Красная рамка */
}

.catalog-tags__item a:hover {
    color: white !important;
}

.error::placeholder {
    color: red; /* Красный текст плейсхолдера */
}

.catalog-card__title a {
    white-space: normal;
    word-wrap: break-word;
}

.form-input {
    max-width: 100%;
}

.add-to-favorites.active {
    color: #ff6633;
}

.catalog-tags__item:hover a {
    color: white; /* Белый цвет текста */
}


.add-to-compare.active {
    color: #ff6633;
}

.is-invalid {
    border: 1px solid red !important;
    background-color: #ffe6e6;
}

.is-invalid + .error-message {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}

div.bx-blue .btn.btn-default {
    background-color: #364b96 !important;
    border-color: #364b96 !important;
}

div.bx-blue .btn.btn-default:hover {
    background-color: #283870 !important;
    border-color: #283870 !important;
}

.main-banner__list-item {
    white-space: normal !important;
}

.search__result {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    width: 100%;
    max-height: 600px;
    overflow-y: auto;
    display: none;
    z-index: 1000;
}


.position-gallery__aside {align-items: stretch;}
.position-gallery__aside .slick-arrow {width: 100% !important; left: 0; right: 0; transform: none; top: 0; position: absolute; z-index: 1;}
.position-gallery__aside .slick-arrow.slick-disabled {cursor: not-allowed; opacity: .15;}
.position-gallery__aside .slick-arrow:active,
.position-gallery__aside .slick-arrow:focus {background: #8A93B4; color: #fff;}
.position-gallery__aside .slick-arrow::before {content: none;}
.position-gallery__aside .slick-arrow svg {transform: rotate(90deg);}
.position-gallery__aside .slick-arrow.slick-next {top: auto; bottom: 0;}
.catalog.catalog-position .position-gallery__aside .slick-slider {margin-top: 0; margin-bottom: 0; padding-top: 40px; padding-bottom: 40px;}
.position-gallery__aside .slick-slide {padding: 2px; cursor: pointer;}
.position-gallery__aside .slick-current .image-wrap {box-shadow: 0 0 0 2px #8A93B4; overflow: hidden;}
.catalog.catalog-position .position-gallery__aside .slick-slide {padding-top: 3px; padding-bottom: 3px;}