[v-cloak]{display:none;}
.vue-fade{opacity:0;transform:translateY(20px);transition:all .6s ease;}
.vue-fade.visible{opacity:1;transform:none;}
.vue-hover{transition:transform .3s ease, box-shadow .3s ease;}
.vue-hover:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,0,0,.12);}


.avis-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
  max-width: 1100px;
  margin: 2rem auto 0;
}

.avis-item {
  background: #ffffff;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.avis-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,0.08);
}


.avis-item strong {
  display: block;
  font-family: "Playfair Display", serif;
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
}

.avis-rating {
  color: #c6a75e; /* dor doux */
  font-size: 1.1rem;
  margin-bottom: 0.8rem;
}


.avis-item p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #444;
  margin-bottom: 0.8rem;
}


.avis-item small {
  font-size: 0.8rem;
  color: #888;
}


/* Prestations optional image */

.prestation-media img{width:100%;height:auto;display:block;border-radius:14px;object-fit:cover;border:1px solid rgba(0,0,0,.08)}
@media (min-width: 781px){
  .prestation-row{display:flex;gap:18px;align-items:flex-start}
  .prestation-media{flex:0 0 220px;max-width:220px}
  .prestation-content{flex:1;min-width:0}
}
@media (max-width: 780px){
  .prestation-row{display:block}
  .prestation-media{max-width:100%;margin-bottom:12px}
}