/* =====================================================================
   Styles du composant PageCostume (fiche complète d'un costume).
   ===================================================================== */
.fiche-costume-retour{
  display:inline-block;margin-bottom:24px;color:var(--accent-fonce);
  text-decoration:none;font-weight:600;font-size:14.5px;
}
.fiche-costume-retour:hover{text-decoration:underline}

.fiche-costume-grille{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;
}
.fiche-costume-grille img{
  width:100%;border-radius:8px;border:1px solid var(--trait);
  aspect-ratio:3/4;object-fit:cover;object-position:top;
}
.fiche-costume-details h1{font-size:32px;margin:6px 0 4px}
.fiche-costume-grandeur{color:var(--texte-attenue);margin:0 0 20px}
.fiche-costume-details p{margin:0 0 14px}

.fiche-costume-accessoires{margin:20px 0}
.fiche-costume-accessoires h3{
  font-size:13px;text-transform:uppercase;letter-spacing:.05em;
  color:var(--accent-fonce);margin:0 0 8px;
}
.fiche-costume-accessoires ul{margin:0;padding-left:20px}
.fiche-costume-accessoires li{margin-bottom:4px}

.fiche-costume-prix{
  font-size:20px;font-weight:700;font-family:var(--condense);
  margin:18px 0 22px !important;
}
.fiche-costume-appel{font-weight:600;margin-bottom:12px !important}

.fiche-costume-introuvable{text-align:center}

@media (max-width:720px){
  .fiche-costume-grille{grid-template-columns:1fr}
  /* Un peu plus d'air avant ces deux sections, qui semblaient collées à
     ce qui précède sur petit écran. */
  .fiche-costume-accessoires{margin-top:25px}
  .fiche-costume-appel{margin-top:5px}
}