/* Shop listing */
.container h1{ text-align:center; font-size:2.4rem; color:var(--gold-2); text-shadow:0 0 8px rgba(255,215,0,0.18); margin:36px 0 }
.products{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:28px;
  padding:10px 0 40px;
}

.product-card{
  border-radius:14px;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
  border:1px solid rgba(212,175,55,0.04);
  background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  padding:12px;
}

.product-card img{height:260px;object-fit:cover;border-radius:10px;margin-bottom:12px;box-shadow:0 8px 20px rgba(0,0,0,0.4)}
.product-card h3{color: var(--gold-2); /* si tu préfères le doré du thème */;font-size:1.05rem;margin:6px 0}
.product-card .price{color:var(--gold-2);font-weight:800;font-size:1.15rem}
.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(201,168,106,0.08)}
.product-card a{display:block;text-decoration:none}
/* Rend les noms de produits bien visibles sur fond clair */
.products-section .product-card h3 {
    color: #111 !important;
}
/* ===== FILTRES SHOP ===== */
.shop-filters {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin: 25px 0 35px;
  flex-wrap: wrap;
}

.shop-filters a {
  padding: 8px 16px;
  border-radius: 20px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

.shop-filters a.active,
.shop-filters a:hover {
  background: black;
  color: white;
}

/* ===== PAGINATION ===== */
.pagination {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 40px 0;
}

.pagination a {
  padding: 6px 12px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #333;
}

.pagination a.active {
  background: black;
  color: white;
}