.expandable-split-hero__wrapper{display:flex;gap:var(--hero-gap);height:var(--hero-height)}.expandable-split-hero__slide{position:relative;overflow:hidden;border-radius:var(--esh-border-radius);flex:1;transition:flex var(--hero-transition) cubic-bezier(.22,.61,.36,1),transform var(--hero-transition) cubic-bezier(.22,.61,.36,1)}.expandable-split-hero__slide{flex:1}.expandable-split-hero__slide.is-active{flex:1.8}.expandable-split-hero__slide{transition:flex var(--hero-transition) cubic-bezier(.22,.61,.36,1),transform var(--hero-transition) cubic-bezier(.22,.61,.36,1)}.expandable-split-hero__media{display:block;width:100%;height:100%;text-decoration:none}.expandable-split-hero__image,.expandable-split-hero__placeholder{width:100%;height:100%;object-fit:cover;transition:transform var(--hero-transition) cubic-bezier(.22,.61,.36,1)}.expandable-split-hero__slide:first-child .expandable-split-hero__image,.expandable-split-hero__slide.is-active .expandable-split-hero__image{transform:scale(1.05)}.expandable-split-hero__wrapper:hover .expandable-split-hero__slide .expandable-split-hero__image{transform:scale(1)}.expandable-split-hero__wrapper:hover .expandable-split-hero__slide:hover .expandable-split-hero__image{transform:scale(1.05)}.expandable-split-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:var(--overlay-opacity);transition:opacity var(--hero-transition)}.expandable-split-hero__slide:hover .expandable-split-hero__overlay{opacity:calc(var(--overlay-opacity) + .1)}.expandable_split_hero_content_wrapper{max-width:465px}.expandable-split-hero__subheading{font-size:1.4rem;margin-bottom:1rem;line-height:normal;color:var(--text-color)}.expandable-split-hero__heading{margin:0 0 24px;color:var(--heading-color);line-height:1.2}.expandable-split-hero__button{width:fit-content}.expandable-split-hero__product-card{position:absolute;bottom:7rem;z-index:10;max-width:320px;opacity:0;visibility:hidden;transform:translateY(30px);right:7rem;transition:opacity .45s,transform .45s,visibility .45s}.expandable-split-hero__product-card--left{left:7rem}.expandable-split-hero__product-card--right{right:7rem}.expandable-split-hero__slide:first-child .expandable-split-hero__product-card,.expandable-split-hero__slide.is-active .expandable-split-hero__product-card{opacity:1;visibility:visible;transform:translateY(0)}.expandable-split-hero__wrapper:hover .expandable-split-hero__product-card{opacity:0;visibility:hidden;transform:translateY(30px)}.expandable-split-hero__wrapper:hover .expandable-split-hero__slide:hover .expandable-split-hero__product-card{opacity:1;visibility:visible;transform:translateY(0)}.expandable-split-hero__product-link{display:flex;align-items:center;gap:2.1rem;text-decoration:none;background:color-mix(in srgb,var(--card-bg) var(--card-bg-opacity),transparent);color:var(--card-color);border-radius:var(--esh-border-radius);padding:8px;box-shadow:0 15px 35px #00000026;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.expandable-split-hero__product-image{max-width:90px;max-height:84px;flex-shrink:0;border-radius:var(--esh-border-radius);overflow:hidden;background:var(--card-bg);width:100%;height:100%}.expandable-split-hero__product-img{width:100%;height:100%;object-fit:cover}.expandable-split-hero__product-info{flex:1;min-width:0;display:flex;flex-direction:column;row-gap:.7rem}.expandable-split-hero__product-vendor{font-size:1.2rem;margin:0;line-height:1;font-family:var(--font-nav-family);font-style:var(--font-nav-style);font-weight:var(--font-nav-weight);letter-spacing:0}.expandable-split-hero__product-title{margin:0;font-size:1.4rem;line-height:1.2;font-family:var(--font-nav-family);font-style:var(--font-nav-style);font-weight:var(--font-nav-weight);letter-spacing:0}.expandable-split-hero__price{display:flex;align-items:center;gap:10px;letter-spacing:0}.expandable-split-hero__content{display:flex;flex-direction:column;position:absolute;left:7rem;right:7rem;bottom:0;height:100%;padding-block:7rem}.content-top-left{justify-content:flex-start;align-items:flex-start}.content-top-center{justify-content:flex-start;align-items:center}.content-top-right{justify-content:flex-start;align-items:flex-end}.content-middle-left{justify-content:center;align-items:flex-start}.content-middle-center{justify-content:center;align-items:center}.content-middle-right{justify-content:center;align-items:flex-end}.content-bottom-left{justify-content:flex-end;align-items:flex-start}.text-center{text-align:center}.text-right{text-align:right}.expandable-split-hero__content>*{transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .45s}.expandable-split-hero__slide:not(.is-active) .expandable-split-hero__content>*{transform:translateY(10px)}.expandable-split-hero__slide:hover .expandable-split-hero__content>*,.expandable-split-hero__slide.is-active .expandable-split-hero__content>*{transform:translateY(0)}.expandable-split-hero__slide .product_block_price{color:var(--card-color)}@media screen and (max-width:990px){.expandable-split-hero__wrapper{display:flex!important;height:auto;overflow-x:auto;scroll-snap-type:x mandatory}.expandable-split-hero__content{width:100%;left:0;justify-content:center;padding:2rem}.expandable-split-hero__slide{flex:0 0 80%!important;scroll-snap-align:start}.expandable-split-hero__wrapper:hover .expandable-split-hero__product-card{opacity:1;visibility:visible;transform:none}}@media screen and (max-width:990px){.expandable-split-hero .page-width{padding:0 20px}.expandable-split-hero__wrapper{display:block;height:auto}.expandable-split-hero__slide{height:var(--hero-height-mobile)}.expandable-split-hero__slide,.expandable-split-hero__slide:hover,.expandable-split-hero__slide.is-active{flex:auto}.expandable-split-hero__product-card{opacity:1;visibility:visible;transform:none;left:20px;right:20px;width:auto;bottom:20px}.expandable-split-hero__product-image{width:70px;height:90px}}@media screen and (min-width:990px)and (max-width:1299px){.expandable-split-hero__content{left:2rem;right:2rem}.expandable-split-hero__product-card{right:2rem}.expandable_split_hero_content_wrapper{max-width:50%}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/expandable-split-hero.css.map */