.swiper-slide.banner{position:relative;height:calc(var(--font-size-16) * 44.0625)}
.banner__content{position:relative;z-index:1;color:var(--text-color-1);max-width:calc(var(--font-size-16) * 59.5);padding-top:calc(var(--font-size-16)*4.4375)}
.banner__content h1{margin:0}
.banner__content .text-with-icon{display:block}
.banner__content .text-with-icon i{display:inline-block}
.banner__content .text-with-icon i svg{width:.802083333em;height:auto}
.banner__text{font-size:calc(var(--font-size-16)*1.5);line-height:1.29166666667em}
.banner picture{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.banner picture img{object-fit:cover;width:100%}
@media (max-width: 1000px) {
    .catalogDetailDescription--wrapper .banners.mobile-banners {order:3; margin-top: 60px;}
    .swiper-slide.banner{height: auto;aspect-ratio: 1;}
    .banner__content{padding-top:39px}
    .banner__content h1{font-weight:700;font-size:40px;line-height:90%;letter-spacing:-.04em}
    .banner__content h1 svg{width:31px;height:25px}
    .banner__text{font-weight:700;font-size:14px;line-height:18px;color:#FFF}
    .banner__text ul{padding-left:20px}
}
@media (min-width: 700px) {
    .slider-section__body{margin-bottom:calc(var(--font-size-16) * (-8.4375))}
    .slider-section__body.solo-slide {margin-bottom: unset}
}

.slider-section__body{--animation-time:3s;position:relative}

/*===thumbs-banners===*/
.thumbs-banners{position:absolute;bottom:calc(var(--font-size-16) * 8.4375);height:calc(var(--font-size-16) * 8.4375);left:0;width:100%}
.thumbs-banners .thumbs-banner{width:100%;height:107px;border-radius:0;backdrop-filter:blur(10px);background:rgba(99,99,99,0.22);border-top:1px solid rgba(255,255,255,0.4);border-right:1px solid rgba(255,255,255,0.4);cursor:pointer;transition: height .2s linear}
.thumbs-banners .swiper-wrapper{display:flex;justify-content:flex-start;align-items:flex-end}
.thumbs-banner:last-child{border-right:none}
.thumbs-banner.swiper-slide-thumb-active{position:relative;z-index:1;height:135px;border-left:1px solid rgba(255,255,255,0.4)}
.thumbs-banners .thumbs-banner:not(.swiper-slide-thumb-active):hover{background:rgba(99,99,99,0.62)}
.thumbs-banner.swiper-slide-thumb-active:before{content:'';position:absolute;top:0;left:0;bottom:0;width:0;background-color:#fdae00;animation:slider-progress var(--animation-time) forwards linear}
@keyframes slider-progress {
    0%{width:0}
    100%{width:100%}
}
.thumbs-banner__content{position:relative;z-index:1;padding:0 2vw;height:100%;display:flex;justify-content:flex-start;align-items:center}
.thumbs-banner__name{font-weight:normal;font-size:20px;line-height:120%;letter-spacing:-.02em;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.banners__navigation{display:none}
@media (max-width: 1400px) {
    .thumbs-banner__name{font-size:16px}
    .thumbs-banners .thumbs-banner{height:77px}
    .thumbs-banner.swiper-slide-thumb-active{height:95px}
}
@media (max-width: 1000px) {
    .thumbs-banner__name{font-size:14px}
    .thumbs-banners .thumbs-banner{height:65px}
    .thumbs-banner.swiper-slide-thumb-active{height:80px}
}
@media (max-width: 700px) {
    .thumbs-banners{display:none;margin-bottom: calc(-1 * var(--font-size-16) * 8.4375)}
    .banners__navigation{position:absolute;bottom:15px;left:15px;height:40px;width:100px;display:flex;align-items:center;justify-content:flex-start;gap:10px}
    .banners__navigation .swiper-button-next:after,.banners__navigation .swiper-button-prev:after{content:none}
    .banners__navigation .swiper-button-next,.banners__navigation .swiper-button-prev{position:static;width:40px;height:40px}
    .banners__navigation.hide {display: none;}
}