/* ===== Responsive Styles ===== */

/* Mobile First Adjustments */
@media (max-width: 600px) {
  /* Splash */
  .splash-main.welcome { font-size: 24px; }
  .splash-main.tagline { font-size: 18px; }
  .splash-sub { font-size: 14px; bottom: 50px; }

  /* Menu */
  .menu-popup { min-width: 220px; }
  .menu-popup a { font-size: 14px; padding: 10px 14px; }

  /* Modal */
  .modal-content { width: 94%; padding: 14px; }
  .modal-header h2 { font-size: 18px; }

  /* Tabs */
  .tab-buttons button { font-size: 14px; padding: 12px; }
  .up-btn { width: 42px; height: 42px; font-size: 20px; }

  /* Listings */
  .lr-card { flex: 0 0 95%; max-width: 95%; }
  .lr-title { font-size: 18px; }
  .lr-block h4 { font-size: 14px; }
  .lr-amt { min-width: 140px; }
  .lr-paybtn { font-size: 13px; padding: 8px 12px; }
  .lr-charges { font-size: 13px; }
  .lr-ul li { font-size: 13px; }

  /* Social Icons */
  .social-icons a {
    min-width: 60px;
    height: 60px;
    font-size: 24px;
  }
  .social-mini a {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }
}

/* Tablet Adjustments */
@media (min-width: 601px) and (max-width: 899px) {
  .lr-card { flex: 0 0 80%; max-width: 80%; }
  .lr-title { font-size: 20px; }
  .lr-paybtn { font-size: 14px; }
  .lr-amt { min-width: 160px; }
  .social-icons a { min-width: 70px; height: 70px; font-size: 28px; }
}

/* Desktop Adjustments */
@media (min-width: 900px) {
  .splash-main.welcome { font-size: 40px; }
  .splash-main.tagline { font-size: 32px; }
  .splash-sub { font-size: 22px; }

  .tab-buttons button { font-size: 18px; }
  .lr-card { flex: 0 0 60%; max-width: 60%; }
  .lr-title { font-size: 24px; }
  .lr-block h4 { font-size: 18px; }
  .lr-charges { font-size: 15px; }
}