/* Primary view choice is visible in both catalogue layouts and on phones. */
html[data-storefront-page=home] #catalogViewBar{display:none}#catalogViewBar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 20px;padding:14px 18px;background:var(--sf-surface,#fff);border:2px solid #b5cfe0;border-radius:12px}#catalogViewBar>span{font-size:16px;font-weight:700;color:var(--sf-ink,#17354d)}.catalog-view-buttons{display:flex;gap:6px;flex-wrap:wrap}#catalogViewBar #dealerTableView,#catalogViewBar #dealerCardsView{display:inline-flex!important;align-items:center;justify-content:center;min-height:46px;height:auto;min-width:145px;padding:11px 18px!important;border-radius:8px!important;border:1px solid #155777!important;background:#edf5fa!important;color:#155777!important;font-size:16px!important;font-weight:700}#catalogViewBar #dealerTableView[aria-pressed=true],#catalogViewBar #dealerCardsView[aria-pressed=true]{background:#155777!important;color:#fff!important;box-shadow:0 2px 6px #15577733}#catalogViewBar button:focus-visible{outline:3px solid #38bdf8;outline-offset:3px}.dark #catalogViewBar{border-color:#4b6e88}.dark #catalogViewBar #dealerTableView,.dark #catalogViewBar #dealerCardsView{background:#213a50!important;color:#d5efff!important}.dark #catalogViewBar #dealerTableView[aria-pressed=true],.dark #catalogViewBar #dealerCardsView[aria-pressed=true]{background:#77c4ef!important;color:#092536!important}
#mainApp #clearSearchBtn,#mainApp #clearBrandBtn,#mainApp #clearCategoryBtn,#catalogCommandPanel #clearSearchBtn,#catalogCommandPanel #clearBrandBtn,#catalogCommandPanel #clearCategoryBtn{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#64748b!important;font-size:18px!important;line-height:28px!important;box-shadow:none!important}#clearSearchBtn:hover,#clearBrandBtn:hover,#clearCategoryBtn:hover{background:#e2e8f0!important;color:#1e293b!important}#brandInput,#categoryInput,#searchInput{padding-right:44px!important}.dark #mainApp #clearSearchBtn,.dark #mainApp #clearBrandBtn,.dark #mainApp #clearCategoryBtn,.dark #catalogCommandPanel #clearSearchBtn,.dark #catalogCommandPanel #clearBrandBtn,.dark #catalogCommandPanel #clearCategoryBtn{color:#cbd5e1!important}@media(max-width:640px){#catalogViewBar{padding:12px;gap:10px}#catalogViewBar>span{font-size:14px}.catalog-view-buttons{width:100%}#catalogViewBar #dealerTableView,#catalogViewBar #dealerCardsView{flex:1;min-width:0;font-size:15px!important;padding:10px!important}}

html[data-dealer-view=table] #tableScrollWrapper{display:block!important;overflow:auto;max-width:100%}html[data-dealer-view=table] #mobileCardsContainer{display:none!important}@media(max-width:767px){html[data-dealer-view=table] #catalogTable{min-width:1100px}html[data-dealer-view=table] #tableScrollWrapper{max-height:72dvh;overscroll-behavior-x:contain}}

html[data-dealer-view=table] #catalogContent>div:has(>#tableScrollWrapper){display:block!important}html[data-dealer-view=table] #tableScrollWrapper{overflow-x:auto!important}

/* All table layouts share one bounded scroll viewport and a fixed header origin. */
html[data-dealer-view=table] #tableScrollWrapper{max-height:75dvh!important;overflow:auto!important;--stick-top:0px;scrollbar-gutter:stable}html[data-dealer-view=table] #catalogTable thead{position:sticky!important;top:0!important;z-index:32}html[data-dealer-view=table] #catalogTable thead th{background:#fff}.dark[data-dealer-view=table] #catalogTable thead th{background:#1f2937}
