.visit-footer {
  padding: 56px 0 110px;
  background: #080808;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.visit-footer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, .7fr);
  gap: 48px;
  align-items: start;
}

.visit-footer strong { font-size: 1.35rem; }
.visit-footer p { max-width: 650px; color: rgba(255, 255, 255, .68); }
.visit-footer nav { display: flex; flex-wrap: wrap; gap: 12px 22px; }
.visit-footer a { color: #fff; font-weight: 750; }

.local-card {
  min-height: 350px;
  border-radius: 8px;
}

.local-card::before {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .04) 70%), var(--card-photo, var(--card-image));
}

.local-card[data-zone="vignoble"] { --card-image: url('/assets/images/local/vignoble.svg'); }
.local-card[data-zone="ried"] { --card-image: url('/assets/images/local/ried.svg'); }
.local-card[data-zone="plaine"] { --card-image: url('/assets/images/local/plaine.svg'); }
.local-card[data-zone="montagne"] { --card-image: url('/assets/images/local/montagne.svg'); }
.local-card[data-zone="vallee"] { --card-image: url('/assets/images/local/vallee.svg'); }
.local-card[data-zone="rhin"] { --card-image: url('/assets/images/local/rhin.svg'); }
.local-card[data-zone="patrimoine"] { --card-image: url('/assets/images/local/patrimoine.svg'); }

.local-card > a {
  position: relative;
  z-index: 1;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  color: inherit;
}

.local-card-featured {
  grid-column: span 2;
  min-height: 430px;
}

.local-card h2 { letter-spacing: 0; }
.local-card-meta span { border-radius: 7px; }
.local-photo-credit { max-width: min(100% - 28px, 1180px); }
.local-hero::after { display: none; }

@media (max-width: 820px) {
  .visit-footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .local-card { min-height: 320px; }
  .local-card-featured { grid-column: auto; min-height: 380px; }
}

@media (max-width: 560px) {
  .visit-footer { padding: 48px 0 108px; }
  .local-card,
  .local-card-featured { min-height: 360px; }
}

/* Photo d'ouverture de la page Visiter avec zoom doux. */
html body main#contenu > .page-hero[style*="vignoble.svg"] { min-height:min(720px,88svh); }
html body main#contenu > .page-hero[style*="vignoble.svg"]::before {
  background-image:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.34) 48%,rgba(0,0,0,.08) 82%),linear-gradient(0deg,rgba(0,0,0,.58),transparent 62%),url("../images/colmar-68-petite-venise.png");
  background-position:center center;
  background-size:cover;
  transform:scale(1.015);
  animation:visit-colmar-hero-zoom 18s ease-out both;
  will-change:transform;
}
html body main#contenu > .page-hero[style*="vignoble.svg"]::after { opacity:.32; }
html body main#contenu > .page-hero[style*="vignoble.svg"] .hero-content { text-shadow:0 3px 20px rgba(0,0,0,.72); }
@keyframes visit-colmar-hero-zoom { from{transform:scale(1.015)} to{transform:scale(1.115)} }
@media(max-width:600px){html body main#contenu > .page-hero[style*="vignoble.svg"]{min-height:76svh}html body main#contenu > .page-hero[style*="vignoble.svg"]::before{background-position:54% center}}
@media(prefers-reduced-motion:reduce){html body main#contenu > .page-hero[style*="vignoble.svg"]::before{animation:none;transform:scale(1.04)}}