/* ==========================================================================
   AskWisy — Responsive overrides
   --------------------------------------------------------------------------
   Touch-device hover suppression and the 640px / 1024px breakpoints.
   MUST be loaded after the component stylesheets so these rules win the
   cascade.
   ========================================================================== */

/* ── NO HOVER ON TOUCH ── */
@media(hover:none){
  .pain-card:hover{border-color:var(--gray2);box-shadow:none;transform:none}
  .industry-card:hover{transform:none;box-shadow:none}
  .price-card:hover{transform:none;box-shadow:none}
  .btn-primary:hover{transform:none;box-shadow:none}
}

/* ── RESPONSIVE 640px+ ── */
@media(min-width:640px){
  .stat-bar-inner{grid-template-columns:repeat(4,1fr)}
  .stat-item{border-bottom:none}
  .stat-item:nth-child(2){border-right:1px solid rgba(255,255,255,.08)}
  .stat-item:last-child{border-right:none}
  .testimonials{grid-template-columns:repeat(2,1fr)}
  .problem-grid{grid-template-columns:1fr 1fr}
  .two-col{grid-template-columns:1fr 1fr}
  .industry-grid{grid-template-columns:repeat(2,1fr)}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .values-grid{grid-template-columns:repeat(2,1fr)}
  .features-grid{grid-template-columns:repeat(3,1fr)}
  .footer-top{grid-template-columns:2fr 1fr 1fr}
  .footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}
  .footer-legal{justify-content:flex-end}
  .faq-grid{grid-template-columns:repeat(2,1fr)}
  .addon-box{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr 1fr}
  .bi-cards{grid-template-columns:1fr 1fr}
}

/* ── RESPONSIVE 1024px+ ── */
@media(min-width:1024px){
  :root{--nav-h:68px}
  .nav-links{display:flex}
  .nav-burger{display:none}
  .testimonials{grid-template-columns:repeat(2,1fr)}
  .industry-grid{grid-template-columns:repeat(3,1fr)}
  .pricing-grid{grid-template-columns:repeat(4,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .values-grid{grid-template-columns:repeat(4,1fr)}
  .footer-top{grid-template-columns:2fr 1fr 1fr}
  .bi-grid{grid-template-columns:3fr 2fr;gap:64px}
}