/* ============================================================
   SP Technology Solutions — Responsive Stylesheet
   Breakpoints: 1024px (tablet), 768px (mobile), 480px (small)
   ============================================================ */

/* ---------- Tablet (≤ 1024px) ---------- */
@media (max-width: 1024px) {
  .services-grid          { grid-template-columns: repeat(2, 1fr); }
  .projects-grid          { grid-template-columns: repeat(2, 1fr); }
  .stats-grid             { grid-template-columns: repeat(2, 1fr); }
  .partners-grid          { grid-template-columns: repeat(2, 1fr); }
  .footer-grid            { grid-template-columns: 1fr 1fr; gap: 32px; }
  .about-grid             { gap: 36px; }
  .about-badge-box        { right: 0; }
  .contact-grid           { gap: 28px; }
}

/* ---------- Mobile (≤ 768px) ---------- */
@media (max-width: 768px) {
  /* Hide desktop nav, show hamburger */
  .main-nav               { display: none; }
  .hamburger              { display: flex; }
  .topbar-contact         { gap: 10px; }
  .topbar-contact .hide-sm { display: none; }

  /* Hero */
  .hero-content           { padding: 60px 0 80px; }
  .hero-stats             { gap: 20px; flex-wrap: wrap; }

  /* About */
  .about-grid             { grid-template-columns: 1fr; }
  .about-content          { padding-right: 0; }
  .about-badge-box        { right: 16px; bottom: -16px; }
  .about-img-placeholder,
  .about-img-main         { height: 280px; }

  /* Services */
  .services-grid          { grid-template-columns: 1fr; }

  /* Projects */
  .projects-grid          { grid-template-columns: repeat(2, 1fr); }
  .projects-header        { flex-direction: column; align-items: flex-start; }

  /* Stats */
  .stats-grid             { grid-template-columns: repeat(2, 1fr); }
  .stat-item              { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
  .stat-item:nth-child(3),
  .stat-item:nth-child(4) { border-bottom: none; }

  /* Partners */
  .partners-grid          { grid-template-columns: 1fr; }

  /* Footer */
  .footer-grid            { grid-template-columns: 1fr; }
  .footer-bottom          { flex-direction: column; text-align: center; }

  /* Contact */
  .contact-grid           { grid-template-columns: 1fr; }
  .form-row               { grid-template-columns: 1fr; }
  .contact-form-box       { padding: 28px 20px; }

  /* Section padding */
  .section-pad            { padding: 55px 0; }
  .section-pad-sm         { padding: 35px 0; }

  /* Float buttons */
  .float-btn-group        { bottom: 20px; right: 16px; }
  .whatsapp-btn           { width: 48px; height: 48px; font-size: 1.3rem; }
}

/* ---------- Small Mobile (≤ 480px) ---------- */
@media (max-width: 480px) {
  .container              { padding: 0 14px; }
  .hero-title             { font-size: 1.9rem; }
  .hero-actions           { flex-direction: column; }
  .hero-actions .btn      { width: 100%; justify-content: center; }
  .projects-grid          { grid-template-columns: 1fr; }
  .stats-grid             { grid-template-columns: 1fr; }
  .stat-item              { border-bottom: 1px solid rgba(255,255,255,0.1); }
  .stat-item:last-child   { border-bottom: none; }
  .section-title          { font-size: 1.6rem; }
  .topbar-social          { display: none; }
}