.split-product{display:grid}@media screen and (max-width: 749px){.split-product{grid-template:"info" auto "product" auto / 100%}}@media screen and (min-width: 750px){.split-product{grid-template:"product info" auto / 50% 50%;min-height:50%}.split-product--reverse{grid-template:"info product" auto / 50% 50%;min-height:50%}}.split-product__product{background-color:var(--background);grid-area:product;padding:5rem var(--gutter);position:relative}@media screen and (min-width: 750px) and (max-width: 899px){.split-product__product{padding:3rem var(--gutter)}}@media screen and (min-width: 1440px){.split-product__product{align-self:center;box-sizing:border-box}}.split-product__product a{display:block;position:relative}.split-product__product img{width:100%;height:100%;object-fit:contain}.split-product__badge{position:absolute;width:12%;height:12%;top:3%;right:19%}.split-product__form{display:flex;justify-content:center;margin-top:var(--gap)}.split-product__form .product-form__add-button-text{white-space:nowrap}.split-product__form .product-form__submit-inner{display:flex;gap:6px;align-items:center;justify-content:center}.split-product__form .product-form__submit-inner svg path{fill:currentColor}.split-product__info,.overlay-text__container{box-sizing:border-box;color:var(--white);display:grid;gap:var(--gap);grid-area:info;grid-template-rows:auto 1fr auto;padding:var(--gutter);position:relative}.split-product__info img{height:100%;object-fit:cover}@media screen and (max-width: 749px){.split-product__info,.overlay-text__container{min-height:calc((428/428) * 100vw)}}@media screen and (min-width: 750px) and (max-width: 1399px){.split-product__info,.overlay-text__container{min-height:calc((720/820) * 100%)}}@media (min-width: 1440px){.split-product__info,.overlay-text__container{min-height:50vw}}.split-product__image{position:absolute;left:0;right:0;top:0;z-index:-1}@media screen and (min-width: 1440px){.split-product__image{min-height:calc((720/820) * 100%)}}.split-product__heading{font-size:6.4rem}@media screen and (max-width: 399px){.split-product__heading{font-size:4.6rem}}@media screen and (min-width: 400px) and (max-width: 427px){.split-product__heading{font-size:5.6rem}}@media screen and (min-width: 750px) and (max-width: 899px){.split-product__heading{font-size:5.6rem}}
/*# sourceMappingURL=/cdn/shop/t/276/assets/split-product.css.map */