.ba-section{width:100%;max-width:100%;min-width:0;box-sizing:border-box;border-radius:var(--border-radius, 20px);padding:30px 30px 60px;background:var(--color-secondary-bg);overflow:hidden}.ba-header{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.ba-heading{margin:0;min-width:0;max-width:100%}.ba-arrows{display:flex;align-items:center;gap:8px;flex-shrink:0}.ba-arrows .ba-arrow{position:relative;inset:auto;width:4rem;height:4rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--arrows-border-radius, 50%);border:1px solid var(--arrows-text);background:var(--arrows-bg);cursor:pointer;z-index:2;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.ba-arrows .ba-arrow:after{display:none}.ba-arrows .ba-arrow svg{width:12px;height:12px;flex-shrink:0}.ba-arrow.ba-arrow--next:hover,.ba-arrow.ba-arrow--prev:hover{background:var(--arrows-hover-bg)}.ba-arrow.ba-arrow--prev:hover svg path,.ba-arrow.ba-arrow--next:hover svg path{fill:var(--arrows-hover-text)}.ba-swiper{width:100%;max-width:100%;min-width:0;overflow:hidden}.ba-swiper .swiper-wrapper{width:100%;max-width:100%;min-width:0}.ba-slide.swiper-slide{width:100%;max-width:100%;min-width:0;height:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,1vw,40px);align-items:stretch;box-sizing:border-box}.ba-slide>*{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.ba-compare{position:relative;display:block;width:100%;max-width:100%;min-width:0;aspect-ratio:var(--ba-ratio, 4 / 3);overflow:hidden;border-radius:var(--border-radius, 20px);--ba-pos: 50%;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;box-sizing:border-box}.ba-compare__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;min-width:0;overflow:hidden}.ba-compare__media img,.ba-compare__media svg{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.ba-compare__media--before{clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.ba-label{position:absolute;top:20px;z-index:3;padding:5px 12px;border-radius:100px;background:var(--color-highlight-secondary);color:var(--color-highlight);font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.02em;pointer-events:none;white-space:nowrap}.ba-label--before{left:12px}.ba-label--after{right:12px}.ba-compare__line{position:absolute;top:0;bottom:0;left:var(--ba-pos);width:4px;background:#fff;transform:translate(-50%);z-index:2;pointer-events:none}.ba-compare__knob{position:absolute;top:50%;left:var(--ba-pos);transform:translate(-50%,-50%);z-index:4;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;color:#2b2b2b;box-shadow:0 1px 6px #00000040;cursor:ew-resize;flex-shrink:0}.ba-compare__knob:focus-visible{outline:2px solid #fff;outline-offset:3px}.ba-product{width:100%;max-width:100%;min-width:0;min-height:100%;display:flex;align-items:center;justify-content:center;padding:clamp(20px,2.5vw,48px);border-radius:var(--border-radius, 20px);box-sizing:border-box;overflow:hidden}.ba-product__card{width:100%;max-width:350px;min-width:0;margin:0 auto;box-sizing:border-box}.ba-product__empty{width:100%;max-width:350px;text-align:center}.ba-product__empty-img{width:100%;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:12px}.ba-product__empty-img svg{display:block;width:100%;height:auto}.ba-product__empty p{margin:4px 0 0}.ba-product .product-card,.ba-product .card,.ba-product .product-card-wrapper,.ba-product .card-wrapper,.ba-product .product-information,.ba-product .product-card__content{max-width:100%;min-width:0;box-sizing:border-box}.ba-product img{max-width:100%}@media screen and (min-width:1440px){.ba-section{padding-left:36px;padding-right:36px}.ba-slide.swiper-slide{gap:clamp(24px,1vw,36px)}.ba-product{padding:clamp(28px,2.5vw,44px)}}@media screen and (min-width:1780px){.ba-section{width:100%;max-width:100%;padding-left:40px;padding-right:40px}.ba-slide.swiper-slide{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,1vw,48px)}.ba-product{padding:clamp(32px,2.5vw,56px)}.ba-product__card{width:100%;max-width:380px}}@media screen and (min-width:2200px){.ba-slide.swiper-slide{gap:48px}.ba-product__card{max-width:420px}}@media screen and (min-width:2600px){.ba-section{padding-left:48px;padding-right:48px}.ba-slide.swiper-slide{gap:56px}.ba-product{padding-left:60px;padding-right:60px}.ba-product__card{max-width:440px}}@media screen and (max-width:989px){.ba-section{padding:24px 24px 40px}.ba-slide.swiper-slide{gap:20px}.ba-product{padding:24px}.ba-product__card{max-width:350px}}@media screen and (max-width:767px){.ba-section{padding:25px}.ba-header{gap:12px;margin-bottom:14px}.ba-arrows{gap:6px}.ba-arrows .ba-arrow{width:3.4rem;height:3.4rem}.ba-slide.swiper-slide{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);gap:18px}.ba-compare{width:100%;max-width:100%;aspect-ratio:var(--ba-ratio, 4 / 3)}.ba-product{width:100%;max-width:100%;padding:24px 16px}.ba-product__card{width:100%;max-width:300px}}@media screen and (max-width:480px){.ba-section{padding:20px;border-radius:var(--border-radius, 16px)}.ba-header{align-items:center;gap:10px;margin-bottom:12px}.ba-arrows .ba-arrow{width:3rem;height:3rem}.ba-arrows .ba-arrow svg{width:10px;height:10px}.ba-slide.swiper-slide{gap:14px}.ba-product{padding:20px 12px}.ba-label{top:12px;padding:4px 9px;font-size:11px}.ba-label--before{left:10px}.ba-label--after{right:10px}.ba-compare__knob{width:36px;height:36px}.ba-compare__line{width:3px}.ba-product__card{width:100%;max-width:250px}}@media screen and (max-width:360px){.ba-section{padding:15px}.ba-product{padding:16px 10px}.ba-header{gap:8px}.ba-arrows .ba-arrow{width:2.8rem;height:2.8rem}}.ba-section,.ba-section *,.ba-swiper,.ba-swiper *,.ba-slide{box-sizing:border-box}.ba-section,.ba-swiper{overflow-x:hidden}.ba-slide{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/24/assets/before-after-product.css.map */