/* responsive.css — RWD (media queries) i ograniczenie animacji */


@media (min-width: 560px) {
  .container { padding: 34px 22px 70px; }
  .card, .step-card { padding: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
  .cloud, .plane, .globe, .gen-globe, .globe::before, .globe::after,
  .gen-globe::before, .gen-globe::after, .flight-arc, .landmark, .pin { animation: none !important; }
}

@media (max-width: 400px) {
  .card, .step-card { padding: 18px; }
  .hero { padding: 20px; }
  .btn-nav { padding: 12px 18px; }
}


/* ===== v81: sekcje na całą szerokość (desktop) ===== */
@media (min-width: 900px) {
  .country-grid { grid-template-columns: repeat(4, 1fr) !important; }
  .card, .step-card { padding: 32px 36px; }
  .hero { padding: 34px 40px; }
}
@media (min-width: 1100px) {
  .country-grid { grid-template-columns: repeat(5, 1fr) !important; }
}