.video-carousel-container{max-width:1400px;margin:0 auto;padding:60px 20px;background:#f8f9fa}.carousel-header{text-align:center;margin-bottom:50px}.carousel-title{font-size:clamp(24px,4vw,42px);font-weight:700;color:#1a365d;margin:0 0 16px;line-height:1.2}.carousel-subtitle{font-size:16px;color:#64748b;margin:0;font-weight:400}.carousel-wrapper{position:relative;display:flex;align-items:center;gap:20px}.carousel-btn{background:#fff;border:2px solid #e2e8f0;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;z-index:2;box-shadow:0 4px 12px #0000001a}.carousel-btn:hover{background:#1a365d;border-color:#1a365d;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.carousel-btn svg{color:inherit}.carousel-track-container{flex:1;overflow:hidden;border-radius:16px}.carousel-track{display:flex;gap:20px;will-change:transform}.carousel-slide{flex:0 0 auto;width:280px}.video-container{position:relative;background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 20px #00000014;aspect-ratio:9/16}.video-container:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.video-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-container:hover .video-overlay{opacity:1}.play-button{transform:scale(.9);transition:transform .3s ease}.video-container:hover .play-button{transform:scale(1)}.reviewer-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:30px 20px 20px;text-align:center}.reviewer-name{font-size:14px;font-weight:600;margin-bottom:8px}.rating{display:flex;justify-content:center;gap:2px}.star{color:#fbbf24;font-size:16px;opacity:.3}.star.filled{opacity:1}.video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:all .3s ease;background:#000000f2}.video-modal.active{visibility:visible;opacity:1}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.modal-content{position:relative;width:100%;height:100vh;max-width:100vw;max-height:100vh;z-index:1;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.video-modal.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:20px;right:20px;background:#00000080;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close:hover{background:#000000b3;transform:scale(1.1)}.modal-video-container{position:relative;flex:1;width:100%;height:calc(100vh - 120px);background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}#modalVideo{width:100%;height:100%;object-fit:cover;background:#000;-webkit-transform:translateZ(0);transform:translateZ(0)}.video-controls-overlay{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:15px;z-index:5}.video-control-btn{width:44px;height:44px;border-radius:50%;background:#00000080;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-control-btn:hover{background:#000000b3;transform:scale(1.1)}.product-showcase{position:relative;bottom:0;left:0;right:0;height:120px;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.product-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.product-image{width:50px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0}.product-details{flex:1;min-width:0}.product-title{color:#fff;font-size:14px;font-weight:600;margin:0 0 4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price{color:#fbbf24;font-size:16px;font-weight:700;margin:0}.shop-btn{background:#fff;color:#000;border:none;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;flex-shrink:0;min-width:80px}.shop-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.shop-btn:active{transform:translateY(0)}@media(max-width:768px){.video-carousel-container{padding:40px 15px}.carousel-wrapper{gap:15px}.carousel-btn{width:44px;height:44px}.carousel-slide{width:220px}.carousel-title{font-size:28px}.modal-content{width:95vw;max-width:none;height:100vh}.modal-close{top:-45px;width:36px;height:36px}.modal-video-container{border-radius:0;height:calc(100vh - 120px)}.modal-close-btn{top:max(15px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right))}.video-controls-overlay{top:max(15px,env(safe-area-inset-top));left:max(15px,env(safe-area-inset-left))}.modal-close-btn,.video-control-btn{min-width:48px;min-height:48px}.product-showcase{height:max(120px,env(safe-area-inset-bottom) + 100px);padding:max(20px,env(safe-area-inset-bottom) + 10px) 20px 20px}}@media(max-width:480px){.carousel-slide{width:180px}.carousel-btn{width:40px;height:40px}.carousel-wrapper{gap:10px}}@media(min-width:768px){.modal-content{width:90vw;height:90vh;max-width:500px;max-height:90vh;border-radius:16px;overflow:hidden}.modal-video-container{height:calc(90vh - 140px);border-radius:16px 16px 0 0}#modalVideo{object-fit:contain}.modal-close{top:-50px;right:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.product-showcase{position:relative;height:140px;transform:none;border-radius:0 0 16px 16px;border-top:1px solid rgba(255,255,255,.1)}.product-image{width:60px;height:60px}.product-title{font-size:16px}.product-price{font-size:18px}.shop-btn{padding:14px 28px;font-size:16px}}@media(min-width:1024px){.modal-content{max-width:600px}.modal-video-container{height:calc(90vh - 140px)}}.video-container.loading{position:relative}.video-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.carousel-track{scroll-behavior:smooth}.carousel-btn:focus,.video-container:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-close:focus{outline:2px solid #ffffff;outline-offset:2px}.modal-close-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;background:#0009;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-width:44px;min-height:44px}.modal-close-btn:hover{background:#000c;transform:scale(1.1)}.modal-close-btn:active{transform:scale(.95)}.modal-close-btn svg{pointer-events:none}@media(max-width:767px){.video-modal{background:#000}.modal-content,.modal-video-container{border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/video-review-carousel.css.map */