.new-compare-section{padding:80px 20px;position:relative;overflow:hidden}.compare-container{max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){.new-compare-section{padding:60px 20px}}@media (max-width: 480px){.new-compare-section{padding:50px 16px}}.compare-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media (max-width: 1024px){.compare-content-wrapper{gap:30px}}@media (max-width: 900px){.compare-content-wrapper{grid-template-columns:1fr;gap:40px}}.compare-images-area{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.compare-images-area{gap:16px}}@media (max-width: 480px){.compare-images-area{gap:12px}}.compare-image-box{position:relative;border-radius:16px;overflow:hidden;background:#0000000d;box-shadow:0 4px 20px #00000026;transition:all .3s ease}.compare-image-box:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0003}@media (max-width: 480px){.compare-image-box{border-radius:12px}}.compare-image-wrapper{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden}.compare-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.compare-image-box:hover .compare-image{transform:scale(1.05)}.compare-image-placeholder{width:100%;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.compare-label{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;padding:12px 16px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.compare-label span{font-size:14px;font-weight:700;color:#000;text-transform:lowercase;letter-spacing:.02em}@media (max-width: 640px){.compare-label{padding:10px 12px}.compare-label span{font-size:13px}}@media (max-width: 480px){.compare-label{padding:8px 10px}.compare-label span{font-size:12px}}.compare-text-area{display:flex;align-items:center;justify-content:center}@media (max-width: 900px){.compare-text-area{justify-content:center}}.compare-text-box{background:#fffffffa;border-radius:20px;padding:40px;box-shadow:0 8px 30px #00000026;max-width:500px;width:100%}@media (max-width: 1024px){.compare-text-box{padding:35px}}@media (max-width: 900px){.compare-text-box{max-width:600px}}@media (max-width: 640px){.compare-text-box{padding:30px;border-radius:16px}}@media (max-width: 480px){.compare-text-box{padding:24px}}.compare-title{font-size:28px;font-weight:700;line-height:1.2;margin:0 0 16px;color:#000}@media (max-width: 1024px){.compare-title{font-size:26px}}@media (max-width: 640px){.compare-title{font-size:24px;margin-bottom:14px}}@media (max-width: 480px){.compare-title{font-size:22px}}.compare-subtitle{font-size:15px;line-height:1.5;margin:0 0 28px;color:#333}@media (max-width: 640px){.compare-subtitle{font-size:14px;margin-bottom:24px}}@media (max-width: 480px){.compare-subtitle{font-size:13px}}.compare-stats-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}@media (max-width: 640px){.compare-stats-list{gap:18px;margin-bottom:24px}}.compare-stat-item{display:flex;flex-direction:column;gap:8px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1)}.compare-stat-item:last-child{border-bottom:none;padding-bottom:0}@media (max-width: 640px){.compare-stat-item{padding-bottom:18px}}.stat-percentage{font-size:24px;font-weight:900;color:#ff69b4;line-height:1}@media (max-width: 640px){.stat-percentage{font-size:22px}}@media (max-width: 480px){.stat-percentage{font-size:20px}}.stat-text{font-size:14px;line-height:1.6;color:#333}@media (max-width: 640px){.stat-text{font-size:13px}}@media (max-width: 480px){.stat-text{font-size:12px;line-height:1.5}}.compare-button-wrapper{margin-top:30px}@media (max-width: 640px){.compare-button-wrapper{margin-top:24px}}.compare-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff69b4,#ff1493);color:#fff;padding:14px 32px;border-radius:25px;font-size:15px;font-weight:700;text-decoration:none;text-transform:uppercase;transition:all .3s ease;box-shadow:0 4px 16px #ff14934d}.compare-button:hover{background:linear-gradient(135deg,#ff1493,#c71585);transform:translateY(-2px);box-shadow:0 6px 20px #ff149366}.compare-button:active{transform:translateY(0)}@media (max-width: 640px){.compare-button{padding:12px 28px;font-size:14px}}@media (max-width: 480px){.compare-button{padding:11px 24px;font-size:13px}}.new-compare-section:before,.new-compare-section:after{content:"";position:absolute;border-radius:50%;background:#ffffff0a;pointer-events:none}.new-compare-section:before{width:500px;height:500px;top:-150px;left:-150px}.new-compare-section:after{width:400px;height:400px;bottom:-100px;right:-100px}@media (max-width: 768px){.new-compare-section:before{width:350px;height:350px;top:-100px;left:-100px}.new-compare-section:after{width:300px;height:300px;bottom:-80px;right:-80px}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.compare-images-area{animation:fadeInLeft .6s ease-out}.compare-text-area{animation:fadeInRight .6s ease-out .2s backwards}.compare-stat-item{animation:fadeInRight .5s ease-out backwards}.compare-stat-item:nth-child(1){animation-delay:.3s}.compare-stat-item:nth-child(2){animation-delay:.4s}.compare-stat-item:nth-child(3){animation-delay:.5s}.compare-stat-item:nth-child(4){animation-delay:.6s}.compare-image-box:focus-within,.compare-button:focus-visible{outline:3px solid rgba(255,255,255,.6);outline-offset:4px}@media (prefers-contrast: high){.compare-image-box{border:2px solid rgba(0,0,0,.3)}.compare-text-box{border:2px solid rgba(0,0,0,.2)}.compare-stat-item{border-bottom-width:2px}}@media (prefers-reduced-motion: reduce){.compare-image-box:hover,.compare-button:hover{transform:none}.compare-image{transition:none}.compare-images-area,.compare-text-area,.compare-stat-item{animation:none}}@media print{.new-compare-section{padding:20px 10px}.new-compare-section:before,.new-compare-section:after{display:none}.compare-content-wrapper{grid-template-columns:1fr;gap:20px}.compare-image-box,.compare-text-box{box-shadow:none;border:1px solid #ddd}.compare-button{display:none}}.compare-image-wrapper.loading{position:relative}.compare-image-wrapper.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:4px solid rgba(255,182,217,.3);border-top-color:#ff69b4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.compare-text-box{transition:all .3s ease}.compare-text-box:hover{box-shadow:0 12px 40px #0003}.compare-label{transition:all .3s ease}.compare-image-box:hover .compare-label{background:#fff;padding:14px 16px}@media (max-width: 640px){.compare-image-box:hover .compare-label{padding:12px}}@media (max-width: 480px){.compare-image-box:hover .compare-label{padding:10px}}[dir=rtl] .compare-images-area{animation-name:fadeInRight}[dir=rtl] .compare-text-area{animation-name:fadeInLeft}.compare-title{color:#000;font-size:28px;line-height:1.1;margin-bottom:20px;font-weight:800;text-align:left;letter-spacing:-.5px}.heading-light{font-weight:700}.heading-bold{font-weight:800}.compare-description{font-size:16px;margin-bottom:25px;color:#333}.stat-percent{font-size:24px;font-weight:700;display:block}
/*# sourceMappingURL=/cdn/shop/t/24/assets/new-compare-section.css.map */