.section-ab-compat{padding:64px 0}.ab-compat__header{max-width:640px;margin:0 auto 28px;text-align:center}.ab-compat__number{font-size:13px;font-weight:700;letter-spacing:.08em;opacity:.5;margin:0 0 8px}.ab-compat__kicker{font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#c81e14;margin:0 0 10px}.ab-compat__headline{font-size:clamp(24px,3.4vw,38px);line-height:1.2;font-weight:700;margin:0 0 12px;letter-spacing:-.01em}.ab-compat__subcopy{font-size:15px;line-height:1.55;color:#666;margin:0}.ab-compat__toggle-wrap{display:flex;justify-content:center;margin-bottom:24px}.ab-compat__toggle{display:flex;width:100%;max-width:360px;background:#eee;border-radius:999px;padding:4px;gap:4px}.ab-compat__toggle-btn{flex:1 1 50%;border:none;background:transparent;padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#777;cursor:pointer;border-radius:999px;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.ab-compat__toggle-btn.is-active{background:#111;color:#fff;box-shadow:0 2px 8px #00000026}@media screen and (min-width:750px){.ab-compat__toggle{width:auto;max-width:none}.ab-compat__toggle-btn{flex:0 0 auto;padding:12px 32px;font-size:13px}}.ab-compat__stage{max-width:1040px}.ab-compat__panel{display:none;position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4 / 3;background:#f2f2f0;box-shadow:0 12px 32px #00000014}.ab-compat__panel.is-active{display:block}.ab-compat__panel img{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:750px){.ab-compat__panel{aspect-ratio:16 / 9}}.ab-compat__callout{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}.ab-compat__callout-dot{width:12px;height:12px;border-radius:50%;background:#c81e14;border:2px solid #fff;box-shadow:0 0 0 3px #c81e1459;flex-shrink:0}.ab-compat__callout-label{background:#111;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:4px;max-width:220px;white-space:normal;line-height:1.35}.ab-compat__callout--up{flex-direction:column}.ab-compat__callout--up .ab-compat__callout-label{order:-1;margin-bottom:4px}.ab-compat__callout--down{flex-direction:column}.ab-compat__callout--down .ab-compat__callout-label{margin-top:4px}.ab-compat__callout--left{flex-direction:row-reverse}.ab-compat__callout--right{flex-direction:row}@media screen and (max-width:480px){.ab-compat__callout-label{font-size:11px;max-width:150px;padding:5px 9px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-compat-autobike.css.map */