/* ── Ítems ───────────────────────────────────────────────────── */
.mc-items { padding:0 16px; }
.mc-item {
    display:grid; grid-template-columns:62px 1fr auto; gap:13px;
    align-items:start;
    padding:14px;
    margin:10px 0;
    border-radius:12px;
    background:var(--mc-item-bg);
    border:var(--mc-item-border);
    box-shadow:var(--mc-soft-shadow);
    transition:opacity .24s, transform .24s, box-shadow .2s;
}
.mc-item:first-child { margin-top:8px; }
.mc-item:last-child  { margin-bottom:8px; }
.mc-item--out { opacity:0; transform:translateX(12px); pointer-events:none; }

/* Thumbnail con zoom */
.mc-item__thumb { display:block; border-radius:8px; overflow:hidden; line-height:0; flex-shrink:0; }
.mc-item__img   {
    width:62px; height:62px; object-fit:cover; display:block;
    transition:transform var(--mc-img-zoom-speed) cubic-bezier(.34,1.2,.64,1);
}
.mc-item__thumb:hover .mc-item__img { transform:scale(var(--mc-img-zoom)); }

.mc-item__body  { display:flex; flex-direction:column; gap:3px; min-width:0; padding-top:1px; }
.mc-item__name  {
    font-size:1em; font-weight:600; color:var(--mc-text); text-decoration:none;
    line-height:1.35; display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow:hidden;
}
.mc-item__name:hover { opacity:.75; }
.mc-item__variant { font-size:.78em; color:var(--mc-muted); }

/* Precio con fuente Abel */
.mc-item__price,
.mc-sub__val { font-family:var(--mc-fp); }

/* ── Stepper ─────────────────────────────────────────────────── */
.mc-qty {
    display:inline-flex; align-items:stretch;
    width:auto; align-self:flex-start; margin-top:8px;
    border-radius:8px; overflow:hidden;
    background:var(--mc-panel-bg);
    box-shadow:var(--mc-inset-shadow);
    border:none;
    transition:opacity .2s;
}
.mc-qty.mc-loading { opacity:.35; pointer-events:none; }
.mc-qty__btn {
    width:32px; flex:0 0 32px; height:32px;
    border:none; background:transparent; cursor:pointer;
    color:var(--mc-text); font-size:18px; font-weight:300; line-height:1;
    padding:0; display:flex; align-items:center; justify-content:center;
    transition:background .12s;
    -webkit-tap-highlight-color:transparent; user-select:none; -webkit-user-select:none;
}
.mc-qty__btn:hover { background:rgba(0,0,0,.08); }
.mc-qty__val {
    flex:0 0 34px; width:34px; font-size:.9em; font-weight:700;
    color:var(--mc-text); text-align:center; line-height:32px;
    border-left:1px solid rgba(0,0,0,0.07); border-right:1px solid rgba(0,0,0,0.07);
    user-select:none;
}

/* ── Precio + eliminar ───────────────────────────────────────── */
.mc-item__right { display:flex; flex-direction:column; align-items:flex-end; gap:8px; padding-top:2px; }
.mc-item__price { font-size:1em; font-weight:700; color:var(--mc-text); white-space:nowrap; letter-spacing:.01em; }
.mc-item__del {
    display:flex; align-items:center; justify-content:center;
    width:26px; height:26px;
    border:1px solid rgba(0,0,0,.08); background:transparent;
    cursor:pointer; color:var(--mc-muted);
    border-radius:6px; font-size:12px; line-height:1; padding:0;
    transition:background .15s, color .15s, border-color .15s;
    -webkit-tap-highlight-color:transparent;
}
.mc-item__del:hover { background:rgba(239,68,68,.1); color:#ef4444; border-color:rgba(239,68,68,.25); }