diff --git a/shop.php b/shop.php
index 78f3d13..50703d4 100644
--- a/shop.php
+++ b/shop.php
@@ -44,26 +44,8 @@ foreach ($items as $item) {
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
 }
-.cart-floating-btn {
-    position: fixed;
-    bottom: 30px;
-    right: 30px;
-    border-radius: 50%;
-    width: 60px;
-    height: 60px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 24px;
-    box-shadow: 0 4px 15px rgba(13,110,253,0.4);
-    z-index: 1000;
-}
-.cart-badge {
-    position: absolute;
-    top: 0;
-    right: 0;
-    transform: translate(30%, -30%);
-}
+
+
 body { background-color: #f8f9fa; }
 
 /* Hide scrollbar for category filter */
@@ -103,14 +85,24 @@ body { background-color: #f8f9fa; }
 </style>
 
 <div class="container py-5">
-    <div class="d-flex justify-content-between align-items-center mb-5 bg-white p-4 rounded-4 shadow-sm">
-        <div>
-            <h1 class="fw-bold text-primary mb-1"><i class="bi bi-shop me-2"></i><?= h(get_setting('company_name_' . current_lang(), app_name())) ?></h1>
-            <p class="text-muted mb-0"><?= h(tr('اطلب الآن وسنقوم بتجهيز طلبك', 'Order now and we will prepare your request')) ?></p>
-        </div>
-        <div class="language-switcher">
-            <a class="btn btn-sm <?= current_lang() === 'ar' ? 'btn-primary' : 'btn-light text-dark' ?> rounded-pill px-3" href="shop.php?lang=ar">AR</a>
-            <a class="btn btn-sm <?= current_lang() === 'en' ? 'btn-primary' : 'btn-light text-dark' ?> rounded-pill px-3" href="shop.php?lang=en">EN</a>
+    <!-- Sticky Header -->
+    <div class="sticky-top bg-white p-3 rounded-4 shadow-sm mb-4" style="top: 15px; z-index: 1020;">
+        <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
+            <div>
+                <h2 class="fw-bold text-primary mb-1"><i class="bi bi-shop me-2"></i><?= h(get_setting('company_name_' . current_lang(), app_name())) ?></h2>
+                <p class="text-muted mb-0 d-none d-sm-block" style="font-size: 0.9rem;"><?= h(tr('اطلب الآن وسنقوم بتجهيز طلبك', 'Order now and we will prepare your request')) ?></p>
+            </div>
+            <div class="d-flex align-items-center gap-2 gap-md-3">
+                <button class="btn btn-primary rounded-pill px-3 px-md-4 py-2 position-relative shadow-sm fw-bold d-flex align-items-center gap-2" onclick="openCart()">
+                    <i class="bi bi-cart3 fs-5"></i> 
+                    <span class="d-none d-md-inline"><?= h(tr('سلة المشتريات', 'Cart')) ?></span>
+                    <span class="badge bg-danger rounded-pill fs-6" id="cartCount">0</span>
+                </button>
+                <div class="language-switcher bg-light border rounded-pill p-1 d-flex">
+                    <a class="btn btn-sm <?= current_lang() === 'ar' ? 'btn-primary' : 'text-dark' ?> rounded-pill px-2 px-md-3 fw-bold" href="shop.php?lang=ar">AR</a>
+                    <a class="btn btn-sm <?= current_lang() === 'en' ? 'btn-primary' : 'text-dark' ?> rounded-pill px-2 px-md-3 fw-bold" href="shop.php?lang=en">EN</a>
+                </div>
+            </div>
         </div>
     </div>
 
@@ -214,12 +206,7 @@ body { background-color: #f8f9fa; }
     <?php endif; ?>
 </div>
 
-<button class="btn btn-primary cart-floating-btn position-relative" onclick="openCart()">
-    <i class="bi bi-cart3"></i>
-    <span class="position-absolute badge rounded-pill bg-danger cart-badge border border-light" id="cartCount">
-        0
-    </span>
-</button>
+
 
 <!-- Cart Modal -->
 <div class="modal fade" id="cartModal" tabindex="-1" aria-hidden="true">