/* ============================================================
   MCX TODAY - Responsive Breakpoints
   ============================================================ */

/* Tablets & Small Desktops */
@media (max-width: 1024px) {
  :root { --header-height: 64px; }
  .section { padding: var(--space-2xl) 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--space-lg); }
}

/* Mobile Landscape & Tablets */
@media (max-width: 768px) {
  .hero { padding: var(--space-xl) 0; }
  .hero-title { font-size: 1.75rem; }
  .hero-subtitle { font-size: 0.938rem; }
  .section { padding: var(--space-xl) 0; }
  .section-header h2 { font-size: 1.375rem; }
  .rate-card { padding: var(--space-md); }
  .rate-price { font-size: 1.5rem; }
  .glass-card, .premium-card { padding: var(--space-md); }
  .festival-banner { padding: var(--space-xl); }
  .festival-countdown { gap: var(--space-sm); }
  .countdown-item { min-width: 50px; padding: var(--space-sm); }
  .countdown-value { font-size: 1.25rem; }
  .purity-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
  .container { padding: 0 var(--space-md); }
  .btn-lg { padding: 14px 24px; font-size: 1rem; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* Mobile Portrait */
@media (max-width: 480px) {
  :root { --header-height: 60px; }
  body { font-size: 0.938rem; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .rate-price { font-size: 1.375rem; }
  .festival-banner { padding: var(--space-lg); border-radius: var(--radius-lg); }
  .festival-title { font-size: 1.25rem; }
  .festival-countdown { flex-wrap: wrap; }
  .purity-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1fr; }
  .search-bar { flex-direction: column; }
  .search-bar button { width: 100%; padding: 12px; }
  .calc-card { padding: var(--space-md); }
  .testimonial-card { padding: var(--space-md); }
  .tabs { gap: 2px; }
  .tab-btn { padding: 8px 14px; font-size: 0.813rem; }
  .fab-container { bottom: 70px; right: var(--space-md); }
}

/* Very small screens */
@media (max-width: 360px) {
  .container { padding: 0 var(--space-sm); }
  .rate-card { padding: var(--space-sm) var(--space-md); }
  .purity-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-xs); }
  .purity-item { padding: var(--space-sm); }
  .purity-price { font-size: 1rem; }
}

/* Landscape on mobile */
@media (max-height: 500px) and (orientation: landscape) {
  .hero { padding: var(--space-md) 0; }
  .section { padding: var(--space-lg) 0; }
}

/* Prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  .ticker-content { animation: none; }
}

/* High contrast */
@media (prefers-contrast: high) {
  :root { --border-light: rgba(0,0,0,0.2); --border-medium: rgba(0,0,0,0.3); }
  [data-theme="dark"] { --border-light: rgba(255,255,255,0.2); --border-medium: rgba(255,255,255,0.3); }
}