/* Tablet Styles (768px - 1024px) */
@media (max-width: 1024px) {
  .container-custom {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  h1 {
    font-size: 2.5rem;
  }
  
  .grid-cols-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile Styles (max-width: 768px) */
@media (max-width: 768px) {
  h1 {
    font-size: 2rem;
  }
  
  h2 {
    font-size: 1.5rem;
  }
  
  section {
    padding: 3rem 1rem;
  }
  
  .grid-cols-3, .grid-cols-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .hero-text {
    font-size: 2rem;
  }
  
  .stat-number {
    font-size: 1.5rem;
  }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
  .grid-cols-2, .grid-cols-3, .grid-cols-4 {
    grid-template-columns: 1fr;
  }
  
  .hero-section .text-5xl {
    font-size: 1.75rem;
  }
  
  .btn-primary, .btn-outline {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
  
  .category-chip {
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
  }
}

/* Print Styles */
@media print {
  header, footer, .floating-whatsapp, .scroll-top {
    display: none;
  }
  
  body {
    background: white;
  }
  
  .product-card {
    break-inside: avoid;
  }
}