/* src/css/responsive.css */

/* 響應式設計 */

@media (width <= 480px) {
  .container {
    padding: 1.5rem 1rem;
    width: 98%;
  }

  h1 {
    font-size: 1.2rem;
  }

  .countdown {
    font-size: 2.2rem;
  }

  .guide-box {
    padding: 1.5rem;
  }

  .guide-title {
    font-size: 1.4rem;
  }

  .guide-text {
    font-size: 1rem;
  }

  .browser-icons {
    gap: 15px;
  }

  .browser-icon i {
    width: 50px;
    height: 50px;
    font-size: 1.8rem;
  }
}