.video-reels-section{position:relative;overflow:hidden}.vr-section-title{text-align:center;margin-bottom:4rem}.vr-card{position:relative;width:100%;height:600px;border-radius:20px;overflow:hidden;background-color:#f0f0f0;transform:translateZ(0)}.vr-media{position:absolute;top:0;left:0;width:100%;height:100%}.vr-video-element{width:100%;height:100%;object-fit:cover;display:block}.vr-image-fallback{object-fit:cover}.vr-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;box-shadow:0 4px 10px #0003;transition:transform .3s ease}.vr-card:hover .vr-play-icon{transform:translate(-50%,-50%) scale(1.1)}.vr-play-icon svg{width:24px;height:24px;fill:#000;margin-left:2px}.vr-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;z-index:2;background:linear-gradient(to top,#0009,#0000);pointer-events:none}.vr-text-overlay{background-color:#ffffff40;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:1rem 1.5rem;border-radius:8px;color:#fff;font-weight:600;font-size:1.4rem;display:inline-block;max-width:100%;background:#8a8aff66;text-shadow:0 1px 2px rgba(0,0,0,.3)}.vr-text-overlay p{margin:0}.vr-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;cursor:pointer}slider-component{position:relative;display:block}.slider-buttons{display:flex;justify-content:center;margin-top:2rem}@media screen and (min-width: 990px){.slider-component-desktop .slider-buttons{position:absolute;top:50%;width:100%;justify-content:space-between;transform:translateY(-50%);pointer-events:none;margin-top:0;left:0;padding:0 20px}.slider-component-desktop .slider-button{pointer-events:auto;background:#fff;border-radius:50%;box-shadow:0 2px 10px #0000001a}}@media screen and (max-width: 749px){.vr-card{height:300px}.vr-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding-bottom:2rem}.vr-grid-item{min-width:70%;width:70%;scroll-snap-align:center}.vr-grid.grid--1-col{display:flex;flex-wrap:nowrap;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-video-reels.css.map */