/* Loaded after main.css. Only D5 product banners are affected. */
.banner.banner_d5 {
    height: auto;
    min-height: 0;
}
.banner_d5 picture {
    display: block;
}
.banner_d5 .big-slider__img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center;
}
.banner_d5 .banner__wrap {
    top: clamp(24px, 5vw, 100px);
}
.banner_d5 .banner__wrap_down {
    top: auto;
    bottom: clamp(24px, 3vw, 50px);
}
@media (max-width: 767px) {
    .banner_d5 .banner__wrap {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        transform: none;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        margin: 0;
        padding: 24px 20px;
        background: #ffffff;
    }
    .banner_d5 .banner__wrap .banner__h1,
    .banner_d5 .banner__wrap .banner__h2 {
        color: #333333;
    }
}