#products article img {
    background: #fff4df;
}

#products button {
    min-height: 2.75rem;
}

@media (max-width: 480px) {
    #products .grid {
        gap: 1rem;
    }
}

@media (max-width: 640px) {
    #products {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    #products .product-filter-board {
        background:
            linear-gradient(135deg, rgba(247, 197, 30, 0.14), transparent 42%),
            linear-gradient(225deg, rgba(47, 163, 74, 0.12), transparent 44%),
            #ffffff;
    }

    #products .product-card-title {
        display: -webkit-box;
        min-height: 2.25rem;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    #products .product-card-price > span {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    #products .product-card-price .font-display {
        font-size: 1.15rem;
        line-height: 1.1;
    }

    #products .product-card-price .line-through {
        font-size: 0.7rem;
    }

    #products .product-card-action {
        min-height: 2.35rem;
        padding: 0.5rem 0.35rem;
        font-size: 0.7rem;
        line-height: 1;
    }
}