.before-after-v3-section{width:100%;position:relative;overflow:hidden;z-index:1}.before-after-v3__container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:auto}.before-after-v3__badge{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border:1.5px solid;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:30px;transition:transform .3s ease;opacity:0;animation:fadeInUp .8s ease forwards}.before-after-v3__badge:hover{transform:scale(1.05)}.before-after-v3__badge-icon{font-size:16px}.before-after-v3__header{text-align:center;max-width:850px;margin:0 auto 50px;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.1s}.before-after-v3__heading{font-size:32px;font-weight:800;line-height:1.2;margin:0 0 24px;word-break:break-word}.before-after-v3__images-wrapper{display:flex;gap:40px;justify-content:center;align-items:flex-start;margin-bottom:50px;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.2s;width:100%}.before-after-v3__image-card{position:relative;flex:1;max-width:350px}.before-after-v3__image-container{width:100%;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #667eea26;background:#f0f0f0;transition:all .3s ease}.before-after-v3__image-card:hover .before-after-v3__image-container{transform:translateY(-4px);box-shadow:0 12px 32px #667eea40}.before-after-v3__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.before-after-v3__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#e5e7eb;color:#9ca3af;font-size:14px;font-weight:500;text-align:center;padding:20px}.before-after-v3__label{position:absolute;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:1px;z-index:4;text-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .3s ease;top:20px;left:20px;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.3s}.before-after-v3__caption{text-align:center;font-weight:400;font-size:16px;line-height:1.6;margin:0;opacity:0;animation:fadeInUp .8s ease forwards;animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.before-after-v3--visible .before-after-v3__badge{animation:fadeInUp .8s ease forwards}.before-after-v3--visible .before-after-v3__header{animation:fadeInUp .8s ease forwards;animation-delay:.1s}.before-after-v3--visible .before-after-v3__images-wrapper{animation:fadeInUp .8s ease forwards;animation-delay:.2s}.before-after-v3--visible .before-after-v3__label{animation:fadeInUp .8s ease forwards;animation-delay:.3s}.before-after-v3--visible .before-after-v3__caption{animation:fadeInUp .8s ease forwards;animation-delay:.4s}@media (min-width: 768px){.before-after-v3-section{padding:60px 40px!important}.before-after-v3__badge{padding:14px 32px;margin-bottom:35px}.before-after-v3__heading{font-size:40px;margin-bottom:28px}.before-after-v3__header{margin-bottom:50px}.before-after-v3__images-wrapper{gap:40px;margin-bottom:50px}.before-after-v3__image-card{max-width:350px}.before-after-v3__label,.before-after-v3__caption{font-size:16px}}@media (min-width: 1024px){.before-after-v3-section{padding:60px 40px!important}.before-after-v3__badge{padding:14px 34px;margin-bottom:40px}.before-after-v3__heading{font-size:42px;margin-bottom:20px}.before-after-v3__header{margin-bottom:50px}.before-after-v3__images-wrapper{gap:48px;margin-bottom:50px}.before-after-v3__image-card{max-width:400px}.before-after-v3__label{font-size:18px}.before-after-v3__caption{font-size:17px}}@media (max-width: 767px){.before-after-v3-section{padding:60px 24px!important}.before-after-v3__badge{font-size:13px;padding:12px 28px;margin-bottom:30px}.before-after-v3__badge-icon{font-size:16px}.before-after-v3__heading{font-size:32px;margin-bottom:24px}.before-after-v3__header{margin-bottom:40px}.before-after-v3__images-wrapper{flex-direction:column;gap:32px;margin-bottom:40px}.before-after-v3__image-card{max-width:280px;width:100%;margin:0 auto}.before-after-v3__image-container{border-radius:12px}.before-after-v3__label{font-size:14px;letter-spacing:.8px;top:16px;left:16px}.before-after-v3__caption{font-size:16px}}@media (prefers-reduced-motion: reduce){.before-after-v3__badge,.before-after-v3__header,.before-after-v3__images-wrapper,.before-after-v3__label,.before-after-v3__caption{animation:none;opacity:1}.before-after-v3__image-container{transition:none}.before-after-v3__image-card:hover .before-after-v3__image-container{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/before-after-v3.css.map */