/* ==========================================================================
   GLAMWEL LABORATOIRES - Page catalogue d'une categorie (/c/{id}/{slug})
   Reprend .category-hero de fragrance.css et .products-grid / .product-card
   de home.css : seules les regles propres a cette page figurent ici.
   ========================================================================== */

/* Categorie generique : pas de couleur d'univers dediee, on reste sur l'or. */
.category-hero-generic .category-kicker::before { background: var(--gold); }

.category-catalogue { background: var(--ivory); }

.category-catalogue-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 18px;
  margin-bottom: 42px;
}

.category-catalogue-head .eyebrow { flex-basis: 100%; }

.category-catalogue-count {
  color: #81786e;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.category-catalogue-empty {
  padding: 30px 0;
  border-top: 1px solid var(--line);
  color: #686159;
  font-size: 13px;
}

/* PAGINATION */
.category-pagination { margin-top: 56px; }

.pagination-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  list-style: none;
}

.pagination-link,
.pagination-arrow {
  display: grid;
  min-width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid var(--line);
  color: #4a443d;
  font-size: 11px;
  transition: border-color 250ms ease, background 250ms ease, color 250ms ease;
}

.pagination-link:hover,
.pagination-arrow:hover { border-color: var(--black); color: var(--black); }

.pagination-link.is-active {
  border-color: var(--black);
  background: var(--black);
  color: var(--white);
}

.pagination-arrow.is-disabled { color: var(--sand); cursor: default; }
.pagination-arrow.is-disabled:hover { border-color: var(--line); color: var(--sand); }

.pagination-dots {
  display: grid;
  min-width: 36px;
  height: 36px;
  place-items: center;
  color: var(--taupe);
  font-size: 11px;
}

@media (min-width: 760px) {
  .category-catalogue-head .eyebrow { flex-basis: auto; }
}

/* Carte "autres univers" sans visuel : fond plein plutot qu'un bloc vide,
   comme les cartes univers de l'accueil. */
.category-related-card.is-imageless { background: var(--charcoal); }