/* WiteQ — Siatka kategorii Woo [product_categories] na /produkty/ — spójna z DESIGN.md
   Użycie: owiń shortcode w <div class="witeq-category-grid">[product_categories parent="0" columns="3" hide_empty="1"]</div>
   Grid 3/2/1, karty: border #D8E2EC radius 14px, hover #1360A3 + shadow, tytuł Manrope 18/1.2 #10213D centered 88px
   Nadpisuje Woo float/width oraz Divi ul. */
.witeq-category-grid ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.witeq-category-grid ul.products::before,
.witeq-category-grid ul.products::after {
  display: none !important;
  content: none !important;
}
.witeq-category-grid ul.products li.product-category {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  border: 1px solid #D8E2EC !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.witeq-category-grid ul.products li.product-category:hover {
  border-color: #1360A3 !important;
  box-shadow: 0 14px 34px rgba(6, 34, 74, .10) !important;
  transform: translateY(-3px) !important;
}
.witeq-category-grid ul.products li.product-category a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
}
.witeq-category-grid ul.products li.product-category img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
  display: block !important;
  background: #fff !important;
}
/* Divi reset dla img w gridzie */
#left-area .witeq-category-grid ul.products li.product-category img,
.entry-content .witeq-category-grid ul.products li.product-category img,
.et-l--body .witeq-category-grid ul.products li.product-category img {
  margin: 0 !important;
  max-width: 100% !important;
}
.witeq-category-grid .woocommerce-loop-category__title {
  min-height: 88px !important;
  margin: 0 !important;
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Manrope", system-ui, -apple-system, Segoe UI, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  color: #10213D !important;
  background: #fff !important;
}
.witeq-category-grid .woocommerce-loop-category__title .count {
  display: none !important; /* mark count ukryty — czysty tytuł jak na Home */
}
.woocommerce-loop-category__title mark.count {
  display: none !important;
}
/* Reset ul w gridzie dla Divi */
#left-area .witeq-category-grid ul.products,
.entry-content .witeq-category-grid ul.products,
.et-l--body .witeq-category-grid ul.products,
.et-l--body .witeq-category-grid ul.products li,
#left-area .witeq-category-grid ul.products li {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#left-area .witeq-category-grid ul.products li::before,
.entry-content .witeq-category-grid ul.products li::before,
.et-l--body .witeq-category-grid ul.products li::before {
  display: none !important;
  content: none !important;
}

@media (max-width: 980px) {
  .witeq-category-grid ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}
@media (max-width: 600px) {
  .witeq-category-grid ul.products {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  .witeq-category-grid .woocommerce-loop-category__title {
    min-height: 64px !important;
  }
}