.banner{width:100dvw;height:calc(100dvh - 80px);position:relative}.banner-wrapper{width:100dvw;height:calc(100dvh - 80px);position:absolute}.banner-wrapper.half{width:50dvw}.banner-wrapper.left{left:0}.banner-wrapper.right{right:0}.banner-wrapper img{width:100%;height:100%;object-fit:cover;filter:brightness(40%)}.banner-wrapper.left .banner-content{position:absolute;bottom:20px;left:20px}.banner-wrapper.right .banner-content{position:absolute;bottom:20px;right:20px}.banner-content *{color:#fff}.banner-content h2{font-size:18px;line-height:18px;text-transform:uppercase;font-weight:400;margin:0 0 10px}.banner-content p{font-size:14px;line-height:18px;margin:0;max-width:calc(40dvw - 20px)}.banner-wrapper.left .banner-content p{margin-right:auto}.banner-wrapper.right .banner-content p{margin-left:auto}.banner-wrapper .new-button{margin-top:20px}@media screen and (max-width: 1000px){.banner,.banner-wrapper{min-height:200dvw}.banner-wrapper img{filter:brightness(30%)}.banner-wrapper.half{width:100dvw;height:calc(50dvh - 40px);min-height:100dvw}.banner-wrapper.half.left{top:0}.banner-wrapper.half.right{bottom:0}.banner-wrapper.half .banner-content,.banner-wrapper.left .banner-content,.banner-wrapper.right .banner-content{top:initial;bottom:20px}.banner-content p{max-width:calc(80dvw - 20px)}}@media screen and (max-width: 500px){.banner-content p{max-width:calc(100dvw - 40px)}}.text-banner{padding:40px 20px;text-align:center;width:100dvw;box-shadow:0 2px 4px #1919191a;position:relative;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff}.text-banner__container{max-width:800px;margin:0 auto}.text-banner.light{background-color:#fff;color:#191919;opacity:1}.text-banner.dark{background-color:#191919}.text-banner.dark h2,.text-banner.dark p{color:#fff!important}.text-banner h2{font-size:18px;line-height:18px;text-transform:uppercase;margin:0 0 20px;font-weight:400}.text-banner p{font-size:14px;line-height:18px;text-align:left;width:auto;display:inline-block;margin:0}.text-banner .new-button{margin-top:20px}.text-banner.dark .new-button{border:1px solid #ffffff;color:#fff}.text-banner.dark .new-button:hover{border:1px solid #191919;color:#191919;background-color:#fff}@media screen and (max-width: 749px){.text-banner{min-height:100dvw;padding:20px}.text-banner__container{position:absolute;top:50%;transform:translateY(-50%);width:calc(100dvw - 40px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-image-banner.css.map */