.categories-directory-wrapper { max-width: 1320px; margin-inline: auto; padding-block: 0 70px; }
.categories-hero-bar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 28px; padding: 0 0 22px; border: 0; border-bottom: 1px solid #d9ded7; border-radius: 0; background: transparent; }
.categories-search-box { width: min(100%, 440px); }
.categories-stats-badge { background: transparent; border: 0; color: #59666f; font-weight: 650; }
.category-directory-card { display: flex; flex-direction: column; min-height: 100%; padding: 26px 28px 24px; border: 1px solid #dfe3dc; border-radius: 13px; background: #fffefa; box-shadow: none; }
.category-directory-card:hover { border-color: #aeb9a1; transform: none; box-shadow: none; }
.category-directory-header { display: grid; grid-template-columns: 52px minmax(0, 1fr) 36px; align-items: start; gap: 16px; padding: 0 0 22px; border-bottom: 1px solid #e8ebe5; }
.category-directory-header .category-icon-box { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid #dfe4da; border-radius: 11px; background: #f3f5ef; color: #202a31; }
.category-directory-header .category-icon-fa { color: #253132; font-size: 1.18rem; }
.category-directory-header .category-icon-img { width: 26px; height: 26px; object-fit: contain; }
.category-header-title { display: inline-block; margin-top: 2px; font-size: 1.22rem; font-weight: 750; line-height: 1.25; }
.category-header-meta { margin-top: 7px; color: #69747c; font-size: .76rem; }
.category-header-arrow { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #dfe4da; border-radius: 8px; color: #253132; }
.category-header-arrow:hover { border-color: #a8b699; background: #f1f5ea; }
.category-directory-body { flex: 1; padding: 20px 0 0; }
.category-subcat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 22px; }
.category-subcat-item { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 0; border: 0; background: transparent; color: #44515a; font-size: .8rem; }
.category-subcat-item:hover { color: #111820; text-decoration: underline; }
.category-subcat-item .subcat-left { min-width: 0; }
.category-subcat-item .subcat-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.category-subcat-item .subcat-dot { width: 4px; height: 4px; background: #8aa56a; }
.category-subcat-item .subcat-count { flex: none; min-width: 19px; padding: 2px 5px; border-radius: 4px; background: #edf0e9; color: #607069; text-align: center; font-size: .65rem; }
.categories-directory-wrapper a:focus-visible, .categories-directory-wrapper input:focus-visible { outline: 3px solid #719542; outline-offset: 3px; }
@media (max-width: 767px) { .categories-directory-wrapper { padding-block: 24px 50px; } .categories-hero-bar { flex-direction: column; align-items: stretch; } .categories-search-box { width: 100%; } .category-directory-card { padding: 21px; } }
@media (max-width: 480px) { .category-subcat-grid { grid-template-columns: 1fr; } .category-directory-header { grid-template-columns: 44px minmax(0, 1fr) 32px; gap: 12px; } .category-directory-header .category-icon-box { width: 44px; height: 44px; } }