/* ===========================================================
   SIDRA ENTERPRISES — Responsive Rules
=========================================================== */

@media (max-width: 1080px) {

   .hero-container,
   .about-grid,
   .contact-wrapper {
      grid-template-columns: 1fr;
   }

   .hero-right { order: -1; }
   .hero-slider { max-width: 460px; margin: 0 auto; }

   .about-image { max-width: 420px; margin: 0 auto; }

   .products-grid,
   .why-grid,
   .industries-grid,
   .trust-grid,
   .stats-grid,
   .info-grid {
      grid-template-columns: repeat(2, 1fr);
   }

   .trust-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,.12); }
   .trust-item:nth-child(2n) { border-right: none; }

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

   .gallery-preview-grid { grid-template-columns: repeat(2, 1fr); }
   .gallery-preview-grid a:first-child { grid-column: span 2; }

   .calculator-form { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {

   section { padding: 70px 6%; }

   .nav-links {
      position: fixed;
      top: 0;
      right: -100%;
      width: 78%;
      max-width: 340px;
      height: 100vh;
      background: var(--white);
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      gap: 28px;
      padding: 40px;
      box-shadow: var(--shadow-lg);
      transition: right var(--transition);
      z-index: 1000;
   }

   .nav-links.active { right: 0; }

   .nav-buttons { display: none; }

   .menu-btn { display: flex; }

   .hero { padding-top: 130px; }
   .hero-left h1 { font-size: 2.4rem; }

   .page-hero,
   .contact-hero { padding-top: 150px; }
   .page-hero h1,
   .contact-hero h1 { font-size: 2.1rem; }

   .products-page { padding-top: 150px; }

   .why-grid,
   .industries-grid,
   .products-grid,
   .stats-grid,
   .trust-grid,
   .info-grid,
   .footer-grid {
      grid-template-columns: 1fr;
   }

   .trust-item { border-bottom: 1px solid rgba(255,255,255,.12); }

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

   .gallery-preview-grid a:first-child { grid-column: span 1; grid-row: span 1; }

   .calculator-card { padding: 28px 22px; }

   .hero-buttons { flex-wrap: wrap; }
}

@media (max-width: 520px) {

   .hero-left h1 { font-size: 1.9rem; }
   .section-title h2 { font-size: 1.7rem; }
   .stat-box h2 { font-size: 2.2rem; }
   .logo { font-size: 1.2rem; }
   .whatsapp, .call { width: 48px; height: 48px; font-size: 1.2rem; right: 16px; }
   .whatsapp { bottom: 82px; }
   .call { bottom: 20px; }
}


/* =====================================
   PRODUCTS PAGE RESPONSIVE ONLY
===================================== */

/* Tablet */
@media (max-width: 992px) {

    .products-page {
        padding-top: 140px;
    }

    .products-header h1 {
        font-size: 2rem;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .product-content {
        padding: 20px;
    }

    .product-content h3 {
        font-size: 1.2rem;
    }
}

/* Mobile */
@media (max-width: 768px) {

    .products-page {
        padding-top: 120px;
        padding-bottom: 30px;
    }

    .products-header h1 {
        font-size: 1.8rem;
    }

    .products-header p {
        font-size: 15px;
    }

    .products-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .product-image {
        aspect-ratio: 4/3;
    }

    .product-content {
        padding: 18px;
    }

    .product-content h3 {
        font-size: 1.1rem;
    }

    .product-content p,
    .product-content ul li {
        font-size: 14px;
    }

    .product-content .btn-primary {
        width: 100%;
        justify-content: center;
    }

    /* Responsive Specification Table */
    .spec-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Small Mobile */
@media (max-width: 480px) {

    .products-page {
        padding-top: 105px;
    }

    .products-header h1 {
        font-size: 1.5rem;
    }

    .products-header p {
        font-size: 14px;
    }

    .product-content {
        padding: 16px;
    }

    .product-content h3 {
        font-size: 1rem;
    }

    .product-content .btn-primary {
        padding: 12px;
        font-size: 14px;
    }

    .spec-table th,
    .spec-table td {
        padding: 12px;
        font-size: 13px;
    }
}