.new-after-before{--nab-radius: 8px;--nab-gap: clamp(20px, 3vw, 40px);--nab-check: #2a9d5c;--nab-card-border: #eceef2;--nab-label-bg: #1a1a1a;--nab-accent: #5a7a9b}.new-after-before__header{width:100%;margin:0 auto clamp(20px,3vw,40px);text-align:center}.new-after-before__ornament{display:block;width:42px;height:10px;margin:0 auto 16px;border:1px solid var(--nab-accent);border-radius:2px}.new-after-before__heading{margin:0;text-transform:uppercase;letter-spacing:.04em;line-height:1.15}.new-after-before__layout{display:grid;gap:var(--nab-gap);align-items:stretch}@media only screen and (min-width:750px){.new-after-before__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.new-after-before__layout.is-reversed .new-after-before__compare{order:2}}.new-after-before__compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100%;border-radius:var(--nab-radius);overflow:hidden;background:var(--COLOR-BG, #fff)}.new-after-before__half{position:relative;min-height:220px}.new-after-before__half+.new-after-before__half{border-left:1px solid rgba(255,255,255,.65)}.new-after-before__half .image-wrapper,.new-after-before__half img{width:100%;height:100%;object-fit:cover}.new-after-before__half .image-wrapper{min-height:100%}.new-after-before__label{position:absolute;left:50%;bottom:16px;transform:translate(-50%);padding:6px 14px;border-radius:999px;background:var(--nab-label-bg);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap;z-index:1}.new-after-before__points{display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vw,28px);height:100%;padding:clamp(24px,4vw,40px);border:1px solid var(--nab-card-border);border-radius:var(--nab-radius);background:var(--COLOR-BG, #fff)}.new-after-before__point{display:flex;align-items:flex-start;gap:12px}.new-after-before__point-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;margin-top:2px;border-radius:50%;color:var(--nab-check)}.new-after-before__point-icon .icon{--icon-size: 12px;position:static;transform:none}.new-after-before__point-icon .icon path{stroke:currentColor}.new-after-before__point-text{margin:0;color:var(--text-light, #718096);line-height:1.55}.new-after-before__point-text p{margin:0}.new-after-before__point-text strong{color:var(--text, #1b2b4b);font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/34/assets/new-after-before.css.map */