@media (max-width: 768px) {
    .hero-section h1 {
        font-size: 2rem;
    }
    .product-card img {
        height: 200px !important;
    }
    .navbar-brand {
        font-size: 1.2rem;
    }
    .d-flex .btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.8rem;
    }
}