/* Variante d’accueil uniquement : le catalogue et ses cartes restent inchangés. */
#onlybaie-perspective .ob-family-section { max-width: 1480px; margin-inline: auto; }
#onlybaie-perspective .ob-home-comparison { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 36px; padding-bottom:20px; border-bottom:1px solid #e7e5e2; font-size:12px; color:#646464; }
#onlybaie-perspective .ob-home-comparison > div { display:flex; padding:4px; border:1px solid #e4e2df; border-radius:100px; background:#f5f4f2; }
#onlybaie-perspective .ob-home-comparison a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px 18px; border-radius:100px; color:#555; text-decoration:none; font-weight:650; }
#onlybaie-perspective .ob-home-comparison a[aria-current] { color:#fff; background:#222; box-shadow:0 2px 5px #00000012; }
#onlybaie-perspective .ob-family-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#onlybaie-perspective .ob-family-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #e5e3df; border-radius:18px; background:#fff; color:#191919; text-decoration:none; box-shadow:0 3px 12px #16161605; transition:box-shadow .2s ease,border-color .2s ease; }
#onlybaie-perspective .ob-family-photo { aspect-ratio:4/3; width:100%; overflow:hidden; background:#f3f2ef; }
#onlybaie-perspective .ob-family-photo img { display:block; width:100%; height:100%; object-fit:cover;  }
#onlybaie-perspective .ob-family-body { display:flex; flex:1; flex-direction:column; gap:0; padding:18px 20px 20px; }
#onlybaie-perspective .ob-family-repere { margin:0 0 7px; color:#74716c; font-size:10px; line-height:1.5; font-weight:650; letter-spacing:.075em; text-transform:uppercase; }
#onlybaie-perspective .ob-family-card h3 { margin:0; font:650 clamp(21px,1.65vw,25px)/1.2 'Manrope',sans-serif; letter-spacing:-.025em; }
#onlybaie-perspective .ob-family-copy { margin:9px 0 18px; color:#696761; font-size:13px; line-height:1.55; max-width:36ch; }
#onlybaie-perspective .ob-family-cta { margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 16px; min-height:46px; border-radius:9px; background:#D81F26; color:white; font-size:13px; font-weight:700; }
#onlybaie-perspective .ob-family-cta svg { flex:none; }
#onlybaie-perspective .ob-family-card:hover { border-color:#bdbab4; box-shadow:0 10px 28px #1616160c; }
#onlybaie-perspective .ob-family-card:hover img { transform:none; }
#onlybaie-perspective .ob-family-card:hover .ob-family-cta { background:#bd181f; }
#onlybaie-perspective .ob-family-card:focus-visible, #onlybaie-perspective .ob-home-comparison a:focus-visible { outline:3px solid #D81F26; outline-offset:4px; }
@media(max-width:1050px){#onlybaie-perspective .ob-family-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }}
@media(max-width:600px){
  #onlybaie-perspective .ob-family-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
  #onlybaie-perspective .ob-home-comparison { align-items:flex-start; flex-direction:column; gap:12px; margin-bottom:28px; }
  #onlybaie-perspective .ob-home-comparison > div { width:100%; }
  #onlybaie-perspective .ob-home-comparison a { flex:1; padding-inline:10px; }
  #onlybaie-perspective .ob-family-section .op-section-head { margin-bottom:26px; gap:15px; }
  #onlybaie-perspective .ob-family-section .op-section-head p { max-width:34ch; }
  #onlybaie-perspective .ob-family-body { padding:16px; }
  #onlybaie-perspective .ob-family-copy { margin-bottom:16px; }
}
@media(prefers-reduced-motion:reduce){#onlybaie-perspective .ob-family-card,#onlybaie-perspective .ob-family-photo img { transition:none; }#onlybaie-perspective .ob-family-card:hover img { transform:none; }}

#onlybaie-perspective #op-collections { scroll-margin-top:150px; }
#onlybaie-perspective .ob-family-section .op-section-head p { color:#676767; opacity:1; }