.banner-break{position:relative;width:100%;overflow:hidden}.banner-break__wrapper{width:100%;max-width:1500px;margin:0 auto;padding:0 20px}.banner-break__container{display:flex;width:100%;height:100%;gap:var(--gap, 20px)}.banner-break__item{flex:1;position:relative;overflow:hidden}.banner-break__link{display:block;width:100%;height:100%;text-decoration:none;cursor:pointer;transition:opacity .3s ease}.banner-break__link:hover{opacity:.95}.banner-break__image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.banner-break__image-wrapper picture{width:100%;height:100%;display:block}.banner-break__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}@media screen and (min-width: 768px){.banner-break__wrapper{padding:0 20px}.banner-break__container--desktop{display:flex;gap:var(--gap, 20px)}.banner-break__container--mobile{display:none!important}.banner-break__item{flex:1}}@media screen and (max-width: 767.98px){.banner-break__wrapper{padding:0;max-width:100%}.banner-break__container--desktop{display:none!important}.banner-break__container--mobile{display:block;width:100%;height:100%}.banner-break__item{width:100%}.swiper-banner-break{width:100%;height:100%}.swiper-banner-break .swiper-wrapper{height:100%}.swiper-banner-break .swiper-slide{height:100%;width:100%}.swiper-banner-break .swiper-slide .banner-break__image-wrapper{width:100%;height:100%}.swiper-banner-break .swiper-slide .banner-break__link{width:100%;height:100%;display:block}.swiper-banner-break .swiper-pagination{bottom:15px;position:absolute;z-index:10}.swiper-banner-break .swiper-pagination-bullet{width:12px;height:12px;background-color:#ffffff80;border:2px solid rgba(255,255,255,.8);opacity:1;margin:0 6px;transition:all .3s ease}.swiper-banner-break .swiper-pagination-bullet-active{background-color:#fff;border-color:#fff;transform:scale(1.2)}}.banner-break[style*="height: auto"] .banner-break__container,.banner-break[style*="height: auto"] .banner-break__item{height:auto}.banner-break[style*="height: auto"] .banner-break__image-wrapper{height:auto;position:relative}.banner-break[style*="height: auto"] .banner-break__image-wrapper picture{height:auto}.banner-break[style*="height: auto"] .banner-break__image{width:100%;height:auto;object-fit:contain;display:block}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-banner-break.css.map */
