.video-gallery{padding-top:var(--section-padding-top, 36px);padding-bottom:var(--section-padding-bottom, 36px)}.video-gallery .title-wrapper-with-link{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:3rem;text-align:center}.video-gallery .title-wrapper-with-link .title{margin-right:2rem}.video-gallery__refresh-button{background:var(--refresh-bg-color, #ffffff);border:1px solid rgba(0,0,0,.1);border-radius:50%;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--refresh-text-color, #000000);box-shadow:0 2px 8px #0000001a;position:absolute;right:0;top:50%;transform:translateY(-50%);overflow:hidden}.video-gallery__refresh-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--refresh-hover-bg, #f5f5f5);opacity:0;transition:opacity .3s ease;border-radius:50%}.video-gallery__refresh-button:hover:before{opacity:1}.video-gallery__refresh-button:hover{transform:rotate(180deg);box-shadow:0 4px 12px #00000026}.video-gallery__refresh-button svg{position:relative;z-index:1}.video-gallery__container{position:relative}.video-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.video-gallery__item{position:relative;background:rgb(var(--color-background));border-radius:1rem;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video-gallery__item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.video-gallery__video-wrapper{position:relative;width:100%}.video-gallery__video{aspect-ratio:var(--video-aspect-ratio, 16/9);object-fit:cover;width:100%;height:auto;display:block;border-radius:1rem 1rem 0 0}.video-gallery__video-wrapper{aspect-ratio:var(--video-aspect-ratio, 16/9);width:100%}.video-gallery__video-wrapper iframe.video-gallery__video{width:100%;height:100%;border:none;border-radius:1rem 1rem 0 0}.video-gallery__grid[style*="9/16"] .video-gallery__item,.video-gallery__grid[style*="3/4"] .video-gallery__item{display:flex;justify-content:center}.video-gallery__grid[style*="9/16"] .video-gallery__video-wrapper,.video-gallery__grid[style*="3/4"] .video-gallery__video-wrapper{max-width:400px}.video-gallery__video-wrapper iframe.video-gallery__video{position:absolute;top:0;left:0;width:100%;height:100%}.video-gallery__video-wrapper:has(iframe){position:relative}.video-gallery__placeholder{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05);color:rgba(var(--color-foreground),.5);text-align:center;padding:2rem}.video-gallery__placeholder p{margin:1rem 0 0;font-size:1.4rem}.video-gallery__video-title{font-size:1.6rem;font-weight:600;margin:0 0 .5rem;color:rgb(var(--color-foreground))}.video-gallery__video-description{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.5}.video-gallery__floating-button{position:absolute;bottom:8rem;right:1.5rem;z-index:2}.video-gallery__product-button{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;background:#000c;color:#fff;text-decoration:none;border-radius:2.5rem;font-size:1.3rem;font-weight:600;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-gallery__product-button:hover{background:#000000e6;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.video-gallery__product-button svg{flex-shrink:0}.video-gallery__product-button span{white-space:nowrap}.video-gallery__item:hover .video-gallery__product-button{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}@keyframes productButtonPulse{0%{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 4px 12px #00000040,0 0 0 4px #ffffff1a}to{box-shadow:0 4px 12px #00000026}}.video-gallery__product-button{animation:productButtonPulse 3s ease-in-out infinite}.video-gallery__product-button:hover{animation:none}.video-gallery__nav{display:flex;align-items:center;justify-content:center;gap:1rem}.video-gallery__nav--desktop,.video-gallery__nav--mobile{display:none}.video-gallery__nav-button{background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:rgb(var(--color-foreground));pointer-events:auto;box-shadow:0 4px 12px #0000001a}.video-gallery__nav-button:hover{border-color:rgb(var(--color-foreground));transform:scale(1.1);box-shadow:0 6px 16px #00000026}.video-gallery__nav-button--prev{margin-left:-2.4rem}.video-gallery__nav-button--next{margin-right:-2.4rem}.video-gallery__dots{display:flex;gap:.8rem}.video-gallery__dot{width:1rem;height:1rem;border-radius:50%;border:none;background:rgba(var(--color-foreground),.3);cursor:pointer;transition:all .3s ease}.video-gallery__dot.active{background:rgb(var(--color-foreground));transform:scale(1.2)}@media screen and (max-width: 749px){.video-gallery__grid{grid-template-columns:1fr;gap:1.5rem;justify-items:center}.video-gallery__item{max-width:400px;width:100%}.video-gallery__nav--desktop{display:none}.video-gallery__nav--mobile{display:flex}.video-gallery__nav-button--prev,.video-gallery__nav-button--next{margin:0}.video-gallery__refresh-button{width:3.6rem;height:3.6rem}.video-gallery__refresh-button svg{width:18px;height:18px}.video-gallery .title-wrapper-with-link{margin-bottom:2rem;flex-direction:column;gap:1rem}.video-gallery .title-wrapper-with-link .title{margin-right:0}.video-gallery__refresh-button{position:static;transform:none}.video-gallery__video-info{padding:1.2rem}.video-gallery__video-title{font-size:1.4rem}.video-gallery__video-description{font-size:1.3rem}.video-gallery__floating-button{bottom:2rem;right:1rem}.video-gallery__product-button{padding:.8rem 1.2rem;font-size:1.2rem;gap:.6rem}.video-gallery__product-button svg{width:14px;height:14px}}@media screen and (min-width: 750px) and (max-width: 989px){.video-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.video-gallery__grid{gap:3rem}}.video-gallery__item{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.video-gallery__nav-button:focus,.video-gallery__refresh-button:focus,.video-gallery__dot:focus,.video-gallery__product-button:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media (prefers-contrast: high){.video-gallery__item{border:2px solid rgb(var(--color-foreground))}.video-gallery__nav-button,.video-gallery__refresh-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.video-gallery__item,.video-gallery__nav-button,.video-gallery__refresh-button,.video-gallery__dot,.video-gallery__product-button{transition:none;animation:none}.video-gallery__refresh-button:hover,.video-gallery__item:hover,.video-gallery__product-button:hover,.video-gallery__item:hover .video-gallery__product-button{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-video-gallery.css.map */