/* ============================================================
   ME ENERGY INDIA — RESPONSIVE
   Breakpoints: Desktop (default) / Laptop 1200 / Tablet 900 / Mobile 600
   ============================================================ */

/* ---- Laptop / small desktop ---- */
@media (max-width: 1200px) {
  :root {
    --space-2xl: 7rem;
    --space-3xl: 9rem;
  }

  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: var(--space-lg);
  }

  .applications-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* ---- Tablet ---- */
@media (max-width: 980px) {
  :root {
    --header-h: 76px;
  }

  .nav-links,
  .header-actions .btn-ghost {
    display: none;
  }

  .nav-toggle {
    display: inline-flex;
  }

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

  .product-card {
    min-height: 420px;
  }

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

  .applications-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .grid-2 {
    grid-template-columns: 1fr;
    gap: var(--space-md);
  }

  .footer-top {
    grid-template-columns: 1fr 1fr;
    row-gap: var(--space-lg);
  }

  .section-head.split {
    flex-direction: column;
    align-items: flex-start;
  }

  .compare-table th,
  .compare-table td {
    padding: 0.9rem 1rem;
  }

  .benefit-list {
    grid-template-columns: 1fr;
  }

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

  .gallery-grid .g-item:nth-child(1) { grid-column: span 2; grid-row: span 1; }

  .related-strip {
    grid-template-columns: 1fr;
  }
}

/* ---- Mobile ---- */
@media (max-width: 640px) {
  :root {
    --space-xl: 4rem;
    --space-2xl: 5rem;
    --space-lg: 2.5rem;
    --container-pad: 1.25rem;
  }

  .hero {
    align-items: flex-end;
  }

  .hero-slide {
    object-position: 65% 40%;
  }

  .hero-content {
    padding-bottom: var(--space-lg);
  }

  .hero h1 {
    max-width: 100%;
  }

  .hero-cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-arrow {
    width: 40px;
    height: 40px;
    top: 42%;
  }

  .hero-arrow-prev {
    left: var(--space-sm);
  }

  .hero-arrow-next {
    right: var(--space-sm);
  }

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

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

  .stats-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-md) var(--space-sm);
  }

  .footer-top {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }

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

  .cta-band {
    padding: var(--space-lg) var(--space-sm);
  }

  .back-to-top {
    width: 44px;
    height: 44px;
    right: var(--space-sm);
    bottom: var(--space-sm);
  }

  .contact-strip {
    top: auto;
    bottom: max(14px, env(safe-area-inset-bottom));
    left: 12px;
    right: 12px;
    transform: none;
    flex-direction: row;
    align-items: center;
    gap: 4px;
  }

  .contact-strip-whatsapp { order: 1; }
  .contact-strip-enquire { order: 2; }
  .contact-strip-mail { order: 3; }
  .contact-strip-phone { order: 4; }
  .contact-strip-quote { order: 5; }

  .contact-strip-item {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
  }

  .contact-strip-item svg {
    width: 18px;
    height: 18px;
  }

  .contact-strip-whatsapp svg {
    width: 20px;
    height: 20px;
  }

  .contact-strip-quote {
    width: auto;
    flex: 1 1 auto;
    gap: 0.4rem;
    padding: 0 1rem;
    border-radius: var(--radius-pill);
    background: var(--color-yellow);
    color: var(--color-charcoal);
  }

  .contact-strip-quote svg {
    width: 16px;
    height: 16px;
  }

  .contact-strip-quote:hover,
  .contact-strip-quote:focus-visible {
    background: var(--color-yellow-deep);
    transform: none;
  }

  .contact-strip-label {
    display: inline;
    font-family: var(--font-display);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .contact-strip-item::after {
    display: none;
  }

  .quote-modal-panel {
    max-height: 92vh;
  }

  .chat-widget {
    right: 10px;
    left: 10px;
    bottom: calc(70px + max(10px, env(safe-area-inset-bottom)));
    width: auto;
  }

  .chat-widget-panel {
    height: min(65vh, 520px);
  }

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

  .compare-wrap {
    border-radius: var(--radius-md);
  }

  .section-pad { padding-block: var(--space-xl); }
  .section-pad-sm { padding-block: var(--space-lg); }

  .product-hero-specs {
    gap: var(--space-md);
  }

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

  .gallery-grid .g-item,
  .gallery-grid .g-item:nth-child(1) {
    grid-column: span 1;
    grid-row: span 1;
    height: 220px;
  }
}

@media (max-width: 420px) {
  .applications-grid {
    grid-template-columns: 1fr 1fr;
  }

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

/* Fine pointer only: cursor fx, hover-only affordances */
@media (hover: none), (pointer: coarse) {
  .cursor-dot,
  .cursor-ring {
    display: none !important;
  }
}