.md-multi-overlay { position:fixed; inset:0; bottom:auto; top:var(--md-multi-view-top,0px); z-index:20000; display:flex; justify-content:center; align-items:center; padding:24px; box-sizing:border-box; background:rgba(0,0,0,.55); height:100vh; height:var(--md-multi-view-height,100dvh); }
.md-multi-dialog { box-sizing:border-box; width:100%; max-width:640px; max-height:100%; min-height:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid color-mix(in srgb,var(--menu-border,#ccd1d8) 65%,var(--menu-text,#293544)); border-radius:16px; background:var(--menu-card,var(--md-card,#fff)); color:var(--menu-text,var(--md-text,#202020)); box-shadow:0 20px 70px #0004; font:inherit; }
.md-multi-dialog header,.md-multi-dialog footer { flex-shrink:0; padding:16px 20px; }
.md-multi-dialog header,.md-multi-dialog footer>div,.md-multi-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.md-multi-dialog h2 { font-size:20px; margin:0; }.md-multi-dialog h3 { font-size:16px; margin:0 0 8px; }.md-multi-dialog p { margin:6px 0; }
.md-multi-body { min-height:0; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:0 20px 16px; }
.md-multi-body section { margin:14px 0; }.md-multi-dialog button { font:inherit; padding:10px 12px; border:1px solid var(--menu-border,#ddd); border-radius:10px; background:var(--menu-card,#fff); color:inherit; cursor:pointer; }
.md-multi-dialog button:disabled { cursor:default; opacity:.55; }.md-multi-dialog button[aria-pressed=true] { border-color:var(--menu-primary,#0f766e); outline:2px solid var(--menu-primary,#0f766e); }
.md-multi-dialog .md-multi-primary { background:var(--menu-primary,#0f766e); color:#fff; border-color:transparent; min-width:110px; }
.md-multi-dialog .md-multi-link { padding:7px 10px; margin:3px 8px 3px 0; }.md-multi-sizes { display:grid; gap:12px; }.md-multi-flavors { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px; margin-top:12px; }
.md-multi-flavor { display:flex; flex-direction:column; gap:8px; align-items:center; overflow-wrap:anywhere; }.md-multi-image { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:1.25; background:#eef3f2; border-radius:8px; overflow:hidden; color:#315950; font-size:28px; font-weight:700; }.md-multi-image img { position:absolute; width:100%; height:100%; object-fit:cover; }
.md-multi-option { position:relative; display:flex; flex-direction:column; margin:8px 0; border:1px solid #94a3b8; border-radius:12px; background:#f8fafc; overflow:hidden; }
.md-multi-option[data-selected="true"] { border:2px solid #25834c; background:#edf8f0; }
.md-multi-option .md-multi-option-card { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:64px; width:100%; padding:10px 12px; border:0; border-radius:10px; background:transparent; color:#1e293b; text-align:left; touch-action:manipulation; }
.md-multi-option .md-multi-option-card[aria-pressed="true"] { min-height:86px; padding-right:138px; outline:none; background:transparent; }
.md-multi-option-card:focus-visible { outline:2px solid #166534!important; outline-offset:-3px; }
.md-multi-option-info { display:grid; gap:4px; min-width:0; }
.md-multi-option-name { font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
.md-multi-option-price { color:#334155; font-weight:600; line-height:1.2; }
.md-multi-option-action { flex-shrink:0; color:#166534; font-size:13px; font-weight:700; white-space:nowrap; }
.md-multi-option-card[aria-pressed="false"] .md-multi-option-action { padding:7px 9px; border:1px solid #a9bdb0; border-radius:8px; background:#fff; }
.md-multi-option-card[aria-pressed="true"] .md-multi-option-action { position:absolute; top:9px; right:12px; }
.md-multi-option-quantity { position:absolute; right:6px; bottom:6px; display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.md-multi-option-quantity>button { min-width:44px; min-height:44px; padding:6px; color:#166534; border-color:#96bba1; background:#fff; font-weight:700; touch-action:manipulation; }
.md-multi-option-count { min-width:30px; color:#14532d; text-align:center; font-weight:700; }
@media(hover:hover) { .md-multi-option-card:not(:disabled):hover { background:#e8f0ea; } }
.md-multi-dialog label { display:block; margin:12px 0; }.md-multi-dialog input,.md-multi-dialog textarea { display:block; box-sizing:border-box; width:100%; margin-top:6px; padding:10px; border:1px solid #bbb; border-radius:8px; background:var(--menu-card,#fff); color:inherit; font:inherit; }.md-multi-dialog textarea { min-height:70px; resize:vertical; }.md-multi-status { font-size:13px; }.md-multi-cart-flavors { font-weight:600; }.md-multi-dialog [hidden] { display:none!important; }
@media(max-width:768px) {
  .md-multi-overlay { align-items:flex-start; padding-top:max(16px,env(safe-area-inset-top)); padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); padding-bottom:max(16px,env(safe-area-inset-bottom)); }
  .md-multi-dialog { max-height:100%; }.md-multi-dialog header,.md-multi-dialog footer { padding:12px 14px; }.md-multi-body { padding-left:14px; padding-right:14px; }
}

/* Estas reglas sólo existen dentro del editor UNIFICADO. */
.md-multi-dialog header>div { min-width:0; }
.md-multi-dialog header h2 { overflow-wrap:anywhere; }
.md-multi-dialog #mdMultiSubtitle:empty,.md-multi-status:empty { display:none; }
.md-multi-dialog footer { border-top:1px solid var(--menu-border,#d0d5dc); background:inherit; }
.md-multi-price-row { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.md-multi-total { white-space:nowrap; }
.md-multi-footer-actions { display:flex; justify-content:space-between; gap:12px; }
.md-multi-overlay[data-step="SABORES"] .md-multi-price-row { margin-bottom:10px; }
.md-multi-overlay[data-step="TAMANO"] .md-multi-price-row,
.md-multi-overlay[data-step="TAMANO"] [data-confirm] { display:none; }
.md-multi-overlay[data-step="ADICIONALES"] footer { display:grid; grid-template-columns:1fr auto; gap:8px 12px; align-items:center; }
.md-multi-overlay[data-step="ADICIONALES"] footer .md-multi-status { grid-column:1/-1; }
.md-multi-overlay[data-step="ADICIONALES"] .md-multi-price-row>span,
.md-multi-overlay[data-step="ADICIONALES"] [data-cancel] { display:none; }
.md-multi-actions { display:flex; flex-wrap:wrap; gap:6px; margin:4px 0 8px; }
.md-multi-actions .md-multi-link { margin:0; padding:6px 10px; }
.md-multi-body .md-multi-summary { margin:4px 0 12px; }
.md-multi-sizes>button,.md-multi-option>button { border-color:color-mix(in srgb,var(--menu-border,#ccd1d8) 60%,var(--menu-text,#293544)); color:var(--menu-text,var(--md-text,#202020)); }
.md-multi-sizes>button { font-weight:600; }
.md-multi-additions h3,.md-multi-additions>p { color:var(--menu-text,var(--md-text,#202020)); }
.md-multi-additions>p { font-size:13px; }
.md-multi-option>button[aria-pressed="true"] { background:color-mix(in srgb,var(--menu-primary,#0f766e) 9%,var(--menu-card,#fff)); font-weight:600; }
.md-multi-overlay[data-step="SABORES"] .md-multi-body { display:flex; flex-direction:column; overflow:hidden; }
.md-multi-body .md-multi-flavor-section { display:flex; flex-direction:column; min-height:0; margin:0; }
.md-multi-flavor-section>.md-multi-heading,.md-multi-flavor-section>p,.md-multi-flavor-section>input { flex-shrink:0; }
.md-multi-flavors { min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:3px; }
.md-multi-flavors .md-multi-flavor { min-width:0; }
.md-multi-entry input { max-width:100px; }
.md-multi-short .md-multi-dialog header,.md-multi-short .md-multi-dialog footer { padding:8px 12px; }
.md-multi-short .md-multi-body { padding:0 12px 8px; }
.md-multi-short .md-multi-heading h3 { margin:0; }
.md-multi-short .md-multi-flavor-section>p { margin:3px 0; font-size:13px; }
.md-multi-short .md-multi-flavor-section>input { margin-top:4px; padding:7px 9px; }
.md-multi-short .md-multi-flavors { margin-top:8px; }
@media(max-width:600px) {
  .md-multi-dialog header,.md-multi-dialog footer { padding:10px 12px; }
  .md-multi-body { padding:0 12px 10px; }
  .md-multi-dialog h2 { font-size:18px; }
  .md-multi-body section { margin:10px 0; }
  .md-multi-heading h3 { margin-bottom:0; }
  .md-multi-dialog .md-multi-flavor-section { margin:0; }
  .md-multi-flavor-section>p { font-size:13px; margin:4px 0; }
  .md-multi-flavors { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:8px; }
  .md-multi-dialog .md-multi-flavor { padding:7px; gap:5px; font-size:13px; line-height:1.25; }
  .md-multi-image { aspect-ratio:1.8; font-size:24px; }
  .md-multi-actions .md-multi-link { font-size:14px; }
  .md-multi-option { margin:6px 0; }
  .md-multi-option>button { padding:8px 10px; font-size:14px; }
  .md-multi-entry label { margin:8px 0; font-size:14px; }
  .md-multi-dialog input,.md-multi-dialog textarea { padding:7px 9px; margin-top:4px; font-size:16px; }
  .md-multi-dialog textarea { min-height:56px; max-height:120px; }
}