/* ========================================
   PRESSTECH HYDRAULICS – Responsive CSS
   ======================================== */

/* ---------- Tablet (≤ 1024px) ---------- */
@media (max-width: 1024px) {
  .hero .container        { grid-template-columns: 1fr; }
  .hero-img               { display: none; }
  .hero-title             { font-size: 2.4rem; }
  .hero-stats             { flex-wrap: wrap; gap: 24px; }

  .footer-grid            { grid-template-columns: 1fr 1fr; gap: 36px; }
  .about-grid             { grid-template-columns: 1fr; }
  .about-img-wrap         { order: -1; }
  .product-detail-grid    { grid-template-columns: 1fr; }
  .contact-grid           { grid-template-columns: 1fr; }
}

/* ---------- Small Tablet (≤ 768px) ---------- */
@media (max-width: 768px) {
  :root { font-size: 15px; }

  /* ── Navbar – handled entirely by style.css side-panel rules ── */
  /* (no overrides here – avoids cascade conflict)                  */

  /* Hero */
  .hero                   { padding: 70px 0 60px; }
  .hero-title             { font-size: 2rem; }
  .hero-desc              { font-size: 0.95rem; }
  .hero-btns              { flex-direction: column; align-items: flex-start; }
  .hero-stats             { gap: 20px; }
  .stat-number            { font-size: 1.6rem; }

  /* Sections */
  .section                { padding: 56px 0; }
  .section-title          { font-size: 1.8rem; }
  .features-strip .container { gap: 12px; }
  .feature-item           { font-size: 0.82rem; }

  /* Products */
  .products-grid          { grid-template-columns: 1fr 1fr; }

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

  /* About */
  .about-img-wrap img     { height: 300px; }

  /* Contact */
  .contact-form-wrap      { padding: 28px 22px; }
  .form-row               { grid-template-columns: 1fr; }

  /* Page Hero */
  .page-hero h1           { font-size: 2rem; }
  .page-hero              { padding: 50px 0; }

  /* Process */
  .process-steps          { flex-direction: column; }
  .process-step           { border-right: none; border-bottom: 1px solid var(--border); }
  .process-step:last-child{ border-bottom: none; }

  /* Top Bar */
  .top-bar-left           { display: none; }
}

/* ---------- Mobile (≤ 480px) ---------- */
@media (max-width: 480px) {
  .container              { padding: 0 14px; }
  .hero-title             { font-size: 1.7rem; }
  .section-title          { font-size: 1.5rem; }
  .products-grid          { grid-template-columns: 1fr; }
  .industries-grid        { grid-template-columns: repeat(2, 1fr); }
  .applications-grid      { grid-template-columns: 1fr; }
  .testimonials-grid      { grid-template-columns: 1fr; }
  .quality-grid           { grid-template-columns: 1fr; }
  .why-grid               { grid-template-columns: 1fr; }
  .btn-lg                 { padding: 12px 26px; font-size: 0.95rem; }
  .brand-text .brand-name { font-size: 1.1rem; }
  .product-detail-img img { height: 280px; }
  .hero-stats             { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .back-to-top            { bottom: 18px; right: 18px; }
  .certifications         { gap: 14px; }
  .cert-badge             { padding: 12px 16px; min-width: 100px; font-size: 0.82rem; }
}