/* ==================================================================
   OPM Debarras - cartes a retourner (flip) : une photo et un titre,
   le texte au dos. Survol, clic ou tabulation retournent la carte.
   ================================================================== */
.opm-mv .mv-pad>*+.mv-flips{margin-top:clamp(22px,2.6vw,34px)}
.opm-mv .mv-flips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.opm-mv .mv-flip{position:relative;min-width:0;height:clamp(300px,26vw,380px);perspective:1400px;cursor:pointer;border-radius:22px;outline:none}
.opm-mv .mv-flip:focus-visible{outline:3px solid var(--mv-bleu);outline-offset:3px}
.opm-mv .mv-flip-in{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}
.opm-mv .mv-flip:hover .mv-flip-in,.opm-mv .mv-flip:focus .mv-flip-in,.opm-mv .mv-flip:focus-within .mv-flip-in{transform:rotateY(180deg)}
.opm-mv .mv-flip-face,.opm-mv .mv-flip-dos{position:absolute;inset:0;border-radius:22px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.opm-mv .mv-flip-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.opm-mv .mv-flip-face::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,18,24,0) 42%,rgba(13,18,24,.8) 100%)}
.opm-mv .mv-flip-face h3{position:absolute;left:20px;right:64px;bottom:20px;z-index:1;margin:0;color:#FFFFFF;font-size:clamp(21px,1.7vw,26px);line-height:1.15}
.opm-mv .mv-flip-plus{position:absolute;right:16px;bottom:18px;z-index:1;width:38px;height:38px;border-radius:50%;background:var(--mv-acc);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:24px;line-height:1}
.opm-mv .mv-flip-dos{transform:rotateY(180deg);background:#FFFFFF;border:1px solid var(--mv-filet);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.opm-mv .mv-flip-titre{margin:0;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:clamp(21px,1.7vw,26px);line-height:1.15;color:var(--mv-bleu)}
.opm-mv .mv-flip-dos .mv-p{margin:0;font-size:16.5px;line-height:1.55}

@media (max-width:1100px){
  .opm-mv .mv-flips{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .opm-mv .mv-flips{grid-template-columns:1fr}
  .opm-mv .mv-flip{height:270px}
}
@media (prefers-reduced-motion:reduce){
  .opm-mv .mv-flip-in{transition:none}
}