details.catalog_filter_group > summary.catalog_filter_title { display: flex; align-items: center; justify-content: space-between; gap: .5rem; min-height: 28px; margin: 0; list-style: none; cursor: pointer; user-select: none; }
details.catalog_filter_group > summary.catalog_filter_title::-webkit-details-marker { display: none; }
details.catalog_filter_group > summary.catalog_filter_title::after { content: ""; flex: 0 0 auto; width: 5px; height: 5px; margin-right: 2px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; }
details.catalog_filter_group[open] > summary.catalog_filter_title { margin-bottom: .75rem; }
details.catalog_filter_group[open] > summary.catalog_filter_title::after { transform: rotate(-135deg) translateY(-2px); }
details.catalog_filter_group > summary.catalog_filter_title:hover { color: var(--color_1); }
details.catalog_filter_group > summary.catalog_filter_title:focus-visible { outline: 2px solid var(--color_1); outline-offset: 3px; border-radius: 4px; }

[data-catalog-results] { position: relative; }
[data-catalog-results][aria-busy="true"]::after { content: ""; position: absolute; inset: 0; z-index: 30; background: rgba(255, 255, 255, .6); cursor: progress; }
[data-catalog-results][aria-busy="true"]::before { content: ""; position: fixed; top: 50%; left: 50%; z-index: 31; width: 44px; height: 44px; margin: -22px 0 0 -22px; border: 4px solid rgba(0, 0, 0, .12); border-top-color: var(--primary-color); border-radius: 50%; animation: catalog-spin .8s linear infinite; }
@keyframes catalog-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { [data-catalog-results][aria-busy="true"]::before { animation-duration: 2s; } }

.catalog_subs { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: .75rem; margin: 0 0 1.25rem; }
.catalog_sub { display: flex; align-items: center; gap: .75rem; min-height: 66px; padding: .65rem .9rem; border: 1px solid #e2e4ea; border-radius: 12px; background: #fff; color: var(--color_1); transition: border-color .2s ease, box-shadow .2s ease; }
.catalog_sub:hover { border-color: var(--carryon-red); box-shadow: 0 4px 14px rgba(8, 25, 34, .08); color: var(--carryon-red); }
.catalog_sub__icon { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; background: var(--body); color: var(--carryon-red); }
.catalog_sub__icon svg { width: 22px; height: 22px; }
.catalog_sub__name { flex: 1 1 auto; min-width: 0; font-size: 15px; font-weight: 500; line-height: 1.3; }
.catalog_sub__count { flex: 0 0 auto; font-size: 13px; font-weight: 500; color: #6c7480; }