/* ===== Tienda · Matchmaker compacto ===== */
.sh-mm.mmp{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px;padding:12px;border-radius:18px;position:relative;z-index:30;overflow:visible}
.sh-mm.mmp .sh-mm-step{position:relative;flex:1 1 200px;flex-direction:row;min-width:0;display:block;padding:0;margin:0;border:0;background:none;box-shadow:none}
.sh-mm.mmp .sh-mm-step::before,.sh-mm.mmp .sh-mm-step::after{display:none}
.sh-mm.mmp .sh-mm-n,.sh-mm.mmp .sh-mm-prog{display:none}
.sh-mm.mmp .sh-mm-c>label{display:none}
.mmp-t{width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:9px 14px 9px 10px;border-radius:13px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.mmp-t:hover{border-color:var(--border-gold)}
.sh-mm-step.open .mmp-t{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}
.mmp-ic{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--bg-3,rgba(255,255,255,.05));color:var(--text-muted);transition:background .2s,color .2s}
.mmp-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sh-mm-step.mmp-set .mmp-ic{background:var(--gold-glow);color:var(--gold)}
.mmp-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mmp-tx em{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}
.mmp-v{font-size:.92rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}
.sh-mm-step.mmp-set .mmp-v{color:var(--text)}
.mmp-ch{flex:0 0 auto;width:8px;height:8px;border-right:1.6px solid var(--text-muted);border-bottom:1.6px solid var(--text-muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}
.sh-mm-step.open .mmp-ch{transform:rotate(225deg) translate(-2px,-2px);border-color:var(--gold)}

/* panel flotante */
.sh-mm.mmp .mmp-pop{position:absolute;left:0;top:calc(100% + 8px);z-index:60;width:max(100%,340px);max-width:min(460px,calc(100vw - 32px));padding:14px;border-radius:15px;border:1px solid var(--border-gold);background:var(--card);box-shadow:0 26px 60px -24px rgba(0,0,0,.85);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .18s,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s .22s}
.sh-mm.mmp .sh-mm-step:last-of-type .mmp-pop{left:auto;right:0;transform-origin:top right}
.sh-mm.mmp .sh-mm-step.open .mmp-pop{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mmp-ph{display:flex;align-items:center;justify-content:space-between;margin:-2px 0 12px}
.mmp-ph b{font-family:var(--display);font-size:.98rem}
.mmp-x{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:none;color:var(--text-muted);cursor:pointer}
.mmp-x:hover{color:var(--gold);border-color:var(--gold)}
.sh-mm.mmp .sh-mm-opts{display:flex;flex-wrap:wrap;gap:8px}
.sh-mm.mmp .sh-mm-opts button{min-height:40px}
.sh-mm.mmp .sh-mm-quick{margin-top:10px}

/* acción */
.sh-mm.mmp .sh-mm-act{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0}
.sh-mm.mmp .sh-mm-act .btn{min-height:58px;padding:0 24px;border-radius:13px;white-space:nowrap}
.sh-mm.mmp .sh-clear{min-height:58px}

@media(max-width:720px){
  .sh-mm.mmp{flex-direction:column}
  .sh-mm.mmp .sh-mm-step,.sh-mm.mmp .sh-mm-act{flex:0 0 auto}
  .sh-mm.mmp .sh-mm-act{flex:1 1 100%}
  .sh-mm.mmp .sh-mm-act .btn{flex:1}
  .sh-mm.mmp .mmp-pop,.sh-mm.mmp .sh-mm-step:last-of-type .mmp-pop{position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;border-radius:20px 20px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));transform:translateY(100%);transform-origin:bottom}
  .sh-mm.mmp .sh-mm-step.open .mmp-pop{transform:none}
  .sh-mm.mmp .sh-mm-step.open::after{content:"";display:block;position:fixed;inset:0;z-index:59;background:rgba(6,6,8,.6)}
  body.mmp-lock{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.sh-mm.mmp .mmp-pop{transition:none}}