/* ═══════════════════════════════════════════════════════════
   icons.css — disposition des raccourcis (le cadre est géré par .bloc-page)
═══════════════════════════════════════════════════════════ */
.icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 22px;
}
.icons a {
  flex-basis: calc(20% - 22px);
  max-width: calc(20% - 22px);
  display: flex; align-items: center; justify-content: center;
  transition: filter 0.25s, transform 0.2s;
}
.icons a:hover {
  filter: drop-shadow(0 0 10px rgba(240,235,220,0.7)) brightness(1.2);
  transform: translateY(-2px);
}
.icons a:active { transform: scale(0.97); }
.icons img { max-width: 100%; height: auto; display: block; }
@media (max-width: 720px) {
  .icons a {
    flex-basis: calc(33.333% - 22px);
    max-width: calc(33.333% - 22px);
  }
}