/* ==========================================================================
   XZB Robot Theme — responsive.css
   Media queries for tablet and mobile
   ========================================================================== */

/* ===== Tablet (max-width: 968px) ===== */
@media (max-width: 968px) {
  /* Navigation */
  .nav-menu{display:none}
  .mobile-toggle{display:flex;align-items:center;justify-content:center}

  /* Hero */
  .hero{min-height:auto;padding:120px 0 60px}
  .hero h1{font-size:2.2rem}
  .hero p{font-size:1rem}
  .hero-stats{gap:24px;flex-wrap:wrap}

  /* Grids */
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr}

  /* Factory */
  .factory{grid-template-columns:1fr;gap:32px}

  /* Footer */
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}

  /* Section padding */
  .section{padding:48px 0}

  /* Product detail */
  .product-detail{grid-template-columns:1fr}
  .product-gallery{position:static}
  .product-inquiry-form{position:static}

  /* Features grid */
  .features-grid{grid-template-columns:1fr}

  /* Two column */
  .two-col{grid-template-columns:1fr;gap:32px}
  .two-col--wide-left,.two-col--wide-right{grid-template-columns:1fr}

  /* Has sidebar */
  .has-sidebar .content-area .container{grid-template-columns:1fr}

  /* Trust bar */
  .trust-bar .container{gap:24px}

  /* Page header */
  .page-header{padding:100px 0 40px}

  /* Container */
  .container{padding:0 16px}

  /* Form row */
  .xzb-inquiry-form .form-row{grid-template-columns:1fr}
}

/* ===== Mobile (max-width: 568px) ===== */
@media (max-width: 568px) {
  /* Grids */
  .grid-4,.grid-2{grid-template-columns:1fr}
  .grid-auto{grid-template-columns:1fr}

  /* Hero */
  .hero h1{font-size:1.8rem}
  .hero-buttons{flex-direction:column}
  .hero-buttons .btn{width:100%;justify-content:center}
  .hero-stats{grid-template-columns:1fr 1fr;display:grid;gap:20px}

  /* Factory stats */
  .factory-stats{grid-template-columns:1fr}

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

  /* CTA form */
  .cta-form{flex-direction:column}
  .cta-form input,.cta-form .btn{width:100%}

  /* Section title */
  .section-title{margin-bottom:32px}
  .section-title h2{font-size:1.6rem}

  /* Product cards */
  .prod-body h3{font-size:0.88rem}

  /* Gallery thumbs */
  .gallery-thumbs{grid-template-columns:repeat(4,1fr)}

  /* Specs table */
  .specs-table th{width:120px;font-size:0.82rem}
  .specs-table td{font-size:0.82rem}

  /* Testimonials */
  .test-card{padding:24px}

  /* Floating button */
  .float-inquiry{width:52px;height:52px;bottom:20px;right:20px}
  .float-inquiry svg{width:22px;height:22px}

  /* Pagination */
  .pagination .page-numbers{min-width:36px;height:36px;font-size:0.82rem}

  /* Filter bar */
  .filter-bar{flex-direction:column;align-items:stretch}

  /* Page header */
  .page-header h1{font-size:1.6rem}
  .page-header p{font-size:0.95rem}
}

/* ===== Large Desktop (min-width: 1440px) ===== */
@media (min-width: 1440px) {
  :root{--container-max:1320px}
}

/* ===== Print Styles ===== */
@media print {
  .header,.footer,.float-inquiry,.mobile-nav,.mobile-overlay,.cta-section,.hero-buttons{display:none !important}
  .hero{min-height:auto;padding:24px 0}
  body{font-size:12pt;color:#000;background:#fff}
  a{color:#000;text-decoration:underline}
  .section{padding:24px 0}
  .prod-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}
}