/* Registration states carry the counts once, with a clear selected state. */
body .catalog-page .catalog-tabs{gap:10px}
body .catalog-page .catalog-tabs>a{min-height:48px;box-sizing:border-box;gap:12px;padding:10px 18px;border:1px solid #e9edf3;border-radius:12px;background:#f6f8fb;color:#526172;font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s}
body .catalog-page .catalog-tabs>a>span{min-width:24px;font-size:18px;font-weight:800;color:#526172;line-height:1.2;font-variant-numeric:tabular-nums;text-align:center}
body .catalog-page .catalog-tabs>a.active{border-color:#ed0019;background:linear-gradient(135deg,#ed0019,#ff3148);color:#fff;box-shadow:0 4px 10px #ed00191c}
body .catalog-page .catalog-tabs>a.active>span{color:#fff}
body .catalog-page .catalog-tabs>a:focus-visible{outline:2px solid #ed0019;outline-offset:3px}
body.mobile .catalog-page .catalog-filter-toolbar{gap:7px;align-items:center}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs{gap:5px}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a{height:60px;min-height:60px;padding:7px 0;gap:5px;font-size:12px;line-height:17px;border-radius:10px}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a>span{font-size:18px;line-height:20px}
body.mobile .catalog-page .catalog-filter-toggle{width:32px;height:44px;background:#fff5f6;border-color:#ffd5dc;color:#e60012}
body.mobile .catalog-page .catalog-filter-toggle[aria-expanded="true"]{background:#e60012;color:#fff}
@media(max-width:340px){body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs{gap:3px}body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a{font-size:11px}body.mobile .catalog-page .catalog-filter-toolbar{gap:5px}body.mobile .catalog-page .catalog-filter-toggle{width:29px}}
@media(prefers-reduced-motion:reduce){body .catalog-page .catalog-tabs>a{transition:none}}
/* Mobile states have individual accents; the filter opens from the heading. */
body.mobile .catalog-page .catalog-filter-toolbar{display:block}
body.mobile .catalog-page .catalog-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-3px 0 10px;padding-left:2px}
body.mobile .catalog-page .catalog-filter-heading>span{font-size:12px;font-weight:600;color:#7c8796}
body.mobile .catalog-page .catalog-filter-heading .catalog-filter-toggle{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;height:30px;padding:0 10px;border:1px solid #f7dce1;border-radius:16px;background:#fff7f8;color:#df001b;font-size:12px;font-weight:700}
body.mobile .catalog-page .catalog-filter-heading .catalog-filter-toggle .ui-icon{width:14px;height:14px}
body.mobile .catalog-page .catalog-filter-heading .catalog-filter-toggle i{width:5px;height:5px;margin:0 1px 3px 2px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
body.mobile .catalog-page .catalog-filter-heading .catalog-filter-toggle[aria-expanded="true"]{background:#ed0019;color:#fff;border-color:#ed0019}
body.mobile .catalog-page .catalog-filter-heading .catalog-filter-toggle[aria-expanded="true"] i{margin-bottom:0;transform:rotate(225deg)}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs{gap:7px}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a{--state:#ed0019;--state-soft:#fff1f3;--state-edge:#ffe0e5;border-color:var(--state-edge);background:var(--state-soft);color:var(--state);height:64px;min-height:64px;border-radius:12px}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a[href*="registration_status=ongoing"]{--state:#078460;--state-soft:#edf9f4;--state-edge:#d5eee2}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a[href*="registration_status=not-started"]{--state:#2375dd;--state-soft:#eff5ff;--state-edge:#dce8fb}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a[href*="registration_status=ended"]{--state:#bc6c13;--state-soft:#fff7ec;--state-edge:#f6e5cb}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a>span{color:var(--state);font-size:19px}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a.active{background:var(--state);border-color:var(--state);color:#fff;box-shadow:0 3px 8px #25334b12}
body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs>a.active>span{color:#fff}
@media(max-width:340px){body.mobile .catalog-page .catalog-filter-toolbar .catalog-tabs{gap:5px}}