.tp-before-after{padding:72px 32px;background:var(--tp-color-bg)}.tp-before-after__container{max-width:880px;margin:0 auto;text-align:center}.tp-before-after__title{font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.02em;color:var(--tp-color-dark);margin:12px 0 10px}.tp-before-after__intro{max-width:560px;margin:0 auto 26px;font-size:15.5px;line-height:1.6;color:var(--tp-color-text-muted)}.tp-ba__tabs{display:inline-flex;gap:4px;padding:4px;margin:0 auto 22px;background:var(--tp-color-white);border:1px solid var(--tp-color-border);border-radius:100px;box-shadow:var(--tp-shadow-soft)}.tp-ba__tab{padding:10px 20px;border:0;border-radius:100px;background:transparent;color:var(--tp-color-dark);font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background var(--tp-transition-fast),color var(--tp-transition-fast)}.tp-ba__tab:hover{background:var(--tp-color-bg-soft)}.tp-ba__tab.is-active,.tp-ba__tab[aria-selected=true]{background:var(--tp-color-dark);color:var(--tp-color-white)}.tp-ba__tab:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:2px}.tp-ba__panel[hidden]{display:none}.tp-ba__figure{margin:0}.tp-ba__media{position:relative;aspect-ratio:16 / 9;border-radius:20px;overflow:hidden;background:var(--tp-color-bg-soft);border:1px solid var(--tp-color-border);box-shadow:var(--tp-shadow-soft)}.tp-ba__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.tp-ba__label{position:absolute;bottom:14px;padding:6px 13px;border-radius:100px;background:#1e1b188c;color:var(--tp-color-white);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:none}.tp-ba__label--before{left:14px}.tp-ba__label--after{right:14px;background:#b07a45d9}.tp-ba__caption{margin-top:18px}.tp-ba__benefit{margin:0;font-size:15px;line-height:1.5;color:var(--tp-color-dark)}.tp-ba__benefit strong{font-weight:800}.tp-ba__link{display:inline-block;margin-top:8px;font-size:14px;font-weight:700;color:var(--tp-color-accent);text-decoration:none}.tp-ba__link:hover{text-decoration:underline}.tp-ba__link:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:3px;border-radius:4px}.tp-ba__note{margin:18px 0 0;font-size:12px;color:var(--tp-color-text-muted)}@media(max-width:560px){.tp-before-after{padding:56px 20px}.tp-before-after__intro{margin-bottom:20px}.tp-ba__tabs{display:flex;width:100%}.tp-ba__tab{flex:1;padding:11px 8px;font-size:13px;white-space:normal}.tp-ba__media{border-radius:16px}.tp-ba__label{bottom:10px;padding:5px 10px;font-size:11px}.tp-ba__label--before{left:10px}.tp-ba__label--after{right:10px}.tp-ba__benefit{font-size:14px}}@media(prefers-reduced-motion:reduce){.tp-ba__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toudoupet-before-after.css.map */