/* ============================================================
   Global Responsive Overrides
   ============================================================ */

/* === 1440px+ (2xl screens) === */
@media (min-width: 1440px) {
  .container { max-width: 1400px; }
}

/* === 1024px - 1279px (large tablets / small desktops) === */
@media (max-width: 1279px) {
  .hero { padding: var(--space-16) 0; min-height: 400px; }
  .hero h1 { font-size: var(--text-4xl); }
  .hero-stats { gap: var(--space-6); }
}

/* === 768px - 1023px (tablets) === */
@media (max-width: 1023px) {
  .section { padding-top: var(--space-12); padding-bottom: var(--space-12); }
  .configurator-layout { grid-template-columns: 1fr; }
  .product-detail-layout { grid-template-columns: 1fr; }
  .product-gallery { position: static; }
}

/* === 640px - 767px (large phones) === */
@media (max-width: 767px) {
  h1 { font-size: var(--text-3xl); }
  h2 { font-size: var(--text-2xl); }
  .hero { padding: var(--space-12) 0; min-height: auto; }
  .hero h1 { font-size: var(--text-3xl); }
  .hero .hero-subtitle { font-size: var(--text-base); }
  .hero-stats { flex-direction: column; gap: var(--space-4); }
  .section { padding-top: var(--space-8); padding-bottom: var(--space-8); }
  .cart-layout { grid-template-columns: 1fr; }
  .catalog-layout { grid-template-columns: 1fr; }
  .account-layout { grid-template-columns: 1fr; }
  .contact-layout { grid-template-columns: 1fr; }
}

/* === 375px - 639px (phones) === */
@media (max-width: 639px) {
  body { font-size: 15px; }
  .container { padding-left: var(--space-4); padding-right: var(--space-4); }
  .hero-cta { flex-direction: column; }
  .hero-cta .btn { width: 100%; }
  .trust-items { flex-direction: column; gap: var(--space-3); align-items: flex-start; padding: 0 var(--space-4); }
  .checkout-options { grid-template-columns: 1fr; }
  .card-form .card-row { grid-template-columns: 1fr; }
  .stepper { gap: 0; }
  .number-stepper input { width: 50px; }
  .btn-xl { padding: 14px 24px; font-size: var(--text-base); }
  .kpi-grid { grid-template-columns: 1fr; }
  .modal { padding: var(--space-6); margin: var(--space-4); }
}

/* === Print Styles === */
@media print {
  .navbar, .site-footer, .admin-sidebar, .admin-header, .btn, .mobile-nav, .mobile-nav-overlay, .toast-container { display: none !important; }
  .admin-main { margin-left: 0 !important; }
  body { background: white; }
  .card, .chart-card, .form-card { border: 1px solid #ddd; box-shadow: none; }
}