.bas-other-details {
    display: none !important;
}
/*==== Hide Page title ====*/
.page-title {
  display: none !important;
}
/* ==== HP Category Image background color === */
.bas-picture-container {
  background-color: #f7f7f7 !important;
}
/* ===== Category page layout ===== */

/* Make the category body a vertical stack and remove any inter-child gap */
.category-page .page-body {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  row-gap: 0 !important;
}

/* Order: widgets/hero → selectors → products → description */
.category-page [data-widget-zone="categorydetails_top"] { order: -1; }
.category-page .product-selectors { order: 0; }
.category-page .products-container,
.category-page .product-grid,
.category-page .product-list { order: 1; }
.category-page .category-description { order: 2; }

/* Optional: small breathing room above the moved description */
.category-page .category-description { margin-top: 1rem; }

/* ===== Spacing fixes ===== */

/* Remove margin under selectors (previous sibling) */
.category-page .product-selectors {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Nuke any top spacing on the products area and its common inner wrappers */
.category-page .products-container,
.category-page .products-container .products-wrapper,
.category-page .products-container .product-grid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Trim space below the product grid (adjust or set to 0 if you want it flush) */
.category-page .product-grid,
.category-page .product-list {
  margin-bottom: 1rem;
  padding-bottom: 0;
}

/* Belt & suspenders: ensure no child injects a top margin in the stack */
.category-page .page-body > * { margin-top: 0 !important; }

/* ===== Title visibility ===== */

/* Hide the page title on category pages */
.category-page .page-title { display: none !important; }

/* ===== Optional: widget zone at bottom stays after description ===== */
.category-page [data-widget-zone="categorydetails_bottom"] { order: 3; }