@media screen and (max-width: 760px) {
    footer .row {
        flex-direction: column !important;
    }

    footer .row * {
        margin: 2px !important;
    }

    hr {
        margin: 0px !important;
    }

    .hero-title {
        font-size: clamp(3.5rem, 18vw, 8rem);
    }

    .category-section {
        flex-direction: column !important;
    }

    .category-section > div {
        min-height: 40vh !important;
    }

    .products-grid {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 1em;
        padding: 1em;
    }

    .product-view {
        flex-direction: column;
        gap: 1.5em;
    }
}

@media screen and (max-width: 480px) {
    .hero-title {
        font-size: clamp(3rem, 20vw, 6rem);
    }

    .hero-subtitle {
        font-size: 0.75rem;
    }

    .category-title {
        font-size: 2rem;
    }

    .about-section p {
        font-size: 1.1em !important;
    }
}