/* H2 y H3 de la descripci贸n adicional de categor铆a */
.addcatdesc h2 {
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 1.2em;
}

.addcatdesc h3 {
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.3;
  margin-top: 1em;
}


/* H2 en páginas de MARCA (manufacturer) */
@media (min-width: 992px) {
  body#manufacturer h2 {
    font-size: 16px !important;
    line-height: 1.3;
    margin-bottom: 12px;
  }
}




/* ===== SOLO ESCRITORIO: filtros fijos a la izquierda ===== */
@media (min-width: 992px) {

  body.category #canvas-facets-search,
  body.page-category #canvas-facets-search,
  body.category-page #canvas-facets-search,
  body#manufacturer #canvas-facets-search,
  body.page-manufacturer #canvas-facets-search {
    width: 20% !important;
    position: sticky;
    top: 120px; /* ajusta según header */
    float: left;
    margin-right: 20px;
    align-self: flex-start;
  }

  body.category .js-product-list,
  body.category #products,
  body.category .category-products,
  body.page-category .js-product-list,
  body.page-category #products,
  body.page-category .category-products,
  body.category-page .js-product-list,
  body.category-page #products,
  body.category-page .category-products,
  body#manufacturer .js-product-list,
  body#manufacturer #products,
  body#manufacturer .category-products,
  body.page-manufacturer .js-product-list,
  body.page-manufacturer #products,
  body.page-manufacturer .category-products {
    margin-left: calc(20% + 20px);
  }
}


/* ===== MOBILE: botón visible ===== */
@media (max-width: 991px) {
  a.open-filters[data-target="#canvas-facets-search"] {
    display: inline-block !important;
  }
}


/* ===== OCULTAR TÍTULO SOLO EN DESKTOP ===== */
@media (min-width: 992px) {
  #canvas-facets-search .title-canvas-widget {
    display: none !important;
  }
}


/* ===== BOTÓN FILTRO EN MOBILE ===== */
@media (max-width: 991px) {
  a.open-filters[data-target="#canvas-facets-search"] {
    display: inline-block !important;
    background: #edb947;
    color: #ffffff !important;
    padding: 12px 18px;
    border-radius: 999px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none !important;
  }

  a.open-filters[data-target="#canvas-facets-search"]:hover,
  a.open-filters[data-target="#canvas-facets-search"]:focus {
    background: #d19c3f;
    color: #ffffff !important;
  }
}


/* ===== GRID DESKTOP: 4 columnas ===== */
@media (min-width: 992px) {
  body.category #box-product-grid.product-type-5 .archive-wrapper-items,
  body.page-category #box-product-grid.product-type-5 .archive-wrapper-items,
  body.category-page #box-product-grid.product-type-5 .archive-wrapper-items,
  body#manufacturer #box-product-grid.product-type-5 .archive-wrapper-items,
  body.page-manufacturer #box-product-grid.product-type-5 .archive-wrapper-items {
    display: flex;
    flex-wrap: wrap;
  }

  body.category #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body.page-category #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body.category-page #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body#manufacturer #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body.page-manufacturer #box-product-grid.product-type-5 .archive-wrapper-items .item {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}


/* ===== TABLET: 2 columnas ===== */
@media (min-width: 768px) and (max-width: 991px) {
  body.category #box-product-grid.product-type-5 .archive-wrapper-items,
  body.page-category #box-product-grid.product-type-5 .archive-wrapper-items,
  body.category-page #box-product-grid.product-type-5 .archive-wrapper-items,
  body#manufacturer #box-product-grid.product-type-5 .archive-wrapper-items,
  body.page-manufacturer #box-product-grid.product-type-5 .archive-wrapper-items {
    display: flex;
    flex-wrap: wrap;
  }

  body.category #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body.page-category #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body.category-page #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body#manufacturer #box-product-grid.product-type-5 .archive-wrapper-items .item,
  body.page-manufacturer #box-product-grid.product-type-5 .archive-wrapper-items .item {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}