/* MOLLO v2 : arrondis + visuels interactifs */
.mo-btn{border-radius:999px;padding:16px 30px}
.mo-sys__fig{border-radius:28px;padding:clamp(16px,3vw,32px);box-shadow:0 30px 60px -40px rgba(16,27,46,.35)}
.mo-mat__media{background:radial-gradient(90% 70% at 50% 40%,#22375a 0%,#152440 60%,#111d33 100%);border-color:rgba(200,169,126,.22);border-radius:28px}
.mo-mat__media:has(.mo-explode){aspect-ratio:1/1}
.mo-tile{border-radius:24px}
.mo-cmp__table{border-radius:24px;overflow:hidden}
.mo-gcard{border-radius:22px}
.mo-xray{position:relative;aspect-ratio:800/410;--x:14%;touch-action:pan-y;user-select:none}
.mo-xray svg{position:absolute;inset:0;width:100%;height:100%}
.mo-xray__out{clip-path:inset(0 0 0 var(--x))}
.mo-xray.is-anim .mo-xray__out,.mo-xray.is-anim .mo-xray__handle{transition:clip-path 1.6s var(--ease),left 1.6s var(--ease)}
.mo-xray__handle{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--navy);pointer-events:none}
.mo-xray__knob{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:var(--navy);color:var(--off);display:grid;place-items:center;box-shadow:0 8px 24px -6px rgba(16,27,46,.5)}
.mo-xray input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.mo-xray__tags{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}
.mo-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:7px 14px;border-radius:999px;background:var(--sand2);color:var(--navy)}
.mo-tag--dark{background:var(--navy);color:var(--off)}
.mo-xray__hint{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:13px;color:var(--ink)}
.mo-xray__hint svg{width:18px;height:18px}
.mo-explode{position:absolute;inset:0;display:grid;place-items:center;padding:4% 3%}
.mo-explode svg{width:100%;height:auto;overflow:visible}
.mo-explode .mo-ly{transition:transform 1.4s var(--ease);transform:translateY(0)}
.mo-explode .mo-ly text,.mo-explode .mo-ly .mo-lbl{opacity:0;transition:opacity .6s .5s}
.mo-explode.is-in .mo-ly{transform:translateY(var(--dy))}
.mo-explode.is-in .mo-ly text,.mo-explode.is-in .mo-ly .mo-lbl{opacity:1}
.mo-mat__media:hover .mo-explode.is-in .mo-ly{transform:translateY(0)}
.mo-mat__media:hover .mo-explode.is-in .mo-ly text,.mo-mat__media:hover .mo-explode.is-in .mo-ly .mo-lbl{opacity:0;transition-delay:0s}
.mo-explode__hint{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(247,244,238,.55)}
@media (hover:none){.mo-explode__hint{display:none}}
@media (max-width:749px){
 .mo-explode .mo-ly text{font-size:25px;letter-spacing:1px}
 .mo-explode__hint{display:none}
 .mo-xray text{font-size:21px}
 .mo-xray text[font-size="24"]{font-size:30px}
 .mo-xray__knob{width:40px;height:40px;margin:-20px 0 0 -20px}
 .mo-sys__fig,.mo-mat__media{border-radius:22px}
 .mo-tag{font-size:10px;padding:6px 11px;white-space:nowrap;letter-spacing:.1em}
}