/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/

.banners-big__wrapper .target {
    position: relative;
}
.banners-big__wrapper .target img {
    width: 100%;
}
.banners-big {
    height: auto !important;
}
.banners-big__depend-height {
    height: auto !important;
}
.banners-big .main-slider .main-slider__item {
    background: none !important;
}


/* баннеры на главной */

.main-custom-banners {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
    gap: 15px;
}
.main-custom-banners__item {
    flex: 1 1 0;
    min-width: 0;
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    aspect-ratio: 2 / 3;
    padding: 30px;
    position: relative;
    overflow: hidden;
}
.main-custom-banners__item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
}
.main-custom-banners__item-name {
    font-size: 20px;
    color: #fff;
    z-index: 1;
}
.main-custom-banners__item-btn {
    margin-top: 30px;
    z-index: 1;
}

@media (max-width: 991.98px) {
    
    .main-custom-banners {
        flex-direction: column;
        margin: 0;
        gap: 0;
    }
    
    .main-custom-banners__item {
        flex: 0 0 auto;
        width: 100%;
        margin-bottom: 15px;
    }
    
}