/* Responsive Breakpoints */

/* Tablet and Smaller Desktop */
@media (max-width: 1024px) {
  h1 { font-size: 2.25rem !important; }
  h2 { font-size: 1.75rem !important; }
  .section-padding { padding: 4rem 0 !important; }
}

/* Tablet (Portrait) */
@media (max-width: 768px) {
  h1 { font-size: 2rem !important; }
  h2 { font-size: 1.5rem !important; }
  h3 { font-size: 1.25rem !important; }
  
  .container {
    padding: 0 16px !important;
  }
  
  .section-padding {
    padding: 3rem 0 !important;
  }
  
  /* Elements scaling */
  .hero-image { max-width: 100% !important; margin-top: 2rem; }
  .hero { min-height: auto !important; padding: 100px 0 40px !important; text-align: center; }
  .hero-buttons { justify-content: center; }
  
  /* Header adjustments for internal pages */
  .shop-header, .cart-header, .contact-header, .about-header, .breadcrumb {
      padding: 100px 0 30px !important;
  }

  /* Form inputs larger on mobile for easy tapping */
  .form-control {
    padding: 12px 14px !important;
  }
  .btn {
    padding: 12px 20px !important;
    font-size: 0.95rem !important;
  }

  /* Grid adjustments */
  .products-grid {
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
      gap: 16px !important;
  }
  .product-card {
      padding: 12px !important;
  }
  .category-icon { font-size: 2.2rem !important; }
  .product-name { font-size: 1rem !important; white-space: normal !important; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 6px !important;}
  .current-price { font-size: 1.15rem !important; }
  .product-price-row { flex-wrap: wrap; gap: 6px !important; margin-bottom: 12px !important; }
  
  /* Footer */
  .footer-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
    text-align: center;
  }
  .footer-col p { justify-content: center; }
  
  /* Layout adjustments */
  .product-detail-container, .contact-container, .about-content, .cart-container {
      padding: 20px !important;
      gap: 24px !important;
  }
  .pd-title { font-size: 1.8rem !important; }
  .about-content { text-align: center; }
  .stats-container { justify-content: space-between !important; }
}

/* Mobile */
@media (max-width: 480px) {
  h1 { font-size: 1.6rem !important; }
  h2 { font-size: 1.35rem !important; }
  
  .section-padding {
    padding: 2rem 0 !important;
  }
  .products-grid {
      grid-template-columns: 1fr 1fr !important;
  }
  
  /* Linear scrolling for categories on phone */
  .categories-grid {
      display: flex !important;
      flex-direction: row !important;
      overflow-x: auto !important;
      flex-wrap: nowrap !important;
      scroll-snap-type: x mandatory !important;
      padding-bottom: 20px !important;
      -webkit-overflow-scrolling: touch;
      margin-left: -16px;
      margin-right: -16px;
      padding-left: 16px;
      padding-right: 16px;
      scrollbar-width: none;
  }
  .categories-grid::-webkit-scrollbar { display: none; }
  .category-card {
      min-width: 140px !important;
      flex: 0 0 auto !important;
      scroll-snap-align: start !important;
  }
  .hero h1 { font-size: 2rem !important; }
  .hero p { font-size: 1rem !important; }
  
  .cart-item { align-items: flex-start !important; }
  .cart-item-details { width: 100% !important; margin-top: 10px; }
  .qty-controls { margin: 12px 0 !important; }
  
  .fab-container {
      bottom: 20px !important;
      right: 20px !important;
      gap: 12px !important;
  }
  .fab {
      width: 48px !important;
      height: 48px !important;
      font-size: 1.5rem !important;
  }
  
  /* Navigation */
  .nav-container { padding: 12px 16px !important; }
  .logo img { height: 32px !important; }
}