.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__slide{position:relative;overflow:hidden}.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__row{width:100%}.hero-banner__title{color:#fff;margin-bottom:14px}.hero-banner__text{margin-bottom:40px}.hero-banner__text p{color:#fff}.hero-banner__nav-wrap{position:absolute;bottom:132px;z-index:2;width:100%;pointer-events:none}.hero-banner__nav{display:flex;gap:8px;width:fit-content;pointer-events:auto}.hero-banner__nav .slider-arrow{display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:opacity .2s ease,transform .2s ease}.hero-banner__nav .slider-arrow:hover{background:transparent;opacity:.86}.hero-banner__nav .slider-arrow svg{width:34px;height:34px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.62)) drop-shadow(0 0 1px rgba(0,0,0,.72))}.hero-banner__nav .slider-arrow svg path{stroke:#fff;stroke-width:3px}.hero-banner__pagination{display:none}.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}.hero-banner__side-video{position:relative;isolation:isolate;display:block;min-height:0;overflow:hidden;border-radius:8px;background:#fff}.hero-banner__side-video-picture,.hero-banner__side-video-poster,.hero-banner__side-video-element{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.hero-banner__side-video-poster,.hero-banner__side-video-element,.hero-banner__side-video .hero-banner__side-video-poster,.hero-banner__side-video .hero-banner__side-video-element{object-fit:contain;object-position:center}.hero-banner__side-video.custom-video-wrapper{background:#fff;cursor:default}.hero-banner__side-video--has-src{cursor:pointer}.custom-video-wrapper.has-video .hero-banner__side-video-picture{display:none}@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--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__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{width:100%;max-width:1121px;aspect-ratio:1121 / 485}.hero-banner--with-side-banners .hero-banner__layout.container{max-width:1760px;padding-left:0;padding-right:0}.hero-banner--with-side-banners .hero-banner__layout{display:grid;grid-template-columns:minmax(0,1121fr) minmax(0,630fr);gap:9px;align-items:stretch}.hero-banner__side-banners{grid-auto-rows:minmax(0,1fr)}.hero-banner--with-side-video .hero-banner__side-video{height:100%}.hero-banner--with-side-banners .hero-banner__nav-wrap{top:50%;bottom:auto;transform:translateY(-50%)}}@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 (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--with-side-video .hero-banner__side-video{min-height:260px;margin-top:8px;aspect-ratio:630 / 452}.hero-banner__side-banner{min-height:210px;aspect-ratio:16 / 7}}@media screen and (min-width:1025px)and (max-width:1279px){.hero-banner__side-banners{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:768px)and (max-width:1024px){.hero-banner--with-side-banners .custom-video-play{top:calc(68% + 24px)!important}.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{grid-template-columns:1fr;gap:10px;margin-top:12px}.hero-banner--with-side-banners .hero-banner__side-banner{min-height:190px;aspect-ratio:16 / 5}}@media screen and (max-width:767px){.hero-banner--with-side-banners{padding-top:0;overflow:visible}.hero-banner--with-side-banners .hero-banner__layout.container{padding-right:0}.hero-banner--with-side-banners .hero-banner__slider-col{height:auto;overflow:visible;border-radius:0}.hero-banner--with-side-banners .js-hero-banner-slider{height:auto;padding-bottom:26px;overflow:hidden}.hero-banner--with-side-banners .swiper-wrapper{height:auto}.hero-banner--with-side-banners .swiper:not(.swiper-initialized) .swiper-wrapper{width:auto;gap:10px}.hero-banner--with-side-banners .swiper-slide{height:auto;flex-shrink:0}.hero-banner--with-side-banners .swiper-initialized .swiper-slide{flex:0 0 auto}.hero-banner--with-side-banners .swiper:not(.swiper-initialized) .swiper-slide{flex:0 0 calc(100% - 52px);width:calc(100% - 52px)}.hero-banner--with-side-banners .hero-banner__slide{height:auto;aspect-ratio:16 / 8.4;border-radius:8px}.hero-banner--with-side-banners .hero-banner__image,.hero-banner--with-side-banners .video-poster,.hero-banner--with-side-banners .custom-video{width:100%;height:100%}.hero-banner--with-side-banners .hero-banner__nav-wrap{display:none}.hero-banner__nav .slider-arrow svg{width:28px;height:28px}.hero-banner--with-side-banners .hero-banner__pagination{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:16px;pointer-events:auto}.hero-banner--with-side-banners .hero-banner__pagination .swiper-pagination-bullet{display:block;width:7px;height:7px;margin:0;border-radius:999px;background:#d8dedb;opacity:1;transition:width .2s ease,background .2s ease}.hero-banner--with-side-banners .hero-banner__pagination .swiper-pagination-bullet-active{width:28px;background:#5e9374}.hero-banner--with-side-banners .hero-banner__side-banners,.hero-banner--with-side-video .hero-banner__side-video,.hero-banner--with-side-banners .hero-banner__content,.hero-banner--with-side-banners .custom-volume{display:none}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/hero-banner.css.map */