@if (checkingServer()) {
  <div class="server-check-overlay">
    <div class="spinner-large"></div>
    <p>Подключение к серверу...</p>
  </div>
} @else if (!serverAvailable()) {
  <div class="server-error-overlay">
    <div class="error-icon">⚠️</div>
    <h2>Сервер недоступен</h2>
    <p>Не удалось подключиться к серверу. Проверьте подключение к интернету.</p>
    <button class="retry-btn" (click)="retryConnection()">Повторить попытку</button>
  </div>
} @else {
  <app-header></app-header>
  @if (!isHomePage()) {
    <app-back-button />
  }
  <main class="main-content">
    <router-outlet></router-outlet>
  </main>
  <app-footer></app-footer>
}