menus updated

public/assets/css/style.css

@@ -1353,7 +1353,7 @@ h5,
 .food-menu-item .content .price,
 .testimonial-item .text {
   line-height: 1.66;
-  font-size: 24px;
+  font-size: 20px;
 }
 
 h6,
@@ -8234,18 +8234,19 @@ h6,
   -webkit-box-flex: 0;
   -ms-flex: none;
   flex: none;
+  font-size: 20px;
 }
 
 .food-menu-item.style-two .content h5 .dots {
   height: 2px;
   width: 100%;
-  margin-left: 25px;
+  margin-left: 5px;
   margin-bottom: 10px;
   border-bottom: 2px dotted var(--base-color);
 }
 
 .food-menu-item.style-two .content h5 .price {
-  margin-left: 20px;
+  margin-left: 10px;
 }
 
 @media(max-width:425px) {
@@ -8280,6 +8281,63 @@ h6,
 }
 
 
+
+/* ================================================
+   Hakka Menu Tab - specific layout fixes
+   Left column: price wraps to next line below 1399px
+   Right column: untouched at all sizes
+================================================ */
+
+/* General gap increase for hakka tab on all sizes */
+.hakka-menu {
+  --bs-gutter-x: 3rem;
+}
+
+@media only screen and (min-width: 1200px) {
+  .hakka-menu {
+    --bs-gutter-x: 60px;
+  }
+}
+
+@media only screen and (min-width: 1920px) {
+  .hakka-menu {
+    --bs-gutter-x: 100px;
+  }
+}
+
+/* Hide desc-price by default */
+.food-menu-item.style-two .content .desc-price {
+  display: none;
+}
+
+/* LEFT COLUMN ONLY - below 1399px: price drops to after description */
+@media only screen and (max-width: 1399px) {
+  .hakka-left .food-menu-item.style-two .content h5 .inline-price {
+    display: none;
+  }
+
+  .hakka-left .food-menu-item.style-two .content h5 .dots {
+    margin-left: 10px;
+  }
+
+  .hakka-left .food-menu-item.style-two .content .desc-price {
+    display: block;
+    margin-top: 4px;
+    font-size: 20px;
+    font-weight: 700;
+    color: #ffb936;
+    line-height: 1.4;
+    margin-left: 0;
+  }
+}
+
+@media (max-width: 425px) {
+    .food-menu-item.style-two .content h5 .title,
+    .hakka-left .food-menu-item.style-two .content .desc-price {
+        font-size: 17px;
+    }
+}
+
 .popular-menu-wrap {
   height: 100%;
   background: white;