.popular {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
.popular__card {
    box-shadow:
        0px 2px 5px 0px rgba(214, 214, 224, 0.1),
        0px 9px 9px 0px rgba(214, 214, 224, 0.09),
        0px 19px 12px 0px rgba(214, 214, 224, 0.05),
        0px 34px 14px 0px rgba(214, 214, 224, 0.01),
        0px 54px 15px 0px rgba(214, 214, 224, 0);
    display: flex;
    flex-direction: column;
    width: 305px;
    border-radius: 12px;
    border: 1px solid var(--gray);
    overflow: hidden;
}

.popular__img-bg {
    background: var(--gray);
    overflow: hidden;
    width: 305px;
    height: 194px;
}

.popular__img-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular__content {
    padding: 20px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.popular__product {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1439px) {
    .popular__card {
        width: 180px;
        border-radius: 8px;
    }
    .popular__img-bg {
        width: 180px;
        height: 130px;
    }
    .popular__content {
        padding: 8px 12px;
    }
}