.bellarya-before-after{padding:clamp(36px,6vw,60px) 0;background:var(--bl-surface)}.bellarya-before-after .bl-section-heading{text-align:center;margin-bottom:clamp(20px,3vw,36px)}.bellarya-before-after .bl-section-heading h2{font-family:var(--bl-font-heading);font-size:clamp(1.75rem,4.5vw,3rem);font-weight:800;color:var(--bl-text);margin-bottom:12px;line-height:1.15}.bellarya-before-after .bl-section-heading p{font-family:var(--bl-font-body);font-size:clamp(.95rem,2vw,1.15rem);color:var(--bl-text-muted);max-width:560px;margin:0 auto}.bellarya-ba__slider{position:relative;max-width:700px;margin:0 auto;border-radius:var(--bl-radius-xl);overflow:hidden;box-shadow:var(--bl-shadow-xl);aspect-ratio:4 / 3;cursor:ew-resize;touch-action:none}.bellarya-ba__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.bellarya-ba__img--before{z-index:1;clip-path:inset(0 50% 0 0)}.bellarya-ba__img--after{z-index:0}.bellarya-ba__handle{position:absolute;top:0;bottom:0;left:50%;z-index:3;width:4px;background:#fff;transform:translate(-50%);box-shadow:0 0 10px #0003}.bellarya-ba__handle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border-radius:50%;box-shadow:0 4px 16px #00000026;display:flex;align-items:center;justify-content:center}.bellarya-ba__handle-btn svg{width:20px;height:20px;stroke:var(--bl-primary);stroke-width:2.5;fill:none}.bellarya-ba__label{position:absolute;top:20px;z-index:4;padding:6px 16px;background:#00000080;color:#fff;font-family:var(--bl-font-heading);font-weight:700;font-size:.75rem;border-radius:var(--bl-radius-full);letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bellarya-ba__label--before{left:20px}.bellarya-ba__label--after{right:20px}@media(max-width:767px){.bellarya-before-after{padding:clamp(24px,5vw,40px) 0}.bellarya-ba__slider{max-width:100%;border-radius:var(--bl-radius-lg)}.bellarya-ba__label{font-size:.65rem;padding:4px 12px;top:12px}.bellarya-ba__label--before{left:12px}.bellarya-ba__label--after{right:12px}.bellarya-ba__handle-btn{width:40px;height:40px}.bellarya-ba__handle-btn svg{width:16px;height:16px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-bellarya-before-after.css.map */