/* === Hero spécifique fiche / article === */
.page-hero {
  height: 40vh; /* moins haut */
}

.page-hero::before {
  background-position: center 20%; /* décaler l'image vers le haut */
  background-size: cover;           /* garder le cover pour remplir */
}

/* === Fiche Carte === */
.fiche-carte {
    display: grid;
    gap: 1.5rem;
    margin-bottom: 8px;
  }
  
  @media (min-width: 900px) {
    .fiche-carte {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }
  
  .bloc {
    background-color: whitesmoke;
    border-left: 4px solid var(--copper);
    padding: 0 0 10px 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
  }
  
  /* === Tableaux === */
  table {
    width: 100%;
    border-collapse: collapse;
  }
  
  table th, table td {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
  }
  
  table th {
    background-color: #f5eee6;
    color: var(--cumaru);
    width: 40%;
  }
  
  /* === Archet name === */
  .archet-name {
    font-size: 22px;
  }
  .photos {
    margin-bottom: 8px;
  }
  .notes {
    font-style: italic;
    border-left: 4px solid var(--cumaru);
    margin-bottom: 8px;
  }
  
  .galerie {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 1rem;
  } 
  
  .galerie a img {
    max-width: 275px;
    max-height: 600px;
    display: block;          /* Évite les petits espaces inline */
    border-radius: 4px;
    transition: transform 0.2s ease-in-out;
  }
  
  .galerie img:hover {
    transform: scale(1.02);
  }