.social-proof-section .page-width{max-width:1200px;margin:0 auto;padding:0 20px}.social-proof-section .section-header{text-align:center;margin-bottom:40px}.social-proof-section .section-title{font-size:24px;font-weight:500;color:#111827;margin-bottom:8px;letter-spacing:.5px}.social-proof-section .section-subtitle{font-size:14px;color:#6b7280;max-width:600px;margin:0 auto}.social-proof-section .gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.social-proof-section .social-card{position:relative;border-radius:8px;overflow:hidden;background:#f9f9f9;aspect-ratio:1/1;cursor:pointer;transition:transform .3s ease}.social-proof-section .social-card:hover{transform:translateY(-4px)}.social-proof-section .media-container{position:relative;height:100%;background:#f5f5f5}.social-proof-section .social-media-img{width:100%;height:100%;object-fit:cover}.social-proof-section .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.9}.social-proof-section .username-overlay{position:absolute;bottom:0;left:0;width:100%;padding:12px;background:linear-gradient(transparent,#0009);color:#fff;font-size:13px;display:flex;align-items:center;gap:6px}.social-proof-section .instagram-icon{width:16px;height:16px}.social-proof-section .view-more-button{display:block;width:200px;margin:0 auto;padding:12px 24px;text-align:center;cursor:pointer;transition:all .2s ease}.social-proof-section .button-outline{background:transparent;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-weight:500;color:#111827}.social-proof-section .button-outline:hover{background:#f9fafb;border-color:#9ca3af}.social-proof-section .button-primary{background:#111827;color:#fff;border:1px solid #111827;border-radius:4px;font-size:14px;font-weight:500}.social-proof-section .button-primary:hover{background:#1f2937}.social-proof-section .button-secondary{background:#f3f4f6;color:#111827;border:1px solid #e5e7eb;border-radius:4px;font-size:14px;font-weight:500}.social-proof-section .button-secondary:hover{background:#e5e7eb}.social-proof-section .mobile-toggle-container{display:none;width:100%;text-align:center;margin-bottom:20px}.social-proof-section .mobile-toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid #d1d5db;border-radius:4px;padding:10px 20px;font-size:14px;font-weight:500;color:#111827;cursor:pointer;transition:all .2s ease}.social-proof-section .mobile-toggle-button:hover{background:#f3f4f6}.social-proof-section .toggle-icon{transition:transform .2s ease}.media-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;opacity:0;transition:opacity .3s ease}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80%;max-height:80%;display:flex;background:#fff;box-shadow:0 25px 50px -12px #00000040}.modal-media{flex:2;overflow:hidden}.modal-media img,.modal-media video{width:100%;height:100%;object-fit:cover}.modal-info{flex:1;padding:30px;display:flex;flex-direction:column}.user-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.user-avatar{width:40px;height:40px;border-radius:50%;background:#f3f4f6;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.user-username{display:flex;align-items:center;gap:4px;font-size:14px;color:#6b7280}.user-comment{font-size:14px;line-height:1.5;color:#374151;margin-bottom:24px;flex-grow:1}.product-reference{padding:16px;background:#f9fafb;border-radius:8px}.product-link{display:flex;align-items:center;gap:12px;text-decoration:none}.product-thumbnail{width:60px;height:60px;border-radius:6px;background:#f3f4f6;overflow:hidden}.product-thumbnail img{width:100%;height:100%;object-fit:cover}.product-info h4{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px}.product-price{font-size:13px;color:#6b7280}.close-modal{position:absolute;top:16px;right:16px;width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a}.modal-media .custom-video-container{position:relative;width:100%;height:100%}.modal-media video{width:100%;height:100%;object-fit:cover}.modal-media .simple-video-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;background:#00000080;padding:10px 20px;border-radius:30px;opacity:0;transition:opacity .3s ease;z-index:5}.modal-media .custom-video-container:hover .simple-video-controls{opacity:1}.modal-media .play-pause-btn{background:transparent;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}@media screen and (max-width: 990px){.social-proof-section .gallery-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.social-proof-section .gallery-grid{grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:15px}.social-proof-section .mobile-toggle-container{display:block}.social-proof-section .mobile-hidden{display:none}.modal-content{flex-direction:column;width:90%;max-width:90%;max-height:90%;overflow:auto}.modal-media{height:300px}.modal-info{padding:20px}}@media screen and (max-width: 480px){.social-proof-section .section-title{font-size:20px}.social-proof-section .section-subtitle{font-size:13px}.social-proof-section .view-more-button{width:100%;max-width:280px}.user-comment{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-social-proof.css.map */