.fullscreen-media-product{--fullscreen-media-product-width: clamp(280px, 25vw, 420px);--fullscreen-media-runway: 0px;--fullscreen-media-scroll-height: 100dvh;--fullscreen-media-sticky-offset: calc(var(--axiom-header-height, 0px) + 16px);display:block;position:relative;width:100%;min-width:0;min-height:100vh;min-height:var(--fullscreen-media-scroll-height);clip-path:inset(0 -100vw 0 -100vw);isolation:isolate}.fullscreen-media-product__background{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;height:100dvh;min-height:620px;overflow:hidden;pointer-events:none}.fullscreen-media-product__media{position:absolute;top:0;right:0;bottom:0;left:0}.fullscreen-media-product__media{overflow:hidden}.fullscreen-media-product__media.media-frame,.fullscreen-media-product__media>picture,.fullscreen-media-product__media>theme-video,.fullscreen-media-product__media .media-frame__media,.fullscreen-media-product__media>theme-video>video,.fullscreen-media-product__media>theme-video>iframe{width:100%;height:100%}.fullscreen-media-product__media .media-frame__media{object-fit:cover}.fullscreen-media-product__media-visual,.fullscreen-media-product__media-visual theme-video,.fullscreen-media-product__media-visual theme-video>video,.fullscreen-media-product__media-visual>img,.fullscreen-media-product__media-visual>svg{width:100%;height:100%}.fullscreen-media-product__media-visual{display:block}.fullscreen-media-product__media-visual theme-video{position:relative}.fullscreen-media-product__media-visual theme-video>video,.fullscreen-media-product__media-visual>img,.fullscreen-media-product__media-visual>svg{display:block;object-fit:cover}.fullscreen-media-product__media-visual theme-video>video{position:absolute;top:0;right:0;bottom:0;left:0}.fullscreen-media-product__foreground{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:100vh var(--fullscreen-media-runway);grid-template-rows:100dvh var(--fullscreen-media-runway);column-gap:var(--layout-page-column-gap);width:100%;min-width:0;min-height:100vh;min-height:var(--fullscreen-media-scroll-height);padding-inline:var(--page-gutter)}.fullscreen-media-product__content-slot{grid-column:1;grid-row:1;width:100%;min-width:0;justify-self:start;align-self:start;color:var(--fg);height:fit-content}.fullscreen-media-product__content,.fullscreen-media-product__content>*{width:100%;min-width:0;max-width:100%}.fullscreen-media-product__content{text-align:var(--theme-content-align-desktop, left)}.fullscreen-media-product__content>*{margin-inline:var(--image-with-text-block-image-margin-inline, 0 auto)}.fullscreen-media-product__content>.image-with-text-block-image{width:min(var(--image-with-text-block-image-width, 200px),100%)}.fullscreen-media-product--content-position-top_center .fullscreen-media-product__content-slot{margin-block-start:clamp(48px,8dvh,96px)}.fullscreen-media-product--content-position-center .fullscreen-media-product__content-slot{align-self:center}.fullscreen-media-product--content-position-bottom_center .fullscreen-media-product__content-slot{align-self:end;margin-block-end:clamp(48px,8dvh,96px)}.fullscreen-media-product--swapped .fullscreen-media-product__content-slot{grid-column:2;justify-self:end}.fullscreen-media-product--sticky-content.fullscreen-media-product--content-position-top_center .fullscreen-media-product__content-slot{position:sticky;top:var(--fullscreen-media-sticky-offset)}.fullscreen-media-product--sticky-content.fullscreen-media-product--content-position-center .fullscreen-media-product__content-slot{position:sticky;top:50dvh;transform:translateY(-50%)}.fullscreen-media-product--sticky-content.fullscreen-media-product--content-position-bottom_center .fullscreen-media-product__content-slot{position:sticky;bottom:16px}body.theme-keyboard-navigation .fullscreen-media-product--sticky-content .fullscreen-media-product__content-slot{position:relative;inset-block:auto;transform:none}.fullscreen-media-product__product-panel{position:absolute;inset-inline-end:var(--page-gutter);bottom:calc(var(--fullscreen-media-runway) + clamp(32px,5dvh,64px));width:min(100%,var(--fullscreen-media-product-width));padding:clamp(14px,1.5vw,22px);background:var(--bg);color:var(--fg)}.fullscreen-media-product--swapped .fullscreen-media-product__product-panel{inset-inline-start:var(--page-gutter);inset-inline-end:auto}.fullscreen-media-product__product-card,.fullscreen-media-product__product-card .product-card{min-width:0}.fullscreen-media-product__product-card .product-card-image{margin-block-end:14px}@media screen and (max-width:989px){.fullscreen-media-product__content{text-align:var(--theme-content-align-mobile, left)}.fullscreen-media-product__content>*{margin-inline:var(--image-with-text-block-image-margin-inline-mobile, 0 auto)}.fullscreen-media-product{--fullscreen-media-product-width: clamp(190px, 52vw, 280px);--fullscreen-media-runway: 0px;--fullscreen-media-scroll-height: 70svh;display:grid;grid-template-columns:minmax(0,1fr);min-height:var(--fullscreen-media-scroll-height);clip-path:inset(0)}.fullscreen-media-product[data-scroll-effect=sticky] .fullscreen-media-product__background{height:100svh;min-height:0}.fullscreen-media-product__foreground{grid-area:1 / 1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:clamp(20px,4svh,36px);min-height:var(--fullscreen-media-scroll-height);padding-inline:var(--page-gutter)}.fullscreen-media-product__content-slot,.fullscreen-media-product--swapped .fullscreen-media-product__content-slot{grid-column:1;grid-row:auto;align-self:auto;margin-block:0}.fullscreen-media-product--mobile-content-position-top_center .fullscreen-media-product__foreground{align-content:start;padding-block:clamp(32px,6svh,56px)}.fullscreen-media-product--mobile-content-position-center .fullscreen-media-product__foreground{align-content:center;padding-block:clamp(24px,4svh,40px)}.fullscreen-media-product--mobile-content-position-bottom_center .fullscreen-media-product__foreground{align-content:end;padding-block:clamp(32px,6svh,56px)}.fullscreen-media-product.fullscreen-media-product--sticky-content .fullscreen-media-product__content-slot{position:relative;inset-block:auto;transform:none}.fullscreen-media-product__product-panel{position:relative;inset:auto;grid-column:1;grid-row:auto;justify-self:end;width:min(100%,var(--fullscreen-media-product-width));padding:12px}.fullscreen-media-product--swapped .fullscreen-media-product__product-panel{inset:auto;justify-self:start}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-fullscreen-media-product.css.map */