/* css/responsive.css - Responsive styles */

/* Tablet & Desktop */
@media (max-width: 1024px) {
  :root {
    --font-size-5xl: 2.5rem;
    --font-size-4xl: 2rem;
    --font-size-3xl: 1.75rem;
  }

  .hero__content h1 {
    font-size: var(--font-size-4xl);
  }
  
  .features__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }
}

/* Mobile */
@media (max-width: 768px) {
  .desktop-nav {
    display: none;
  }
  
  .hamburger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .header__logo h1 {
    font-size: var(--font-size-lg);
  }
  
  .header__tagline {
    font-size: var(--font-size-xs);
  }
  
  .header__contact {
    display: none;
  }
  
  .header__content {
    flex-direction: row;
    justify-content: space-between;
  }
  
  .hero {
    padding: var(--space-12) 0;
    min-height: 80vh;
  }
  
  .hero__content {
    text-align: center;
  }
  
  .hero__content h1 {
    font-size: var(--font-size-3xl);
  }
  
  .hero__description {
    margin-left: auto;
    margin-right: auto;
  }
  
  .hero__cta {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .hero__cta .btn {
    width: 100%;
    max-width: 300px;
  }
  
  .product-controls {
    flex-direction: column;
  }
  
  .search-bar,
  .filter-controls {
    width: 100%;
    min-width: auto;
  }
  
  .inquiry-forms {
    grid-template-columns: 1fr;
  }
  
  .footer__content {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  
  .footer__bottom {
    flex-direction: column;
    text-align: center;
  }
  
  .footer__certifications {
    justify-content: center;
  }
  
  .cert-header {
    flex-direction: column;
    text-align: center;
  }
  
  .job-header {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .vm-grid {
    grid-template-columns: 1fr;
  }
  
  .modal__footer {
    flex-direction: column;
  }
  
  .modal__footer .btn {
    width: 100%;
  }
  
  .stats__grid {
    grid-template-columns: 1fr;
  }
  
  .certifications__grid,
  .categories__grid,
  .features__grid {
    grid-template-columns: 1fr;
  }
  
  .products-grid {
    grid-template-columns: 1fr;
  }
  
  .download-grid {
    grid-template-columns: 1fr;
  }
  
  .cert-features {
    grid-template-columns: 1fr;
  }
  
  .product-actions {
    flex-direction: column;
  }
  
  .product-actions .btn {
    width: 100%;
  }
  
  .hero-stats-panel {
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem;
  }
  
  .section-title {
    font-size: var(--font-size-3xl);
  }
  
  .why-choose-cta {
    flex-direction: column;
    text-align: center;
    padding: var(--space-8);
  }
  
  .cta-content h3 {
    font-size: var(--font-size-xl);
  }
  
  .cta-content p {
    font-size: var(--font-size-base);
  }
}

/* Small Mobile */
@media (max-width: 640px) {
  :root {
    --space-20: 3rem;
    --space-16: 2.5rem;
  }
  
  .hero {
    min-height: 90vh;
    padding: 6rem 0 3rem;
  }
  
  .hero-heading {
    font-size: 2rem;
  }
  
  .hero-text {
    font-size: 1rem;
  }
  
  .hero-stats-panel {
    padding: 1.5rem;
    gap: 0.5rem;
  }
  
  .stat-number {
    font-size: 1.8rem;
  }
  
  .stat-label {
    font-size: 0.7rem;
  }
  
  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }
  
  .btn {
    width: 100%;
    justify-content: center;
  }
  
  .mobile-nav {
    width: 100%;
    max-width: none;
  }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
  .hero__title {
    font-size: var(--font-size-3xl);
  }
  
  .hero__cta {
    flex-direction: column;
    gap: var(--space-3);
  }
  
  .hero__cta .btn {
    width: 100%;
    justify-content: center;
  }
  
  .hero__trust-badges {
    flex-direction: column;
    align-items: center;
  }
  
  .trust-badge {
    width: fit-content;
  }
  
  .hero-stats-panel {
    flex-direction: column;
    gap: 1rem;
  }
  
  .stat-divider {
    width: 80px;
    height: 1px;
  }
  
  .stat-item {
    width: 100%;
  }
  
  .feature-stats {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
  }
  
  .feature-stat {
    font-size: var(--font-size-2xl);
  }
}

/* Print Styles */
@media print {
  .header,
  .footer,
  .hero__cta,
  .product-actions,
  .modal__footer,
  .hamburger,
  .mobile-nav,
  .nav-overlay {
    display: none;
  }
  
  body {
    background: white;
    color: black;
  }
  
  a {
    text-decoration: none;
    color: black;
  }
}

.header__logo-img {
    max-height: 50px; /* Adjust based on your header size */
    width: auto;
    display: block;
}