/* collections.css */
.grille-collections { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: var(--e3); }
.carte-collection {
  display: flex; flex-direction: column;
  background: var(--blanc); border: 1px solid var(--ligne);
  border-radius: var(--r-grand); overflow: hidden;
  transition: transform var(--transition), box-shadow var(--transition);
  scroll-margin-top: 120px;
}
.carte-collection:hover { transform: translateY(-6px); box-shadow: var(--ombre-carte); }
.carte-collection-haut {
  padding: var(--e3); background: var(--papier-creux);
  border-bottom: 4px solid var(--accent, var(--bleu));
  min-height: 132px; display: flex; align-items: flex-end;
}
.carte-collection-haut .dos { display: flex; gap: 4px; align-items: flex-end; height: 100%; }
.carte-collection-haut .dos i {
  display: block; width: 11px; border-radius: 3px 3px 0 0;
  background: var(--accent, var(--bleu)); opacity: .85;
}
.carte-collection-corps { padding: var(--e3); flex: 1; display: flex; flex-direction: column; }
.marqueur {
  display: inline-block;
  font-size: var(--t-micro); font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--accent, var(--bleu)); margin-bottom: .5rem;
}
.carte-collection-corps h3 { margin-bottom: .45rem; }
.carte-collection-corps p { font-size: var(--t-petit); color: var(--encre-douce); flex: 1; }
.carte-collection-pied {
  display: flex; align-items: center; justify-content: space-between; gap: var(--e2);
  margin-top: var(--e3); font-size: var(--t-mini); color: var(--encre-tenue);
}
.collection-vide { font-style: italic; }

.bloc-collection { margin-bottom: var(--e6); }
.bloc-collection:last-child { margin-bottom: 0; }
.bloc-collection-tete {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: var(--e4); align-items: start;
  margin-bottom: var(--e4); padding-bottom: var(--e3);
  border-bottom: 2px solid var(--accent, var(--bleu));
}
@media (max-width: 820px) { .bloc-collection-tete { grid-template-columns: 1fr; gap: var(--e2); } }
.bloc-collection-tete h2 { margin-bottom: 0; }
.bloc-collection-tete p { color: var(--encre-douce); margin: 0 0 .9rem; }
.bloc-collection-tete p:last-child { margin-bottom: 0; }