.video-testimonials{padding:30px 0;background-color:#fff}.video-testimonials .container{max-width:1200px;margin:0 auto;padding:0 20px}.testimonials-title{text-align:center;font-size:2rem;font-weight:300;margin-bottom:4rem;color:#1a1a1a;letter-spacing:1px;text-transform:uppercase}.testimonials-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-items:start}.testimonial-item{cursor:pointer;transition:transform .4s ease;background:transparent}.testimonial-item:hover{transform:translateY(-5px)}.thumbnail-container{position:relative;width:100%;height:500px;overflow:hidden;background:#f8f9fa;border-radius:16px}.thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;border-radius:16px}.testimonial-item:hover .thumbnail-image{transform:scale(1.02)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000001a;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .3s ease;border-radius:16px;z-index:3}.play-icon{width:40px;height:40px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 12px #00000014}.play-icon svg{width:16px;height:18px;margin-left:2px}.testimonial-item:hover .play-icon{background:#ffffff1a;transform:scale(1.1);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 16px #0000001f}.thumbnail-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:1.5rem 1rem 1rem;border-radius:0 0 16px 16px;z-index:4}.thumbnail-title h3{color:#fff;font-size:.75rem;font-weight:300;margin:0;text-align:center;letter-spacing:1px;text-transform:uppercase;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.4)}.flag-emoji{position:absolute;top:12px;left:12px;z-index:6;font-size:28px;line-height:1;padding:6px 10px;border-radius:999px;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 2px 8px #00000040;-webkit-user-select:none;user-select:none;pointer-events:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-overlay.closing{opacity:0;visibility:hidden}.modal-content{position:relative;width:90%;max-width:400px;max-height:90vh;background:#0003;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:16px;overflow:hidden;transform:scale(.9);transition:transform .3s ease;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.1)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-video{width:100%;height:auto;max-height:80vh;display:block;border-radius:16px;aspect-ratio:9/16;object-fit:cover}video:not(.modal-video)::-webkit-media-controls{display:block!important}video:not(.modal-video)::-webkit-media-controls-panel{display:block!important}video:not(.modal-video)::-webkit-media-controls-play-button{display:block!important}video:not(.modal-video)::-webkit-media-controls-overlay-play-button{display:block!important}.video-testimonials .modal-video::-webkit-media-controls{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-panel{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-play-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-timeline{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-current-time-display{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-time-remaining-display{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-mute-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-volume-slider{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-fullscreen-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-overlay-play-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-enclosure{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-start-playback-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-rewind-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-seek-back-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-seek-forward-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-cast-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-download-button{display:none!important}.video-testimonials .modal-video::-webkit-media-controls-picture-in-picture-button{display:none!important}.video-testimonials .modal-video:hover::-webkit-media-controls-panel{display:none!important}.video-testimonials .modal-video:focus::-webkit-media-controls-panel{display:none!important}.video-testimonials .modal-video::-moz-media-controls{display:none!important}.video-testimonials .modal-video::-ms-media-controls{display:none!important}.video-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;color:#fff;z-index:10}.loading-spinner{width:30px;height:30px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.close-button{position:absolute;top:20px;right:20px;width:35px;height:35px;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;z-index:20}.close-button svg{width:20px;height:20px}.close-button:hover{background:#ffffff1a}.play-bar-container{position:absolute;bottom:20px;left:20px;right:20px;height:6px;background:#0000004d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:3px;cursor:pointer;z-index:20;border:1px solid rgba(255,255,255,.1)}.play-bar-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#ffffffe6,#ffffffb3);border-radius:3px;width:0%;transition:width .2s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #ffffff4d}@media (max-width: 1024px){.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;gap:2rem}.testimonials-title{font-size:1.5rem;margin-bottom:3rem}.thumbnail-container{height:450px}.play-icon{width:50px;height:50px}.play-icon svg{width:18px;height:20px}.thumbnail-title{padding:1.25rem .75rem .75rem}.thumbnail-title h3{font-size:.7rem}.modal-content{width:95%;margin:20px;border-radius:12px;max-width:350px}.modal-video{border-radius:12px}.play-bar-container{left:10px;right:10px;bottom:10px;height:5px}.close-button{display:none}.flag-emoji{top:10px;left:10px;font-size:24px;padding:5px 8px}}@media (max-width: 480px){.video-testimonials{padding:20px 0}.video-testimonials .container{padding:0 15px}.testimonials-title{font-size:1.25rem}.play-icon{width:55px;height:55px}.play-icon svg{width:20px;height:22px}.thumbnail-title{padding:1rem .5rem .5rem}.thumbnail-title h3{font-size:.65rem}.modal-content{border-radius:10px;max-width:300px}.modal-video{border-radius:10px}.play-bar-container{height:4px}.close-button{display:none}.flag-emoji{font-size:22px;padding:4px 8px}}.testimonial-item:focus{outline:1px solid #000;outline-offset:2px}.close-button:focus{outline:1px solid #ffffff;outline-offset:2px}@supports (-webkit-appearance: none){video:not(.modal-video){-webkit-media-controls:auto!important;-webkit-media-controls-panel:auto!important;-webkit-media-controls-play-button:auto!important;-webkit-media-controls-overlay-play-button:auto!important}video:not(.modal-video)::-webkit-media-controls-enclosure{display:block!important}video:not(.modal-video)::-webkit-media-controls-start-playback-button{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/temoignages.css.map */