.native-catalog { margin-bottom: 48px; min-width: 0; }
.native-catalog-breadcrumb { padding: 20px 0; margin-bottom: 10px; border-bottom: 1px solid var(--border-color); font-size: 14px; }
.native-catalog-breadcrumb a { color: var(--text-color); text-decoration: none; }
.native-catalog-breadcrumb [aria-current] { color: var(--secondary-color); font-weight: 600; overflow-wrap: anywhere; }
.native-catalog .category-header-bar, .native-catalog .brand-header-card, .native-catalog .search-header-box { border-radius: 8px; }
.native-catalog-header, .native-catalog-heading { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.native-catalog-header { justify-content: space-between; }
.native-catalog-heading { min-width: 0; }
.native-catalog .category-title, .native-catalog .brand-title, .native-catalog .search-title { overflow-wrap: anywhere; letter-spacing: 0; }
.native-catalog .category-count { margin-left: 0; white-space: nowrap; }
.native-catalog-filters { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; max-width: 100%; }
.native-catalog-filters label { display: flex; align-items: center; gap: 8px; color: var(--text-color); font-size: 13px; min-width: 0; }
.native-catalog-filters .filter-select { width: auto; max-width: 200px; min-width: 0; font-size: 13px; height: 38px; }
.native-catalog-apply, .native-catalog-action { background: var(--primary-color); color: #fff; border: 0; border-radius: 6px; padding: 10px 16px; font-size: 14px; font-weight: 600; text-decoration: none; }
.native-catalog-apply { min-height: 38px; }
.native-catalog-action { display: inline-block; }
.native-catalog-action:hover { color: #fff; filter: brightness(.92); }
.native-catalog-products { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.native-catalog-search .native-catalog-products { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.native-catalog .brand-logo-box { border-radius: 8px; }
.native-catalog .search-title { font-size: 24px; }
.native-catalog-empty { grid-column: 1 / -1; background: #fff; text-align: center; border: 1px dashed var(--border-color); border-radius: 8px; padding: 48px 24px; }
.native-catalog-empty h2 { font-size: 21px; margin: 0 0 12px; }
.native-catalog-empty p { max-width: 620px; margin: 0 auto 24px; color: var(--text-color); overflow-wrap: anywhere; }
.native-catalog-empty .empty-state-icon { margin: 0 auto 20px; }
.native-catalog-pagination { margin-top: 36px; }
.native-catalog-pagination ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0; }
.native-catalog-pagination a, .native-catalog-pagination span { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 6px; background: #f1f5f9; color: #475569; text-decoration: none; font-weight: 600; }
.native-catalog-pagination .is-current, .native-catalog-pagination a:hover { background: var(--primary-color); color: #fff; }
.native-catalog-directory { display: grid; gap: 24px; }
.native-catalog-brands { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.native-catalog-categories { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.native-catalog-brand, .native-catalog-category { min-width: 0; background: #fff; border: 1px solid var(--border-color); border-radius: 8px; box-shadow: 0 1px 3px #0000000d; }
.native-catalog-brand { padding: 16px; text-align: center; text-decoration: none; color: var(--secondary-color); transition: transform .2s, box-shadow .2s; }
.native-catalog-brand:hover { transform: translateY(-4px); box-shadow: 0 8px 16px #00000014; }
.native-catalog-brand-media { height: 120px; display: grid; place-items: center; }
.native-catalog-brand-media img { max-width: 100%; max-height: 100px; object-fit: contain; }
.native-catalog-brand h2, .native-catalog-brand-media span { font-size: 16px; font-weight: 600; overflow-wrap: anywhere; margin: 0; }
.native-catalog-brand h2 { padding: 8px 0; }
.native-catalog-category { display: flex; flex-direction: column; }
.native-catalog-category header { padding: 24px; border-bottom: 1px solid #f1f5f9; }
.native-catalog-category h2 { font-size: 18px; margin: 0; }
.native-catalog-category h2 a { display: flex; align-items: baseline; gap: 12px; color: var(--secondary-color); text-decoration: none; overflow-wrap: anywhere; }
.native-catalog-category i { color: var(--primary-color); }
.native-catalog-subcategories { padding: 20px 24px; flex-grow: 1; }
.native-catalog-subcategories a { display: flex; align-items: baseline; gap: 10px; padding: 8px 0; color: var(--text-color); text-decoration: none; overflow-wrap: anywhere; font-size: 15px; }
.native-catalog-subcategories i { font-size: 10px; }
.native-catalog-subcategories p { font-size: 13px; color: var(--text-color); font-style: italic; margin: 0; }
.native-catalog-category footer { padding: 0 24px 24px; }
.native-catalog-category footer a { display: block; padding: 12px; border-radius: 6px; text-align: center; background: #f1f5f9; color: #475569; font-size: 14px; font-weight: 700; text-decoration: none; }
.native-catalog-category footer a:hover { background: var(--primary-color); color: #fff; }
.native-catalog a:focus-visible, .native-catalog button:focus-visible, .native-catalog select:focus-visible { outline: 2px solid var(--primary-color); outline-offset: 3px; }
@media (max-width: 1199px) {
    .native-catalog-search .native-catalog-products, .native-catalog-brands { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .native-catalog-header { align-items: flex-start; }
}
@media (max-width: 991px) {
    .native-catalog-products, .native-catalog-search .native-catalog-products, .native-catalog-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .native-catalog-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .native-catalog-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .native-catalog-filters label { display: grid; gap: 4px; }
    .native-catalog-filters .filter-select { width: 100%; max-width: none; }
    .native-catalog-apply { align-self: end; }
    .native-catalog .category-header-bar { gap: 16px; }
}
@media (max-width: 575px) {
    .native-catalog-products, .native-catalog-search .native-catalog-products, .native-catalog-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .native-catalog-categories { grid-template-columns: 1fr; gap: 16px; }
    .native-catalog .search-title { font-size: 21px; }
    .native-catalog .search-header-box { padding: 20px; }
    .native-catalog-empty { padding: 32px 18px; }
    .native-catalog-pagination ul { gap: 4px; }
    .native-catalog-pagination a, .native-catalog-pagination span { min-width: 32px; height: 36px; padding: 0 6px; }
}
@media (prefers-reduced-motion: reduce) {
    .native-catalog-brand { transition: none; }
}