.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  box-sizing: border-box;
  width: 100%;  /* Ensure the container takes the full width */
  max-width: 100%;  /* Optional: ensures it doesn't exceed 100% */
  }
  
  .container > * {
  box-sizing: border-box;
  }
  
  .container .header-start {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 10px;
  }

  .container .header-center {
  display: flex;
  justify-content: center;
  align-items: center;
  
  }
  .container .header-end {
  display: flex;
  justify-content: center;
  align-items: center;
  }

  /* --primary-bg */
  
.main-block {
justify-content: center;
align-items: center;
text-align: center;
grid-template-columns: 2fr;
background-color: var(--background-backdrop);
}

  
.search-block {
align-items: center;
background-color: var(--background-backdrop);
}

.search-block:empty {
  display: none;
}

/* Base class to define a background color */
.bg-inherit {
background-color: var(--primary-bg); /* Set the background color */
}

.bg-inherit > * {
background-color: inherit; /* Ensure child elements inherit the parent's background */
}
  


/* Mobile Responsiveness */
@media (max-width: 768px) {
  .navbar {
  /* Adjust navbar styles for smaller screens */
  padding: 5px;
  }
  .hamburger-container {
  margin-right: 5px;
  }
  
  #Menu {
  /* Adjust menu position and width for smaller screens */
  top: 100%; /* Position below the hamburger */
  left: 10px;
  width: 125px; /* Make the menu full width */
  }

  .search_and_filter_container {
    flex-direction: column;
    align-items: center;
  }

  .search_tools_container {
    margin-bottom: 20px;
    flex-direction: column;
    align-items: stretch;
  }

  .product_search_bar {
    width: 100%;
  }

  .search_and_filter_container {
      flex-direction: column; 
  }

  .search_options-container {
      text-align: center; /* Center "Or" text on mobile */
  }

  .filter_bar_container {
      width: 100%; /* Make filter container full width on mobile */
  }

  .cat_sub_filter_bucket {
      display: flex;
      flex-direction: column; 
      align-items: center; 
    }

  .search_button_wrapper {
        margin-top: 10px; /* Add some space above the button */
    }
  
  .category_dropdown,
  .sub_category_dropdown {
    text-decoration: none;
    color: black;
    }
}