/* =============================================================================
   blocs/voy-photo.css — la SECTION À CARTES : « La photo » de la fiche voyage (les conseils
   photo) et « Comment ça marche » de la page Sur-mesure (bloc `etapes`).
   =============================================================================
   Sortie de `pages/voyage.css` le 2026-10-07 au deuxième consommateur (règle d'or, D141).
   ⚠️ `.voy-conseil .vf-info__ico` ne sert que la fiche voyage (les pictos des conseils) : sur
   la page Sur-mesure les cartes n'ont pas de picto, la règle n'y mord simplement pas.
   ============================================================================= */
/* style.css l. 1585 */
.voy-photo{ background:var(--creme); }
/* style.css l. 1586 */
.voy-photo__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,1.8vw,28px); margin-bottom:clamp(40px,5vw,64px); }
/* style.css l. 1587 */
.voy-conseil{ background:var(--blanc); border-radius:18px; padding:26px 24px; box-shadow:0 14px 40px rgba(0,0,0,.07); }
/* style.css l. 1588 */
.voy-conseil h3{ font-size:var(--fs-h3); font-family:var(--serif); font-weight:400; margin-bottom:10px; color:var(--noir); }
/* style.css l. 1589 */
.voy-conseil p{ font-size:var(--fs-small); line-height:1.6; color:var(--noir-50); }
@media (max-width:900px){
  .voy-photo__grid{grid-template-columns:1fr 1fr;}
}
/* style.css l. 1811 */
.voy-conseil{ text-align:center; }
/* style.css l. 1812 */
.voy-conseil .vf-info__ico{ margin-bottom:16px; }
/* mobile.css l. 1994 */
@media (max-width:640px){
  .voy-photo__grid{grid-template-columns:1fr;}
}

/* style.css l. 3117-3120 — la variante « étapes » de la page Sur-mesure (bloc `etapes`) :
   trois cartes par ligne au lieu de quatre conseils. */
.sm-etapes{ grid-template-columns:repeat(3, 1fr); }
@media (max-width:900px){
  .sm-etapes{ grid-template-columns:1fr; }
}