.NyProduct {
        min-height: 550px;
        display: flex;
        align-content: flex-start;
    }

    .NyProductList {
        margin-bottom: 30px;
    }

    .NyProductList a {
        display: block;
        background: #fff;
        overflow: hidden;
        transition: .25s;
    }

    .NyProductList a:hover {
        box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 10%);
        border: 1px solid var(--color);
    }

    .NyProductList a .img {
        overflow: hidden;
    }

    .NyProductList a img {
        width: 100%;
        height: 100%;
        transition: 1s;
        /* object-fit: cover; */
    }

    .NyProductList a .text {
        font-size: 16px;
        line-height: 3;
        color: #333;
        border-top: 1px solid #D7DCE4;
        margin: 0 30px;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        transition: .25s;
    }

    .NyProductList a:hover img {
        transform: scale(1);
    }

    .NyProductList a:hover .text {
        border-top: 1px solid var(--color);
        color: var(--color);
    }


    @media screen and (max-width: 640px) and (min-width:0px) {
        .NyProduct {
            margin: 0;
            padding: 0;
        }

        .NyProductList {
            padding: 0 5px;
        }

        .NyProductList a .text {
            margin: 0 10px;
            line-height: 3;
        }
    }