/* Page Parfums */
.sommaire {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.6rem;
  align-items: center;
  margin: 1rem 0 1.2rem;
  font-size: 0.95rem;
}

.sommaire span { color: var(--gris); }

.sommaire a {
  border: 1px solid var(--or-texte);
  border-radius: 999px;
  padding: 0.3rem 0.8rem;
  background: var(--blanc);
  color: var(--texte);
  text-decoration: none;
}

figure.visuel picture,
.carte picture { display: block; }

figure.visuel.cadre-noir img { background: var(--cadre-noir); }

.classique-duo { align-items: stretch; }

.carte-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 0.6rem;
}

.carte.prestige .btn.contour,
.carte.elite .btn.contour {
  color: var(--or);
  border-color: var(--or);
}

.carte-actions .btn {
  font-size: 0.9rem;
  padding: 0.55rem 0.95rem;
}

.recharges-zone { align-items: center; }

.prestige-zone {
  background: radial-gradient(circle at 70% 20%, #2a210d 0, #0a0a0a 62%);
  color: #eeeeee;
}

.prestige-zone h2,
.prestige-zone h3 { color: var(--or); }

.prestige-zone .chapo,
.prestige-zone p { color: #dddddd; }

.prestige-zone .liste-vide { color: #cccccc; }

.notes-principales { color: inherit; }

.intro-parfums {
  align-items: center;
  margin-bottom: 0.8rem;
}

.intro-parfums figure.visuel img {
  max-height: 320px;
}

@media (min-width: 800px) {
  .collections-haut {
    flex-wrap: nowrap;
  }

  .collections-haut .btn {
    flex: 1 1 0;
    width: auto;
  }
}

.parfums-trouver {
  display: flex;
  justify-content: center;
  margin: 0.15rem 0 0.2rem;
}

#prestige {
  background: var(--creme);
}

.prix {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--noir);
}

.carte.prestige .prix,
.carte.elite .prix { color: var(--or); }

.badges { display: flex; flex-wrap: wrap; gap: 0.35rem; }

.badge-mixte,
.badge-puresafe {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  border-radius: 999px;
  padding: 0.12rem 0.55rem;
}

.badge-mixte { background: var(--or); color: var(--noir); }

.badge-puresafe {
  border: 1px solid currentColor;
  color: var(--or-texte);
}

.carte.prestige .badge-puresafe,
.carte.elite .badge-puresafe { color: var(--or); }

html.fenetres-js .catalogue-parfums { display: none; }

.entrees-collection { margin-bottom: 1.4rem; }

.filtres button { min-height: 44px; }

.section-sombre .entree-genre { color: var(--texte); }

.section-sombre .entree-genre h3 { color: var(--noir); }

.description-parfum,
.pyramide,
.concentration { margin: 0 0 1rem; }

.carte.parfum.parfum-cible {
  outline: 3px solid var(--or);
  outline-offset: 4px;
  scroll-margin-top: 5rem;
}

.filtres button[hidden] { display: none !important; }

.description-parfum summary {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: var(--or-texte);
}

.pyramide { font-size: 0.92rem; line-height: 1.45; }

.liste-vide { color: var(--gris); }

.carte[hidden],
.liste-vide[hidden] { display: none !important; }

.filtres {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.6rem 0 1rem;
}

.filtres button {
  border: 1px solid #8d8d8d;
  border-radius: 999px;
  background: var(--blanc);
  color: var(--texte);
  padding: 0.45rem 0.9rem;
  font: inherit;
  font-size: 0.92rem;
  cursor: pointer;
}

.filtres button[aria-pressed="true"] {
  background: var(--noir);
  color: var(--blanc);
  border-color: var(--noir);
}

.recherche-parfum {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.7rem;
  align-items: center;
  font-weight: 600;
}

.recherche-parfum input {
  flex: 1 1 220px;
  max-width: 340px;
  padding: 0.55rem 0.8rem;
  border: 1px solid #8d8d8d;
  border-radius: 999px;
  background: var(--blanc);
  color: var(--texte);
  font: inherit;
  font-weight: 400;
}

.resultats { color: var(--gris); font-size: 0.95rem; }