.product-reels{--reels-height: 100dvh;position:relative;width:100%;background:#000;color:#fff}.product-reels--compact{border-radius:8px;overflow:hidden}.product-reels__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#111}.product-reels__heading{margin:0;font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.product-reels__view-all{font-size:.875rem;font-weight:600;color:#fff;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.product-reels__viewport{height:var(--reels-height);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media screen and (max-width:749px){.product-reels--mobile-embed .product-reels__viewport{overscroll-behavior-y:auto}.product-reels--compact[data-mobile-tap-expand=true] .product-reel-slide__link{pointer-events:none}.product-reels--compact[data-mobile-tap-expand=true] .product-reel-slide{cursor:pointer}}.product-reels--full .product-reels__viewport{height:var(--reels-height)}.product-reels__track{display:flex;flex-direction:column}.product-reel-slide{position:relative;flex:0 0 var(--reels-height);height:var(--reels-height);min-height:var(--reels-height);scroll-snap-align:start;scroll-snap-stop:always;background:#111;overflow:hidden}.product-reel-slide__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.product-reel-slide__video,.product-reel-slide__image{width:100%;height:100%;object-fit:cover;display:block;background:#1a1a1a}.product-reel-slide__play-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:50%;pointer-events:none}.product-reel-slide__play-hint svg{width:1.5rem;height:1.5rem;color:#fff}.product-reel-slide__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;background:linear-gradient(to top,rgb(0 0 0 / 75%) 0%,rgb(0 0 0 / 25%) 35%,transparent 60%)}.product-reel-slide__info{padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom,0px));pointer-events:auto}.product-reel-slide__title{margin:0 0 .35rem;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-reel-slide__price{margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.product-reel-slide__price .price{color:#fff}.product-reel-slide__info{position:relative;z-index:3}.product-reel-slide__cta{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding-inline:1.5rem;background:#fff!important;color:#000!important;border-color:#fff!important;text-transform:uppercase;font-weight:700;font-size:.8125rem;letter-spacing:.05em}.product-reel-slide__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.product-reels__loader{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:5;padding:.5rem 1rem;background:#000000a6;border-radius:999px;font-size:.75rem;color:#fff}.product-reels__loader[hidden]{display:none}.product-reels__empty{padding:3rem 1.5rem;text-align:center;color:var(--color-foreground);background:var(--color-background)}.template-page-reels .product-reels--full{--reels-height: calc(100dvh - var(--header-height, 0px))}@media screen and (min-width:750px){.product-reels--full:not(.product-reels--desktop-grid-wide) .product-reels__viewport{max-width:430px;margin-inline:auto;border-inline:1px solid rgb(255 255 255 / 10%)}.product-reels--desktop-grid-wide[data-desktop-layout=grid] .product-reels__viewport{height:auto;max-height:none;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch}.product-reels--desktop-grid-wide[data-desktop-layout=grid].product-reels--compact .product-reels__viewport{max-height:min(88vh,920px)}.template-page-reels .product-reels--full.product-reels--desktop-grid-wide[data-desktop-layout=grid] .product-reels__viewport{max-height:calc(100dvh - var(--header-group-height, var(--header-height, 72px)))}.product-reels--desktop-grid-wide[data-desktop-layout=grid] .product-reels__track{display:grid;grid-template-columns:repeat(var(--reel-desktop-cols, 3),minmax(0,1fr));gap:var(--reel-desktop-gap, 16px);padding:1rem 1.25rem 1.5rem}.product-reels--desktop-grid-wide[data-desktop-layout=grid] .product-reel-slide{flex:none;width:100%;height:auto;min-height:0;scroll-snap-align:none;scroll-snap-stop:normal;aspect-ratio:9 / 16;max-height:min(var(--reel-desktop-card-max-h, 520px),72vh);border-radius:8px}.product-reels--desktop-grid-wide[data-desktop-layout=grid] .product-reels__loader{position:relative;bottom:auto;left:auto;transform:none;margin:.5rem auto 1rem;text-align:center;display:inline-block}.product-reels--desktop-grid-wide[data-desktop-layout=grid] product-reels-feed:focus-within .product-reels__viewport,.product-reels--desktop-grid-wide[data-desktop-layout=grid] .product-reels__viewport{overscroll-behavior-y:auto}}.reels-mobile-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;background:#000;color:#fff}.reels-mobile-viewer[hidden]{display:none!important}.reels-mobile-viewer__close{position:absolute;top:calc(.75rem + env(safe-area-inset-top,0px));right:calc(.75rem + env(safe-area-inset-right,0px));z-index:2;width:2.75rem;height:2.75rem;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.reels-mobile-viewer__close:hover{background:#000000bf}.reels-mobile-viewer__close:focus-visible{outline:2px solid #fff;outline-offset:2px}.reels-mobile-viewer__viewport{height:100dvh;height:100svh;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.reels-mobile-viewer__track{display:flex;flex-direction:column}.reels-mobile-viewer .product-reel-slide{flex:0 0 100dvh;flex:0 0 100svh;height:100dvh;height:100svh;min-height:100dvh;min-height:100svh;scroll-snap-align:start;scroll-snap-stop:always}body.reels-mobile-viewer--open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/16/assets/product-reels.css.map */