/* ORAN Store TEST r22
   Scope:
   1) Homepage top category promo cards: remove CTA-button appearance and rebalance text/image layout.
   2) All populated category pages: remove the redundant left-side category block / title area,
      expand the content area to full width, and align the main category heading and product grid to the left.
   No product data, price, stock logic, menu links or combination logic is changed.
*/

/* --- Homepage promo cards (3 visual category banners) --- */
body#index .oran-category {
  min-height: 192px;
  align-items: stretch;
}
body#index .oran-category-copy {
  width: 53%;
  min-height: 100%;
  padding: 22px 6.5% 22px 6.5%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body#index .oran-category-copy > span {
  display: none !important;
}
body#index .oran-category h2 {
  margin: 0 0 10px;
}
body#index .oran-category p {
  max-width: 245px;
  min-height: 0;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}
body#index .oran-category img {
  right: 0;
  width: 52%;
}

/* --- Populated category listing pages --- */
body#category:has(#products .product-miniature) #left-column {
  display: none !important;
}
body#category:has(#products .product-miniature) #content-wrapper {
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  margin-left: 0 !important;
  padding-left: 15px;
  padding-right: 15px;
}
body#category:has(#products .product-miniature) #main {
  width: 100%;
  max-width: 100%;
}
/* Remove the secondary / left-side content area inside the category header.
   Keep only the main bold H1 title. */
body#category:has(#products .product-miniature) #js-product-list-header .block-category-inner {
  display: none !important;
}
body#category:has(#products .product-miniature) #js-product-list-header .block-category {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body#category:has(#products .product-miniature) #js-product-list-header .block-category h1 {
  margin: 0 !important;
  padding: 0 !important;
}
/* Pull title, result count, sorting row and product grid to the left edge of the content area. */
body#category:has(#products .product-miniature) #products .products-selection {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}
body#category:has(#products .product-miniature) #products .products,
body#category:has(#products .product-miniature) #js-product-list .products {
  margin-left: 0 !important;
  justify-content: flex-start !important;
}
body#category:has(#products .product-miniature) .total-products,
body#category:has(#products .product-miniature) .products-selection,
body#category:has(#products .product-miniature) .products-selection .sort-by-row,
body#category:has(#products .product-miniature) .products-selection .sort-by-row form {
  text-align: left;
}

@media (max-width: 1100px) {
  body#index .oran-category {
    min-height: 182px;
  }
  body#index .oran-category-copy {
    width: 55%;
    padding: 20px 6%;
  }
  body#index .oran-category h2 {
    font-size: 22px;
  }
  body#index .oran-category p {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  body#index .oran-category-copy {
    width: 58%;
    padding: 18px 6%;
  }
  body#index .oran-category p {
    max-width: none;
  }
  body#category:has(#products .product-miniature) #content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  body#category:has(#products .product-miniature) #js-product-list-header .block-category {
    margin-bottom: 12px !important;
  }
}