.before-after-product-section{width:100%;position:relative;box-sizing:border-box}.before-after-product__card-prices{display:flex;align-items:center;gap:8px}.before-after-product__card-compare-price{text-decoration:line-through;opacity:.55;font-weight:500}.before-after-product__card-price--sale{color:#d90429}.before-after-product__container{max-width:1300px;margin:0 auto;padding-left:5rem;padding-right:5rem;box-sizing:border-box}.before-after-product__main-heading{font-size:42px;font-weight:800;color:#111;line-height:1.1;margin:0 0 20px;letter-spacing:-.02em}.before-after-product__slides{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;width:100%}.before-after-product__slide{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;height:auto;overflow:hidden;transition:opacity var(--transition-speed, .4s) ease,visibility var(--transition-speed, .4s) ease}.before-after-product__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;overflow:visible}.before-after-product__grid{display:grid;grid-template-columns:.9fr 2.1fr;gap:24px;align-items:stretch}.before-after-product__left{display:flex;flex-direction:column;justify-content:flex-end}.before-after-product__category{font-size:18px;font-weight:600;color:#111;margin-bottom:12px}.before-after-product__card{background-color:#fffcf481;padding:24px;border-radius:4px;display:flex;flex-direction:column;justify-content:space-between;flex:0 0 auto}.before-after-product__card-media{width:100%;aspect-ratio:1 / 1;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.before-after-product__card-media img{width:100%;height:100%;object-fit:contain;display:block}.before-after-product__card-info{display:flex;flex-direction:column;gap:12px}.before-after-product__card-row{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;color:#111}.before-after-product__form{margin:0;width:100%}.before-after-product-section .before-after-product__add-btn{background-color:#262a2d!important;color:#fff!important;border:none!important;width:100%!important;padding:12px 16px!important;font-size:14px!important;font-weight:500!important;cursor:pointer;border-radius:2px!important;text-align:center;text-transform:none!important;letter-spacing:0!important;transition:background-color .2s ease}.before-after-product-section .before-after-product__add-btn:hover{background-color:#000!important}.before-after-product__desktop-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.before-after-product__media-box{width:100%;height:600px;border-radius:4px;overflow:hidden;background-color:#e2d170;position:relative}.before-after-product__media-box img{width:100%;height:100%;object-fit:cover;display:block}.before-after-product__label{position:absolute;top:16px;padding:6px 14px;background-color:#111111bf;color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:30px;z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.before-after-product__label--before{left:16px}.before-after-product__label--after{right:16px}.before-after-product__navigation{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.before-after-product__dots{display:flex;align-items:center;gap:10px}.before-after-product__dot{width:10px;height:10px;border-radius:50%;border:1.5px solid #111111;background-color:transparent;display:inline-block;cursor:pointer}.before-after-product__dot.is-active{background-color:#111}.before-after-product__arrows{display:flex;align-items:center;gap:12px}.before-after-product__arrow{width:36px;height:36px;border-radius:50%;border:1.5px solid #111111;background:transparent;display:flex;align-items:center;justify-content:center;color:#111;cursor:pointer;transition:background-color .2s ease,color .2s ease}.before-after-product__arrow:hover{background-color:#111;color:#fff}.before-after-product__interactive-container{display:none}@media(max-width:989px){.before-after-product__main-heading{font-size:38px}.before-after-product__card-media{max-height:250px}.before-after-product__grid{grid-template-columns:1fr;gap:20px}.before-after-product__desktop-images{display:none}.before-after-product__interactive-container{display:block;width:100%}.before-after-product__compare-wrapper{position:relative;width:100%;height:480px;border-radius:6px;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}.before-after-product__compare-item{position:absolute;top:0;left:0;width:100%;height:100%}.before-after-product__compare-item img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.before-after-product__compare-item--before{z-index:2;clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.before-after-product__compare-item--after{z-index:1}.before-after-product__compare-handle{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:0;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.before-after-product__compare-line{position:absolute;top:0;bottom:0;left:-1px;width:2px;background-color:#fff;box-shadow:0 0 6px #00000040}.before-after-product__handle-node{width:20px;height:20px;border-radius:50%;background-color:#fff;color:#666;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d;z-index:5;position:absolute;left:50%;transform:translate(-50%)}.before-after-product__handle-node--top{top:-2px}.before-after-product__handle-node--bottom{bottom:-2px}.before-after-product__compare-pill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:48px;border-radius:24px;background-color:#fff;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:5}.before-after-product__compare-pill span{width:2px;height:14px;background-color:#888;border-radius:1px;display:inline-block}}@media(max-width:767px){.before-after-product__container{padding-left:3.8rem;padding-right:3.8rem}.before-after-product__main-heading{font-size:30px}.before-after-product__compare-wrapper{height:380px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-before-after-with-product.css.map */