/* FitVault — shared mobile tap-target floor (WCAG 2.5.5: >=44x44 CSS px)
   Loaded only at <=768px so it cannot change desktop rendering.
   Per-page <style> rules stay the base layer; this file overrides on mobile only. */
@media (max-width: 768px) {
    .nav-link, .nav-links a {
        min-height: 44px;
        padding: 12px 14px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
    }
    .nav-cta, .shop-cta, .hero-cta-row a, .btn-primary, .cta-button {
        min-height: 44px;
        padding: 12px 24px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .cart-link {
        min-height: 44px;
        padding: 0 12px;
        display: inline-flex;
        align-items: center;
    }
    .filter-btn {
        min-height: 44px;
        padding: 10px 18px;
    }
    .dp-buy-btn, .bundle-buy, .schedule-cta, .class-cta {
        min-height: 44px;
        padding: 12px 22px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .product-card {
        min-height: 44px;
        box-sizing: border-box;
    }
    .footer-links a, .store-footer .footer-links a {
        min-height: 44px;
        padding: 12px 8px;
        box-sizing: border-box;
        display: inline-flex;
        align-items: center;
    }
    button.btn, a.btn {
        min-height: 44px;
    }
    a[style*="padding"], button[style*="padding"] {
        min-width: 44px;
        min-height: 44px;
        box-sizing: border-box;
    }
}