.product-card-new {
    background: #fff;
    width: 100%;
    max-width: 340px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: transform .3s ease, box-shadow .3s ease;
}

    .product-card-new:hover {
        transform: translateY(-6px);
        box-shadow: 0 14px 28px rgba(0,0,0,0.12);
    }

    .product-card-new .image-wrapper {
        position: relative;
        width: 100%;
        padding-top: 75%;
        overflow: hidden;
    }

        .product-card-new .image-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .product-card-new .badge-container {
        position: absolute;
        top: 12px;
        left: 12px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }


    .product-card-new .badge {
        background: #111;
        color: #fff;
        padding: 4px 10px;
        font-size: 0.9rem;
        border-radius: 30px;
        letter-spacing: 0.5px;
    }

    .product-card-new .top-right-buttons {
        position: absolute;
        top: 12px;
        right: 12px;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

        .product-card-new .top-right-buttons button {
            background: rgba(255,255,255,0.9);
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.8rem;
            color: #111;
            cursor: pointer;
            border: none;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            transition: background 0.3s ease;
        }

            .product-card-new .top-right-buttons button:hover {
                background: #fff;
            }

    .product-card-new .content {
        padding: 1.4rem;
        display: flex;
        flex-direction: column;
    }

    .product-card-new .title {
        font-size: 0.8rem;
        font-weight: 600;
        color: #111!important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5rem;
        height: 3rem;
    }

    .product-card-new .desc {
        font-size: 0.9rem;
        color: #555;
        line-height: 1.4;
    }

    .product-card-new .code {
        font-size: 0.8rem;
        color: #777;
    }

    .product-card-new .product-rating {
        color: #f5a623;
        font-size: 1rem;
    }

    .product-card-new .price-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 0.4rem;
    }

    .product-card-new .price {
        font-size: 1.3rem;
        font-weight: 700;
        color: #111;
    }

    .product-card-new .btn-cart {
        display: inline-block;
        background: #111;
        color: #fff;
        padding: 0.75rem 1.4rem;
        border-radius: 12px;
        font-size: 0.8rem;
        text-decoration: none;
        transition: background .3s ease;
        border: none;
        cursor: pointer;
    }

    .product-card-new .availability {
        font-size: 0.8rem;
        color: #28a745;
        margin-top: 2px;
        font-weight: 500;
    }

        .product-card-new .btn-cart:hover {
            background: #333;
        }

@media (max-width: 480px) {
    .product-card-new {
        max-width: 100%;
    }
}