.shop-header {

    padding-top: 150px;

    text-align: center;

}

.shop-header h1 {

    font-size: 3rem;
    margin-bottom: 30px;

}

#searchInput {

    width: 350px;

    max-width: 90%;

    padding: 15px;

    margin-bottom: 20px;

}

#filterCategory {

    padding: 15px;

    margin-left: 10px;

}

#productsContainer {

    padding: 60px 10%;

    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(280px, 1fr));

    gap: 30px;

}

.shop-card {

    background: white;

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);

}

.shop-card img {

    width: 100%;
    height: 250px;

    object-fit: cover;

}

.shop-card h3 {

    padding: 15px;

}

.shop-card p {

    padding: 0 15px 15px;

}

.shop-card button {

    margin: 15px;

}