/* Баннеры и UI */
.fish-banner { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, #2563eb, #059669); color: #ffffff !important; text-decoration: none; padding: 12px 16px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 4px 10px rgba(5, 150, 105, 0.3); transition: transform 0.2s; }
[data-theme="light"] .fish-banner { background: linear-gradient(135deg, #3b82f6, #10b981); }
.fish-banner:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(5, 150, 105, 0.4); }
.fish-banner-content { display: flex; align-items: center; gap: 12px; text-align: left; }
.banners-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin-bottom: 20px; }
.region-banner { display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, #6366f1, #a855f7); color: #ffffff !important; text-decoration: none; padding: 12px 16px; border-radius: 12px; box-shadow: 0 4px 10px rgba(99, 102, 241, 0.3); transition: transform 0.2s; }
[data-theme="light"] .region-banner { background: linear-gradient(135deg, #8b5cf6, #d946ef); }
.region-banner:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(99, 102, 241, 0.4); }

/* Нижняя панель */
.bottom-tab-bar { position: fixed; bottom: 0; left: 0; width: 100%; background: var(--card-bg, #ffffff); border-top: 1px solid var(--border, #e2e8f0); display: flex; justify-content: space-around; align-items: center; height: 65px; z-index: 9999; box-shadow: 0 -2px 10px rgba(0,0,0,0.05); padding-bottom: env(safe-area-inset-bottom); }
html[data-theme="dark"] .bottom-tab-bar { background: #1e293b; border-top: 1px solid #334155; }
.tab-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; color: var(--text-muted, #64748b); flex: 1; height: 100%; transition: color 0.2s; }
.tab-item.active { color: var(--color-blue, #3b82f6); }
.tab-item svg { width: 24px; height: 24px; margin-bottom: 4px; }
.tab-item span { font-size: 0.7rem; font-weight: 500; }
body { padding-bottom: 80px !important; }
