Add shop page styling with left sidebar filters and define core theme color variables.

addons/dine360_dashboard/static/src/css/shop_style.css

@@ -287,4 +287,26 @@
     background: #ffffff !important;
     border-color: var(--secondary-color, #d6111e) !important;
     color: var(--secondary-color, #d6111e) !important;
+}
+
+.css_quantity input {
+    max-width: 20px !important;
+}
+
+/* Product Details Quantity Input Fix */
+.css_quantity input.quantity {
+    color: #000000 !important;
+    background-color: #ffffff !important;
+    opacity: 1 !important;
+    width: 60px !important;
+    max-width: 60px !important;
+    height: 45px !important;
+    line-height: 45px !important;
+    font-weight: 600 !important;
+    font-size: 18px !important;
+    padding: 0 !important;
+    text-align: center !important;
+    border: 1px solid #000000 !important;
+    display: inline-block !important;
+    visibility: visible !important;
 }

addons/dine360_dashboard/static/src/css/theme_variables.css

@@ -115,7 +115,7 @@ body,
 
 /* Breadcrumbs */
 .breadcrumb-item a {
-    color: #ffffff !important;
+    color: #d6111e !important;
     font-weight: 700 !important;
     font-size: 18px !important;
     /* Larger headers */
@@ -485,10 +485,28 @@ a:hover,
     box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
     padding: 8px !important;
     margin-top: 5px !important;
-    z-index: 1050 !important;
+    z-index: 10000 !important;
-    /* Standard BS z-index */
+    /* Raised to be above most backend elements */
 }
 
+/* Fix for Dropdowns being hidden in List Views (Editable rows) */
+.o_list_view .o_list_table {
+    overflow: visible !important;
+}
+
+.o_list_view .o_list_table tbody tr,
+.o_list_view .o_list_table tbody td {
+    overflow: visible !important;
+}
+
+/* Ensure Autocomplete stays in front */
+.ui-autocomplete,
+.o_autocomplete_dropdown,
+.dropdown-menu.show {
+    z-index: 10001 !important;
+}
+
+
 .o_main_navbar .o_menu_sections .o_nav_entry.active,
 .o_main_navbar .o_menu_sections .dropdown-toggle {
     background-color: none !important;

addons/dine360_theme_chennora/static/src/scss/shop.scss

@@ -487,9 +487,13 @@
         .css_quantity {
             border: 2px solid #eee !important;
             border-radius: 50px !important;
-            overflow: hidden;
+            overflow: visible !important;
             display: inline-flex;
             margin-right: 15px;
+            background: white !important;
+            height: 45px !important;
+            align-items: center;
+
 
             .btn {
                 border: none !important;
@@ -504,11 +508,26 @@
 
             .quantity {
                 border: none !important;
-                max-width: 50px;
+                width: 80px !important;
-                text-align: center;
+                max-width: 80px !important;
-                font-weight: bold;
+                text-align: center !important;
-                background: transparent !important;
+                font-weight: 900 !important;
+                font-size: 20px !important;
+                background: #ffffff !important;
+                color: #000000 !important;
+                padding: 0 !important;
+                margin: 0 !important;
+                height: 45px !important;
+                display: inline-block !important;
+                vertical-align: middle !important;
+                line-height: 45px !important;
+                box-shadow: none !important;
+                outline: none !important;
+                appearance: none !important;
+                -webkit-appearance: none !important;
             }
+
+
         }
 
         #add_to_cart {

addons/dine360_theme_chennora/views/product_details_page.xml

@@ -60,14 +60,26 @@
                 </div>
             </xpath>
             
-            <!-- Hide original title/price to avoid duplication since we added custom ones above -->
+            <!-- Hide original Odoo elements to avoid duplication -->
             <xpath expr="//h1[@itemprop='name']" position="attributes">
                 <attribute name="class" add="d-none" separator=" "/>
             </xpath>
+            <xpath expr="//div[hasclass('product_price')]" position="attributes">
+                <attribute name="class" add="d-none" separator=" "/>
+            </xpath>
+            <xpath expr="//div[@id='product_attributes_simple']" position="attributes">
+                <attribute name="class" add="d-none" separator=" "/>
+            </xpath>
+            <xpath expr="//p[hasclass('text-muted')][@t-field='product.description_sale']" position="attributes">
+                <attribute name="class" add="d-none" separator=" "/>
+            </xpath>
+
+            <!-- Style the original image -->
             <xpath expr="//span[@itemprop='image']" position="attributes">
                  <attribute name="class" add="rounded-4 shadow-sm" separator=" "/>
             </xpath>
 
+
         </template>
     </data>
 </odoo>