@media (min-width: 769px) {
    .mobile-bottom-nav { display: none; }
    body { padding-bottom: 0; }
}
@media (max-width: 768px) {
    .desktop-nav { display: none; }
    .hero h1 { font-size: 28px; }
    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .card img { height: 180px; }
    .flex-layout { flex-direction: column; }
}
@media (max-width: 375px) {
    .product-grid { grid-template-columns: 1fr; }
}