diff --git a/public/buyModal.js b/public/buyModal.js
index 9cc7831..a31d074 100644
--- a/public/buyModal.js
+++ b/public/buyModal.js
@@ -24,7 +24,6 @@ function createModal() {
             position: relative; 
             font-family: 'Arial', sans-serif; 
             box-shadow: 0 10px 25px rgba(0,0,0,0.2);
-            transition: transform 0.3s ease;
         ">
             <span id="closeModal" style="
                 position: absolute; 
@@ -40,22 +39,22 @@ function createModal() {
             <p id="productText" style="margin-bottom: 25px; font-weight: 500; color: #555;"></p>
 
             <form id="buyForm" style="display: flex; flex-direction: column; gap: 15px;">
-                <input type="text" name="name" placeholder="Name" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;">
-                <input type="text" name="company" placeholder="Company" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;">
-                <input type="text" name="country" placeholder="Country" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;">
-                <input type="text" name="street" placeholder="Street" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;">
+                <input type="text" name="name" placeholder="Name" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
+                <input type="text" name="company" placeholder="Company" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
+                <input type="text" name="country" placeholder="Country" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
+                <input type="text" name="street" placeholder="Street" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
                 
                 <div style="display: flex; gap: 10px;">
-                    <input type="text" name="zip" placeholder="ZIP" required style="flex: 1; padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
-                    <input type="text" name="town" placeholder="Town" required style="flex: 2; padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
+                    <input type="text" name="zip" placeholder="ZIP" required style="flex: 1; padding: 12px 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px;">
+                    <input type="text" name="town" placeholder="Town" required style="flex: 1.5; padding: 12px 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px;">
                 </div>
                 
-                <input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none; transition: border 0.2s;">
+                <input type="email" name="email" placeholder="Email" required style="padding: 12px 15px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; outline: none;">
                 
                 <input type="hidden" name="product">
                 <input type="hidden" name="price">
 
-                <button type="submit" style="
+                <button id="submitBuy" type="submit" style="
                     padding: 14px; 
                     background: #007BFF; 
                     color: #fff; 
@@ -65,7 +64,7 @@ function createModal() {
                     font-size: 18px; 
                     font-weight: bold;
                     transition: background 0.3s;
-                " onmouseover="this.style.background='#0056b3'" onmouseout="this.style.background='#007BFF'">Buy Now</button>
+                ">Buy Now</button>
             </form>
 
             <div id="confirmation" style="
@@ -89,14 +88,13 @@ function createModal() {
                     cursor: pointer;
                     font-size: 16px;
                     transition: background 0.3s;
-                " onmouseover="this.style.background='#0056b3'" onmouseout="this.style.background='#007BFF'">Close</button>
+                ">Close</button>
             </div>
         </div>
     `;
 
     document.body.appendChild(modal);
 
-    // Close modal
     document.getElementById("closeModal").onclick = () => { modal.style.display = "none"; };
     modal.onclick = (e) => { if (e.target === modal) modal.style.display = "none"; };