.product_card{
    width: 330px;
    @include Flex;flex-direction: column;
    .image_container{
        max-width: 330px;
        min-height: 280px;
        @include Flex;
        width: 100% ;
        border: 1px solid var(--whiteGray);
        background: var(--white);
        border-radius: 20px;
        cursor: pointer;
        overflow: hidden;
        img{
            width: 290px;
            // max-height: 200px;
            transition: ease-in-out .3s;
            border-radius: 20px;
            object-fit: fill;
            aspect-ratio: 1;
        }
    }
    .truncate-text{
        width: 90%;
        max-width: 100%; /* Adjust as needed */
        font-size: 16px !important;
        padding-block: 10px;
        text-align: center;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: ease-in-out .3s;
      }
    &:hover{
    img{
        transform: scale(1.1);
    }
    p{
        color: var(--secondary);
    }
    }
}


@media screen and (max-width:800px) {
    .product_card{
        width: 260px !important;
        .image_container{
            max-width: 260px;
            min-height: 220px;
            img{
                width: 260px;
                // min-height: 160px;
            }
        }
        .truncate-text{
            font-size: 12px !important;
          }
    }
}