.before-after-cards{padding-top:var(--bac-padding-top, 80px);padding-bottom:var(--bac-padding-bottom, 80px)}.before-after-cards__head{text-align:center;max-width:680px;margin-inline:auto;margin-bottom:48px}.before-after-cards__eyebrow{text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.before-after-cards__heading{text-wrap:balance;margin-bottom:16px}.before-after-cards__intro{color:var(--surface-muted);max-width:62ch;margin-inline:auto;margin-bottom:0;line-height:1.6}.before-after-cards__cta{display:flex;justify-content:center;margin-top:48px}.before-after-card{display:flex;flex-direction:column;border-radius:var(--card-radius, 8px);border:1px solid var(--surface-hairline);overflow:hidden;height:100%}.before-after-card__media{position:relative;width:100%;overflow:hidden;flex-shrink:0}.before-after-card__img{width:100%;height:100%;object-fit:cover;display:block}.before-after-card__placeholder-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--placeholder-bg, #f5f2ee)}.before-after-card__placeholder-svg{width:55%;max-width:110px;opacity:.22}.before-after-card__category{position:absolute;bottom:14px;left:16px;background:var(--surface-accent);color:var(--surface-on-accent);font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:5px 12px 6px;border-radius:100px;line-height:1;pointer-events:none}.before-after-card__body{display:flex;flex:1;align-items:stretch}.before-after-card__col{flex:1;display:flex;flex-direction:column;gap:8px;padding:16px 16px 24px}.before-after-card__sep{flex-shrink:0;width:1px;background:color-mix(in srgb,var(--surface-accent) 22%,transparent);align-self:stretch}.before-after-card__col-label{text-transform:uppercase;letter-spacing:.09em;font-weight:700;line-height:1;margin:0}.before-after-card__col--before .before-after-card__col-label{color:var(--surface-muted)}.before-after-card__col--after .before-after-card__col-label{color:var(--surface-accent)}.before-after-card__problem{font-style:italic;line-height:1.45;margin:0}.before-after-card__solution{font-weight:600;line-height:1.35;margin:0}@media(max-width:374px){.before-after-card__body{flex-direction:column}.before-after-card__sep{width:100%;height:1px}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/before-after-cards.css.map */