Zmiana aplikacji na wersje lang

public/assets/css/app.css

@@ -82,6 +82,89 @@ body {
   max-width: 400px;
 }
 
+.geo-lang-row {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 8px;
+}
+
+.lang-picker {
+  position: relative;
+  flex-shrink: 0;
+}
+
+.lang-picker-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--surface, #1e293b);
+  border: 1px solid var(--surface-light, #334155);
+  color: var(--text-main, #f8fafc);
+  border-radius: 10px;
+  padding: 6px 8px;
+  cursor: pointer;
+  font-family: inherit;
+  line-height: 0;
+}
+
+.lang-picker-btn:hover {
+  border-color: var(--primary, #e2b07e);
+}
+
+.lang-flag-img {
+  display: block;
+  width: 28px;
+  height: 20px;
+  object-fit: cover;
+  border-radius: 3px;
+  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+.lang-picker-menu {
+  position: absolute;
+  right: 0;
+  top: calc(100% + 6px);
+  min-width: 168px;
+  background: var(--surface, #1e293b);
+  border: 1px solid var(--surface-light, #334155);
+  border-radius: 12px;
+  padding: 6px;
+  z-index: 80;
+  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
+}
+
+.lang-picker-option {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  background: transparent;
+  border: none;
+  color: var(--text-main, #f8fafc);
+  padding: 10px 12px;
+  border-radius: 8px;
+  cursor: pointer;
+  font-size: 14px;
+  font-family: inherit;
+  text-align: left;
+}
+
+.lang-picker-option:hover,
+.lang-picker-option.is-active {
+  background: rgba(226, 176, 126, 0.15);
+}
+
+.header-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+
+.header-top .logo-text {
+  margin: 0;
+}
+
 .geo-icon {
   font-size: 64px;
   margin-bottom: 12px;
@@ -1104,6 +1187,9 @@ header {
   background: var(--bg);
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
   margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
 }
 
 #menuOnlyBanner.is-hidden + .menu-search-container {
@@ -1111,7 +1197,9 @@ header {
 }
 
 #menuSearchInput {
-  width: 100%;
+  flex: 1;
+  min-width: 0;
+  width: auto;
   background: var(--surface);
   border: 1px solid var(--surface-light);
   color: var(--text-main);