footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #00509e;
    padding: 10px 0;
    z-index: 1000;
}

    .footer-countdown {
      display: flex;
      justify-content: center;
      gap: 12px;
      color: #f1f1f1;
      font-size: 0.9rem;
      align-items: center;
    }

    .time-block {
      text-align: center;
      min-width: 42px;
    }

    .time-number {
      background: #111;
      padding: 4px 8px;
      border-radius: 6px;
      display: inline-block;
      font-weight: 600;
      font-size: 1.1rem;
      min-width: 32px;
      transition: all 0.25s ease;
      opacity: 1;
    }

    .fade-slide {
      animation: fadeSlide 0.25s ease;
    }

    @keyframes fadeSlide {
      0% {
        opacity: 0;
        transform: translateY(-5px);
      }
      100% {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .time-label {
      font-size: 0.7rem;
      color: #aaa;
      margin-top: 2px;
    }