select[name="sort"] {
  display: none !important; }

/* --- Global Elements Removal --- */
/* Force hide Sort By dropdown, action bars, and empty filter states everywhere */
.actionBar-section,
.category-toolbar,
.form-fieldset.sort-box,
[for="sort"],
#sort,
.actionBar,
.facetedSearch-refineFilters,
.facetedSearch-currentFilters,
#facetedSearch-content .refined-filters,
.facetedSearch-emptyAction,
.refined-filters-container,
#facetedSearch-content p {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important; }

/* Remove the center category title and the sidebar/content brand headings */
.category-title,
main .page-heading,
.page-content .brand-name,
.sidebarBlock-heading {
  display: none !important; }

/* --- Navigation Typography Styles --- */
/* Style the breadcrumbs (Home / Harley): Bold and 2 sizes larger */
.breadcrumbs {
  font-weight: 700 !important;
  font-size: 1.25rem !important; }
  .breadcrumbs .breadcrumb-label,
  .breadcrumbs .breadcrumb a {
    font-weight: 700 !important; }

/* Style the Sidebar Category Links: Bold and 2 sizes larger */
.sidebarBlock .navList-item a,
.sidebarBlock .navList-action {
  font-weight: 700 !important;
  font-size: 1.15rem !important; }

/* --- Force Sidebar Categories to Stay Permanently Open (Desktop) --- */
/* 1. Remove the toggle arrows/plus icons next to "Category" headings */
.sidebarBlock-heading .icon,
.navList-toggle,
.navList-toggle-action {
  display: none !important; }

/* 2. Remove pointer/cursor clicking changes from the main heading text */
.sidebarBlock-heading,
.navList-toggle-action {
  pointer-events: none !important;
  cursor: default !important; }

/* 3. Force hidden/collapsed accordion lists to remain fully expanded */
.navList.navList--nested,
.sidebarBlock .navList-subcategories,
.navList-subcategories.is-open,
.navList-subcategories.is-collapsed,
#facetedSearch-content {
  display: block !important;
  max-height: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important; }

/* --- Mobile Layout Adjustments (Breakpoint Up to 801px) --- */
@media (max-width: 801px) {
  /* Hide Mobile Filter Control Button Drawers globally since menu is now static */
  .page-sidebar-mobile-toggle,
  .facetedSearch-toggle,
  .facetedSearch-mobile-toggle,
  #facetedSearch-toggleButton,
  [data-faceted-search-toggle] {
    display: none !important; }
  /* Force the main sidebar containers to layout neatly as flat structural blocks */
  .page-sidebar,
  #facetedSearch-content,
  .page-sidebar .sidebarBlock {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    height: auto !important; }
  /* Cascade down to ensure all nested Harley Categories text entries display cleanly */
  .page-sidebar .navList,
  .page-sidebar .navList-item,
  .page-sidebar .navList-action,
  .page-sidebar .navList.navList--nested,
  .page-sidebar .navList-subcategories {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    transform: none !important; }
  /* Provide comfortable gutter clearances on structural glass walls */
  .page-sidebar {
    margin-bottom: 30px !important;
    padding-left: 15px !important;
    padding-right: 15px !important; } }

/* =============================================================================
   MOBILE LAYOUT REPAIR & COLLISION FIX (MAX-WIDTH: 801PX)
   ============================================================================= */
@media (max-width: 801px) {
  /* 1. Reset Header and Top Navigation Container Flow */
  header.header,
  .header-logo,
  .navPages-container,
  .navUser,
  .custom-header-container,
  .custom-navigation-bar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    height: auto !important;
    max-height: none !important;
    float: none !important;
    clear: both !important;
    margin-top: 0 !important;
    overflow: visible !important; }
  /* 2. Fix Overlapping Top Navigation Bar / Search / Model Tabs */
  .navPages-list,
  .category-nav-list,
  .model-search-container,
  .custom-tab-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin: 10px 0 !important;
    z-index: 2 !important; }
  /* 3. Fix Floating/Overlapping Grey Brand Box (Bradco, FFC, Harley, etc.) */
  .brand-menu-block,
  .custom-brand-nav,
  .page-content > div:has(> a[href*="bradco"]),
  .page-content .grey-box,
  div[style*="position: absolute"] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
    padding: 15px 10px !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
    z-index: 1 !important; }
  /* Ensure text links inside the grey brand menu wrap neatly */
  .brand-menu-block a,
  .custom-brand-nav a {
    display: inline-block !important;
    margin: 6px 10px !important;
    word-break: break-word !important; }
  /* 4. Fix Brand Banner Images from Stacking on Top of Text */
  .brand-banner,
  .brand-banner img,
  .page-content img,
  .category-header-image {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
    float: none !important;
    clear: both !important; }
  /* 5. Force Main Body and Page Wrappers to Scroll Vertically */
  html,
  body,
  .body,
  .main,
  .page,
  .page-content {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100% !important; }
  /* 6. Prevent Product Grid and Warning Blocks from Colliding */
  .productGrid,
  .productBlock,
  .metafield-status-block,
  [data-product-type] {
    position: relative !important;
    clear: both !important;
    margin-top: 20px !important;
    width: 100% !important; } }