/* RESPONSIVE */

      /* Tablet */
      @media (max-width: 900px) {
        .detail-grid,
        .about-story,
        .contact-grid {
          grid-template-columns: 1fr;
          gap: 2.5rem;
        }
        .footer-grid {
          grid-template-columns: 1fr 1fr;
          gap: 2rem;
        }
        .detail-img-wrap {
          max-width: 400px;
          margin: 0 auto;
        }
        .about-visual {
          max-width: 360px;
          margin: 0 auto;
        }
        section {
          padding: 4rem 1.5rem;
        }
        .two-col-grid {
          grid-template-columns: 1fr !important;
          gap: 2rem !important;
        }
      }

      /* Mobile */
      @media (max-width: 680px) {
        .nav-links,
        .nav-cta {
          display: none;
        }
        .hamburger {
          display: flex;
        }
        .form-grid {
          grid-template-columns: 1fr;
        }
        .footer-grid {
          grid-template-columns: 1fr;
        }
        .hero h1 {
          font-size: 2rem;
        }
        .hero p {
          font-size: 1rem;
        }
        .products-grid {
          grid-template-columns: 1fr;
        }
        .features-grid {
          grid-template-columns: 1fr;
        }
        .hero-device {
          width: 180px;
          height: 180px;
        }
        .device-inner {
          width: 120px;
          height: 120px;
        }
        .orbit-1 {
          width: 220px;
          height: 220px;
        }
        .orbit-2 {
          width: 280px;
          height: 280px;
        }
        .hero {
          padding: 2rem 1rem;
        }
        .hero-btns {
          flex-direction: column;
          align-items: center;
        }
        .hero-btns .btn-primary,
        .hero-btns .btn-outline {
          width: 100%;
          max-width: 320px;
          justify-content: center;
        }
        section {
          padding: 3rem 1rem;
        }
        .stats-inner {
          grid-template-columns: 1fr 1fr;
          gap: 1.25rem;
        }
        .stat-num {
          font-size: 1.7rem;
        }
        .section-title {
          font-size: 1.7rem;
        }
        .two-col-grid {
          grid-template-columns: 1fr !important;
          gap: 1rem !important;
        }
        .mini-cards-grid {
          grid-template-columns: 1fr 1fr !important;
          gap: 0.75rem !important;
        }
        .values-grid {
          grid-template-columns: 1fr;
        }
        .trust-grid {
          grid-template-columns: 1fr;
        }
        .testimonials {
          grid-template-columns: 1fr;
        }
        .spec-grid {
          grid-template-columns: 1fr;
        }
        .detail-btns {
          flex-direction: column;
        }
        .detail-btns .btn-primary,
        .detail-btns .btn-outline {
          width: 100%;
          justify-content: center;
          text-align: center;
        }
        .detail-price {
          font-size: 1.5rem;
        }
        .preorder-wrap {
          padding: 2rem 1rem;
        }
        .cta-section {
          padding: 3rem 1rem;
        }
        .footer-bottom {
          flex-direction: column;
          align-items: flex-start;
          gap: 0.75rem;
        }
        .newsletter-wrap {
          flex-direction: column;
        }
        .newsletter-wrap input {
          max-width: 100%;
        }
        .product-btns {
          flex-direction: column;
        }
        .product-btns .btn-sm {
          width: 100%;
          text-align: center;
        }
        .admin-controls {
          flex-direction: column;
          align-items: stretch;
        }
        .admin-controls input {
          max-width: 100%;
        }
        .table-wrap {
          font-size: 0.78rem;
        }
      }

      /* Small phones */
      @media (max-width: 400px) {
        .stats-inner {
          grid-template-columns: 1fr;
        }
        .mini-cards-grid {
          grid-template-columns: 1fr !important;
        }
        nav {
          padding: 0 1rem;
        }
        .hero h1 {
          font-size: 1.75rem;
        }
        .admin-wrap {
          padding: 1.5rem 0.75rem;
        }
      }