/* =============================================
   eTechBuddies — responsive.css
   ============================================= */

/* ===== XL (≥1400px) ===== */
@media (min-width: 1400px) {
  .container { max-width: 1360px; }
  .hero-visual { width: 520px; right: 0; }
}

/* ===== LG (≥1200px) ===== */
@media (min-width: 1200px) {
  .nav-inner { padding: 0 48px; }
}

/* ===== TABLET LANDSCAPE (≤1024px) ===== */
@media (max-width: 1024px) {
  .hero-visual { display: none; }
  .about-split { grid-template-columns: 1fr; gap: 48px; }
  .process-steps { grid-template-columns: repeat(2, 1fr); }
  .process-steps::before { display: none; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item + .stat-item { border-left: none; }
  .stat-item:nth-child(odd) + .stat-item { border-left: 1px solid rgba(255,255,255,0.15); }
  .stat-item:nth-child(3) { border-top: 1px solid rgba(255,255,255,0.15); }
  .stat-item:nth-child(4) { border-top: 1px solid rgba(255,255,255,0.15); }
  .mega-menu { min-width: 540px; }
  .mega-menu-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-heading { font-size: 2.8rem; }
}

/* ===== TABLET (≤992px) ===== */
@media (max-width: 992px) {
  .section-padding { padding: 72px 0; }

  /* Hide desktop nav, show hamburger */
  .nav-links,
  .nav-cta { display: none !important; }
  .nav-hamburger { display: flex !important; }

  .hero-swiper { height: 100svh; }
  .hero-heading { font-size: 2.4rem; }
  .hero-desc { font-size: 1rem; }

  .about-image-wrap { max-width: 500px; margin: 0 auto; }
  .about-floating-badge.badge-2 { display: none; }

  .testimonial-swiper .swiper-slide { padding: 8px; }

  .footer-main .row > [class*='col-'] + [class*='col-'] { margin-top: 36px; }

  .contact-form-card { padding: 32px; }

  .team-grid { grid-template-columns: repeat(2, 1fr); }

  .pricing-card.featured { transform: none; }
}

/* ===== MOBILE (≤768px) ===== */
@media (max-width: 768px) {
  :root { font-size: 15px; }

  .section-padding { padding: 56px 0; }
  .section-padding-sm { padding: 40px 0; }

  .section-title { font-size: 1.75rem; }

  .hero-swiper { height: 100svh; min-height: 600px; }
  .hero-heading { font-size: 2rem; }
  .hero-desc { font-size: 0.95rem; }
  .hero-btns { gap: 12px; }
  .hero-btns .btn-primary-etb,
  .hero-btns .btn-outline-white {
    padding: 12px 24px;
    font-size: 0.85rem;
  }

  .page-banner { padding: 120px 0 60px; min-height: 280px; }
  .page-banner h1 { font-size: 2rem; }

  .trusted-label { display: none; }
  .trusted-logos { gap: 24px; }

  .services-grid { grid-template-columns: 1fr; }
  .service-card { padding: 28px 24px; }

  .tech-grid { grid-template-columns: repeat(3, 1fr); }
  .tech-item { padding: 16px 12px; }
  .tech-item i { font-size: 1.5rem; }

  .process-steps { grid-template-columns: 1fr 1fr; gap: 16px; }

  .industry-grid { grid-template-columns: repeat(2, 1fr); }

  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-item { padding: 28px 16px; }
  .stat-item:nth-child(3) { border-left: none; }
  .stat-item:nth-child(4) { border-left: 1px solid rgba(255,255,255,0.15); }
  .stat-item:nth-child(3),
  .stat-item:nth-child(4) { border-top: 1px solid rgba(255,255,255,0.15); }

  .portfolio-grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr; }

  .blog-grid { grid-template-columns: 1fr; }

  .newsletter-form { flex-direction: column; border-radius: var(--radius-sm); }
  .newsletter-form input { border-radius: var(--radius-sm) var(--radius-sm) 0 0; }
  .newsletter-form button { border-radius: 0 0 var(--radius-sm) var(--radius-sm); }

  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-bottom-links { flex-wrap: wrap; justify-content: center; gap: 12px; }

  .cta-section { padding: 64px 0; }
  .cta-content h2 { font-size: 1.75rem; }

  #backToTop { right: 20px; bottom: 20px; width: 42px; height: 42px; }

  .contact-form-card { padding: 24px; }

  .job-card { flex-direction: column; }

  .filter-tabs { gap: 6px; }
  .filter-btn { padding: 7px 16px; font-size: 0.78rem; }

  .timeline { padding-left: 28px; }
  .timeline::before { left: 8px; }
  .timeline-item::before { left: -24px; }

  .about-features { grid-template-columns: 1fr; }

  .mega-menu { position: static; transform: none; box-shadow: none; }
}

/* ===== SMALL MOBILE (≤480px) ===== */
@media (max-width: 480px) {
  .hero-heading { font-size: 1.7rem; }
  .hero-label { font-size: 0.68rem; padding: 5px 12px; }
  .stats-grid { grid-template-columns: 1fr; }
  .stat-item + .stat-item { border-left: none; border-top: 1px solid rgba(255,255,255,0.15); }
  .tech-grid { grid-template-columns: repeat(2, 1fr); }
  .industry-grid { grid-template-columns: repeat(2, 1fr); }
  .process-steps { grid-template-columns: 1fr; }
  .trusted-logos { gap: 20px; }
  .trusted-logo-item { font-size: 0.85rem; }
  .swiper-button-next, .swiper-button-prev { display: none; }
  .pricing-card { padding: 28px 20px; }
  .contact-form-card { padding: 20px; }

  .btn-primary-etb,
  .btn-outline-etb,
  .btn-outline-white {
    width: 100%;
    justify-content: center;
  }

  .hero-btns { flex-direction: column; }
}

/* ===== PRINT ===== */
@media print {
  #mainNav, #backToTop, .hero-shapes, .floating-icons-wrap,
  .page-banner-shape, .cta-shape { display: none !important; }
  body { color: #000; background: #fff; }
  .section-padding { padding: 32px 0; }
}