/* === Variables rapides === */
:root{
  --green:#8cc63f;
  --green-dark:#6a9e2e;
  --grey-100:#f7f7f7;
  --grey-300:#dedede;
  --grey-700:#7e7e7e;
}

/*--- container générique ---*/
.container{max-width:960px;margin:auto;padding:0 1rem}

/* ================= HERO ================= */
.hero-press{
  background:#f5f5f5;
  padding:120px 0 80px;          /* même logique que les autres pages */
  text-align:center
}
.hero-press__content h1{
  font-size:clamp(2rem,4vw+1rem,3rem);
  font-weight:700;
  margin-bottom:.3em;
  color:#333
}
.hero-press__content p{color:#666;font-size:1.05rem}

/* ============= SECTIONS TITRES ============= */
.press-section{padding:60px 0}
.press-section__title{
  font-size:1.8rem;
  font-weight:600;
  color:#2b472c;
  margin-bottom:2rem;
  text-align:center
}

/* ============= GRID / CARD ============= */
.press-grid{
  display:grid;
  gap:30px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))
}
.press-card{
  background:#fff;
  border:1px solid var(--grey-300);
  border-radius:12px;
  padding:24px 20px 28px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  display:flex;
  flex-direction:column;
  text-align:left
}
.press-card h3{
  font-size:1.2rem;
  margin:0 0 .8rem;
  color:#333
}
.press-card__thumb{
  display:block;
  margin-bottom:1rem
}
.press-card__thumb img,
.press-card__thumb iframe{
  width:100%;
  height:auto;
  border-radius:6px
}
.press-card p{flex-grow:1;color:#555;line-height:1.6;margin:0 0 1.2rem}

/* Badges Houzz (ligne wrap) */
.badges{display:flex;flex-wrap:wrap;gap:6px}
.badges img{width:70px;height:auto;border-radius:4px}

/* ===== Bouton secondaire ===== */
.btn-secondary{
  align-self:flex-start;
  background:var(--green);
  color:#fff;
  padding:.55rem 1.1rem;
  font-size:.9rem;
  border-radius:24px;
  text-decoration:none;
  transition:background .25s
}
.btn-secondary:hover{background:var(--green-dark)}

/* Audio style */
audio{width:100%;margin-top:.5rem}

/* ===== Petite responsivité ===== */
@media(max-width:768px){
  .hero-press{padding:100px 0 60px}
}