/* ==========================================================================
   Chaitanya Artistry — Responsive Overrides
   ========================================================================== */

@media (max-width: 1199.98px) {
  .testimonial-card { flex: 0 0 calc(50% - 12px); }
}

@media (max-width: 991.98px) {
  .section-pad { padding: 64px 0; }
  .section-tint-panel { padding: 56px 0; margin: 40px calc(50% - 50vw + 24px); width: calc(100vw - 48px); }
  .section-head { flex-direction: column; align-items: flex-start; }
  .service-cta-sticky { position: static; }

  .hero-section { min-height: auto; padding: 50px 0 40px; text-align: center; }
  .hero-desc { margin-left: auto; margin-right: auto; }
  .hero-actions { justify-content: center; }
  .hero-stats { justify-content: center; }
  .service-hero.full-vh { min-height: auto; padding: 40px 0; }
  .service-hero-actions, .service-hero-stats { justify-content: center; }
  .service-hero-visual { margin-top: 32px; }
  .hero-visual { margin-top: 40px; }

  .about-visual { padding: 20px 0 40px; }
  .experience-badge { left: 10px; }

  .process-timeline { flex-direction: column; }
  .process-timeline::before { display: none; }

  .portfolio-item { flex-basis: 190px; }
  .h-scroll-track > .h-scroll-item { flex-basis: 240px; }
  #productsStrip.h-scroll-track > .h-scroll-item { flex-basis: 46%; }
  .testimonial-card { flex: 0 0 calc(100% - 0px); }

  .dm-plan-card.is-featured { transform: none; }

  .footer-bottom { flex-direction: column; text-align: center; }

  .package-sidebar { position: static; margin-top: 8px; }
  .product-thumb-track > .product-thumb-item { flex-basis: 90px; }
  .faq-illustration { margin-top: 20px; }
  .faq-illustration-img { max-width: 320px; }
}

@media (max-width: 767.98px) {
  .mobile-swipe-row {
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    margin-bottom: -10px;
    scrollbar-width: none;
  }
  .mobile-swipe-row::-webkit-scrollbar { display: none; }
  .mobile-swipe-row > [class*="col-"] {
    flex: 0 0 78%;
    max-width: 78%;
    scroll-snap-align: start;
  }
  .navbar { padding-left: 20px; padding-right: 20px; }
  .brand-logo { height: 34px; }
  .announcement-bar .container { padding-left: 20px; padding-right: 20px; gap: 10px; }
  .announcement-bar { font-size: .68rem; padding: 8px 0; }
  .announcement-email, .announcement-phone { font-size: .68rem; gap: 6px; }
  .portfolio-scroll-btn { display: none; }
  .announcement-contacts { width: 100%; justify-content: space-between; gap: 10px; }
  .announcement-email { max-width: 46vw; }
  .hero-title { font-size: 2.1rem; }
  .about-numbers, .hero-stats { gap: 24px; }
  .portfolio-item { flex-basis: 62vw; }
  .h-scroll-track > .h-scroll-item { flex-basis: 72vw; }
  #productsStrip.h-scroll-track > .h-scroll-item { flex-basis: 78%; }
  .h-scroll-btn { display: none; }
  .cta-box { padding: 40px 24px; text-align: center; }
  .cta-section .text-lg-end { text-align: center !important; margin-top: 10px; }
  .newsletter-form { flex-direction: column; }
  .newsletter-form .btn { width: 100%; }
  .back-to-top, .whatsapp-float { width: 44px; height: 44px; bottom: 16px; }
  .whatsapp-float { left: 16px; right: auto; }
  .back-to-top { right: 16px; }
  .back-to-top.is-visible { bottom: 16px; }
  .service-checklist { columns: 1; }
  .service-hero-visual { margin-top: 32px; }

  .service-filter-wrap { margin-left: -12px; margin-right: -12px; padding: 0 12px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .service-filter-wrap::-webkit-scrollbar { display: none; }
  .service-filter { flex-wrap: nowrap; width: max-content; }

  .product-thumb-track > .product-thumb-item { flex-basis: 76px; }
  .trust-strip { justify-content: center; }
  .page-breadcrumb { font-size: .78rem; gap: 6px; }
}

@media (max-width: 575.98px) {
  .section-title { font-size: 1.6rem; }
  .section-tint-panel { border-radius: var(--radius-md); padding: 44px 0; margin: 28px calc(50% - 50vw + 18px); width: calc(100vw - 36px); }
  .stats-section strong { font-size: 2.4rem; }
  .stat-block-icon { width: 28px; height: 28px; font-size: .72rem; margin-bottom: 6px; }
  .print-price { font-size: 1.6rem; }
  .industries-track { gap: 10px; }
  .industry-chip { padding: .55rem 1rem; font-size: .8rem; }
}
