/* ── 1200px ───────────────────────────────────── */
@media (max-width: 1200px) {
  .hero-h1 { font-size: 80px; }
  .trust-n { font-size: 36px; }
  .svc-panel-text { padding: 40px 32px; }
  .svc-panel-name { font-size: 28px; }
  .feat-name { font-size: 32px; }
  .work-grid { grid-auto-rows: 220px; }
}

/* ── 1100px ───────────────────────────────────── */
@media (max-width: 1100px) {
  .sec { padding: 80px 6%; }
  #nav { padding: 0 5%; }
  
  .svc-panel { grid-template-columns: 1fr; }
  .svc-panel-img { min-height: 400px; order: -1; }
  
  .process-steps { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .proc-step { border: 1px solid rgba(255,255,255,.1); }
  
  .footer-main { grid-template-columns: repeat(2, 1fr); gap: 40px; }
  .f-brand { grid-column: 1 / -1; }
  
  .feat-wrap { grid-template-columns: 1fr; min-height: auto; }
  .feat-img-col { height: 400px; }
  .feat-text-col { padding: 48px; }
  
  .trust-cell { padding: 24px 16px; }
  
  .blog-layout { grid-template-columns: 1fr; gap: 48px; }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  
  .why-choose-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── 900px ────────────────────────────────────── */
@media (max-width: 900px) {
  .hero-h1 { font-size: 64px; }
  .work-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .work-grid .w-item:nth-child(n) { grid-column: span 1; }
  
  .testi-grid { grid-template-columns: 1fr; gap: 16px; }
  
  #enquiry { grid-template-columns: 1fr; }
  .enq-left, .enq-right { padding: 64px 6%; }
  .enq-left { text-align: center; align-items: center; }
  .enq-left .eyebrow { justify-content: center; }
  .enq-detail { justify-content: center; flex-direction: column; gap: 4px; margin-top: 24px; text-align: center; }
  
  .page-hero { padding: 140px 6% 60px; }
  .single-post-content { padding: 60px 6%; }
  
  .related-posts-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── 768px (TABLET) ───────────────────────────── */
@media (max-width: 768px) {
  .nav-links, .nav-quote, .nav-call-text { display: none; }
  .nav-logo-text { display: none; }
  .hamburger { display: flex; }
  .nav-call { padding: 8px; border: 1px solid var(--border); border-radius: 50%; }
  
  .sec { padding: 72px 5%; }
  .sec-title { font-size: 36px; word-break: break-word; }
  
  #trust { grid-template-columns: repeat(2, 1fr); }
  .trust-cell:nth-child(2) { border-right: none; }
  .trust-cell:nth-child(1), .trust-cell:nth-child(2) { border-bottom: 1px solid rgba(0,0,0,.15); }
  
  .footer-main { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { flex-direction: column; align-items: center; text-align: center; gap: 12px; }
  
  .comment-body { flex-direction: column; gap: 16px; }
  .children { margin-left: 24px; }
  
  .smw-cookie-notice { width: 95%; padding: 20px; }
  .smw-cookie-buttons { flex-direction: column; }
  .smw-cookie-buttons .btn { width: 100%; text-align: center; }
  
  .woocommerce ul.products li.product { width: 48%; float: left; margin: 0 1% 2% 1%; }
}

/* ── 480px (MOBILE) ───────────────────────────── */
@media (max-width: 480px) {
  .hero-h1 { font-size: clamp(40px, 10vw, 48px); word-break: break-word; }
  .hero-ctas { flex-direction: column; width: 100%; }
  .hero-ctas .btn { width: 100%; text-align: center; }
  
  .process-steps { grid-template-columns: 1fr; }
  
  .work-grid { grid-template-columns: 1fr; }
  
  .f-row { grid-template-columns: 1fr; }
  
  .blog-grid { grid-template-columns: 1fr; }
  
  .why-choose-grid { grid-template-columns: 1fr; }
  
  .author-bio { flex-direction: column; align-items: center; text-align: center; padding: 24px; }
  
  .related-posts-grid { grid-template-columns: 1fr; }
  
  .newsletter-form { flex-direction: column; }
  
  .error-code { font-size: 100px; }
  
  .woocommerce ul.products li.product { width: 100%; margin: 0 0 4% 0; }
}