/* Contenedor general */
.sb-menu{
    max-width:900px;
    margin:20px auto;
    font-family:Arial,sans-serif;
}

/* Categorías y platos */
.sb-category{margin-bottom:20px;}
.sb-category h3{margin-bottom:10px;border-bottom:2px solid #ccc;padding-bottom:4px;}
.sb-dish{display:inline-block;width:200px;border:1px solid #ddd;margin:4px;padding:8px;border-radius:6px;vertical-align:top;text-align:center;}
.sb-dish-title{display:block;font-weight:bold;margin-bottom:6px;}
.sb-dish-price{display:block;margin-bottom:6px;}
.sb-qty{width:50px;text-align:center;margin-bottom:6px;}
.sb-button{padding:6px 12px;background:#0073aa;color:#fff;border:none;border-radius:4px;cursor:pointer;}
.sb-button:hover{background:#005177;}

/* Carrito */
.sb-cart{margin-top:20px;border-top:2px solid #333;padding-top:12px;}

/* Recibos */
.sb-receipt{font-family:monospace;white-space:pre-wrap;border:1px solid #ddd;padding:12px;margin-top:12px;}

/* Modal menú centrado */
#sb-menu-modal{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    display: none;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding:20px;
}

/* Ventana dentro del modal */
#sb-menu-window{
    background:#fff; 
    padding:20px; 
    border-radius:8px;
    max-width:900px; 
    width:100%; 
    max-height:90%; 
    overflow-y: auto; 
    position: relative;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
}

/* Botón cerrar */
#sb-close-menu{ 
    position:absolute; 
    top:10px; 
    right:10px; 
    background:red; 
    color:#fff; 
    font-weight:bold; 
    border:none; 
    border-radius:4px; 
    cursor:pointer; 
    padding:4px 8px;
}