diff --git a/gestaoRaul/balcao/__pycache__/htmx_views.cpython-312.pyc b/gestaoRaul/balcao/__pycache__/htmx_views.cpython-312.pyc
index 539cf43..2762430 100644
Binary files a/gestaoRaul/balcao/__pycache__/htmx_views.cpython-312.pyc and b/gestaoRaul/balcao/__pycache__/htmx_views.cpython-312.pyc differ
diff --git a/gestaoRaul/balcao/__pycache__/views.cpython-312.pyc b/gestaoRaul/balcao/__pycache__/views.cpython-312.pyc
index 82fab5a..e5fe050 100644
Binary files a/gestaoRaul/balcao/__pycache__/views.cpython-312.pyc and b/gestaoRaul/balcao/__pycache__/views.cpython-312.pyc differ
diff --git a/gestaoRaul/balcao/htmx_views.py b/gestaoRaul/balcao/htmx_views.py
index 567e7ac..9b608e0 100644
--- a/gestaoRaul/balcao/htmx_views.py
+++ b/gestaoRaul/balcao/htmx_views.py
@@ -16,23 +16,13 @@ from gestaoRaul.decorators import group_required
 def listProductBalcao(request, comanda_id, search_product):
     comanda_id = request.GET.get("id-comanda-balcao")
     if search_product == '*':
-        produtos_mais_vendidos = list(ProductComanda.objects.values('product').annotate(
-        quantidade=Count('product'),
-        nome=F('product__name') ).order_by('-quantidade'))
-        products = Product.objects.all()
-        products_ordenados = []
-
-        for produto in produtos_mais_vendidos:
-            for p in products:
-                if p.active == True and p.name == produto['nome']:
-                        products_ordenados.append(p)
-          
+        products_ordenados = ProductComanda.maisVendidos()         
 
         return render(request, "htmx_components/htmx_list_products_balcao.html", {"products": products_ordenados,'comanda_id':comanda_id})
     else:
         product = search_product
         products = Product.objects.filter(name__icontains=product, active=True)
-        return render(request, "htmx_components/htmx_list_products_balcao.html", {"products": products,'comanda_id':comanda_id})
+        return render(request, "htmx_components/htmx_list_products_balcao.html", {"products": products[:15],'comanda_id':comanda_id})
 
 
 @group_required(groupName='Garçom')
diff --git a/gestaoRaul/balcao/templates/viewBalcao.html b/gestaoRaul/balcao/templates/viewBalcao.html
index 5d1958e..7682493 100644
--- a/gestaoRaul/balcao/templates/viewBalcao.html
+++ b/gestaoRaul/balcao/templates/viewBalcao.html
@@ -72,30 +72,32 @@
           {% for product in products %}
           {% if forloop.counter0 == 0 %}
 
-          <article 
-            name="productBox" 
-            id="productId-{{ product.id }}"
-            class="card-product"
-            onclick="addProductClick({{product.id}} , {{comanda.id}})" 
-            >
-            <p hidden id="{{forloop.counter0}}">{{product.id}}</p>
-            <p hidden id="comanda{{forloop.counter0}}">{{comanda.id}}</p>
-            {{product.name}} <br>
-            <p id="{{product.id}}"></p>
-            R$ {{product.price}}
-          </article>
+             <article 
+                   style="background-image:  url('{{product.image}}');"
+                name="productBox"
+                id="productId-{{ product.id }}" 
+                class="card-product"
+                onclick="addProductClick({{product.id}} )"
+                >
+                <p hidden id="{{forloop.counter0}}" >{{product.id}}</p>
+                <p hidden id="comanda{{forloop.counter0}}" >{{comanda.id}}</p>
+               <p class="card-product-p"> {{product.name}}</p> 
+               <p id="{{product.id}}"></p>
+               <p class="card-product-p"> R$ {{product.price}}</p>
+                </article >
 
-          {% else %}
+        {% else %}
 
-          <article 
-            name="productBox" 
-            id="productId-{{ product.id }}"
-            class="card-product"
-            onclick="addProductClick({{product.id}} , {{comanda.id}})" 
-            >
-            {{product.name}} <br>
-            R$ {{product.price}}
-          </article>
+                <article 
+                   style="background-image:  url('{{product.image}}');"
+                name="productBox"
+                id="productId-{{ product.id }}" 
+                class="card-product" 
+                onclick="addProductClick({{product.id}})"
+                >
+                  <p class="card-product-p"> {{product.name}}</p>
+                 <p class="card-product-p"> R$ {{product.price}}</p>
+                </article >
 
           {% endif %}
 
diff --git a/gestaoRaul/balcao/views.py b/gestaoRaul/balcao/views.py
index 7d6c6f7..13b02ad 100644
--- a/gestaoRaul/balcao/views.py
+++ b/gestaoRaul/balcao/views.py
@@ -20,17 +20,7 @@ def viewBalcao(request):
         comanda.save()
 
     consumo = ProductComanda.objects.filter(comanda=comanda.id)
-    produtos_mais_vendidos = list(ProductComanda.objects.values('product').annotate(
-    quantidade=Count('product'),
-    nome=F('product__name') ).order_by('-quantidade'))
-    products = Product.objects.all()
-    products_ordenados = []
-
-    for produto in produtos_mais_vendidos:
-        for p in products:
-            if p.name == produto['nome'] and p.active == True:
-                products_ordenados.append(p)
-
+    products_ordenados = ProductComanda.maisVendidos()
     total = 0
     for produto in consumo:
         total += produto.product.price
diff --git a/gestaoRaul/comandas/__pycache__/models.cpython-312.pyc b/gestaoRaul/comandas/__pycache__/models.cpython-312.pyc
index ccdf436..f02c04a 100644
Binary files a/gestaoRaul/comandas/__pycache__/models.cpython-312.pyc and b/gestaoRaul/comandas/__pycache__/models.cpython-312.pyc differ
diff --git a/gestaoRaul/comandas/__pycache__/views.cpython-312.pyc b/gestaoRaul/comandas/__pycache__/views.cpython-312.pyc
index 7480791..b055aa7 100644
Binary files a/gestaoRaul/comandas/__pycache__/views.cpython-312.pyc and b/gestaoRaul/comandas/__pycache__/views.cpython-312.pyc differ
diff --git a/gestaoRaul/comandas/models.py b/gestaoRaul/comandas/models.py
index 4b853c0..6e6bf59 100644
--- a/gestaoRaul/comandas/models.py
+++ b/gestaoRaul/comandas/models.py
@@ -1,5 +1,6 @@
 from django.db import models
 from django.contrib.auth.models import User
+from django.db.models import Count, F
 
 
 
@@ -7,7 +8,6 @@ from clients.models import Client
 from products.models import Product
 from mesas.models import Mesa
 from typePay.models import TypePay
-# from payments.models import Payments
 
 class Comanda(models.Model):
     id = models.AutoField(primary_key=True)
@@ -32,3 +32,15 @@ class ProductComanda(models.Model):
         return self.comanda.name + " - " + self.product.name
 
 
+    def maisVendidos():
+        produtos_mais_vendidos = list(ProductComanda.objects.values('product').annotate(
+        quantidade=Count('product'),
+        nome=F('product__name') ).order_by('-quantidade'))
+
+        products = Product.objects.all()
+        products_ordenados = []
+        for produto in produtos_mais_vendidos:
+            for p in products:
+                if p.name == produto['nome'] and p.active == True:
+                    products_ordenados.append(p)
+        return products_ordenados[:15]
\ No newline at end of file
diff --git a/gestaoRaul/comandas/templates/viewcomanda.html b/gestaoRaul/comandas/templates/viewcomanda.html
index c13ab05..8d6ff2b 100644
--- a/gestaoRaul/comandas/templates/viewcomanda.html
+++ b/gestaoRaul/comandas/templates/viewcomanda.html
@@ -203,9 +203,12 @@ Detalhes {{comanda.name}}
           <input type="text" oninput="searchProduct()" id="search-product" name="search-product" placeholder="Buscar Produto" ><br>
           <div id="product-list" class="grid-list-products">
             {% for product in products %}
-                <div class="card-product" onclick="addProductComanda({{product.id}}, {{comanda.id}}, '{{product.cuisine}}')" >
-                  {{product.name}} <br>
-                  R$ {{product.price}}
+                <div 
+                style="background-image:  url('{{product.image}}');"
+                 class="card-product"
+                  onclick="addProductComanda({{product.id}}, {{comanda.id}}, '{{product.cuisine}}')" >
+                 <p class="card-product-p"> {{product.name}}</p>
+                 <p class="card-product-p"> R$ {{product.price}}</p>
                 </div >
                 {% endfor %}
               </div>
diff --git a/gestaoRaul/comandas/views.py b/gestaoRaul/comandas/views.py
index 7e36336..0720dbf 100644
--- a/gestaoRaul/comandas/views.py
+++ b/gestaoRaul/comandas/views.py
@@ -32,24 +32,12 @@ def viewComanda(request):
     comanda_id = int(id)
     comanda = Comanda.objects.get(id=comanda_id)
     consumo = ProductComanda.objects.filter(comanda=comanda_id)
-    # consumo[0].product.
     parcial = Payments.objects.filter(comanda=comanda_id)
     mesas = Mesa.objects.all()
     clients = Client.objects.filter(active=True)
-
-    produtos_mais_vendidos = list(ProductComanda.objects.values('product').annotate(
-    quantidade=Count('product'),
-    nome=F('product__name') ).order_by('-quantidade'))
-
-    products = Product.objects.all()
-    products_ordenados = []
-    for produto in produtos_mais_vendidos:
-        for p in products:
-            if p.name == produto['nome'] and p.active == True:
-                products_ordenados.append(p)
+    products_ordenados = ProductComanda.maisVendidos()
     valores = somar(consumo,comanda)
-    
-    return render(request, 'viewcomanda.html', {'config':config, 'valores':valores,'parcials':parcial,'clients':clients,'comanda': comanda, 'consumo': consumo, 'products': products_ordenados,'mesas':mesas})
+    return render(request, 'viewcomanda.html', {'config':config, 'valores':valores,'parcials':parcial,'clients':clients,'comanda': comanda, 'consumo': consumo, 'products': products_ordenados[:15],'mesas':mesas})
 
 
 @group_required(groupName='Garçom')
@@ -153,6 +141,7 @@ def closeComanda(request, comanda_id):
 
 @group_required(groupName='Garçom')
 def addProduct(request, product_id, comanda_id):
+    print('chamouuuuuuuuuuu')
     config = {
         'taxa': False
         }
@@ -202,9 +191,12 @@ def addProduct(request, product_id, comanda_id):
 
 
 def listProduct(request, comanda_id, product):
-    allProducts = Product.objects.filter(name__icontains=product)
+    if product == '*':
+        allProducts = ProductComanda.maisVendidos()
+    else:
+        allProducts = Product.objects.filter(name__icontains=product)
     products = []
     for p in allProducts:
         if p.active == True:
             products.append(p)
-    return render(request, "htmx_components/comandas/htmx_list_products.html", {"products": products,'comanda_id':comanda_id})
\ No newline at end of file
+    return render(request, "htmx_components/comandas/htmx_list_products.html", {"products": products[:15],'comanda_id':comanda_id})
\ No newline at end of file
diff --git a/gestaoRaul/db.sqlite3 b/gestaoRaul/db.sqlite3
index c60fbf7..8aac7fd 100644
Binary files a/gestaoRaul/db.sqlite3 and b/gestaoRaul/db.sqlite3 differ
diff --git a/gestaoRaul/gestaoRaul/__pycache__/settings.cpython-312.pyc b/gestaoRaul/gestaoRaul/__pycache__/settings.cpython-312.pyc
index 09a277c..15b452e 100644
Binary files a/gestaoRaul/gestaoRaul/__pycache__/settings.cpython-312.pyc and b/gestaoRaul/gestaoRaul/__pycache__/settings.cpython-312.pyc differ
diff --git a/gestaoRaul/products/__pycache__/models.cpython-312.pyc b/gestaoRaul/products/__pycache__/models.cpython-312.pyc
index c9fe22e..08d5592 100644
Binary files a/gestaoRaul/products/__pycache__/models.cpython-312.pyc and b/gestaoRaul/products/__pycache__/models.cpython-312.pyc differ
diff --git a/gestaoRaul/products/__pycache__/urls.cpython-312.pyc b/gestaoRaul/products/__pycache__/urls.cpython-312.pyc
index 065ea79..d068639 100644
Binary files a/gestaoRaul/products/__pycache__/urls.cpython-312.pyc and b/gestaoRaul/products/__pycache__/urls.cpython-312.pyc differ
diff --git a/gestaoRaul/products/__pycache__/views.cpython-312.pyc b/gestaoRaul/products/__pycache__/views.cpython-312.pyc
index 00c27ce..b9caa9a 100644
Binary files a/gestaoRaul/products/__pycache__/views.cpython-312.pyc and b/gestaoRaul/products/__pycache__/views.cpython-312.pyc differ
diff --git a/gestaoRaul/products/models.py b/gestaoRaul/products/models.py
index aee417e..eaa822f 100644
--- a/gestaoRaul/products/models.py
+++ b/gestaoRaul/products/models.py
@@ -2,6 +2,7 @@ from django.db import models
 
 from categories.models import Categories
 
+
 # Create your models here.
 class Product(models.Model):
     id = models.AutoField(primary_key=True)
@@ -15,4 +16,4 @@ class Product(models.Model):
     active = models.BooleanField(default=True)
 
     def __str__(self) -> str:
-        return self.name
\ No newline at end of file
+        return f"{self.id} - {self.name} - {self.price} - {self.category} - {self.cuisine} - {self.active} "
diff --git a/gestaoRaul/products/templates/products.html b/gestaoRaul/products/templates/products.html
index c15ba14..faae47f 100644
--- a/gestaoRaul/products/templates/products.html
+++ b/gestaoRaul/products/templates/products.html
@@ -19,6 +19,7 @@ Produtos
           <button class="btn-primary"
            onclick="openModal()" id="openModal">Novo Produto</button>
           <input type="text" id="search-product" name="search-product" placeholder="Buscar Produto" hx-get="{% url 'searchProduct' %}" hx-trigger="keyup" hx-target="#product-list">
+        <a href="https://raulrockbar.blogspot.com/p/cardapio.html" target="_blank">Cardápio Digital</a>
         </div>
 
         <table id="product-list">
@@ -36,6 +37,8 @@ Produtos
         <td id="name-{{product.id}}" >{{product.name}}</td>
         <td id="price-{{product.id}}" >R$ {{product.price}}</td>
         <td class="hide-on-mobile" id="quantity-{{product.id}}" >{{product.quantity}}</td>
+        <td hidden class="hide-on-mobile" id="image-{{product.id}}" >{{product.image}}</td>
+
         <td class="hide-on-mobile" id="category-{{product.id}}" >{{product.category.name}}</td>
         <td >
           <div class="grid-buttons">
@@ -86,15 +89,20 @@ Produtos
   </body>
   
     <dialog  id='Modal-create-product'  >
-      <article >
-        <form action="{% url 'create_product' %}" id="productForm" method="post" >
+      <article id="modal-product" class="modal-product">
+        <form style="z-index: 1000; position: relative;" action="{% url 'create_product' %}" id="productForm" method="post" >
 
           {% csrf_token %}
             <h2>Cadastro de Produto</h2>
+            <!-- <div style="height: 200px;border-radius: 15px;">
+            <img  id="image-product" src="" alt="">
+            </div> -->
             <input  type="text" id="productId" name="productId"  hidden >
             <input  type="text" id="productName" name="name" required placeholder="Nome">
              <input type="number" step="0.01" id="productPrice" name="price" required placeholder="Preço">
              <input type="number" step="1" id="productqtd" name="qtd"  placeholder="Quantidade">
+              <input  type="text" id="url-image" name="image" required placeholder="URL da imagem">
+
               <div>
              <input type="checkbox" id="cuisine" name="cuisine" placeholder="Cozinha">Cozinha
             </div>
diff --git a/gestaoRaul/products/urls.py b/gestaoRaul/products/urls.py
index 21fccfc..1c24312 100644
--- a/gestaoRaul/products/urls.py
+++ b/gestaoRaul/products/urls.py
@@ -8,5 +8,7 @@ urlpatterns = [
     path('onOffproduct', views.onOffProduct, name='onOffproduct'),
     path('searchProduct', views.searchProduct, name='searchProduct'),
     path('editProduct/<int:productId>/', views.editProduct, name='editProduct'),
+    path('createJson', views.createJson, name='createJson'),
+
 
 ]
diff --git a/gestaoRaul/products/views.py b/gestaoRaul/products/views.py
index 797bd0a..d06cff5 100644
--- a/gestaoRaul/products/views.py
+++ b/gestaoRaul/products/views.py
@@ -1,4 +1,7 @@
 from django.shortcuts import render, redirect
+from django.http import HttpResponse
+import json
+from django.db.models import Q
 
 from categories.models import Categories
 from products.models import Product
@@ -8,14 +11,14 @@ from gestaoRaul.decorators import group_required
 
 @group_required(groupName='Garçom')
 def products(request):
-    protucts = Product.objects.all()
+    protucts = Product.objects.all().order_by('-active', 'category') 
     categories = Categories.objects.all()
     return render(request, 'products.html', {'products': protucts, 'categories': categories})
 
 @group_required(groupName='Garçom')
 def searchProduct(request):
     product = request.GET.get("search-product")
-    products = Product.objects.filter(name__icontains=product)
+    products = Product.objects.filter(name__icontains=product).order_by('-active', 'category') 
     return render(request, "htmx_components/products/htmx_search_products.html", {"products": products})
 
 
@@ -38,7 +41,7 @@ def onOffProduct(request):
     product = Product.objects.get(id=product_id)
     product.active = not product.active
     product.save()
-    products = Product.objects.all()
+    products = Product.objects.all().order_by('-active', 'category') 
     return render(request, "htmx_components/products/htmx_search_products.html", {"products": products})
 
 
@@ -51,6 +54,7 @@ def editProduct(request, productId):
     product.description = request.POST.get('description')
     product.price = request.POST.get('price')
     product.quantity = request.POST.get('qtd')
+    product.image = request.POST.get('image')
     product.cuisine = True if request.POST.get('cuisine') else False
     product.category = Categories.objects.get(id = int(request.POST.get('select-categorie')))
     product.save()
@@ -59,3 +63,34 @@ def editProduct(request, productId):
         product = ''
     products = Product.objects.filter(name__icontains=product)
     return render(request, "htmx_components/products/htmx_search_products.html", {"products": products})
+
+def createJson(request):
+    products = Product.objects.filter(active=True).exclude(
+        category__name__in=['Insumos', 
+        'Adicional', 
+        'Bomboniere',
+        'Lojinha',
+        'Utensilios',
+        'Litros',
+        'Ingressos',
+        'Cigarros',
+        'Outros']
+        )
+    product_list = []
+    for product in products:
+        product_data = {
+            "id": product.id,
+            "name": product.name,
+            "description": product.description or "",
+            "price": float(product.price),
+            "category": product.category.name if product.category else "",
+            "image": str(product.image) if product.image else f"https://placehold.co/400x250/efc7b8/49291c?text={product.name.replace(' ', '+')}"
+        }
+        product_list.append(product_data)
+
+    # Retorna como JSON em texto simples
+    return HttpResponse(
+        json.dumps(product_list, indent=4, ensure_ascii=False),
+         content_type="application/json; charset=utf-8"
+    )
+
diff --git a/gestaoRaul/templates/htmx_components/comandas/htmx_list_products.html b/gestaoRaul/templates/htmx_components/comandas/htmx_list_products.html
index 9245b3d..b56b299 100644
--- a/gestaoRaul/templates/htmx_components/comandas/htmx_list_products.html
+++ b/gestaoRaul/templates/htmx_components/comandas/htmx_list_products.html
@@ -2,13 +2,13 @@
 
 {% for product in products %}
 
-<div 
-        onclick="addProductComanda({{product.id}}, {{comanda_id}}, '{{product.cuisine}}')" 
-        class="card-product"
->
-        {{product.name}} <br>
-        R$ {{product.price}}
-</div>
+        <div 
+                style="background-image:  url('{{product.image}}');"
+                 class="card-product"
+                  onclick="addProductComanda({{product.id}}, {{comanda_id}}, '{{product.cuisine}}')" >
+                 <p class="card-product-p"> {{product.name}}</p>
+                 <p class="card-product-p"> R$ {{product.price}}</p>
+                </div >
 
 {% endfor %}
 
diff --git a/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html b/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html
index 578b3ac..1239fc7 100644
--- a/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html
+++ b/gestaoRaul/templates/htmx_components/htmx_list_products_balcao.html
@@ -5,6 +5,7 @@
 {% if forloop.counter0 == 0 %}
 
                 <article 
+                   style="background-image:  url('{{product.image}}');"
                 name="productBox"
                 id="productId-{{ product.id }}" 
                 class="card-product"
@@ -12,20 +13,22 @@
                 >
                 <p hidden id="{{forloop.counter0}}" >{{product.id}}</p>
                 <p hidden id="comanda{{forloop.counter0}}" >{{comanda.id}}</p>
-                {{product.name}} <br> <p id="{{product.id}}"></p>
-                R$ {{product.price}}
+               <p class="card-product-p"> {{product.name}}</p> 
+               <p id="{{product.id}}"></p>
+               <p class="card-product-p"> R$ {{product.price}}</p>
                 </article >
 
         {% else %}
 
                 <article 
+                   style="background-image:  url('{{product.image}}');"
                 name="productBox"
                 id="productId-{{ product.id }}" 
                 class="card-product" 
                 onclick="addProductClick({{product.id}})"
                 >
-                {{product.name}} <br>
-                R$ {{product.price}}
+                  <p class="card-product-p"> {{product.name}}</p>
+                 <p class="card-product-p"> R$ {{product.price}}</p>
                 </article >
 
         {% endif %}
@@ -37,6 +40,12 @@
 
 
 
-
+        <div 
+                style="background-image:  url('{{product.image}}');"
+                 class="card-product"
+                  onclick="addProductComanda({{product.id}}, {{comanda.id}}, '{{product.cuisine}}')" >
+                 <p class="card-product-p"> {{product.name}}</p>
+                 <p class="card-product-p"> R$ {{product.price}}</p>
+                </div >
 
 
diff --git a/gestaoRaul/templates/htmx_components/products/htmx_search_products.html b/gestaoRaul/templates/htmx_components/products/htmx_search_products.html
index e31b700..8fe4717 100644
--- a/gestaoRaul/templates/htmx_components/products/htmx_search_products.html
+++ b/gestaoRaul/templates/htmx_components/products/htmx_search_products.html
@@ -16,6 +16,8 @@
 <td id="price-{{product.id}}" >R$ {{product.price}}</td>
 <td  class="hide-on-mobile" id="quantity-{{product.id}}" >{{product.quantity}}</td>
 <td  class="hide-on-mobile" id="category-{{product.id}}" >{{product.category.name}}</td>
+<td hidden class="hide-on-mobile" id="image-{{product.id}}" >{{product.image}}</td>
+
 <td>
   <div class="grid-buttons">
     <img 
diff --git a/gestaoRaul/templates/static/base.css b/gestaoRaul/templates/static/base.css
index 4f35803..8bf7652 100644
--- a/gestaoRaul/templates/static/base.css
+++ b/gestaoRaul/templates/static/base.css
@@ -146,6 +146,7 @@ input, textarea, select {
 
 
 .card-product {
+   position: relative;
   height: 130px;
   width: 150px;
   padding: 10px;
@@ -153,18 +154,46 @@ input, textarea, select {
   align-content: center;
   text-align: center;
   line-height: 1.5;
-  background: var(--main-gradient);
-  box-shadow: 3px 3px 10px rgba(2, 2, 2, 0.678);
+  /* background: var(--main-gradient); */
+  /* box-shadow: 3px 3px 10px rgba(2, 2, 2, 0.678); */
   border-radius: 5px;
   transition: transform 0.4s, box-shadow 0.4s;
+    background-size: cover; 
+    background-position: center;
+    background-repeat: no-repeat; 
   }
 
+.card-product::before {
+  content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+     background-color: rgba(0, 0, 0, 0.595); 
+}
+
+.card-product-p {
+  position: relative;
+  z-index: 0;
+  color: #ffffff;
+  font-size: 14px;
+}
+
 .card-product:hover {
   transform: scale(1.05);
   transition: transform 0.4s, box-shadow 0.4s;
   box-shadow: 0px 0px 10px rgba(86, 187, 255, 0.815);
 }
 
+
+@media screen and (max-width: 1028px) {
+  .card-product {
+   background-size: cover !important;
+  }
+    
+}
+
 .p-header {
     background-color: #24252a;
     box-shadow: 0px 3px 10px #464646;
diff --git a/gestaoRaul/templates/static/comandas/js/viewcomanda.js b/gestaoRaul/templates/static/comandas/js/viewcomanda.js
index 169911d..a9cc624 100644
--- a/gestaoRaul/templates/static/comandas/js/viewcomanda.js
+++ b/gestaoRaul/templates/static/comandas/js/viewcomanda.js
@@ -30,7 +30,6 @@ function searchProduct() {
   var search_product = document.getElementById('search-product-modal').value.trim()
   var productListElement = document.getElementById("product-list-modal");
     var comanda_id = document.getElementById("id-comanda").value;
-
   if(search_product.length == 0 ){search_product ='*';}
   fetch(`/comandas/listProduct/${comanda_id}/${search_product}`, {
     method: 'GET',}
diff --git a/gestaoRaul/templates/static/products/css/products.css b/gestaoRaul/templates/static/products/css/products.css
index 11971c9..38dbe28 100644
--- a/gestaoRaul/templates/static/products/css/products.css
+++ b/gestaoRaul/templates/static/products/css/products.css
@@ -30,6 +30,26 @@
     width: 100%; 
   }
 
+  .modal-product{
+        position: relative;
+    width: 100%;
+    /* height: 750;  */
+    background-image: url('https://placehold.co/600x800/efc7b8/49291c?text=Sem_Imagem'); /* URL da imagem */
+    background-size: cover; 
+    background-position: center;
+    background-repeat: no-repeat; 
+
+  }
+  .modal-product::before{
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+     background-color: rgba(0, 0, 0, 0.6); 
+  }
+
 
   @media (max-width: 768px) {
     .hide-on-mobile {
diff --git a/gestaoRaul/templates/static/products/js/products.js b/gestaoRaul/templates/static/products/js/products.js
index 71354b5..0a18682 100644
--- a/gestaoRaul/templates/static/products/js/products.js
+++ b/gestaoRaul/templates/static/products/js/products.js
@@ -5,6 +5,9 @@ function openModal() {
     var productPrice = document.getElementById('productPrice');
     var productDescription = document.getElementById('productDescription');
     var productqtd = document.getElementById('productqtd');
+    var urlImage = document.getElementById('url-image');
+    var imageProduct = document.getElementById('image-product');
+
     var productCuisine = document.getElementById('cuisine');
 
     var categorie = document.getElementById('select-categorie');
@@ -18,6 +21,7 @@ function openModal() {
     productPrice.value = '';
     productDescription.value ='';
     productqtd.value = '';
+    urlImage.value = '';
     productCuisine.checked = false
     categorie.value = 1;
 }
@@ -38,6 +42,10 @@ function editProduct(id) {
     var productPrice = document.getElementById('productPrice');
     var productDescription = document.getElementById('productDescription');
     var productqtd = document.getElementById('productqtd');
+    var urlImage = document.getElementById('url-image');
+    var imageProduct = document.getElementById('modal-product');
+
+
     var productCuisine = document.getElementById('cuisine');
     var categorie = document.getElementById('select-categorie');
 
@@ -49,6 +57,8 @@ function editProduct(id) {
     productPrice.value = preco;
     productDescription.value = document.getElementById('description-'+id).value;
     productqtd.value = document.getElementById('quantity-'+id).innerHTML;
+    urlImage.value = document.getElementById('image-'+id).innerHTML;
+    imageProduct.style.backgroundImage = urlImage.value != '' ?`url('${urlImage.value}'`  : `url('https://placehold.co/600x800/efc7b8/49291c?text=${productName.value}')`;
     productCuisine.checked = document.getElementById('cuisine-'+id).value == 'True' ? true : false;
     categorie.value = document.getElementById('h-category-'+id).value;