.featured-product-video-grid{background-color:var(--fpv-bg-color, #f4f4f2);padding-top:var(--fpv-padding-top, 60px);padding-bottom:var(--fpv-padding-bottom, 60px);overflow-x:clip}.fpv-container{max-width:1200px;margin:0 auto;padding-left:var(--fpv-content-padding-h, 20px);padding-right:var(--fpv-content-padding-h, 20px)}.fpv-section-heading{text-align:center;margin:0 0 var(--fpv-heading-gap, 32px);font-size:1.8rem;letter-spacing:.02em}.fpv-grid-trigger{display:flex;flex-direction:column;width:100%;height:100%;border:none;background:none;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:left}.fpv-grid-item-media{position:relative;display:block;overflow:hidden;border-radius:var(--fpv-radius, 12px);background:#111;width:100%;height:100%;transition:transform var(--fpv-duration, .6s) ease-in-out,box-shadow var(--fpv-duration, .6s) ease-in-out}.fpv-video-el{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--fpv-duration, .6s) ease-in-out,filter var(--fpv-duration, .6s) ease-in-out}.fpv-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px;color:#fff;background:#333;font-size:.9rem;text-align:center;padding:16px}.fpv-item-title{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 16px;font-size:1.05rem;font-weight:600;text-align:center;color:var(--fpv-caption-color, #fff);opacity:0;background:linear-gradient(to top,#00000073,#0000);transition:opacity var(--fpv-duration, .6s) ease-in-out;pointer-events:none}.fpv-play-icon{position:absolute;top:50%;left:50%;width:var(--fpv-play-btn-size, 48px);height:var(--fpv-play-btn-size, 48px);transform:translate(-50%,-50%) scale(1);border-radius:50%;background:var(--fpv-play-btn-color, #ffffff);opacity:var(--fpv-play-btn-opacity, .9);color:#111;display:flex;align-items:center;justify-content:center;transition:transform var(--fpv-duration, .6s) ease-in-out,opacity var(--fpv-duration, .6s) ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fpv-play-icon svg{width:46%;height:46%}.fpv-grid-caption{margin-top:10px;font-size:.9rem;opacity:.8}.featured-product-video-grid[data-layout-style=grid] .fpv-grid{display:grid;grid-template-columns:repeat(var(--fpv-columns-desktop, 3),1fr);gap:var(--fpv-grid-gap, 20px);max-width:1200px;margin:0 auto;padding-left:var(--fpv-content-padding-h, 20px);padding-right:var(--fpv-content-padding-h, 20px)}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item{display:block}.featured-product-video-grid[data-layout-style=grid][data-orientation-desktop=horizontal] .fpv-grid-item-media{aspect-ratio:16 / 9}.featured-product-video-grid[data-layout-style=grid][data-orientation-desktop=vertical] .fpv-grid-item-media{aspect-ratio:9 / 16}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-trigger:hover .fpv-grid-item-media{transform:scale(1.02)}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-trigger:hover .fpv-video-el{filter:brightness(.9)}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-trigger:hover .fpv-play-icon{transform:translate(-50%,-50%) scale(1.15)}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-trigger:hover .fpv-item-title{opacity:var(--fpv-caption-opacity, .7)}@keyframes fpv-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes fpv-kenburns{0%{transform:scale(1) translate(0)}50%{transform:scale(1.08) translate(-1%,1%)}to{transform:scale(1) translate(0)}}.featured-product-video-grid[data-layout-style=grid][data-idle-animation=breathe] .fpv-grid-item-media{animation:fpv-breathe var(--fpv-idle-duration, 4s) ease-in-out infinite}.featured-product-video-grid[data-layout-style=grid][data-idle-animation=kenburns] .fpv-video-el{animation:fpv-kenburns var(--fpv-idle-duration, 4s) ease-in-out infinite}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(2) .fpv-grid-item-media,.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(2) .fpv-video-el{animation-delay:.35s}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(3) .fpv-grid-item-media,.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(3) .fpv-video-el{animation-delay:.7s}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(4) .fpv-grid-item-media,.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(4) .fpv-video-el{animation-delay:1.05s}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(5) .fpv-grid-item-media,.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(5) .fpv-video-el{animation-delay:1.4s}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(6) .fpv-grid-item-media,.featured-product-video-grid[data-layout-style=grid] .fpv-grid-item:nth-child(6) .fpv-video-el{animation-delay:1.75s}.featured-product-video-grid[data-layout-style=grid] .fpv-grid-trigger:hover .fpv-grid-item-media,.featured-product-video-grid[data-layout-style=grid] .fpv-grid-trigger:hover .fpv-video-el{animation-play-state:paused}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid{position:relative;height:var(--fpv-stage-height, 420px);width:100vw;left:50%;transform:translate(-50%);overflow:hidden;user-select:none;-webkit-user-select:none}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid:active{cursor:grabbing}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item{position:absolute;top:50%;left:50%;width:var(--fpv-slot-width, 30%);transform:translate(-50%,-50%) scale(.85);opacity:0;transition:left var(--fpv-duration, .6s) ease-in-out,transform var(--fpv-duration, .6s) ease-in-out,opacity var(--fpv-duration, .6s) ease-in-out,filter var(--fpv-duration, .6s) ease-in-out}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item[data-role=center]{left:50%;transform:translate(-50%,-50%) scale(var(--fpv-center-scale, 1.3));opacity:1;z-index:3;filter:brightness(1)}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item[data-role=center] .fpv-grid-item-media{box-shadow:0 var(--fpv-shadow-offset-y, 24px) var(--fpv-shadow-blur, 60px) var(--fpv-shadow-color, rgba(0, 0, 0, .35))}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item[data-role=center] .fpv-item-title{opacity:var(--fpv-caption-opacity, .7)}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item[data-role=left]{left:var(--fpv-edge-offset, 4%);transform:translate(-50%,-50%) scale(1);opacity:var(--fpv-side-opacity, .55);z-index:2;filter:brightness(.8)}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item[data-role=right]{left:calc(100% - var(--fpv-edge-offset, 4%));transform:translate(-50%,-50%) scale(1);opacity:var(--fpv-side-opacity, .55);z-index:2;filter:brightness(.8)}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item[data-role=hidden-left]{left:-14%;transform:translate(-50%,-50%) scale(.6);opacity:0;z-index:1;pointer-events:none}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item[data-role=hidden-right]{left:114%;transform:translate(-50%,-50%) scale(.6);opacity:0;z-index:1;pointer-events:none}.featured-product-video-grid[data-layout-style=carousel][data-orientation-desktop=horizontal] .fpv-grid-item-media{aspect-ratio:16 / 9}.featured-product-video-grid[data-layout-style=carousel][data-orientation-desktop=vertical] .fpv-grid-item-media{aspect-ratio:9 / 16}.featured-product-video-grid[data-orientation-desktop=vertical] .fpv-video-el,.featured-product-video-grid[data-orientation-desktop=vertical] .fpv-poster-img{object-fit:contain;background:#000}.fpv-zoom-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483647!important;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:opacity var(--fpv-duration, .6s) ease-in-out,visibility var(--fpv-duration, .6s) ease-in-out}.fpv-zoom-overlay.is-open{opacity:1;visibility:visible}.fpv-zoom-backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:var(--fpv-zoom-backdrop-color, #0a0a0a)!important;opacity:var(--fpv-zoom-backdrop-opacity, .96)!important}.fpv-zoom-inner{position:relative;z-index:1;display:flex;align-items:center;gap:32px;max-width:1100px;width:100%;max-height:92vh;overflow-y:auto;transform:scale(.85);opacity:0;transition:transform var(--fpv-duration, .6s) ease-in-out,opacity var(--fpv-duration, .6s) ease-in-out}.fpv-zoom-overlay.is-open .fpv-zoom-inner{transform:scale(1);opacity:1}.fpv-zoom-media{position:relative;flex:0 0 auto;border-radius:var(--fpv-radius, 12px);overflow:hidden;background:#000}.fpv-zoom-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.fpv-zoom-text{flex:1 1 260px;color:#fff;opacity:0;transform:translateY(16px);transition:opacity var(--fpv-duration, .6s) ease-in-out,transform var(--fpv-duration, .6s) ease-in-out;transition-delay:0ms}.fpv-zoom-overlay.is-open .fpv-zoom-text{opacity:1;transform:translateY(0);transition-delay:calc(var(--fpv-duration, .6s) / 3)}.fpv-zoom-title{font-size:1.4rem;margin:0 0 12px}.fpv-zoom-description{font-size:.95rem;line-height:1.6;opacity:.9}.fpv-zoom-cta{display:inline-block;margin-top:20px;padding:12px 28px;border:1px solid #fff;border-radius:999px;color:#fff;text-decoration:none;transition:background var(--fpv-duration, .6s) ease-in-out,color var(--fpv-duration, .6s) ease-in-out}.fpv-zoom-cta:hover{background:#fff;color:#111}.fpv-close-btn{position:absolute;top:10px;right:10px;width:40px;height:40px;border:none;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background var(--fpv-duration, .6s) ease-in-out,transform var(--fpv-duration, .6s) ease-in-out}.fpv-close-btn:hover{background:#ffffff40;transform:rotate(90deg)}.fpv-close-btn svg{width:18px;height:18px}.fpv-zoom-overlay[data-orientation-desktop=horizontal] .fpv-zoom-media{width:100%;aspect-ratio:16 / 9;max-height:var(--fpv-zoom-max-height-desktop, 70vh)}.fpv-zoom-overlay[data-orientation-desktop=vertical] .fpv-zoom-media{height:var(--fpv-zoom-max-height-desktop, 70vh);aspect-ratio:9 / 16;max-width:45vw}.fpv-zoom-overlay[data-orientation-desktop=vertical] .fpv-zoom-video{object-fit:contain}.fpv-zoom-overlay[data-orientation-desktop=vertical] .fpv-zoom-inner{flex-direction:row}.fpv-zoom-overlay[data-orientation-desktop=horizontal] .fpv-zoom-inner{flex-direction:column}body.fpv-lock-scroll{overflow:hidden}@media(max-width:749px){.fpv-container{padding-left:var(--fpv-content-padding-h, 16px);padding-right:var(--fpv-content-padding-h, 16px)}.fpv-section-heading{font-size:1.4rem}.featured-product-video-grid[data-layout-style=grid] .fpv-grid{grid-template-columns:repeat(var(--fpv-columns-mobile, 1),1fr);padding-left:var(--fpv-content-padding-h, 16px);padding-right:var(--fpv-content-padding-h, 16px)}.featured-product-video-grid[data-layout-style=grid][data-orientation-mobile=horizontal] .fpv-grid-item-media{aspect-ratio:16 / 9}.featured-product-video-grid[data-layout-style=grid][data-orientation-mobile=vertical] .fpv-grid-item-media{aspect-ratio:9 / 16}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid{height:var(--fpv-stage-height-mobile, 320px)}.featured-product-video-grid[data-layout-style=carousel] .fpv-grid-item{width:calc(var(--fpv-slot-width, 30%) * 1.3)}.featured-product-video-grid[data-layout-style=carousel][data-orientation-mobile=horizontal] .fpv-grid-item-media{aspect-ratio:16 / 9}.featured-product-video-grid[data-layout-style=carousel][data-orientation-mobile=vertical] .fpv-grid-item-media{aspect-ratio:9 / 16}.featured-product-video-grid[data-orientation-mobile=vertical] .fpv-video-el,.featured-product-video-grid[data-orientation-mobile=vertical] .fpv-poster-img{object-fit:contain;background:#000}.fpv-play-icon{width:calc(var(--fpv-play-btn-size, 48px) * .85);height:calc(var(--fpv-play-btn-size, 48px) * .85)}.fpv-item-title{font-size:.9rem;padding:20px 12px 12px}.fpv-zoom-overlay{padding:16px}.fpv-zoom-inner{flex-direction:column!important;max-height:92vh;overflow-y:auto;gap:20px}.fpv-zoom-overlay[data-orientation-mobile=horizontal] .fpv-zoom-media{width:100%;aspect-ratio:16 / 9;max-height:var(--fpv-zoom-max-height-mobile, 55vh)}.fpv-zoom-overlay[data-orientation-mobile=vertical] .fpv-zoom-media{width:100%;height:auto;max-width:100%;aspect-ratio:9 / 16;max-height:var(--fpv-zoom-max-height-mobile, 55vh)}.fpv-zoom-overlay[data-orientation-mobile=vertical] .fpv-zoom-video{object-fit:contain}.fpv-zoom-text{flex:none}}@media(prefers-reduced-motion:reduce){.fpv-grid-item-media,.fpv-video-el,.fpv-play-icon,.fpv-grid-item,.fpv-item-title,.fpv-zoom-overlay,.fpv-zoom-inner,.fpv-zoom-text,.fpv-close-btn{animation:none!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/featured-product-video.css.map */