/* ODEOS — Particuliers */
#odeos-personal {
  --paper: #f8f8f4;
  --line: #dce5dd;
  font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
}
#odeos-personal h1,
#odeos-personal h2,
#odeos-personal h3 {
  font-family: "Avenir Next", Avenir, "Segoe UI", sans-serif;
}
#odeos-personal .o-hero {
  background: linear-gradient(135deg, #193f45, #326365);
  padding: 100px 0;
}
#odeos-personal .o-hero h1 {
  font-size: clamp(3.2rem, 7vw, 6.6rem);
}
#odeos-personal .o-intro {
  font-size: 1.25rem;
  line-height: 1.65;
}
#odeos-personal .o-button {
  border-radius: 100px;
}

/* Cartes d'accompagnement */
#odeos-personal .p-section {
  padding: 85px 0;
}
#odeos-personal .p-grid {
  gap: 24px;
}
#odeos-personal .p-card {
  border-radius: 24px;
  padding: 36px;
  box-shadow: 0 15px 45px rgba(22,61,67,.06);
  transition: transform .25s, box-shadow .25s;
}
#odeos-personal .p-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 50px rgba(22,61,67,.11);
}
#odeos-personal .p-card:first-child {
  background: #e8efe7;
}

/* Présentation du duo */
#odeos-personal .p-duo {
  background: #e8efe7;
  padding: 65px 0;
}
#odeos-personal .p-person img {
  width: 110px;
  height: 110px;
  flex-basis: 110px;
  border: 4px solid white;
  box-shadow: 0 8px 25px rgba(22,61,67,.12);
}

/* Adaptation mobile */
@media(max-width:650px) {
  #odeos-personal .o-hero {padding:55px 0}
  #odeos-personal .p-section {padding:45px 0}
  #odeos-personal .p-card {padding:25px}
  #odeos-personal .p-duo {padding:40px 0}
  #odeos-personal .p-person img {
    width:82px;height:82px;flex-basis:82px
  }
}
@media(prefers-reduced-motion:reduce) {
  #odeos-personal .p-card {transition:none}
  #odeos-personal .p-card:hover {transform:none}
}

/* Correction : accueil sobre et équilibré */
#odeos-personal .o-hero {
  padding: 65px 0 70px;
  min-height: 0;
}
#odeos-personal .o-hero h1 {
  font-size: clamp(2.7rem, 4.5vw, 4.4rem);
  line-height: 1.12;
  max-width: 850px;
  letter-spacing: -.045em;
}
#odeos-personal .o-hero-top {
  margin-bottom: 26px;
}
#odeos-personal .o-hero-bottom {
  margin-top: 28px;
}
#odeos-personal .o-intro {
  font-size: 1.08rem;
  line-height: 1.55;
}
@media(max-width:650px) {
  #odeos-personal .o-hero {padding:40px 0 45px}
  #odeos-personal .o-hero h1 {
    font-size:clamp(2.3rem,8vw,3.2rem);
  }
}

/* Accompagnement thérapeutique principal */
#odeos-personal .p-therapy {
  padding: 75px 0 85px;
  background: #f8f8f4;
}
#odeos-personal .p-eyebrow,
#odeos-personal .p-therapy-item span,
#odeos-personal .p-other article span {
  display: block;
  color: #53766a;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .12em;
  margin-bottom: 18px;
}
#odeos-personal .p-therapy > .o-wrap > h2 {
  font-size: clamp(2rem, 3.5vw, 3.1rem);
  max-width: 850px;
  margin-bottom: 42px;
}
#odeos-personal .p-therapy-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 22px;
}
#odeos-personal .p-therapy-main {
  background: #e7eee8;
  border-radius: 18px;
  padding: 45px;
}
#odeos-personal .p-therapy-main h3 {
  font-size: clamp(1.8rem, 2.6vw, 2.5rem);
  margin-bottom: 24px;
}
#odeos-personal .p-therapy-main > p:not(.p-eyebrow) {
  color: #435e5c;
  line-height: 1.7;
  margin-bottom: 18px;
}
#odeos-personal .p-therapy-main .o-button {
  margin-top: 16px;
}
#odeos-personal .p-therapy-side {
  display: grid;
  gap: 22px;
}
#odeos-personal .p-therapy-item {
  background: #fff;
  border: 1px solid #dce5dd;
  border-radius: 18px;
  padding: 32px;
}
#odeos-personal .p-therapy-item h3 {
  font-size: 1.5rem;
  margin-bottom: 15px;
}
#odeos-personal .p-therapy-item p {
  color: #52686a;
  line-height: 1.65;
}

/* Accompagnements complémentaires */
#odeos-personal .p-other {
  padding: 65px 0 80px;
  background: #fff;
}
#odeos-personal .p-other h2 {
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  margin-bottom: 30px;
}
#odeos-personal .p-other-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
#odeos-personal .p-other article {
  padding: 34px;
  background: #f6f8f4;
  border: 1px solid #dce5dd;
  border-radius: 16px;
}
#odeos-personal .p-other h3 {
  font-size: 1.55rem;
  margin-bottom: 15px;
}
#odeos-personal .p-other article p {
  color: #52686a;
  line-height: 1.65;
  margin-bottom: 22px;
}
#odeos-personal .p-other article a {
  font-weight: 700;
  color: #224f57;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media(max-width:800px) {
  #odeos-personal .p-therapy-grid,
  #odeos-personal .p-other-grid {
    grid-template-columns: 1fr;
  }
}
@media(max-width:650px) {
  #odeos-personal .p-therapy {padding:45px 0}
  #odeos-personal .p-therapy-main {padding:28px}
  #odeos-personal .p-therapy-item {padding:26px}
  #odeos-personal .p-other {padding:45px 0}
  #odeos-personal .p-other article {padding:27px}
}

/* Bandeau photographique — Particuliers */
#odeos-personal .o-hero {
  background:
    linear-gradient(90deg,
      rgba(22,57,59,.94) 0%,
      rgba(22,57,59,.84) 35%,
      rgba(22,57,59,.35) 65%,
      rgba(22,57,59,.05) 100%),
    url('/assets/images/cabinet-particuliers.webp')
      center center / cover no-repeat;
}

@media(max-width:650px) {
  #odeos-personal .o-hero {
    background:
      linear-gradient(90deg,
        rgba(22,57,59,.94),
        rgba(22,57,59,.70)),
      url('/assets/images/cabinet-particuliers.webp')
        65% center / cover no-repeat;
  }
}