.bento-approches h2 { text-align: center; }

.bento-approches__intro {
  border: 1px solid var(--ligne, #E7DED3);
  border-radius: var(--rayon-doux, 4px 32px 4px 32px);
  padding: 1.8rem 1.8rem 1.4rem;
  margin: 0 auto 2rem;
  max-width: 720px;
  background: #fff;
}
.bento-approches__pied { display: flex; justify-content: center; margin: 0; }
.bento-approches__bouton {
  display: inline-flex; align-items: center; gap: .6rem;
  padding: .7rem 1.5rem;
  border: 1px solid var(--terracotta, #C1694F);
  border-radius: 999px; background: transparent;
  color: var(--terracotta, #C1694F);
  font-family: "Work Sans", sans-serif; font-weight: 600; font-size: .9rem;
  cursor: pointer; transition: background .15s ease, color .15s ease;
}
.bento-approches__bouton:hover,
.bento-approches__bouton:focus-visible { background: var(--terracotta, #C1694F); color: #fff; }
.bento-approches__fleche { width: 11px; height: 7px; flex: 0 0 auto; transition: transform .2s ease; }
.bento-approches__bouton[aria-expanded="true"] .bento-approches__fleche { transform: rotate(180deg); }

.bento-approches__grille {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1.3rem; margin-top: 1.8rem;
}
.bento-approches__grille[hidden] { display: none !important; }

.bento-approches__carte {
  background: #fff;
  border: 1px solid var(--ligne, #E7DED3);
  border-radius: var(--rayon-doux, 4px 32px 4px 32px);
  padding: 1.3rem 1.4rem;
}
.bento-approches__carte h3 {
  display: flex; align-items: center; gap: .55rem;
  font-family: "Fraunces", serif; font-size: 1rem; color: #6B4A3D; margin: 0 0 .7rem;
}
.bento-approches__icone {
  width: 22px; height: 22px; flex: 0 0 auto;
  color: var(--terracotta, #C1694F);
}
.bento-approches__carte p { font-size: .87rem; line-height: 1.5; color: #4A3B32; margin: 0 0 .8rem; }
.bento-approches__lien { font-size: .85rem; font-weight: 600; color: var(--terracotta, #C1694F); text-decoration: none; }
.bento-approches__lien:hover,
.bento-approches__lien:focus-visible { text-decoration: underline; }

#nos-approches,
#bento-approches {
  scroll-margin-top: calc(var(--hauteur-header, 84px) + 24px);
}