@media (max-width: 768px) {.nav-menu {display: none;flex-direction: column;position: fixed;top: 0;left: 0;width: 100vw;background: white;box-shadow: 0 4px 20px rgba(0,0,0,0.08);z-index: 2000;padding: 1.5rem 0;gap: 0} .nav-toggle {display: flex} .hero-container {grid-template-columns: 1fr;text-align: center} .hero-title {font-size: 2rem} .hero-cta {flex-direction: column;align-items: center} .articles-grid {grid-template-columns: 1fr} .categories-grid {grid-template-columns: 1fr} .features-grid {grid-template-columns: 1fr} .footer-container {grid-template-columns: 1fr;text-align: center} .article-header .article-title {font-size: 1.8rem} .products-grid {grid-template-columns: 1fr} .share-buttons {flex-direction: column} .nav-menu.active {display: flex !important} .container {max-width: 100vw;padding: 0 14px} .article-content {padding: 1.2rem 0.7rem;font-size: 1.05rem;max-width: 600px;margin: 0 auto} html, body {overflow-x: hidden;width: 100vw;box-sizing: border-box} .container, .article-content {max-width: 100vw;box-sizing: border-box} } @media (max-width: 480px) {.container {padding: 0 15px} .hero {padding: 2rem 0} .hero-title {font-size: 1.5rem} .section-title {font-size: 1.8rem} .article-content {font-size: 1rem} }