.hero-banner{display:block}.hero-banner .swiper{width:100%;min-width:0;max-width:100%}.hero-banner--with-side-banners{aspect-ratio:auto;overflow:visible}.hero-banner__layout{width:100%}.hero-banner__slider-col{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;border-radius:8px}.hero-banner--with-side-banners .js-hero-banner-slider,.hero-banner--with-side-banners .swiper,.hero-banner--with-side-banners .swiper-wrapper,.hero-banner--with-side-banners .swiper-slide,.hero-banner--with-side-banners .hero-banner__slide{max-width:100%;min-width:0}.hero-banner--with-side-banners .js-hero-banner-slider,.hero-banner--with-side-banners .swiper,.hero-banner--with-side-banners .swiper-wrapper{width:100%!important}.hero-banner--with-side-banners .swiper-slide{flex:0 0 100%!important;width:100%!important}.hero-banner__image{display:block;width:100%;height:100%;object-fit:cover}.hero-banner--with-side-banners .hero-banner__image{object-position:left bottom}.hero-banner--with-side-banners .video-poster,.hero-banner--with-side-banners .custom-video{object-position:bottom center}.hero-banner__content{position:absolute;left:0;top:0;z-index:1;display:flex;align-items:center;width:100%;height:100%}.hero-banner__slide{position:relative;overflow:hidden}.hero-banner__row{width:100%}.hero-banner__nav{display:flex;gap:8px;width:fit-content}.hero-banner__nav svg path{stroke:#fff}.hero-banner__nav-wrap{position:absolute;bottom:132px;z-index:2;width:100%;pointer-events:none}.hero-banner__nav{pointer-events:auto}.hero-banner__title{color:#fff;margin-bottom:14px}.hero-banner__text{margin-bottom:40px}.hero-banner__text p{color:#fff}.hero-banner__side-banners{display:grid;gap:8px;min-width:0}.hero-banner__side-banner{position:relative;isolation:isolate;display:block;min-height:0;overflow:hidden;border-radius:8px;background:#151513;color:#fff}.hero-banner__side-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#000000c2,#00000085 42%,#0000001a);pointer-events:none}.hero-banner__side-banner picture,.hero-banner__side-banner-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hero-banner__side-banner-image{object-fit:cover}.hero-banner__side-banner-content{position:relative;z-index:2;display:flex;min-height:100%;max-width:62%;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px 32px}.hero-banner__side-banner-title{display:block;margin-bottom:10px;color:#fff;font-size:30px;line-height:36px;font-weight:500;letter-spacing:0}.hero-banner__side-banner-text{margin-bottom:22px;color:#fff;font-size:16px;line-height:22px;font-weight:500}.hero-banner__side-banner-text p{color:inherit}.hero-banner__side-banner-button{min-height:42px;padding:9px 26px;border-color:#5e9374;border-radius:999px;background:#5e9374;box-shadow:inset 0 0 0 1px #ffffff2e;color:#fff;font-size:15px;line-height:22px;transition:background .2s ease,border-color .2s ease}.hero-banner__side-banner:hover .hero-banner__side-banner-button{border-color:#fff;background:#4f7f63;color:#fff}.hero-banner__side-banner:focus-visible{outline:2px solid #5E9374;outline-offset:3px}@media screen and (min-width:768px){.hero-banner{aspect-ratio:1920 / 830;overflow:hidden}.hero-banner--with-side-banners{aspect-ratio:auto;overflow:visible}.hero-banner .swiper,.hero-banner__slider-col,.hero-banner .swiper-wrapper,.hero-banner .swiper-slide,.hero-banner__slide{height:100%}.hero-banner .swiper{position:relative;overflow:hidden}.hero-banner .swiper-wrapper{display:flex;flex-direction:row;width:100%}.hero-banner .swiper-slide{flex:0 0 100%;width:100%}.hero-banner__row{position:relative;height:100%}.hero-banner--with-side-banners .hero-banner__content,.hero-banner--with-side-banners .hero-banner__row{display:flex;align-items:flex-end}.hero-banner--with-side-banners .hero-banner__row>div{padding-top:0;padding-bottom:32px}.hero-banner--with-side-banners .hero-banner__row .button{position:static;bottom:auto}.hero-banner__nav{margin-left:auto}}@media screen and (min-width:1280px){.hero-banner--with-side-banners{padding-top:8px}.hero-banner--with-side-banners .hero-banner__slider-col,.hero-banner--with-side-banners .js-hero-banner-slider,.hero-banner--with-side-banners .hero-banner__slide{aspect-ratio:1920 / 955}.hero-banner__layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,32vw,500px);gap:8px;align-items:stretch}.hero-banner--with-side-banners .hero-banner__row .button{bottom:auto}.hero-banner__side-banners{grid-auto-rows:minmax(0,1fr)}}@media screen and (min-width:1280px)and (max-width:1439px){.hero-banner__side-banner-content{max-width:68%;padding:24px 28px}.hero-banner__side-banner-title{font-size:26px;line-height:32px}.hero-banner__side-banner-text{margin-bottom:18px;font-size:15px;line-height:21px}.hero-banner__side-banner-button{min-height:40px;padding:8px 22px}}@media screen and (min-width:1280px){.hero-banner__nav-wrap{bottom:175px}}@media screen and (min-width:768px)and (max-width:1024px){.hero-banner--with-side-banners .custom-video-play{top:calc(68% + 24px)}.hero-banner--with-side-banners .new-products__video-play{width:88px;height:88px;flex-basis:88px}.hero-banner--with-side-banners .new-products__video-play svg{width:66px;height:66px}.hero-banner--with-side-banners .hero-banner__side-banners{margin-top:12px}}@media screen and (max-width:1279px){.hero-banner--with-side-banners{aspect-ratio:auto;padding-top:8px}.hero-banner__layout{display:block}.hero-banner__side-banners{grid-template-columns:1fr;margin-top:8px}.hero-banner__side-banner{min-height:210px;aspect-ratio:16 / 7}}@media screen and (min-width:768px)and (max-width:1279px){.hero-banner__side-banners{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:768px){.hero-banner .swiper{height:750px}.hero-banner__slide{height:100%}}@media screen and (max-width:767px){.hero-banner__side-banner{min-height:188px;aspect-ratio:16 / 8}.hero-banner__side-banner-content{max-width:74%;padding:22px 24px}.hero-banner__side-banner-title{font-size:24px;line-height:30px}.hero-banner__side-banner-text{margin-bottom:16px;font-size:14px;line-height:20px}.hero-banner--with-side-banners .hero-banner__content,.hero-banner--with-side-banners .hero-banner__row{display:flex;align-items:flex-end}.hero-banner--with-side-banners .hero-banner__row>div{padding-top:0;padding-bottom:24px}.hero-banner--with-side-banners .hero-banner__row .button{position:static;top:auto;bottom:auto}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/hero-banner.css.map */