.avis-page{display:block}

.avis-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-3);text-align:center}
.avis-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avis-hero__overlay{position:absolute;inset:0;background:rgba(12,18,32,0.7)}
.avis-hero__content{position:relative;max-width:620px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3)}

.avis-overview{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-6)}
.avis-overview__intro{max-width:860px}
.avis-overview__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.avis-overview__grid>*{min-width:0}

.avis-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:start;margin-top:var(--space-6)}
.avis-cards__media img{width:100%;height:auto;border-radius:var(--radius-sm)}
.avis-cards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}

.avis-service{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}

.avis-transparency{display:flex;justify-content:center;padding:var(--space-6) var(--space-3)}
.avis-transparency__content{max-width:720px;display:flex;flex-direction:column;gap:var(--space-3)}

.avis-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-6)}

.avis-ambiance{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center;margin-top:var(--space-6)}
.avis-ambiance__media img{width:100%;border-radius:var(--radius-sm)}
.avis-ambiance__text{max-width:640px}

.avis-cta{display:flex;justify-content:center;padding:var(--space-6) var(--space-3)}
.avis-cta__content{max-width:520px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.avis-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.avis-cards{grid-template-columns:1fr}
.avis-cards__grid{grid-template-columns:1fr}
.avis-service{grid-template-columns:1fr}
.avis-legal{grid-template-columns:1fr}
.avis-ambiance{grid-template-columns:1fr}
}

@media(max-width:480px){
.avis-overview__grid{grid-template-columns:1fr}
}