/* ── RESPONSIVE — All 5 GadgetZ breakpoints ─────────────────────────────── */

/* ── 1440px: Desktop XL (default, no changes needed) ── */

/* ── 1024px: Tablet Landscape ── */
@media (max-width: 1024px) {
  :root {
    --container-padding: 32px;
  }

  /* Typography */
  h1, .hero-heading { font-size: var(--font-size-4xl); }
  .page-hero-heading { font-size: 44px; }
  .section-heading { font-size: 40px; }

  /* Layout */
  .grid-4 { grid-template-columns: repeat(2, 1fr); }

  /* Services grid */
  .products-catalog-grid { grid-template-columns: repeat(2, 1fr); }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .values-grid { grid-template-columns: repeat(2, 1fr); }

  /* Blog */
  .blog-post-layout { grid-template-columns: 1fr; }
  .blog-sidebar { position: static; }

  /* Warranty CTA */
  .warranty-cta-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .warranty-cta-buttons { justify-content: center; }
  .warranty-cta-desc { margin: 0 auto; }
}

/* ── 991px: Tablet (navbar collapses) ── */
@media (max-width: 991px) {
  .navbar-links { display: none; }
  .navbar-hamburger { display: flex; }
  .navbar-actions .nav-cta-btn { display: none; }

  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  .footer-brand-col { grid-column: 1 / -1; }
}

/* ── 768px: Tablet Portrait ── */
@media (max-width: 768px) {
  :root {
    --container-padding: 20px;
    --spacing-section: 70px;
  }

  /* Typography */
  h1, .hero-heading { font-size: 42px; }
  .page-hero-heading { font-size: 36px; }
  .section-heading { font-size: 32px; }
  h2 { font-size: 32px; }

  /* Hero */
  .hero-geo { display: none; }
  .hero-section { background: var(--color-dark); }

  .hero-content-grid {
    grid-template-columns: 1fr;
    gap: 48px;
    text-align: center;
    min-height: auto;
    padding: 100px 0 80px;
  }

  .hero-image-wrapper { order: -1; max-width: 400px; margin: 0 auto; }
  .hero-content { align-items: center; }
  .hero-buttons { justify-content: center; }
  .hero-stats { justify-content: center; flex-wrap: wrap; }
  .hero-subtext { max-width: 100%; }
  .hero-floating-badge { left: 0; }

  /* Grids */
  .grid-2, .split-layout, .grid-3 {
    grid-template-columns: 1fr;
    gap: 48px;
  }

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

  /* Section header */
  .section-header {
    margin-bottom: 40px;
  }

  /* Features */
  .split-layout.text-right { direction: ltr; }

  /* Newsletter */
  .newsletter-content { grid-template-columns: 1fr; }
  .newsletter-form { flex-direction: column; }

  /* Stats */
  .stats-row { flex-wrap: wrap; justify-content: center; }

  /* Cert bar */
  .cert-bar-inner { gap: 32px; }
  .brands-label { display: none; }

  /* Contact */
  .contact-layout { grid-template-columns: 1fr; gap: 40px; }

  /* Service detail */
  .service-detail-grid { grid-template-columns: 1fr; }

  /* Form row */
  .form-row { grid-template-columns: 1fr; }

  /* Testimonial */
  .testimonial-card { padding: 32px 24px; }

  /* Blog */
  .blog-post-layout { grid-template-columns: 1fr; }

  /* Team / values */
  .team-grid { grid-template-columns: 1fr 1fr; }
  .values-grid { grid-template-columns: 1fr 1fr; }

  /* Warranty CTA */
  .warranty-cta-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .warranty-cta-heading { font-size: 32px; }
  .warranty-cta-buttons { justify-content: center; }

  /* Page hero */
  .page-hero { padding: 100px 0 60px; }

  /* About images */
  .about-secondary-img { display: none; }
}

/* ── 480px: Mobile Landscape ── */
@media (max-width: 480px) {
  :root {
    --container-padding: 16px;
    --spacing-section: 50px;
  }

  /* Typography */
  h1, .hero-heading { font-size: 32px; }
  .page-hero-heading { font-size: 28px; }
  .section-heading { font-size: 28px; }

  /* Grids collapse to 1 col */
  .grid-4, .grid-3 { grid-template-columns: 1fr; }
  .products-catalog-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }

  /* Buttons */
  .hero-buttons { flex-direction: column; align-items: center; }

  /* FAQ tabs */
  .faq-tabs { flex-direction: column; gap: 6px; }
  .faq-tab-btn { width: 100%; text-align: center; }

  /* Stats grid */
  div[style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }

  /* Mobile menu panel */
  .mobile-menu-panel { width: 100%; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-bottom { flex-direction: column; text-align: center; gap: 12px; }
  .footer-bottom-links { flex-wrap: wrap; justify-content: center; }

  /* WhatsApp + back-to-top */
  #whatsapp-btn { bottom: 20px; right: 16px; width: 52px; height: 52px; }
  #back-to-top { bottom: 84px; right: 16px; }

  /* Testimonial */
  .testimonial-card { padding: 24px 20px; }
  .testimonial-text { font-size: var(--font-size-base); }

  /* CTA banner */
  .cta-banner-heading { font-size: 28px; }
  .cta-banner-buttons { flex-direction: column; align-items: center; }
}

/* ── 375px: Mobile Portrait ── */
@media (max-width: 375px) {
  :root {
    --container-padding: 16px;
  }

  h1, .hero-heading { font-size: 28px; }
  .page-hero-heading { font-size: 24px; }
  .section-heading { font-size: 24px; }

  .section-badge { font-size: 11px; padding: 5px 12px; }

  /* Newsletter stacks */
  .newsletter-form { flex-direction: column; }
  .newsletter-form input,
  .newsletter-form button { width: 100%; }

  /* Blog card */
  .blog-card-title { font-size: var(--font-size-base); }

  /* Testimonial */
  .testimonial-text { font-size: 14px; }

  /* Stats */
  .stat-number { font-size: 28px; }
}

/* ── PRINT ── */
@media print {
  .navbar-component,
  .mobile-menu-overlay,
  .mobile-menu-panel,
  #whatsapp-btn,
  #back-to-top,
  #scroll-progress,
  .hero-slider-controls { display: none; }

  body { padding-top: 0; }
  .hero-section { min-height: auto; }
}