.banner.main-banner{background:var(--banner-background-color);padding-top:var(--banner-padding-top);padding-bottom:var(--banner-padding-bottom)}.banner.main-banner .banner-inner{display:flex;column-gap:var(--banner-column-gap);position:relative}.banner.main-banner .banner-left-aligned.banner-image{flex-direction:row}.banner.main-banner .banner-right-aligned.banner-image{flex-direction:row-reverse}.banner.main-banner .banner-image .banner-content{flex:1 1 60%}.banner.main-banner .banner-image .banner-image{flex:1 1 40%}.banner.main-banner .banner-light-text .banner-content *{color:#fff}.banner .sale-counter{background-color:#e02b20;width:fit-content;padding:5px 8px;margin-bottom:5px}.banner .sale-counter p{font-size:1rem;color:#fff!important;font-weight:700}.banner.main-banner .banner-tp-widget-wrapper{margin-bottom:1rem}.banner.main-banner .banner-content{display:flex;flex-direction:column;justify-content:center}@media screen and (max-width: 767px){.banner.main-banner .banner-image .banner-content,.banner.main-banner .banner-image .banner-image{flex:1 1 100%}.banner.main-banner .banner-left-aligned.banner-image,.banner.main-banner .banner-right-aligned.banner-image{flex-direction:column}.banner .sale-counter{margin-left:auto;margin-right:auto}.banner.main-banner .banner-content{align-items:center;text-align:center}.banner.main-banner .banner-inner{padding:1rem 0}}.banner.main-banner .heading{font-size:2rem}.banner.main-banner .sub-heading{font-size:1.5rem;font-weight:700}.banner.main-banner .banner-inner.banner-center-aligned .banner-content{justify-content:center;text-align:center;position:relative}.banner.main-banner .banner-inner.banner-center-aligned .sale-counter,.banner.main-banner .banner-inner.banner-center-aligned .banner-tp-widget-wrapper{margin-left:auto;margin-right:auto}.banner.main-banner .banner-inner.banner-center-aligned.banner-background .banner-content{z-index:1}.banner.main-banner .banner-background:before{content:"";display:block;height:100%;position:absolute;width:100%;border-radius:8px}.banner.main-banner .banner-inner.banner-background .banner-content{padding:2rem}@media screen and (max-width: 767px){.banner.main-banner .heading{font-size:1.5rem}.banner.main-banner .sub-heading{font-size:1.15rem}.banner.main-banner .banner-content-image{display:none}}@media screen and (min-width: 768px){.banner.main-banner .banner-content-image{position:absolute;max-width:100px;top:50%}}.banner.main-banner .banner-content-image.banner-image-left{left:-10%;transform:rotate(-9.8deg)}.banner.main-banner .banner-content-image.banner-image-right{right:-10%;transform:rotate(12.3deg)}.banner.main-banner .banner-inner.banner-background .m-button{max-width:50%;padding:.75rem;border-radius:100px;width:50%;font-weight:700;border:2px solid #fff}.banner.main-banner .banner-inner.banner-background .m-button.m-button--white:hover{color:#fff!important}.banner.main-banner .banner-inner.banner-background .m-richtext__button{width:100%}@media screen and (max-width: 767px){.banner.main-banner .banner-inner.banner-background .m-button{max-width:100%!important;width:100%!important}.banner.main-banner .banner-inner.banner-background .m-richtext__button{width:50%}.banner.main-banner .banner-center-aligned .banner-tp-widget-wrapper{max-width:80%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main-site-banner.css.map */
