.productHeroBanner{position:relative;max-width:var(--big-page-width);height:755px;margin:0 auto 80px;overflow:hidden}@media all and (min-width:641px)and (max-width:1800px){.productHeroBanner{margin:0 20px}}@media all and (max-width:1366px){.productHeroBanner{height:655px}}@media all and (max-width:1024px){.productHeroBanner{height:555px}}@media all and (max-width:800px){.productHeroBanner{height:455px}}.productHeroBanner:after{content:"";position:absolute;bottom:-90px;left:-5%;width:110%;height:180px;border-radius:100%;background-color:#fff;z-index:10;pointer-events:none}@media all and (max-width:640px){.productHeroBanner:after{bottom:-45px;left:-5%;width:110%;height:90px}}.productHeroBanner .tagline{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10}@media all and (max-width:800px){.productHeroBanner .tagline{display:none}}.productHeroBanner .tagline span{color:#fff;font-size:17px;line-height:26px;letter-spacing:10.2px;text-transform:uppercase;pointer-events:none;transform:rotate(-90deg) translate(-50%,80px);transform-origin:top left;display:block}.productHeroBanner .tagline._right{left:auto;right:0}.productHeroBanner .tagline._right span{transform:rotate(90deg) translate(50%,80px);transform-origin:top right}.productHeroBanner .productWrapper{position:relative;height:100%;z-index:20;display:flex;align-items:flex-end;justify-content:center}.productHeroBanner .productBox{max-width:350px;margin:0 auto}@media all and (max-width:1366px){.productHeroBanner .productBox{max-width:300px}}@media all and (max-width:800px){.productHeroBanner .productBox{max-width:220px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-product-hero-banner.scss.css.map */