.video-reels{position:relative}.video-reels__heading{margin:0 0 2.4rem}.video-reels__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--reel-width-mobile, 24rem);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.video-reels__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.video-reels__track{grid-auto-columns:calc((100% - (var(--reels-per-view, 6) - 1) * 1.2rem) / var(--reels-per-view, 6))}}.video-reels__card{position:relative;scroll-snap-align:start;aspect-ratio:9 / 16;border-radius:1rem;overflow:hidden;background:rgba(var(--color-foreground),.06)}.video-reels__card video,.video-reels__card img,.video-reels__card .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-reels__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000 30% 55%,#00000073);pointer-events:none}.video-reels__handle{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.5rem;color:#fff;font-size:1.1rem;font-weight:600;text-shadow:0 .1rem .3rem rgba(0,0,0,.5);z-index:2}.video-reels__handle .icon-pack{width:1.4rem;height:1.4rem}.video-reels__product-card{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;z-index:3;display:flex;align-items:center;gap:.8rem;padding:.6rem;border-radius:1rem;background:#fffffff2;color:#121212;text-decoration:none;min-height:4.4rem;transition:transform .15s ease}.video-reels__product-card:hover{transform:translateY(-.2rem)}@media(prefers-reduced-motion:reduce){.video-reels__product-card{transition:none}}.video-reels__product-thumb{flex-shrink:0;width:4.2rem;height:5.4rem;border-radius:.6rem;overflow:hidden;background:#f0f0f0}.video-reels__product-thumb img{position:static;width:100%;height:100%;object-fit:cover}.video-reels__product-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.2rem}.video-reels__product-title{font-size:1.25rem;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.video-reels__product-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;font-size:1.2rem}.video-reels__product-price-current{font-weight:700}.video-reels__product-discount{color:#cf2929;font-weight:600;font-size:1.1rem}.video-reels__product-compare{color:#12121280;font-size:1.1rem}.video-reels__product-arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#121212;color:#fff}.video-reels__card--has-product .video-reels__caption{bottom:8rem}.video-reels__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;background:transparent;border:none;cursor:pointer;z-index:2;padding:0}.video-reels__play-icon{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;background:#00000080;color:#fff;transition:transform .2s ease,opacity .2s ease}.video-reels__play-icon svg{width:2rem;height:2rem;margin-left:.3rem}.video-reels__play:hover .video-reels__play-icon{transform:scale(1.08)}.video-reels__card.is-playing .video-reels__play-icon{opacity:0}.video-reels__card.is-playing:hover .video-reels__play-icon,.video-reels__card.is-playing .video-reels__play:focus-visible .video-reels__play-icon{opacity:1}@media(prefers-reduced-motion:reduce){.video-reels__play-icon{transition:none}}.video-reels__caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;margin:0;color:#fff;font-size:1.4rem;font-weight:700;line-height:1.3;text-shadow:0 .1rem .4rem rgba(0,0,0,.6);z-index:2;pointer-events:none}.video-reels__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;display:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;border-radius:50%;border:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 .2rem 1rem #00000040;cursor:pointer}.video-reels__arrow svg{width:1.2rem;height:1.2rem}.video-reels__arrow--prev{left:-1rem}.video-reels__arrow--prev svg{transform:rotate(90deg)}.video-reels__arrow--next{right:-1rem}.video-reels__arrow--next svg{transform:rotate(-90deg)}.video-reels__arrow[disabled]{opacity:0;pointer-events:none}@media screen and (min-width:990px){.video-reels__arrow{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-video-reels.css.map */