diff --git a/static/css/style.css b/static/css/style.css
index 59bb9a3..ed3955f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -879,3 +879,72 @@ td select.tom-dark {
         font-size: 0.75rem;
     }
 }
+
+/* ================================================
+   RESPONSIVE NAVBAR - ukryj tekst na małych ekranach
+   ================================================ */
+
+/* Bardzo małe ekrany (iPhone 11, iPhone 17 Pro) - tylko emoji w navbar */
+@media (max-width: 420px) {
+    /* Ukryj teksty w przyciskach nawigacji */
+    .nav-buttons-compact .nav-btn-text {
+        display: none !important;
+    }
+    
+    /* Zmniejsz padding przycisków */
+    .nav-buttons-compact .btn {
+        padding: 0.25rem 0.5rem;
+        min-width: auto;
+    }
+    
+    /* Zmniejsz logo - ukryj słowo "Lista" */
+    .navbar-brand-compact {
+        font-size: 1.25rem !important;
+    }
+    
+    .navbar-brand-text {
+        display: none !important;
+    }
+    
+    /* Ukryj "Zalogowany:" / "Przeglądasz jako" tekst */
+    .user-info-compact .user-info-label {
+        display: none !important;
+    }
+    
+    /* Zmniejsz badge użytkownika */
+    .user-info-compact .badge {
+        font-size: 0.7rem;
+        padding: 0.25rem 0.5rem;
+    }
+}
+
+/* Średnio-małe ekrany (421-576px) - mniejszy font */
+@media (min-width: 421px) and (max-width: 576px) {
+    .navbar-brand-compact {
+        font-size: 1.5rem !important;
+    }
+    
+    .nav-buttons-compact .btn {
+        font-size: 0.8rem;
+        padding: 0.25rem 0.4rem;
+    }
+    
+    .nav-buttons-compact .nav-btn-text {
+        font-size: 0.75rem;
+    }
+    
+    .user-info-compact {
+        font-size: 0.75rem;
+    }
+}
+
+/* Średnie ekrany (577-768px) - lekko zmniejszone */
+@media (min-width: 577px) and (max-width: 768px) {
+    .navbar-brand-compact {
+        font-size: 1.75rem !important;
+    }
+    
+    .nav-buttons-compact .btn {
+        font-size: 0.85rem;
+    }
+}
diff --git a/templates/base.html b/templates/base.html
index 98a7fb2..3ac9bf3 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -1,17 +1,20 @@
 <!DOCTYPE html>
 <html lang="pl">
 
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{% block title %}Live Lista Zakupów{% endblock %}</title>
   <link rel="icon" type="image/svg+xml" href="{{ url_for('favicon') }}">
 
+
   {# --- Bootstrap i główny css zawsze --- #}
   <link href="{{ url_for('static_bp.serve_css', filename='style.css') }}?v={{ APP_VERSION }}" rel="stylesheet">
   <link href="{{ url_for('static_bp.serve_css_lib', filename='bootstrap.min.css') }}?v={{ APP_VERSION }}"
     rel="stylesheet">
 
+
   {# --- Style CSS ładowane tylko dla niezablokowanych --- #}
   {% set exclude_paths = ['/system-auth'] %}
   {% if (exclude_paths | select("in", request.path) | list | length == 0)
@@ -23,6 +26,7 @@
     rel="stylesheet">
   {% endif %}
 
+
   {# --- Cropper CSS tylko dla wybranych podstron --- #}
   {% set substrings_cropper = ['/admin/receipts', '/edit_my_list'] %}
   {% if substrings_cropper | select("in", request.path) | list | length > 0 %}
@@ -30,6 +34,7 @@
     rel="stylesheet">
   {% endif %}
 
+
   {# --- Tom Select CSS tylko dla wybranych podstron --- #}
   {% set substrings_tomselect = ['/edit_my_list', '/admin/edit_list', '/admin/edit_categories'] %}
   {% if substrings_tomselect | select("in", request.path) | list | length > 0 %}
@@ -38,36 +43,55 @@
   {% endif %}
 </head>
 
+
 <body class="bg-dark text-white">
 
+
   <nav class="navbar navbar-dark bg-dark mb-3">
     <div class="container-fluid">
-      <a class="navbar-brand fw-bold fs-4 text-success" href="/">
-        🛒 <span class="text-warning">Lista</span> Zakupów
+      <a class="navbar-brand navbar-brand-compact fw-bold fs-4 text-success" href="/">
+        🛒 <span class="text-warning navbar-brand-text">Lista</span> <span class="navbar-brand-text">Zakupów</span>
       </a>
 
+
       {% if has_authorized_cookie and not is_blocked %}
       {% if current_user.is_authenticated %}
-      <div class="d-flex justify-content-center align-items-center text-white small flex-wrap text-center">
-        <span class="me-1">Zalogowany:</span>
+      <div class="d-flex justify-content-center align-items-center text-white small flex-wrap text-center user-info-compact">
+        <span class="me-1 user-info-label">Zalogowany:</span>
         <span class="badge rounded-pill bg-success">{{ current_user.username }}</span>
       </div>
       {% else %}
-      <div class="d-flex justify-content-center align-items-center text-white small flex-wrap text-center">
-        <span class="me-1">Przeglądasz jako</span>
+      <div class="d-flex justify-content-center align-items-center text-white small flex-wrap text-center user-info-compact">
+        <span class="me-1 user-info-label">Przeglądasz jako</span>
         <span class="badge rounded-pill bg-info">niezalogowany/a</span>
       </div>
       {% endif %}
       {% endif %}
 
+
       {% if not is_blocked and request.endpoint and request.endpoint != 'system_auth' %}
-      <div class="d-flex align-items-center gap-2 flex-wrap">
+      <div class="d-flex align-items-center gap-2 flex-wrap nav-buttons-compact">
         {% if current_user.is_authenticated %}
         {% if current_user.is_admin %}
-        <a href="{{ url_for('admin_panel') }}" class="btn btn-outline-light btn-sm">⚙️</a>
+        <a href="{{ url_for('admin_panel') }}" 
+           class="btn btn-outline-light btn-sm"
+           data-bs-toggle="tooltip" 
+           title="Panel admina">
+          ⚙️<span class="nav-btn-text ms-1">Panel</span>
+        </a>
         {% endif %}
-        <a href="{{ url_for('expenses') }}" class="btn btn-outline-light btn-sm">📊</a>
-        <a href="{{ url_for('logout') }}" class="btn btn-outline-light btn-sm">🚪</a>
+        <a href="{{ url_for('expenses') }}" 
+           class="btn btn-outline-light btn-sm"
+           data-bs-toggle="tooltip" 
+           title="Wydatki">
+          📊<span class="nav-btn-text ms-1">Wydatki</span>
+        </a>
+        <a href="{{ url_for('logout') }}" 
+           class="btn btn-outline-light btn-sm"
+           data-bs-toggle="tooltip" 
+           title="Wyloguj">
+          🚪<span class="nav-btn-text ms-1">Wyloguj</span>
+        </a>
         {% else %}
         <a href="{{ url_for('login') }}" class="btn btn-outline-light btn-sm">🔑 Zaloguj</a>
         {% endif %}
@@ -76,12 +100,15 @@
     </div>
   </nav>
 
+
   <div class="container px-2">
     {% block content %}{% endblock %}
   </div>
 
+
   <div id="toast-container" class="toast-container position-fixed bottom-0 end-0 p-3"></div>
 
+
   <footer class="text-center text-secondary small mt-5 mb-3">
     <hr class="text-secondary">
     <p class="mb-0">© 2025 <strong>linuxiarz.pl</strong> · <a href="https://gitea.linuxiarz.pl/gru/lista_zakupowa_live"
@@ -89,10 +116,17 @@
     <div class="small">v{{ APP_VERSION }}</div>
   </footer>
 
+
   <script src="{{ url_for('static_bp.serve_js_lib', filename='bootstrap.bundle.min.js') }}"></script>
   {% if not is_blocked %}
   <script>
     document.addEventListener('DOMContentLoaded', function () {
+      // Initialize tooltips
+      var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
+      var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+        return new bootstrap.Tooltip(tooltipTriggerEl);
+      });
+
       {% with messages = get_flashed_messages(with_categories = true) %}
       {% for category, message in messages %}
       {% set cat = 'info' if not category else ('danger' if category == 'error' else category) %}
@@ -106,6 +140,7 @@
   });
   </script>
 
+
   {% if request.endpoint != 'system_auth' %}
   <script src="{{ url_for('static_bp.serve_js_lib', filename='glightbox.min.js') }}?v={{ APP_VERSION }}"></script>
   <script src="{{ url_for('static_bp.serve_js_lib', filename='socket.io.min.js') }}?v={{ APP_VERSION }}"></script>
@@ -121,20 +156,25 @@
     });
   </script>
 
+
   {% set substrings = ['/admin/receipts', '/edit_my_list'] %}
   {% if substrings | select("in", request.path) | list | length > 0 %}
   <script src="{{ url_for('static_bp.serve_js_lib', filename='cropper.min.js') }}?v={{ APP_VERSION }}"></script>
   {% endif %}
 
+
   {% set substrings = ['/edit_my_list', '/admin/edit_list', '/admin/edit_categories'] %}
   {% if substrings | select("in", request.path) | list | length > 0 %}
   <script
     src="{{ url_for('static_bp.serve_js_lib', filename='tom-select.complete.min.js') }}?v={{ APP_VERSION }}"></script>
   {% endif %}
 
+
   {% endif %}
 
+
   {% block scripts %}{% endblock %}
 </body>
 
-</html>
\ No newline at end of file
+
+</html>
