@media (max-width: 1050px) {
    nav,
    h1,
    section {
        width: 100%;
        padding-inline: 18px;
    }

    .search-container {
        width: 100%;
        max-width: 100%;
        padding-inline: 0;
    }

    .pagination-container {
        max-width: 100%;
        padding-inline: 0;
    }

    .product-grid {
        width: 100%;
        box-sizing: border-box;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        align-items: stretch;
        padding: 12px 0;
        min-height: unset;
    }

    .product-card {
        width: 100%;
        max-width: none;
        margin: 0;
    }
}