/*
  NexWay Responsive Utilities
  Add this to <style> tags in HTML pages with inline styles
*/

header .container > div[style*="display: grid"],
.about-image {
  grid-template-columns: 1fr;
}

@media (min-width: 768px) {
  header .container > div[style*="display: grid"],
  section .container > div[style*="display: grid"] {
    grid-template-columns: 1fr 1fr;
  }
}

/* Hero Section Responsive */
@media (max-width: 767px) {
  header .container > div[style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-md) !important;
  }
  
  header h1[style*="font-size"] {
    font-size: 2rem !important;
  }
  
  header p[style*="font-size"] {
    font-size: 1rem !important;
  }
  
  .hero-cta {
    flex-direction: column !important;
  }
  
  .hero-cta .btn {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  header h1[style*="font-size"] {
    font-size: 2.5rem !important;
  }
}

/* Quality Grid Responsive */
@media (max-width: 575px) {
  .quality-grid,
  div[style*="grid-template-columns: repeat(auto-fit"] {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .quality-grid,
  div[style*="grid-template-columns: repeat(auto-fit"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Contact Container Responsive */
@media (max-width: 991px) {
  .contact-container {
    grid-template-columns: 1fr !important;
  }
}

/* Product Grid Responsive */
@media (max-width: 575px) {
  .product-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Gallery Grid Responsive */
@media (max-width: 767px) {
  .gallery-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Pillar Grid Responsive */
@media (max-width: 575px) {
  .pillar-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Section Headers Responsive */
@media (max-width: 767px) {
  .section-header h2[style*="font-size"] {
    font-size: 1.75rem !important;
  }
  
  .section-header p {
    font-size: 0.95rem !important;
  }
}

/* Image Shadows Responsive */
@media (max-width: 575px) {
  img[style*="box-shadow"] {
    box-shadow: 10px 10px 30px rgba(0,0,0,0.1) !important;
  }
}

/* Spacing Adjustments */
@media (max-width: 767px) {
  .section-padding {
    padding: var(--spacing-md) 0 !important;
  }
  
  header[style*="min-height: 100vh"] {
    min-height: auto !important;
    padding-top: 6rem !important;
    padding-bottom: 3rem !important;
  }
}

/* Stats/Metrics Responsive */
@media (max-width: 575px) {
  div[style*="font-size: 3rem"] {
    font-size: 2rem !important;
  }
  
  div[style*="font-size: 2.5rem"] {
    font-size: 1.75rem !important;
  }
}

/* Form Inputs - Prevent Zoom on iOS */
input[type="text"],
input[type="email"],
input[type="tel"],
textarea,
select {
  font-size: 16px !important;
}

/* Touch Target Improvements */
@media (max-width: 767px) {
  .mobile-menu a {
    padding: 1rem 1.5rem;
    min-height: 48px;
  }
}