.section-hero-banner-split{margin:0 0 120px}.section-hero-banner-split .content{display:grid;gap:20px}.section-hero-banner-split .content .image-right{display:none}.section-hero-banner-split .content .image-left{display:block;position:relative;width:100%;max-width:calc(100vw - 30px)}.section-hero-banner-split .content .image-left.swiper .navigation{bottom:10px}.section-hero-banner-split .content .image-left .image-container{padding-bottom:80%}.section-hero-banner-split .content .image-left .image-container img{position:absolute}.section-hero-banner-split .content .image-left .button{top:calc(100% + 10px);position:absolute;z-index:1;width:100%}.section-hero-banner-split .content .image-left .product-images{position:absolute;left:10px;top:10px;bottom:10px;width:calc(100% - 20px);display:flex;flex-direction:row;justify-content:center;align-items:center}.section-hero-banner-split .content .image-left .product-images .product-image{max-height:60%;object-fit:contain}.section-hero-banner-split .swiper{overflow:visible}.section-hero-banner-split .swiper .navigation{position:absolute;bottom:-30px;left:10px;background:#fff;border:1px solid #000;border-radius:20px;display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;z-index:1;padding:0 6px}.section-hero-banner-split .swiper .navigation svg{width:18px;height:18px}.section-hero-banner-split .swiper .navigation .swiper-pagination-fraction{width:auto}.section-hero-banner-split .swiper .navigation .swiper-pagination-fraction .swiper-pagination-total,.section-hero-banner-split .swiper .navigation .swiper-pagination-fraction .swiper-pagination-current{font-family:Messina Sans Mono Web,monospace;font-weight:500;line-height:142.5%;letter-spacing:-.36px}.section-hero-banner-split .swiper .navigation .button-prev{transform:rotate(180deg)}@media only screen and (min-width:768px){.section-hero-banner{margin:0 0 80px}.section-hero-banner .content{grid-template-columns:1fr 33%}.section-hero-banner .content *[onclick]{cursor:pointer}.section-hero-banner .content .image-right{display:block;position:relative;width:100%;top:0;max-width:calc(100vw - 30px)}.section-hero-banner .content .image-right .product-image{position:absolute;left:50%;bottom:71px;max-width:calc(100% - 48px);transform:translate(-50%)}.section-hero-banner .content .image-left{position:relative}.section-hero-banner .content .image-left .image-container{padding-bottom:67%}.section-hero-banner .content .image-left .button{top:auto;bottom:20px;left:20px;max-width:calc(100% - 40px);width:auto}.section-hero-banner .content .image-left .button.contained{max-width:calc(100% - 180px)}.section-hero-banner .content .image-left .product-images{left:20px;top:20px;bottom:20px;width:calc(100% - 40px)}.section-hero-banner .content .image-left.swiper .navigation{bottom:20px}.section-hero-banner .content .image .image-container{padding-bottom:43.9%}.section-hero-banner .content .image .product-images{justify-content:flex-start}.section-hero-banner .content .image .product-images .product-image{max-height:80%}.section-hero-banner .swiper{overflow:hidden}.section-hero-banner .swiper .navigation{left:auto;right:20px;bottom:20px;padding:0 16px;height:44px;border-radius:44px}.section-hero-banner .swiper .navigation svg{width:24px;height:24px}.section-hero-banner .swiper .navigation .swiper-pagination-fraction{font-size:14px}.section-hero-banner .swiper .navigation .button-prev,.section-hero-banner .swiper .navigation .button-next{cursor:pointer}.section-hero-banner .swiper .navigation .button-prev:hover svg path,.section-hero-banner .swiper .navigation .button-next:hover svg path{fill:#ff6b18}}
/*# sourceMappingURL=/cdn/shop/t/229/assets/section-hero-banner-split.css.map */
