/* 🔧 Corrige enlace vacío generado por el widget Sign In de Creative Elements */
.pk-signin a[href$="?mylogout="]:empty {
  display: none !important;
}

/* Tabs "Featured / Special / New / Unisex" - mejorar contraste */
.pk-ce-tabs .nav-link {
  color: #555555 !important;   /* gris más oscuro, accesible */
}

/* Hover (opcional) */
.pk-ce-tabs .nav-link:hover {
  color: #222222 !important;
}

/* Pestaña activa */
.pk-ce-tabs .nav-link.active {
  color: #000000 !important;
  font-weight: 600;
}

/* Mejora maquetación de la barra superior de categoría en Alysum */
#js-product-list-top.products-selection {
  display: flex;
  flex-wrap: wrap;              /* que pueda saltar de línea si hace falta */
  align-items: center;
  justify-content: space-between; /* reparte mejor los bloques */
  gap: 15px;                    /* separación entre elementos */
  padding: 15px 0 25px;         /* algo de aire arriba y abajo */
}

/* Opcional: que los controles no se peguen al borde izquierdo */
.block-category + #products .products-selection {
  padding-left: 10px;
}

/* En pantallas pequeñas, todo a columna para que no se aplaste */
@media (max-width: 768px) {
  #js-product-list-top.products-selection {
    flex-direction: column;
    align-items: flex-start;
  }
}
ul.flex-container.list-style-none.flex-wrap.justify-content-left {
    justify-content: space-evenly;
    border-width: 1px;
    border-color: grey;
    border-style: solid;
}

/* === PLAZANORTE · PÁGINA DE MARCAS === */

/* Quitar bullets y sangría del UL de marcas */
.brands-list ul.flex-container {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Por si queda algún marker residual */
.brands-list ul.flex-container > li::marker {
  content: "" !important;
}

/* GRID responsive en lugar del flex por defecto */
.brands-list ul.flex-container {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  column-gap: 40px;
  row-gap: 30px;
  align-items: flex-start;
}

/* Cada marca en su “celda” */
.brands-list ul.flex-container > li.brand {
  text-align: center;
}

/* Logo de la marca */
.brands-list .brand-img {
  margin-bottom: 8px;
  display: flex;
  justify-content: center;
}

.brands-list .brand-img img {
  max-width: 130px;
  height: auto;
  object-fit: contain;
  transition: transform .2s ease;
}

.brands-list .brand-img img:hover {
  transform: scale(1.05);
}

/* Nombre de la marca */
.brands-list .brand-infos {
  margin-bottom: 3px;
}

.brands-list .brand-infos h3 {
  font-size: 14px;
  font-weight: 500;
}

/* Nº de productos */
.brands-list .brand-products {
  font-size: 12px;
  color: #666;
}

/* Si no quieres mostrar el nº de productos, descomenta: */
/*
.brands-list .brand-products {
  display: none !important;
}
*/

/* Ajustar altura del logo y centrar */
.brands-list .brand-img {
  height: 85px; 
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mantener el grid alineado arriba para filas ordenadas */
.brands-list ul.flex-container {
  align-items: start !important;
}