.testimonials-section{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#1a1a1a;margin-bottom:3rem;line-height:1.2}.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:2rem}.testimonials-slider{display:none;position:relative;overflow:hidden;opacity:0;will-change:opacity;contain:paint}.slider-wrapper{display:flex;transition:transform .3s ease;will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden}.testimonial-card{display:flex;flex-direction:column;transition:transform .2s ease;position:relative}.testimonial-card:hover .video-container{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.video-container{position:relative;width:100%;max-width:240px;height:427px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);background-color:#fff;overflow:hidden;border-radius:16px;box-shadow:0 4px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden}.customer-video,.customer-video-iframe{width:100%;height:100%;object-fit:cover;border-radius:16px;border:none;display:block;background-color:#000;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden}.customer-video{background:#000}.video-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:16px}.video-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#4facfe,#00f2fe);display:flex;align-items:center;justify-content:center;position:relative}.play-button{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;border:none}.play-button:hover{transform:scale(1.1);background:#fff}.play-button:after{content:"";width:0;height:0;border-left:16px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.video-overlay{display:none!important;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:#fff;padding:20px 16px 16px;text-align:center}.overlay-text{font-size:.95rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.testimonial-content{padding:20px 0;text-align:center}.testimonial-quote{font-size:1.3rem;line-height:1.6;font-weight:700;color:#000;font-style:italic;margin:0}.quote-mark{font-size:1.5rem;color:#667eea;font-weight:700}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease}.nav-button:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #0003}.nav-button.prev{left:-22px}.nav-button.next{right:-22px}.nav-button:after{content:"";width:0;height:0;border-style:solid}.nav-button.prev:after{border-right:8px solid #333;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-right:2px}.nav-button.next:after{border-left:8px solid #333;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px}.slide-indicators{display:flex;justify-content:center;gap:8px;margin-top:24px}.indicator{width:8px;height:8px;border-radius:50%;background:#cbd5e0;cursor:pointer;transition:background .2s ease}.indicator.active{background:#667eea}.slide{min-width:100%;display:flex;gap:20px;contain:paint}.testimonials-section{padding-top:var(--section-padding-top, 30px);padding-bottom:var(--section-padding-bottom, 39px)}@media screen and (min-width: 750px){.testimonials-section{padding-top:var(--section-padding-top-desktop, 40px);padding-bottom:var(--section-padding-bottom-desktop, 52px)}}.testimonials-section.color-accent-1{background:var(--color-accent-1)}.testimonials-section.color-accent-2{background:var(--color-accent-2)}.testimonials-section.color-background-1{background:var(--color-background-1, #ffffff)}.testimonials-section.color-background-2{background:var(--color-background-2, #f8f8f8)}.testimonials-section.color-inverse{background:var(--color-inverse, #1a1a1a)}.testimonials-section.color-inverse .section-title{color:#fff}.testimonials-section.color-inverse .testimonial-quote{color:#fffc}@media (max-width: 1023px) and (min-width: 768px){.testimonials-grid{display:none}.testimonials-slider{display:block}.testimonials-slider.is-ready{opacity:1;transition:opacity .2s ease}.slider-wrapper{gap:20px}.slide{min-width:100%;display:flex;gap:20px}.slide .testimonial-card{flex:1;min-width:0}.slide-indicators{margin-top:24px}.testimonial-content{padding:20px 0}}@media (max-width: 767px){.testimonials-section{padding-left:0;padding-right:0;padding-top:var(--section-padding-top, 30px);padding-bottom:var(--section-padding-bottom, 39px);background:#fff!important;max-width:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);isolation:isolate}.section-title{font-size:2rem;margin-bottom:2rem;padding:0 20px}.testimonials-grid{display:none}.testimonials-slider{display:block;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box;padding-left:12px;background:#fff!important}.testimonials-slider.is-ready{opacity:1;transition:opacity .2s ease}.testimonials-section .page-width{background:transparent!important}.slider-wrapper,.slide{background:#fff!important}.slide .testimonial-card{background:#fff}.slide .testimonial-card .video-container,.slide .testimonial-card .video-placeholder{background:#fff!important}.slider-wrapper{gap:12px}.slide{min-width:100%;display:flex;gap:12px}.slide .testimonial-card:first-child,.slide .testimonial-card:nth-child(2){flex:0 0 calc((100% - 12px)/2);min-width:0}.slide .testimonial-card .video-container{width:100%;max-width:none;height:320px;aspect-ratio:auto;margin:0}.nav-button{display:none}.slide-indicators{display:flex!important;justify-content:center;gap:8px;margin-top:20px;padding:0 20px}.slide-indicators .indicator{width:8px!important;height:8px!important;border-radius:50%;background:#d1d5db!important;cursor:pointer;transition:background .2s ease}.slide-indicators .indicator.active{background:#374151!important}.testimonial-content{padding:16px 0}.testimonial-quote{font-size:1rem}.overlay-text{font-size:.85rem}}@media (max-width: 480px){.section-title{font-size:1.75rem}.slide .testimonial-card:nth-child(2){flex:0 0 45%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-happy-customers-videos-2.css.map */