/* ============================================================
   10 — RESPONSIVE (V13)
   Media queries globales
   ============================================================ */

/* Large tablets and small desktops */
@media (max-width: 960px) {
  .ms-panel { padding: 6rem var(--sp-5) 4rem; }
}

/* Tablets */
@media (max-width: 800px) {
  .ms-hero-feature { max-width: 450px; }
}

/* Phones */
@media (max-width: 720px) {
  .ms-panel { padding: 5rem var(--sp-4) 3rem; min-height: auto; }
  .ms-hero-layout { grid-template-columns: 1fr; gap: 2rem; }
  .ms-hero-stats { gap: 1.5rem; margin-top: 2rem; padding-top: 1.5rem; }
  .ms-stat-num { font-size: 1.6rem; }
  .ms-philosophy-grid { grid-template-columns: 1fr; }
  .ms-panel-grid--recipes { grid-template-columns: 1fr; }
  .ms-testimonials-grid { grid-template-columns: 1fr; }
}

/* Small phones */
@media (max-width: 520px) {
  .ms-cta-form { flex-direction: column; border-radius: var(--r-lg); padding: 0.5rem; }
  .ms-cta-form input { padding: 0.7rem 1rem; }
  .ms-cta-form button { width: 100%; }
  .ms-newsletter-form { flex-direction: column; border-radius: var(--r-lg); padding: 0.5rem; }
  .ms-newsletter-form input { padding: 0.7rem 1rem; }
  .ms-newsletter-form button { width: 100%; }
  .ms-cta-proof { gap: 1rem; }
  .ms-cta-proof-num { font-size: 1.4rem; }
  .ms-hero-actions { flex-direction: column; }
  .ms-hero-actions .ms-btn { justify-content: center; width: 100%; }
}

/* === PRINT (unique, removed from 02-base.css) === */
@media print {
  .ms-topbar, .ms-mobile-panel, .ms-search-overlay,
  .ms-footer, .ms-newsletter-bar, .ms-newsletter-form, .ms-icon-btn { display: none !important; }
  body { background: white !important; color: black; }
  a { color: black !important; text-decoration: underline; }
  .ms-panel { min-height: auto; padding: 2rem 0; }
}