/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width:480px) {
    .mc-dd {
        position:fixed; inset:auto 0 0 0;
        width:100%; max-height:88vh;
        border-radius:var(--mc-r) var(--mc-r) 0 0;
        transform-origin:bottom center;
        transform:translateY(16px);
        top:auto;
    }
    .mc-dd::before { display:none; }
    .mc-dd--open   { transform:translateY(0); }
    .mc-item { grid-template-columns:56px 1fr auto; }
    .mc-item__img  { width:56px; height:56px; }
    .mc-item__thumb:hover .mc-item__img { transform:none; }
}