body {
  min-height: 100vh;
  background: linear-gradient(135deg, #231810 0%, #2d1810 60%, #ab864b 100%);
  color: #f5e6c8;
  font-family: 'Montserrat', 'Cormorant Garamond', serif;
  margin: 0;
  padding: 0;
}

/* HERO SECTION - Dégradé central doré/noisette */
.hero-section {
/* Harmonisation du design profil-page.css */

  background: radial-gradient(circle at 60% 40%, #3a2a1b 0%, #6e3c1b 60%, #1a1816 100%);
  box-shadow: 0 8px 32px #bfa76f33;
  border-radius: 2em;
  padding: 3.5rem 2rem 2.5rem 2rem;
  margin-bottom: 2.5rem;
  text-align: center;
}

.stat-item,
.review-card,
.review-form-card,
.section-header,
.container {
  background: rgba(44, 32, 22, 0.85);
  box-shadow: 0 4px 24px #bfa76f33, 0 1px 0 #bfa76f44 inset;
  border: 1.5px solid #bfa76f;
  border-radius: 1.2em;
  backdrop-filter: blur(2px);
}

/* TITRES HERO */
.hero-title {
  font-family: 'Montserrat', 'Cormorant Garamond', serif;
  font-size: 2.8rem;
  font-weight: 900;
  color: #ffd36b;
  margin-bottom: 1.2rem;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 16px #bfa76f55, 0 1px 0 #fff8ee22;
  text-align: center;
}
.hero-title .squirrel-icon {
  font-size: 1.5em;
  color: #bfa76f;
  filter: drop-shadow(0 2px 12px #bfa76f88);
}
.hero-subtitle {
  font-size: 1.25rem;
  color: #a48c5f;
  margin-bottom: 2.2rem;
  font-weight: 500;
  background: rgba(44, 32, 22, 0.7);
  border-radius: 0.9em;
  display: inline-block;
  text-align: center;
  padding: 0.7em 1.6em;
  box-shadow: 0 2px 12px #bfa76f33;
  border: 1px solid #bfa76f44;
}
/* STATS HERO */
.hero-stats {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  margin-bottom: 2.2rem;
}
.stat-item {
  background: linear-gradient(135deg, #231810 0%, #ffd36b22 100%);
  border-radius: 1.2em;
  box-shadow: 0 4px 24px #ffd36b33;
  padding: 1.2em 2.2em;
  text-align: center;
  border: 1.5px solid #ffd36b;
  color: #231810;
}
.stat-number {
  font-size: 1.5em;
  font-weight: 800;
  color: #ffd36b;
  margin-bottom: 0.2em;
  display: block;
  text-shadow: 0 2px 12px #bfa76f55;
}
.stat-label {
  font-size: 1.08em;
  color: #a48c5f;
  opacity: 0.92;
}
@media (max-width: 700px) {
  .hero-stats {
    flex-direction: column;
    gap: 1.2rem;
  }
}

/* SECTION HEADER */
.section-header {
  background: rgba(35,24,16,0.85);
  text-align: center;
  margin-bottom: 2.2rem;
  box-shadow: 0 2px 12px #ffd36b33;
  border-radius: 1.2em;
  border: 1px solid #ffd36b44;
}
.section-title {
  font-size: 1.7rem;
  font-weight: 800;
  color: #ffd36b;
  margin-bottom: 0.7rem;
  text-shadow: 0 2px 12px #bfa76f55;
}
.section-description {
  font-size: 1.12rem;
  color: #a48c5f;
  opacity: 0.92;
}

/* REVIEWS CAROUSEL - Premium écureuil foncé */
.reviews-carousel-container {
  margin: 0 auto 2.5rem auto;
  max-width: 900px;
}
.avis-carousel {
  display: flex;
  gap: 1.7rem;
  flex-wrap: wrap;
  justify-content: center;
}
.review-card {
  background: rgba(44, 32, 22, 0.92);
  border-radius: 1.2em;
  box-shadow: 0 4px 24px #bfa76f33;
  padding: 1.3em 1.5em;
  min-width: 260px;
  max-width: 370px;
  margin-bottom: 1.2em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: box-shadow 0.18s;
  border: 1.5px solid #bfa76f;
}
.review-card:hover {
  box-shadow: 0 8px 32px #bfa76f55;
  border-color: #bfa76f;
}
.review-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.7em;
}
.review-avatar {
  font-size: 2.2em;
  margin-right: 0.7em;
  color: #bfa76f;
  filter: drop-shadow(0 2px 8px #bfa76f88);
}
.review-info {
  display: flex;
  flex-direction: column;
}
.review-author {
  font-size: 1.08em;
  font-weight: 700;
  color: #fff8ee;
  margin-bottom: 0.1em;
}
.review-rating {
  color: #bfa76f;
  font-size: 1.08em;
}
.review-content {
  font-size: 1.08em;
  color: #e2d3b2;
  margin-bottom: 0.7em;
  font-style: italic;
}
.review-date {
  font-size: 0.98em;
  color: #bfa76f;
  opacity: 0.7;
  align-self: flex-end;
}
.no-reviews {
  text-align: center;
  color: #bfa76f;
  font-size: 1.12em;
  margin: 2em 0;
}

/* REVIEW FORM - Premium écureuil foncé */
.review-form-container {
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.review-form-card {
  background: rgba(44, 32, 22, 0.92);
  border-radius: 1.2em;
  box-shadow: 0 4px 24px #bfa76f33;
  padding: 2.2em 2em;
  max-width: 420px;
  width: 100%;
  border: 1.5px solid #bfa76f;
}
.form-title {
  font-size: 1.18em;
  font-weight: 800;
  color: #bfa76f;
  margin-bottom: 1.2em;
  text-align: center;
  text-shadow: 0 2px 12px #bfa76f55;
}
.form-icon {
  font-size: 1.18em;
  margin-right: 0.3em;
  color: #bfa76f;
  filter: drop-shadow(0 2px 8px #bfa76f88);
}
.form-group {
  margin-bottom: 1.2em;
}
.form-label {
  font-size: 1.08em;
  color: #e2d3b2;
  font-weight: 700;
  margin-bottom: 0.3em;
  display: block;
}
.form-textarea {
  width: 100%;
  min-height: 70px;
  border-radius: 0.9em;
  border: 1.5px solid #bfa76f;
  padding: 0.7em;
  font-size: 1em;
  font-family: inherit;
  background: rgba(44, 32, 22, 0.7);
  color: #fff8ee;
  resize: vertical;
  margin-bottom: 0.3em;
}
.form-hint {
  font-size: 1em;
  color: #bfa76f;
  opacity: 0.85;
  margin-bottom: 0.2em;
}
.btn.btn-primary.btn-large {
  background: linear-gradient(90deg,#bfa76f 0%,#8c744e 100%);
  color:#fff8ee;
  border:none;
  box-shadow:0 2px 12px #bfa76f44;
  font-weight:700;
  font-size: 1.08em;
  border-radius: 0.9em;
  padding: 0.8em 1.7em;
  cursor: pointer;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
}
.btn.btn-primary.btn-large:hover {
  background: linear-gradient(90deg,#6e573a 0%,#bfa76f 100%);
  color: #fff8ee;
}
.form-message {
  margin-top: 1em;
  font-size: 1.08em;
  text-align: center;
}
.form-message.success {
  color: #bfa76f;
}
.form-message.error {
  color: #ffd6d6;
}

/* CTA SECTION - Premium écureuil foncé */
.cta-section {
  background: none;
  padding: 2.5rem 0 2.5rem 0;
  text-align: center;
}
.cta-title {
  font-size: 1.3rem;
  font-weight: 800;
  color: #bfa76f;
  margin-bottom: 0.9rem;
  text-shadow: 0 2px 12px #bfa76f55;
}
.cta-description {
  font-size: 1.08em;
  color: #e2d3b2;
  margin-bottom: 1.7rem;
}
.cta-actions {
  display: flex;
  justify-content: center;
  gap: 1.7rem;
  flex-wrap: wrap;
}
.btn.btn-secondary.btn-large {
  background: linear-gradient(90deg,#bfa76f 0%,#6e573a 100%);
  color:#fff8ee;
  border:none;
  box-shadow:0 2px 12px #bfa76f44;
  font-weight:700;
  font-size: 1.08em;
  border-radius: 0.9em;
  padding: 0.8em 1.7em;
  cursor: pointer;
  transition: background 0.18s, color 0.18s, box-shadow 0.18s;
}
.btn.btn-secondary.btn-large:hover {
  background: linear-gradient(90deg,#6e573a 0%,#bfa76f 100%);
  color: #fff8ee;
}

/* CONTAINER */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1.5rem;
  background: rgba(44, 32, 22, 0.85);
  box-shadow: 0 2px 12px #bfa76f33;
  border-radius: 1.2em;
  border: 1px solid #bfa76f44;
}

/* SQUIRREL ICONS */
.squirrel-icon {
  font-size: 1.3em;
  vertical-align: middle;
  margin: 0 0.2em;
  color: #bfa76f;
  filter: drop-shadow(0 2px 12px #bfa76f88);
}

/* Ajout du style pour le bloc premium "Vos avis comptent !" en haut de la page */
.avis-banner-premium {
  background: linear-gradient(90deg, #bfa76f 0%, #6e3c1b 100%);
  box-shadow: 0 4px 24px #bfa76f55, 0 1px 0 #fff8ee22;
  border-radius: 1.5em;
  margin: 2.2rem auto 2.5rem auto;
  max-width: 1100px;
  width: 95vw;
  padding: 2.5em 3em 2em 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avis-banner-content {
  display: flex;
  align-items: center;
  gap: 1.2em;
}
.avis-banner-squirrel {
  font-size: 2.2em;
  color: #fff8ee;
  filter: drop-shadow(0 2px 12px #bfa76f88);
  margin-right: 0.5em;
}
.avis-banner-tagline {
  font-size: 1.5em;
  font-weight: 800;
  color: #fff8ee;
  letter-spacing: 0.04em;
  text-shadow: 0 2px 16px #bfa76f55, 0 1px 0 #fff8ee22;
  margin: 0;
}
@media (max-width: 700px) {
  .avis-banner-premium {
    max-width: 98vw;
    padding: 1em 0.5em;
  }
  .avis-banner-tagline {
    font-size: 1.1em;
  }
  .avis-banner-squirrel {
    font-size: 1.5em;
  }
}