diff --git a/index.php b/index.php
index 2b1214b..fc826b9 100644
--- a/index.php
+++ b/index.php
@@ -3097,6 +3097,78 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
                 margin-right: 0 !important;
                 margin-left: 0 !important;
             }
+            .pos-container {
+                flex-direction: column !important;
+                height: auto !important;
+            }
+            .pos-cart {
+                width: 100% !important;
+                height: auto !important;
+                position: sticky;
+                bottom: 0;
+                z-index: 1001;
+            }
+            .pos-products {
+                height: auto !important;
+                max-height: 500px;
+            }
+        }
+        
+        /* General Responsive Helpers */
+        @media (max-width: 767.98px) {
+            .table:not(.table-borderless):not(.table-sm) {
+                display: block;
+                width: 100%;
+                overflow-x: auto;
+                -webkit-overflow-scrolling: touch;
+            }
+            .card {
+                padding: 1rem !important;
+            }
+            .topbar {
+                padding: 0.75rem 1rem !important;
+                margin: -1rem -1rem 1rem -1rem !important;
+            }
+            .main-content {
+                padding: 1rem !important;
+            }
+            .h4, h4 {
+                font-size: 1.1rem;
+            }
+            .btn-sm-square {
+                width: 32px;
+                height: 32px;
+                padding: 0;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+            .topbar {
+                flex-wrap: wrap;
+                gap: 10px;
+                position: sticky;
+                top: 0;
+                z-index: 990;
+            }
+            .topbar h4 {
+                width: 100%;
+                order: 2;
+                font-size: 1.1rem;
+                margin-top: 5px !important;
+            }
+            .topbar > div:first-child {
+                order: 1;
+            }
+            .topbar > div:last-child {
+                order: 3;
+                width: 100%;
+                justify-content: space-between;
+                border-top: 1px solid var(--border);
+                padding-top: 5px;
+            }
+            .topbar .btn span {
+                display: none;
+            }
         }
 
         @media print {
@@ -3419,7 +3491,7 @@ $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? 'Accounting System';
         <!-- DEBUG: page=<?= $page ?> can_access=<?= $can_access ? 'yes' : 'no' ?> is_activated=<?= $is_activated ? 'yes' : 'no' ?> trial_days=<?= $trial_days ?> -->
 
         <div class="d-flex align-items-center">
-            <button id="sidebarToggle" class="btn btn-link text-dark p-0 me-3 d-lg-none">
+            <button id="sidebarToggle" class="btn btn-link text-dark p-0 me-3 d-xl-none">
                 <i class="bi bi-list fs-3"></i>
             </button>
             <h4 class="m-0"><?= __($page) ?></h4>