.koko-ba{background-color:var(--kba-bg, #fdf5f5);color:var(--kba-text, #1a1a1a);padding:var(--kba-pad, 60px) 0}.koko-ba__inner{max-width:1200px;margin:0 auto;padding:0 20px}.koko-ba__heading{text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin:0 0 40px;color:var(--kba-text, #1a1a1a);line-height:1.3}.koko-ba__layout{display:flex;align-items:center;gap:32px}.koko-ba__col{flex:1;display:flex;flex-direction:column;gap:28px}.koko-ba__col--left,.koko-ba__col--right{text-align:left}.koko-ba__block{display:flex;flex-direction:column;gap:8px}.koko-ba__block-header{display:flex;align-items:center;gap:10px}.koko-ba__col--left .koko-ba__block-header,.koko-ba__col--right .koko-ba__block-header{justify-content:flex-start}.koko-ba__badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--kba-accent, #a05252);background:transparent;color:var(--kba-accent, #a05252);font-size:13px;font-weight:600;line-height:1;flex-shrink:0}.koko-ba__block-title{font-size:1rem;font-weight:600;color:var(--kba-accent, #a05252);line-height:1.3}.koko-ba__block-desc{font-size:.875rem;line-height:1.6;color:var(--kba-text, #1a1a1a);margin:0}.koko-ba__image-col{flex:1.2;min-width:0}.koko-ba__slider-wrap{position:relative;overflow:hidden;border-radius:var(--kba-radius, 12px);user-select:none;-webkit-user-select:none;line-height:0;cursor:col-resize;container-type:inline-size}.koko-ba__base{display:block;width:100%}.koko-ba__base img,.koko-ba__base svg{display:block;width:100%;height:auto;object-fit:cover}.koko-ba__overlay{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden}.koko-ba__overlay img,.koko-ba__overlay svg{display:block;width:100%;height:100%;object-fit:cover;min-width:0;position:absolute;top:0;left:0}.koko-ba__slider-wrap .koko-ba__overlay img,.koko-ba__slider-wrap .koko-ba__overlay svg{width:100cqi}.koko-ba__divider{position:absolute;top:0;left:50%;width:3px;height:100%;background:#fff;transform:translate(-50%);z-index:3;cursor:col-resize;box-shadow:0 0 6px #00000040}.koko-ba__divider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;color:var(--kba-accent, #a05252)}.koko-ba__divider-handle svg{width:18px;height:18px}.koko-ba__label{position:absolute;bottom:12px;z-index:4;display:inline-flex;align-items:center;gap:4px;background:#ffffffd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--kba-text, #1a1a1a);pointer-events:none;transition:opacity .15s ease}.koko-ba__label svg{width:12px;height:12px;flex-shrink:0}.koko-ba__label--after{left:12px}.koko-ba__label--before{right:12px}@media(max-width:768px){.koko-ba__layout{flex-direction:column;gap:24px}.koko-ba__col--left,.koko-ba__col--right{text-align:center}.koko-ba__col--left .koko-ba__block-header,.koko-ba__col--right .koko-ba__block-header{justify-content:center}.koko-ba__image-col{order:-1;width:100%}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/koko-before-after.css.map */