/* ── Responsive breakpoints ────────────────────────────────────────────── */

@media (max-width: 1024px) {
  .map-view {
    height: calc(100vh - 100px);
  }
}

@media (max-width: 768px) {
  .brand-name {
    font-size: 0.95rem;
  }
  .card-header {
    padding: 10px 12px;
  }
  .photo-grid {
    gap: 4px;
  }
}

@media (max-width: 374px) {
  .brand-name {
    font-size: 0.85rem;
    letter-spacing: 0;
  }
  .app-header {
    padding: 6px 8px;
  }
  .tab-btn {
    font-size: 0.72rem;
  }
  .you-month {
    padding: 8px 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}