/* Un même format pour toutes les familles : visuel, nom complet, action rouge. */
#onlybaie-perspective #op-mega .op-model-list,
#onlybaie-perspective #op-mega .op-model-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;grid-auto-rows:auto}
#onlybaie-perspective #op-mega[data-family="door"] .op-model-list{display:flex;flex-direction:column;gap:24px}
#onlybaie-perspective #op-mega .op-model-card{display:flex;flex-direction:column;min-width:0;padding:0;color:#111;text-decoration:none;border:1px solid #e4e4df;border-radius:10px;overflow:hidden;background:#fff;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}
#onlybaie-perspective #op-mega .op-model-card:hover{border-color:#d81f26;box-shadow:0 6px 18px #11111112;transform:translateY(-2px)}
#onlybaie-perspective #op-mega .op-model-card:focus-visible{outline:3px solid #d81f26;outline-offset:3px}
#onlybaie-perspective #op-mega .op-model-media{display:flex;align-items:center;justify-content:center;height:160px;width:100%;overflow:hidden;background:#f1f1ed;flex-shrink:0}
#onlybaie-perspective #op-mega .op-model-media>img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;transform:none}
#onlybaie-perspective #op-mega .op-model-media>.op-volet-scene{flex-shrink:0;width:auto;max-width:100%;height:100%;aspect-ratio:1}
#onlybaie-perspective #op-mega .op-model-media>.op-volet-scene>img{width:100%;height:100%;object-fit:contain}
#onlybaie-perspective #op-mega .op-model-caption{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:14px;width:100%;min-height:112px;box-sizing:border-box;flex:1}
#onlybaie-perspective #op-mega .op-model-caption strong{font-size:14px;line-height:1.4;font-weight:650;letter-spacing:-.02em;min-height:39px}
#onlybaie-perspective #op-mega .op-model-cta{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:10px 12px;box-sizing:border-box;border-radius:5px;background:#d81f26;color:#fff;font-size:13px;line-height:1.3;font-weight:650}
#onlybaie-perspective #op-mega .op-model-cta .op-arrow{position:static;grid-area:auto;align-self:auto;color:#fff;font-size:20px;line-height:1}
#onlybaie-perspective #op-mega .op-model-card:hover .op-model-cta{background:#b9171e}
#onlybaie-perspective #op-mega .op-model-group h3{font-size:16px;margin-bottom:14px}
@media(max-width:1279px){
  #onlybaie-perspective #op-mega .op-model-media{height:150px}
}
@media(max-width:980px){
  #onlybaie-perspective #op-mega .op-mega-content{grid-template-columns:1fr}
  #onlybaie-perspective #op-mega .op-mega-intro{border:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  #onlybaie-perspective #op-mega .op-mega-intro .op-kicker,#onlybaie-perspective #op-mega .op-mega-intro>p,#onlybaie-perspective #op-mega .op-menu-ranges{display:none}
  #onlybaie-perspective #op-mega .op-mega-intro h2{font-size:24px;margin:0}
  #onlybaie-perspective #op-mega .op-mega-intro>.op-text-link{margin:0;font-size:12px;min-height:44px}
}
@media(max-width:650px){
  #onlybaie-perspective #op-mega .op-model-list,#onlybaie-perspective #op-mega .op-model-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #onlybaie-perspective #op-mega .op-model-media{height:140px}
  #onlybaie-perspective #op-mega .op-model-caption{padding:10px;gap:12px;min-height:122px}
  #onlybaie-perspective #op-mega .op-model-caption strong{font-size:13px;min-height:55px}
  #onlybaie-perspective #op-mega .op-model-cta{font-size:12px;padding:10px 8px;gap:4px}
  #onlybaie-perspective #op-mega .op-model-cta .op-arrow{font-size:17px}
}
