.customer-videos-section{padding:4rem 0;background:linear-gradient(180deg,#fdf2f8,#fff);overflow:hidden}.customer-videos-section .container{max-width:1200px;margin:0 auto;padding:0 1rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:300;color:#374151;margin-bottom:1rem;font-family:Poppins,sans-serif}.section-subtitle{color:#6b7280;max-width:32rem;margin:0 auto;line-height:1.6}.videos-gallery{position:relative}.videos-container{display:flex;gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.videos-container::-webkit-scrollbar{display:none}.video-item{flex-shrink:0;cursor:pointer;transition:transform .3s ease}.video-item:hover{transform:scale(1.05)}.video-thumbnail{position:relative;width:6rem;height:6rem;border-radius:50%;overflow:hidden;border:4px solid #fce7f3;transition:border-color .3s ease}.video-item:hover .video-thumbnail{border-color:#f472b6}.thumbnail-video{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.video-item:hover .play-overlay{background:#0003}.play-icon{width:1.5rem;height:1.5rem;color:#fff;opacity:0;transition:opacity .3s ease}.video-item:hover .play-icon{opacity:1}.video-info{text-align:center;margin-top:.75rem}.customer-name{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.product-title{font-size:.75rem;color:#6b7280}.video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}.video-modal.active{display:flex}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;cursor:pointer}.modal-content{position:relative;max-width:64rem;width:100%;max-height:90vh;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;z-index:10}.modal-header{position:absolute;top:1rem;right:1rem;z-index:20}.modal-close{width:2.5rem;height:2.5rem;background:#00000080;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.modal-close:hover{background:#000000b3}.modal-close svg{width:1.25rem;height:1.25rem}.modal-video-container{position:relative}.modal-video{width:100%;max-height:70vh;object-fit:cover;display:block}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#00000080;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:15}.nav-btn:hover{background:#000000b3}.nav-prev{left:1rem}.nav-next{right:1rem}.nav-btn svg{width:1.5rem;height:1.5rem}.mute-btn{position:absolute;bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;background:#00000080;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;z-index:15}.mute-btn:hover{background:#000000b3}.mute-btn svg{width:1.25rem;height:1.25rem}.mute-btn .volume-off,.mute-btn.muted .volume-on{display:none}.mute-btn.muted .volume-off{display:block}.modal-info{padding:1.5rem;background:linear-gradient(135deg,#fdf2f8,#f3e8ff)}.modal-product-title{font-size:1.25rem;font-weight:500;color:#374151;margin-bottom:.5rem}.modal-customer-name{color:#6b7280;margin-bottom:1rem}.video-indicators{display:flex;gap:.5rem;justify-content:center}.indicator{width:.75rem;height:.75rem;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:background-color .2s ease}.indicator.active{background:#ec4899}.indicator:hover{background:#9ca3af}.indicator.active:hover{background:#be185d}@media (min-width: 768px){.section-title{font-size:3rem}.video-thumbnail{width:8rem;height:8rem}.videos-container{justify-content:center}}@media (max-width: 767px){.customer-videos-section{padding:2rem 0}.section-title{font-size:2rem}.modal-content{margin:.5rem;border-radius:.5rem}.nav-btn{width:2.5rem;height:2.5rem}.nav-prev{left:.5rem}.nav-next{right:.5rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-modal.active .modal-content{animation:fadeIn .3s ease-out}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.video-item:focus,.modal-close:focus,.nav-btn:focus,.mute-btn:focus,.indicator:focus{outline:2px solid #ec4899;outline-offset:2px}@media (max-width: 767px){.customer-videos-section{padding-top:1rem;padding-bottom:1rem}.section-header{margin-bottom:1rem}.videos-container{overflow-x:visible;gap:.5rem;justify-content:space-between;padding-bottom:0}.video-item{flex:0 0 calc((100% - 1.5rem)/4);transition:none}.video-item:hover{transform:none}.video-thumbnail{width:100%;height:auto;aspect-ratio:1 / 1;border-width:3px}}.video-modal.active .modal-video-container{display:flex;transition:transform .35s ease}.modal-video-container video{flex:0 0 100%;width:100%;height:auto;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/7/assets/customer-videos.css.map */