.video-carousel{position:relative;overflow:hidden}.video-carousel__container{display:flex;overflow-x:auto;overflow-y:hidden;gap:1.5rem;padding:2rem 1.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.video-carousel__container::-webkit-scrollbar{display:none}.video-carousel__card{flex:0 0 auto;width:280px;aspect-ratio:9 / 16;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;scroll-snap-align:center;box-shadow:0 8px 20px #00000026;transition:transform .3s ease,box-shadow .3s ease;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.04)}.video-carousel__card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0003}.video-carousel__video-wrapper{width:100%;height:100%;position:relative}.video-carousel__video{width:100%;height:100%;object-fit:contain;display:block}.video-carousel__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgba(var(--color-background),.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .2s ease;border:1px solid rgba(var(--color-foreground),.1)}.video-carousel__card:hover .video-carousel__play-icon{transform:translate(-50%,-50%) scale(1.1);background:rgba(var(--color-background),.5)}.video-carousel__play-icon svg{width:20px;height:20px;color:rgb(var(--color-foreground));fill:currentColor;margin-left:2px}.video-carousel__product-pin{position:absolute;bottom:10px;left:10px;right:10px;background:rgba(var(--color-background),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:12px;display:flex;align-items:center;gap:10px;z-index:3;box-shadow:0 4px 10px #0000001a;pointer-events:none;border:1px solid rgba(var(--color-foreground),.05)}.video-carousel__pin-image{width:30px;height:30px;border-radius:6px;object-fit:cover;flex-shrink:0}.video-carousel__pin-info{display:flex;flex-direction:column;flex:1;min-width:0}.video-carousel__pin-title{font-size:1rem;font-weight:600;color:rgb(var(--color-foreground));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.1}.video-carousel__pin-price{font-size:.9rem;color:rgba(var(--color-foreground),.75);line-height:1.2}.video-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.video-modal.is-open{display:flex;opacity:1}.video-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.video-modal__content{position:relative;width:100%;max-width:450px;height:85vh;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;z-index:2;transform:translateY(20px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.video-modal.is-open .video-modal__content{transform:translateY(0)}.video-modal__video{width:100%;height:100%;object-fit:contain}.video-modal__product-card{position:absolute;bottom:20px;left:20px;right:20px;background:rgb(var(--color-background));padding:15px;border-radius:16px;display:flex;align-items:center;gap:15px;box-shadow:0 10px 30px #0003;transform:translateY(100px);animation:slideUp .4s .2s forwards ease-out;border:1px solid rgba(var(--color-foreground),.05)}@keyframes slideUp{to{transform:translateY(0)}}.video-modal__product-image{width:50px;height:50px;border-radius:8px;object-fit:cover}.video-modal__product-details{flex:1;min-width:0}.video-modal__product-title{font-size:1.4rem;font-weight:700;color:rgb(var(--color-foreground));margin-bottom:2px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.video-modal__product-price{font-size:1.2rem;color:rgba(var(--color-foreground),.75)}.video-modal__add-btn{background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;padding:10px 20px;border-radius:30px;font-weight:600;font-size:1.2rem;cursor:pointer;white-space:nowrap;transition:opacity .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.video-modal__add-btn:hover{opacity:.9}.video-modal__close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#00000080;border-radius:50%;border:none;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-modal__close:hover{background:#000c}@media screen and (max-width: 750px){.video-carousel__card{width:220px}.video-carousel__content{padding-left:1rem}.video-modal__content{width:100%;height:100%;max-width:none;border-radius:0}}.video-carousel--full-width .video-carousel__container{padding-left:1.5rem;padding-right:1.5rem}@media screen and (min-width: 750px){.video-carousel--full-width .video-carousel__container{padding-left:5rem;padding-right:5rem}}.video-modal__nav-indicator{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px;z-index:10}.video-modal__swipe-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none;opacity:0;transition:opacity .3s ease}.video-modal__swipe-hint.visible{opacity:1}.swipe-hint__content{display:flex;flex-direction:column;align-items:center;gap:8px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 30px;border-radius:16px;color:#fff;animation:swipeHintBounce 1s ease-in-out infinite}.swipe-hint__content svg{animation:swipeArrowBounce 1s ease-in-out infinite}.swipe-hint__content span{font-size:14px;font-weight:500}@keyframes swipeHintBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes swipeArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.video-modal__nav-arrows{position:absolute;right:70px;top:20px;display:flex;gap:8px;z-index:10}.video-modal__nav-btn{width:36px;height:36px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.video-modal__nav-btn:hover{background:#000c}.video-modal__nav-btn:disabled{opacity:.3;cursor:not-allowed}.video-modal__nav-btn svg{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-video-carousel.css.map */