/* Reference layout: categories, series/brands, then search. */
#catalog-app .catalog-main { padding:112px 0 64px; }
#catalog-app .catalog-filters { display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px; padding:0 0 18px; margin:0; border:0; border-bottom:1px solid #b9cbd225; }
#catalog-app .catalog-filters .catalog-category { flex:0 0 auto; min-width:0; min-height:44px; padding:10px 18px; border:1px solid #8fa5b334; border-radius:999px; background:transparent; color:#bac6cc; font-size:13px; line-height:1.5; white-space:nowrap; transition:background-color .18s,color .18s,border-color .18s; }
#catalog-app .catalog-filters .catalog-category:hover { background:#ffffff08; border-color:#b9cbd260; color:#eee; }
#catalog-app .catalog-filters .catalog-category.is-active { background:#e9e6de; border-color:#e9e6de; color:#17252e; }
#catalog-app .catalog-secondary { position:relative; display:flex; align-items:flex-start; gap:24px; max-width:100%; min-width:0; margin:0; padding:12px 0 0; border-bottom:1px solid #b9cbd225; }
#catalog-app .secondary-label { flex-shrink:0; display:flex; align-items:center; min-height:44px; color:#8198a5; font-size:12px; line-height:1.5; }
#catalog-app .secondary-tabs { display:flex; flex-wrap:wrap; align-items:flex-start; gap:0 20px; min-width:0; }
#catalog-app .secondary-tab { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:10px 0; border:0; background:transparent; color:#aabcc6; font-size:12px; line-height:1.5; white-space:nowrap; }
#catalog-app .secondary-tab:hover { color:#ede9e1; }
#catalog-app .secondary-tab.is-active { color:#e2c89e; }
#catalog-app .secondary-tab.is-active::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#d7bd92; }
#catalog-app .secondary-more { position:static; }
#catalog-app .secondary-more-toggle > svg { width:14px; height:14px; transition:transform .18s; }
#catalog-app .secondary-more-toggle[aria-expanded="true"] > svg { transform:rotate(180deg); }
#catalog-app .secondary-more-panel { position:absolute; right:0; top:calc(100% + 10px); z-index:30; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:360px; max-width:calc(100vw - 40px); max-height:320px; padding:10px; overflow-y:auto; border:1px solid #8fa5b33d; border-radius:12px; background:#1a2933; box-shadow:0 16px 48px #0005; }
#catalog-app .secondary-more-panel button { min-width:0; min-height:44px; padding:10px 12px; border-radius:6px; text-align:left; color:#b9c9d1; font-size:12px; line-height:1.5; }
#catalog-app .secondary-more-panel button:hover { background:#ffffff0a; color:#eee; }
#catalog-app .secondary-more-panel button.is-active { background:#ffffff0d; color:#e2c89e; }
#catalog-app .catalog-search-row { display:flex; align-items:center; justify-content:space-between; gap:24px; margin:20px 0 24px; }
#catalog-app .catalog-search { display:flex; align-items:center; gap:12px; width:480px; max-width:100%; min-width:0; min-height:46px; margin:0; padding:0 16px; background:#1a2730; border:1px solid #a8c0cc30; border-radius:10px; transition:border-color .18s,box-shadow .18s; }
#catalog-app .catalog-search > svg { width:18px; height:18px; flex-shrink:0; color:#93a7b2; }
#catalog-app .catalog-search input { flex:1; min-width:0; width:100%; padding:12px 0; border:0; border-radius:0; background:transparent; color:var(--text); font:inherit; font-size:13px; line-height:1.5; }
#catalog-app .catalog-search input::placeholder { color:#8fa3ae; }
#catalog-app .catalog-search input:focus-visible { outline:none; }
#catalog-app .catalog-search:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px #d7bd921a; }
#catalog-app .catalog-results { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px 20px; margin:0; color:#93a9b5; font-size:12px; line-height:1.5; }
#catalog-app .catalog-specific-scope { color:#c6d0d5; }
#catalog-app .catalog-reset { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:8px 0; color:#c5cdd0; font-size:12px; }
#catalog-app .catalog-reset:hover { color:var(--accent); }
#catalog-app .catalog-reset > svg { width:14px; height:14px; }
@media (max-width:1023px) { #catalog-app .catalog-main { padding-top:130px; } }
@media (max-width:767px) {
 #catalog-app .catalog-main { padding:126px 0 40px; }
 #catalog-app .catalog-filters { gap:8px; padding-bottom:16px; }
 #catalog-app .catalog-filters .catalog-category { padding:8px 13px; font-size:12px; }
 #catalog-app .catalog-secondary { display:block; padding-top:10px; }
 #catalog-app .secondary-label { min-height:30px; font-size:11px; }
 #catalog-app .secondary-tabs { gap:0 18px; }
 #catalog-app .secondary-tab { font-size:12px; }
 #catalog-app .secondary-more-panel { position:fixed; left:20px; right:20px; top:50%; transform:translateY(-50%); width:auto; max-height:50dvh; }
 #catalog-app .catalog-search-row { display:block; margin:18px 0 20px; }
 #catalog-app .catalog-search { width:100%; min-height:46px; padding-inline:14px; }
 #catalog-app .catalog-results { justify-content:space-between; gap:12px; margin-top:10px; min-height:32px; }
 #catalog-app .catalog-reset { font-size:11px; }
}