/* ============================================================
   Assi Wood — Responsive Breakpoints (Mobile-First)
   ============================================================ */

/* ---- Small phones (≤ 480px) ---- */
@media (max-width: 480px) {
  :root { --section-padding-y: 60px; }

  .nav__cta { display: none; }
  .lang-switch { display: none; }
  .hamburger { display: flex; }
  .nav__menu { display: none; }
  .nav { height: 64px; }

  .hero__content { padding-top: 100px; }
  .hero__ctas { flex-direction: column; }
  .hero__ctas .btn { width: 100%; justify-content: center; }
  .hero__scroll { display: none; }

  .about__grid { grid-template-columns: 1fr; gap: 2rem; }
  .about__image-wrap { order: -1; }
  .about__image-badge { right: 1rem; }
  .about__stats { flex-wrap: wrap; gap: 1.5rem; }
  .about__cards { grid-template-columns: 1fr; }

  .services__grid { grid-template-columns: 1fr; }

  .gallery-grid { grid-template-columns: 1fr; }

  .quote__grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .form-grid { grid-template-columns: 1fr; }
  .form-full { grid-column: auto; }

  .contact__grid { grid-template-columns: 1fr; gap: 2rem; }
  .contact__info-cards { grid-template-columns: 1fr; }
  .contact__map-wrap { height: 260px; }

  .footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer__bottom-inner { flex-direction: column; text-align: center; gap: 0.5rem; }

  .testimonial-card { width: 280px; }

  .cursor, .cursor-ring { display: none; }

  .page-hero { padding: 120px 0 50px; }

  /* Stats strip — 2 columns */
  .stats-strip__grid { grid-template-columns: repeat(2, 1fr); }
  .stats-strip__item:nth-child(3)::before { display: none; }
  .stats-strip__item:nth-child(3),
  .stats-strip__item:nth-child(4) { border-top: 1px solid rgba(196,169,122,0.15); }

  /* Process */
  .process__grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .process__grid::before { display: none; }

  /* FAQ */
  .faq__question { font-size: 0.9375rem; padding: 1rem 1.25rem; }
  .faq__answer { padding: 0 1.25rem 1rem; }
}

/* ---- Large phones (481px – 768px) ---- */
@media (min-width: 481px) and (max-width: 768px) {
  :root { --section-padding-y: 70px; }

  .nav__cta { display: none; }
  .hamburger { display: flex; }
  .nav__menu { display: none; }
  .nav { height: 68px; }

  .about__grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .about__image-wrap { order: -1; }
  .about__cards { grid-template-columns: 1fr; }

  .services__grid { grid-template-columns: 1fr 1fr; }

  .gallery-grid { grid-template-columns: repeat(2, 1fr); }

  .quote__grid { grid-template-columns: 1fr; gap: 3rem; }
  .form-grid { grid-template-columns: 1fr; }
  .form-full { grid-column: auto; }

  .contact__grid { grid-template-columns: 1fr; gap: 2.5rem; }
  .contact__map-wrap { height: 300px; }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }

  .testimonial-card { width: 300px; }

  .cursor, .cursor-ring { display: none; }

  /* Stats strip */
  .stats-strip__grid { grid-template-columns: repeat(2, 1fr); }
  .stats-strip__item:nth-child(3)::before { display: none; }
  .stats-strip__item:nth-child(3),
  .stats-strip__item:nth-child(4) { border-top: 1px solid rgba(196,169,122,0.15); }

  /* Process */
  .process__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .process__grid::before { display: none; }
}

/* ---- Tablets (769px – 1024px) ---- */
@media (min-width: 769px) and (max-width: 1024px) {
  :root { --section-padding-y: 80px; }

  .hamburger { display: flex; }
  .nav__menu { display: none; }
  .nav__cta { font-size: 0.8125rem; padding: 0.5rem 1rem; }

  .about__grid { gap: 3rem; }
  .about__image-badge { right: -0.5rem; }

  .services__grid { grid-template-columns: 1fr 1fr; }

  .gallery-grid { grid-template-columns: repeat(2, 1fr); }

  .quote__grid { gap: 3rem; }

  .footer__grid { grid-template-columns: 1fr 1fr 1fr; gap: 2rem; }

  /* Process */
  .process__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .process__grid::before { display: none; }
}

/* ---- Desktop (1025px – 1440px) ---- */
@media (min-width: 1025px) {
  .hamburger { display: none; }
  .nav__menu { display: flex; }
}

/* ---- Large desktop (≥ 1441px) ---- */
@media (min-width: 1441px) {
  :root {
    --section-padding-y: 120px;
    --container-pad: 3rem;
  }
  .hero__heading { font-size: 5.5rem; }
  .services__grid { grid-template-columns: repeat(3, 1fr); }
  .gallery-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ---- Print ---- */
@media print {
  .site-header, .whatsapp-btn, .preloader, .cursor, .cursor-ring,
  .mobile-menu, .hero__bg, .factory__track, .testimonials__track { display: none !important; }
  body { background: #fff; color: #000; }
  a { color: #000; }
}

/* ---- Touch-friendly minimum tap targets ---- */
@media (hover: none) {
  .btn, .nav__link, .filter-btn, .footer__link,
  .service-card__link, .lang-switch {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
  .hamburger { min-height: 44px; min-width: 44px; align-items: center; justify-content: center; }
}