@media (max-width: 1450px){
    .products {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1150px){
    .cart-btn {
        position: static;
    }

    .title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .title h2 {
        margin-bottom: 10px;
    }

    .cart-btn {
        display: flex;
        text-decoration: none;
        gap: 10px;
    }

    .cart-btn span {
        display: contents;
    }
}

@media (max-width: 800px){
    .products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px){
    .products {
        grid-template-columns: repeat(1, 1fr);
    }

    .title h2 {
        display: none;
    }

    .title h1 {
        margin-bottom: 15px;
    }
}