.social-proof-section{position:relative;background:var(--ctb-bg-gray, #f5f5f5);overflow:hidden}.social-proof-container{position:relative;z-index:1;padding-left:var(--ctb-container-px-mobile, 1rem);padding-right:var(--ctb-container-px-mobile, 1rem)}.social-proof-header{text-align:center;margin-bottom:var(--ctb-space-6, 1.5rem)}.social-proof-title{font-family:var(--ctb-font-display, inherit);font-size:var(--ctb-heading-md, 1.625rem);font-weight:700;color:var(--ctb-text-primary, #1e293b);margin:0 0 var(--ctb-space-2, .5rem);line-height:1.3;letter-spacing:-.01em}.social-proof-subtitle{font-family:var(--ctb-font-sans, inherit);font-size:var(--ctb-text-md, 1.0625rem);color:var(--ctb-text-muted, #64748b);margin:0}.wa-chat-slider{display:flex;gap:var(--ctb-space-4, 1rem);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--ctb-container-px-mobile, 1rem) * -1);padding:var(--ctb-space-2, .5rem) var(--ctb-container-px-mobile, 1rem) var(--ctb-space-4, 1rem)}.wa-chat-slider::-webkit-scrollbar{display:none}.wa-phone{flex:0 0 78%;max-width:300px;scroll-snap-align:center;background:#efe7de;border-radius:var(--ctb-radius-xl, 1rem);overflow:hidden;box-shadow:var(--ctb-shadow-lg, 0 10px 25px rgba(0, 0, 0, .1)),0 0 0 1px #0000000d;display:flex;flex-direction:column;transition:transform var(--ctb-transition-base, .25s ease),box-shadow var(--ctb-transition-base, .25s ease);min-height:440px}.wa-header{background:linear-gradient(180deg,#f0f2f5,#e9edef);padding:var(--ctb-space-3, .75rem) var(--ctb-space-4, 1rem);display:flex;align-items:center;gap:var(--ctb-space-2, .5rem);border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}.wa-back{color:#075e54;display:flex;align-items:center}.wa-avatar{width:2.25rem;height:2.25rem;border-radius:50%;overflow:hidden;background:#fff;flex-shrink:0;box-shadow:var(--ctb-shadow-sm, 0 1px 3px rgba(0, 0, 0, .1))}.wa-avatar img{width:100%;height:100%;object-fit:cover}.wa-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dfe5e7,#c5ced2);color:#8696a0}.wa-contact-info{flex:1;min-width:0}.wa-contact-name{font-family:var(--ctb-font-sans, inherit);font-size:var(--ctb-card-text, .9375rem);font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-contact-status{font-family:var(--ctb-font-sans, inherit);font-size:var(--ctb-card-small, .8125rem);color:#25d366;font-weight:500}.wa-header-icons{display:flex;gap:var(--ctb-space-3, .75rem);color:#075e54}.wa-body{flex:1;padding:var(--ctb-space-3, .75rem) var(--ctb-space-4, 1rem);overflow-y:auto;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c9c6c0' fill-opacity='0.08'%3E%3Cpath d='M30 30h-6v-6h6v6zm0-12h-6V12h6v6zm12 12h-6v-6h6v6zm-24 0H12v-6h6v6zm12 12h-6v-6h6v6zm12 0h-6v-6h6v6zm-24 0H12v-6h6v6zm24-24h-6V12h6v6zm-24 0H12V12h6v6z'/%3E%3C/g%3E%3C/svg%3E");display:flex;flex-direction:column;justify-content:flex-end}.wa-date{text-align:center;margin:var(--ctb-space-2, .5rem) 0}.wa-date span{display:inline-block;background:#fffffff2;padding:var(--ctb-space-1, .25rem) var(--ctb-space-3, .75rem);border-radius:var(--ctb-radius-md, .5rem);font-family:var(--ctb-font-sans, inherit);font-size:var(--ctb-card-small, .8125rem);color:#54656f;box-shadow:var(--ctb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .08));font-weight:500}.wa-customer-badge{display:inline-block;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;font-family:var(--ctb-font-sans, inherit);font-size:var(--ctb-card-small, .8125rem);font-weight:600;padding:var(--ctb-space-1, .25rem) var(--ctb-space-2, .5rem);border-radius:var(--ctb-radius-sm, .375rem);margin-bottom:var(--ctb-space-1, .25rem)}.wa-message{max-width:85%;margin-bottom:var(--ctb-space-2, .5rem);position:relative;animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wa-message.incoming{margin-right:auto}.wa-message.outgoing{margin-left:auto}.wa-message.incoming+.wa-message.incoming,.wa-message.outgoing+.wa-message.outgoing{margin-top:-.125rem}.wa-bubble{padding:var(--ctb-space-2, .5rem) var(--ctb-space-3, .75rem);border-radius:var(--ctb-radius-md, .5rem);position:relative;font-family:var(--ctb-font-sans, inherit);font-size:var(--ctb-card-text, .9375rem);line-height:1.5}.wa-message.incoming .wa-bubble{background:#fff;border-top-left-radius:.125rem;box-shadow:var(--ctb-shadow-sm, 0 1px 1px rgba(0, 0, 0, .06))}.wa-message.outgoing .wa-bubble{background:#d9fdd3;border-top-right-radius:.125rem;box-shadow:var(--ctb-shadow-sm, 0 1px 1px rgba(0, 0, 0, .06))}.wa-message.incoming+.wa-message.incoming .wa-bubble{border-top-left-radius:var(--ctb-radius-md, .5rem)}.wa-message.outgoing+.wa-message.outgoing .wa-bubble{border-top-right-radius:var(--ctb-radius-md, .5rem)}.wa-bubble-text{color:#111;word-wrap:break-word}.wa-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;margin-top:.25rem}.wa-time{font-family:var(--ctb-font-sans, inherit);font-size:calc(var(--ctb-card-small, .8125rem) * .85);color:#667781}.wa-check{display:flex;align-items:center;color:#53bdeb}.wa-footer{background:linear-gradient(180deg,#e9edef,#f0f2f5);padding:var(--ctb-space-3, .75rem) var(--ctb-space-4, 1rem);display:flex;align-items:center;gap:var(--ctb-space-2, .5rem);border-top:1px solid rgba(0,0,0,.04);flex-shrink:0}.wa-footer-icon{color:#54656f;display:flex;align-items:center;flex-shrink:0}.wa-input-box{flex:1;background:#fff;border-radius:var(--ctb-radius-xl, 1rem);padding:var(--ctb-space-2, .5rem) var(--ctb-space-4, 1rem);display:flex;align-items:center;gap:var(--ctb-space-2, .5rem);min-height:2.5rem;box-shadow:var(--ctb-shadow-sm, 0 1px 2px rgba(0, 0, 0, .04))}.wa-input-placeholder{font-family:var(--ctb-font-sans, inherit);font-size:var(--ctb-card-text, .9375rem);color:#667781;flex:1}.wa-input-emoji{color:#54656f;flex-shrink:0}.wa-mic-btn{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;box-shadow:0 2px 6px #128c7e4d}.wa-slider-dots{display:flex;justify-content:center;gap:var(--ctb-space-2, .5rem);margin-top:var(--ctb-space-4, 1rem)}.wa-slider-dot{width:.5rem;height:.5rem;padding:0;border:none;border-radius:50%;background:#00000026;cursor:pointer;transition:all .25s ease}.wa-slider-dot:hover{background:#0000004d}.wa-slider-dot.active{width:1.5rem;border-radius:var(--ctb-radius-sm, .375rem);background:#25d366}@media screen and (min-width:750px){.social-proof-container{padding-left:var(--ctb-container-px-tablet, 2rem);padding-right:var(--ctb-container-px-tablet, 2rem)}.social-proof-header{margin-bottom:var(--ctb-space-10, 2.5rem)}.social-proof-subtitle{margin-top:var(--ctb-space-2, .5rem)}.wa-chat-slider{justify-content:center;gap:var(--ctb-space-8, 2rem);overflow:visible;margin:0;padding:var(--ctb-space-4, 1rem) var(--ctb-space-2, .5rem)}.wa-phone{flex:0 0 340px;width:340px;max-width:340px;min-height:500px;border-radius:var(--ctb-radius-2xl, 1.5rem);box-shadow:var(--ctb-shadow-xl, 0 20px 40px rgba(0, 0, 0, .12)),0 0 0 1px #0000000a}.wa-phone:hover{transform:translateY(-8px);box-shadow:0 24px 56px #00000029,0 0 0 1px #0000000f}.wa-header{padding:var(--ctb-space-4, 1rem) var(--ctb-space-5, 1.25rem)}.wa-avatar{width:2.75rem;height:2.75rem}.wa-body{padding:var(--ctb-space-4, 1rem) var(--ctb-space-5, 1.25rem)}.wa-bubble{padding:var(--ctb-space-3, .75rem) var(--ctb-space-4, 1rem)}.wa-message{margin-bottom:var(--ctb-space-3, .75rem)}.wa-footer{padding:var(--ctb-space-4, 1rem) var(--ctb-space-5, 1.25rem)}.wa-input-box{padding:var(--ctb-space-3, .75rem) var(--ctb-space-5, 1.25rem);min-height:2.75rem}.wa-mic-btn{width:2.75rem;height:2.75rem}.wa-slider-dots{display:none}}@media screen and (min-width:990px){.social-proof-container{padding-left:var(--ctb-container-px-desktop, 3rem);padding-right:var(--ctb-container-px-desktop, 3rem);max-width:var(--ctb-container-xl, 1200px);margin:0 auto}.social-proof-header{margin-bottom:var(--ctb-space-12, 3rem)}.wa-chat-slider{gap:var(--ctb-space-12, 3rem);padding:var(--ctb-space-5, 1.25rem) var(--ctb-space-4, 1rem)}.wa-phone{flex:0 0 380px;width:380px;max-width:380px;min-height:560px;border-radius:calc(var(--ctb-radius-2xl, 1.5rem) + .25rem);box-shadow:0 16px 48px #0000001f,0 0 0 1px #0000000a,inset 0 0 0 1px #ffffff1a}.wa-phone:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 24px 64px #0000002e,0 0 0 1px #0000000f}.wa-header{padding:var(--ctb-space-4, 1rem) var(--ctb-space-5, 1.25rem);gap:var(--ctb-space-3, .75rem)}.wa-avatar{width:3rem;height:3rem}.wa-header-icons{gap:var(--ctb-space-4, 1rem)}.wa-body{padding:var(--ctb-space-4, 1rem) var(--ctb-space-5, 1.25rem)}.wa-date{margin:var(--ctb-space-3, .75rem) 0}.wa-bubble{border-radius:var(--ctb-radius-lg, .75rem);line-height:1.55}.wa-message{margin-bottom:var(--ctb-space-3, .75rem)}.wa-bubble-meta{gap:var(--ctb-space-1, .25rem)}.wa-footer{padding:var(--ctb-space-4, 1rem) var(--ctb-space-5, 1.25rem);gap:var(--ctb-space-3, .75rem)}.wa-input-box{min-height:3rem;border-radius:var(--ctb-radius-xl, 1rem)}.wa-mic-btn{width:3rem;height:3rem}}@media screen and (min-width:1200px){.social-proof-container{max-width:1400px}.social-proof-header{margin-bottom:var(--ctb-space-16, 4rem)}.wa-chat-slider{gap:var(--ctb-space-16, 4rem)}.wa-phone{flex:0 0 400px;width:400px;max-width:400px;min-height:600px;border-radius:var(--ctb-radius-2xl, 1.5rem)}.wa-header{padding:var(--ctb-space-5, 1.25rem) var(--ctb-space-6, 1.5rem)}.wa-avatar{width:3.25rem;height:3.25rem}.wa-body,.wa-footer{padding:var(--ctb-space-5, 1.25rem) var(--ctb-space-6, 1.5rem)}.wa-input-box{min-height:3.25rem}.wa-mic-btn{width:3.25rem;height:3.25rem}}.social-proof-section.color-background-2{background:linear-gradient(180deg,var(--ctb-bg-light, #f8fafc) 0%,rgba(37,211,102,.04) 50%,var(--ctb-bg-light, #f8fafc) 100%)}@media(prefers-reduced-motion:reduce){.wa-slider-dot,.wa-phone,.wa-message{transition:none;animation:none}.wa-phone:hover{transform:none}.wa-chat-slider{scroll-behavior:auto}}[dir=rtl] .wa-header{flex-direction:row-reverse}[dir=rtl] .wa-back svg{transform:rotate(180deg)}[dir=rtl] .wa-message.incoming{margin-right:0;margin-left:auto}[dir=rtl] .wa-message.outgoing{margin-left:0;margin-right:auto}[dir=rtl] .wa-bubble-meta{flex-direction:row-reverse}
/*# sourceMappingURL=/cdn/shop/t/42/assets/section-social-proof.css.map */