.before-after{position:relative;min-height:50vh;display:flex;align-items:center;padding:70px 0 80px;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}.before-after>.page-width{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}.ba__eyebrow{font-family:Montserrat,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:#fff;margin:0 0 14px}.ba__heading{font-family:Montserrat,sans-serif;font-size:clamp(2rem,3.6vw,3.2rem);font-weight:700;line-height:1.15;color:#f5f0e8;margin:0 0 16px}.ba__heading em{color:#daa520}.ba__subheading{font-family:Montserrat,sans-serif;font-size:1.05rem;color:#fff;max-width:580px;margin:0 auto 52px;line-height:1.7}.ba__sliders-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:52px}.ba__slider-wrap{border-radius:18px;overflow:hidden;background:#f7f5f2;box-shadow:0 4px 24px #0003,0 1px 4px #0000001a}.ba__slider{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;cursor:col-resize;user-select:none;-webkit-user-select:none;border-radius:18px}.ba__slider.ba--dragging{cursor:grabbing}.ba__layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ba__layer img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ba__layer--after{z-index:1}.ba__layer--before{z-index:2;clip-path:inset(0 50% 0 0);will-change:clip-path}.ba__handle{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);z-index:10;width:2px;background:#ffffffeb;box-shadow:0 0 6px #00000038;pointer-events:none;will-change:left}.ba__handle-line{display:none}.ba__handle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0;box-shadow:0 2px 14px #00000047,0 0 0 3px #ffffff8c;pointer-events:none;cursor:col-resize}.ba__handle-btn svg{width:15px;height:15px;color:#2d5a35;flex-shrink:0}.ba__label{position:absolute;bottom:14px;z-index:8;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:5px 16px;border-radius:999px;background:#ffffffe0;color:#2a2a2a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000024;pointer-events:none}.ba__label--before{left:14px}.ba__label--after{right:14px}.ba__cta{text-align:center}.ba__btn{display:inline-block;padding:15px 50px;background:linear-gradient(135deg,#3a7d44,#2d6236);color:#f5f0e8;font-family:Montserrat,sans-serif;font-size:.88rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border-radius:999px;border:1px solid rgba(255,255,255,.18);transition:all .28s ease;box-shadow:0 4px 20px #00000047}.ba__btn:hover{background:linear-gradient(135deg,#4d9c5a,#3a7d44);transform:translateY(-2px);box-shadow:0 10px 32px #0000005c;color:#fff}@media screen and (max-width:800px){.ba__sliders-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}@media screen and (max-width:560px){.before-after{padding:56px 0 64px;margin-top:40px}.ba__eyebrow{padding-top:32px;display:block}.ba__cta{padding-bottom:32px}.ba__heading{font-size:1.9rem}.ba__handle-btn{width:38px;height:38px}.ba__handle-btn svg{width:12px;height:12px}.ba__label{font-size:.7rem;padding:4px 12px}.ba__btn{padding:13px 34px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/before-after.css.map */