/* MirrorElf static site - yujiaomat.com */
/* All styles are inlined in each HTML file for portability */

/* Mobile responsive breakpoints */
@media (max-width: 768px) {
  .nav-links { display: none; }
  .hero { padding: 60px 20px; }
  .hero h1 { font-size: 2rem; }
  .section { padding: 48px 20px; }
  .footer-brand { grid-column: span 1; }
  .categories-grid,
  .features-grid,
  .products-grid,
  .testi-grid,
  .blog-preview { grid-template-columns: 1fr; }
  .layout { grid-template-columns: 1fr; }
  .footer-main { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .hero-btns { flex-direction: column; }
  .btn { display: block; width: 100%; text-align: center; }
}