/* ═══════════════════════════════════════════════════════
   Digital Wheel — Responsive Stylesheet
   Breakpoints: 1024px (tablet) · 768px (mobile) · 480px (small)
   ═══════════════════════════════════════════════════════ */

/* ════════════════════════════════════════
   1024px — TABLET
   ════════════════════════════════════════ */
@media (max-width: 1024px) {

  /* Shared */
  .footer-grid { grid-template-columns: 1fr 1fr; }

  /* Index — hero slider */
  .hero-slide { grid-template-columns: 1fr; }
  .hero-visual { display: none; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); }
  .services-cluster-grid { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .testi-grid { grid-template-columns: 1fr 1fr; }
  .why-grid { grid-template-columns: 1fr; }

  /* Services */
  .services-intro-grid { grid-template-columns: 1fr; }
  .service-section-grid,
  .service-section-grid.reverse { grid-template-columns: 1fr; }
  .service-section-grid.reverse .service-info { order: 1; }
  .service-section-grid.reverse .service-media-showcase { order: 2; }
  .tech-grid { grid-template-columns: 1fr 1fr; }
  .tools-grid { grid-template-columns: 1fr 1fr; }
  .tools-why-strip { grid-template-columns: repeat(3, 1fr); }

  /* Work */
  .cs-full-grid { grid-template-columns: 1fr; }
  .cs-card-featured { grid-column: span 1; }
  .cs-card-featured .cs-results { grid-template-columns: repeat(3, 1fr) !important; }
  .clients-grid { grid-template-columns: repeat(2, 1fr); }
  #work-testi .testi-grid { grid-template-columns: 1fr; }
  .work-stats-inner { grid-template-columns: repeat(2, 1fr); }

  /* Process */
  .process-intro-grid { grid-template-columns: 1fr; }
  .method-cards { grid-template-columns: 1fr 1fr; }
  #tools .tools-grid { grid-template-columns: 1fr 1fr; }

  /* Pricing */
  .pricing-grid { grid-template-columns: 1fr 1fr; }
  .pricing-card.popular { transform: none; }
  .addons-grid { grid-template-columns: 1fr; }

  /* Insights */
  .featured-post { grid-template-columns: 1fr; }
  .featured-thumb { min-height: 250px; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
  .newsletter-inner { grid-template-columns: 1fr; gap: 2.5rem; }
  .nl-sub-row { margin-top: 1.4rem; }

  /* Gallery */
  .albums-grid { grid-template-columns: 1fr 1fr; }
  .masonry-grid { columns: 3 180px; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; }
  .why-contact-grid { grid-template-columns: 1fr 1fr; }
}

/* ════════════════════════════════════════
   768px — MOBILE
   ════════════════════════════════════════ */
@media (max-width: 768px) {

  /* Shared */
  .hamburger { display: flex; }
  .nav-links { display: none !important; }
  section { padding: 3rem 0; }
  .footer-grid { grid-template-columns: 1fr; }
  .cta-inner { flex-direction: column; text-align: center; }
  .cta-btns { justify-content: center; }
  .page-hero { padding: 7rem 0 3.5rem; }
  h2.section-title { font-size: 1.8rem; }
  .trust-bar-inner { flex-direction: column; align-items: flex-start; }

  /* Hero slider */
  .hero-slide { grid-template-columns: 1fr; gap: 2rem; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); }
  .services-cluster-grid { grid-template-columns: 1fr; }
  .problem-grid { grid-template-columns: 1fr; }
  .cs-grid { grid-template-columns: 1fr; }
  .testi-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }

  /* Services */
  .tech-grid { grid-template-columns: 1fr; }
  .tech-pills { grid-template-columns: repeat(2, 1fr); }
  .intro-stats { grid-template-columns: 1fr 1fr; }
  .tools-grid { grid-template-columns: 1fr; }
  .tools-why-strip { grid-template-columns: 1fr; }
  .sms-thumbs { grid-template-columns: repeat(3, 1fr); }
  .sms-reels-row { grid-template-columns: 1fr 1fr; }

  /* Work */
  .cs-full-grid .cs-results { grid-template-columns: repeat(2, 1fr); }
  .clients-grid { grid-template-columns: repeat(2, 1fr); }

  /* Process */
  .process-vsteps::before { bottom: 10px; }
  #tools .tools-grid { grid-template-columns: 1fr; }
  .method-cards { grid-template-columns: 1fr; }

  /* Pricing */
  .pricing-grid { grid-template-columns: 1fr; }
  .pricing-card.popular { transform: none; }
  .addons-grid { grid-template-columns: 1fr; }
  .addon-pkg-cards { grid-template-columns: 1fr; }

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

  /* Contact */
  .form-row { grid-template-columns: 1fr; }
  .budget-options { grid-template-columns: repeat(2, 1fr); }
  .why-contact-grid { grid-template-columns: 1fr; }
  .hours-grid { grid-template-columns: 1fr; }

  /* Article pages */
  .article-layout { grid-template-columns: 1fr; }
  .article-sidebar { position: static; }
  .callout-stats { grid-template-columns: repeat(3, 1fr); }
  .related-posts-grid { grid-template-columns: 1fr; }

  /* Gallery */
  .albums-grid { grid-template-columns: 1fr; }
  .masonry-grid { columns: 2 160px; }
  #lbPrev { left: .5rem; }
  #lbNext { right: .5rem; }
}

/* ════════════════════════════════════════
   480px — SMALL MOBILE
   ════════════════════════════════════════ */
@media (max-width: 480px) {

  /* Index */
  .hero-h1 { font-size: 2.8rem; }
  .hero-stats { grid-template-columns: 1fr 1fr; }
  .stats-grid { grid-template-columns: 1fr; }
  .hero-slider-controls { gap: 1rem; }

  /* Shared */
  .cta-text h2 { font-size: 1.6rem; }
  .btn-primary, .btn-secondary, .btn-navy, .btn-outline-navy { padding: .75rem 1.5rem; font-size: .88rem; }

  /* Process timeline at small */
  .process-vsteps { padding-left: 1rem; }
}