/* ==========================================================================
   Netbyzz Small Task Experts — Responsive Refinements
   Loaded after style.css and form.css. Keeps adjustments in one place.
   ========================================================================== */

/* ---------- Tablets ---------- */
@media (max-width: 1024px) {
  .dropdown { width: 500px; }
}

/* ---------- Large phones ---------- */
@media (max-width: 768px) {
  .hero-actions .btn { flex: 1 1 auto; }
  .page-hero { padding: 40px 0 34px; }
  .steps { gap: 14px; }
  .step { padding: 18px; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }
}

/* ---------- Small phones ---------- */
@media (max-width: 480px) {
  .wrap { padding: 0 16px; }
  h1 { letter-spacing: 0; }
  .card { padding: 18px; }
  .btn { width: auto; }
  .faq-item h3 button { padding: 14px 14px; font-size: .95rem; }
}

/* ---------- Very wide screens ---------- */
@media (min-width: 1440px) {
  :root { --wrap: 1220px; }
}

/* ---------- Print ---------- */
@media print {
  .site-header, .site-footer, .cta-band, .hero-actions, .form-actions, .nav-toggle { display: none !important; }
  body { background: #fff; }
}