feat: optymalizacja GlobalSearch, nawigacji oraz filtrów w sklepie

components/layout/MobileMenu.tsx

@@ -100,6 +100,42 @@ export function MobileMenu({ isOpen, onClose }: MobileMenuProps) {
               </div>
             </details>
 
+            {/* Nowa sekcja: Miasta */}
+            <div className="border-b border-border py-3">
+              <details className="collapse collapse-arrow rounded-none">
+                <summary className="collapse-title text-sm font-medium text-primary hover:text-accent py-0 px-0 min-h-0">
+                  Montaż w miastach
+                </summary>
+                <div className="collapse-content px-0 pb-2">
+                  <ul className="flex flex-col gap-2 pl-4 pb-2 mt-2">
+                    {[
+                      { label: "Klimatyzacja Wrocław", href: "/klimatyzacja/wroclaw" },
+                      { label: "Klimatyzacja Legnica", href: "/klimatyzacja/legnica" },
+                      { label: "Klimatyzacja Wałbrzych", href: "/klimatyzacja/walbrzych" },
+                      { label: "Klimatyzacja Jelenia Góra", href: "/klimatyzacja/jelenia-gora" },
+                      { label: "Klimatyzacja Lubin", href: "/klimatyzacja/lubin" },
+                      { label: "Klimatyzacja Głogów", href: "/klimatyzacja/glogow" },
+                      { label: "Klimatyzacja Świdnica", href: "/klimatyzacja/swidnica" },
+                      { label: "Klimatyzacja Oława", href: "/klimatyzacja/olawa" },
+                      { label: "Klimatyzacja Oleśnica", href: "/klimatyzacja/olesnica" },
+                      { label: "→ Wszystkie miasta", href: "/klimatyzacja#miasta" },
+                    ].map((item, idx) => (
+                      <li key={idx}>
+                        <Link
+                          href={item.href}
+                          onClick={onClose}
+                          className="text-sm text-text-muted hover:text-accent transition-colors flex items-center justify-between py-1"
+                        >
+                          <span>{item.label}</span>
+                          <ChevronRight className="size-3.5 opacity-60" />
+                        </Link>
+                      </li>
+                    ))}
+                  </ul>
+                </div>
+              </details>
+            </div>
+
             {/* 2. Pompy Ciepła */}
             <div className="border-b border-border py-3">
               <Link