/* ============================================
   Giftrixs - Responsive Styles
   ============================================ */

/* Tablet (max 1024px) */
@media (max-width: 1024px) {
  
  .section { padding: 60px 24px; }
  .categories-grid { grid-template-columns: repeat(3, 1fr); }
  .products-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .cart-layout { grid-template-columns: 1fr; }
  .order-summary-card { position: relative; top: 0; }
  .product-detail-grid { gap: 36px; }
  .promo-banner { padding: 48px; }
  .slide-title { font-size: 2.6rem; }
  .admin-layout { grid-template-columns: 220px 1fr; }
  .admin-content { padding: 28px; }
}

/* Mobile (max 768px) */
@media (max-width: 768px) {
  
  /* Sections */
  .section { padding: 48px 16px; }
  .section-title { font-size: 1.8rem; }

  /* Categories */
  .categories-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
  .category-icon { width: 56px; height: 56px; font-size: 1.5rem; }
  .category-card { padding: 16px 10px; }
  .category-name { font-size: 0.78rem; }

  /* Products */
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .product-info { padding: 12px; }
  .product-name { font-size: 0.85rem; }

  /* Promo Banner */
  .promo-banner { padding: 40px 24px; flex-direction: column; text-align: center; margin: 0 16px; }
  .promo-title { font-size: 2rem; }

  /* Product Detail */
  .product-detail { padding: 40px 16px; }
  .product-detail-grid { grid-template-columns: 1fr; gap: 28px; }
  .product-gallery { position: relative; top: 0; }
  .product-ctas { grid-template-columns: 1fr; }
  .btn-whatsapp { grid-column: 1; }

  /* Auth */
  .auth-card { padding: 32px 24px; }
  .auth-title { font-size: 1.6rem; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .site-footer { padding: 48px 16px 24px; }
  .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }

  /* Newsletter */
  .newsletter-section { padding: 48px 16px; }
  .newsletter-form { flex-direction: column; }
  .newsletter-title { font-size: 1.6rem; }

  /* Page Banner */
  .page-banner { padding: 40px 16px; }
  .page-banner h1 { font-size: 1.8rem; }

  /* Profile */
  .profile-page { padding: 40px 16px; }

  /* Admin */
  .admin-layout { grid-template-columns: 1fr; }
  .admin-sidebar {
    position: fixed;
    left: -260px;
    z-index: 1000;
    transition: left 0.3s ease;
    width: 260px;
    height: 100vh;
  }
  .admin-sidebar.open { left: 0; }
  .admin-content { padding: 20px 16px; }

  /* Floating buttons */
  .floating-whatsapp { bottom: 20px; right: 20px; width: 52px; height: 52px; font-size: 1.4rem; }
  .back-to-top { bottom: 20px; left: 20px; width: 42px; height: 42px; font-size: 1rem; }

  /* Reviews */
  .review-card { min-width: 280px; }

  /* Stats grid for admin */
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; }


}

/* Small mobile (max 480px) */
@media (max-width: 480px) {
  .categories-grid { grid-template-columns: repeat(2, 1fr); }
  .products-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .slide-title { font-size: 1.7rem; }
  .slide-cta { flex-direction: column; gap: 10px; }
  .btn-primary, .btn-outline-white { padding: 12px 24px; font-size: 0.9rem; }
  .section-title { font-size: 1.5rem; }
  .stats-grid { grid-template-columns: 1fr !important; }
  .product-ctas { grid-template-columns: 1fr; }
}

/* Print */
@media print {
  .site-header, .site-footer, .floating-whatsapp, .back-to-top, .cart-sidebar, .cart-overlay { display: none; }
}