.random-products-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.5rem;

    @media (max-width: 800px) {
        grid-template-columns: 1fr;
    }
}

.product-item {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 1.5rem;

    .product-image {
        cursor: pointer;
        height: 370px !important;
        border-radius: 1.9rem;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        position: relative;

        .product-actions {
            position: absolute;
            top: 10px;
            opacity: 0;
            right: 10px;
            display: flex;
            justify-content: flex-end;
            flex-direction: column;
            align-items: flex-end;
            transition:
                opacity 0.35s ease,
                transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                background 0.2s ease;

            .btn-view-details {
                height: fit-content;
                background: #fff;
                border: 1px solid #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 36px;
                width: 36px;
                border-radius: 99px;

                &:hover {
                    opacity: 0.7;
                }
            }

            svg {
                width: 22px !important;
                height: 18px !important;
                object-fit: scale-down;
            }
        }

        .product-wishlist-wrapper span {
            display: none;
        }

        .product-wishlist-wrapper .yith-add-to-wishlist-button-block {
            height: fit-content;
            background: #fff;
            border: 1px solid #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 36px;
            width: 36px;
            border-radius: 99px;

            &:hover {
                opacity: 0.7;
            }
        }

        .product-wishlist-wrapper svg {
            width: 22px;
            height: 14px;
            object-fit: scale-down;
        }

        button {
            width: 100%;
            padding: 0em 3em 0em 3em;
            height: 50px;
            background: #efa61f;
            color: #fff;
            line-height: 22px;
            font-size: 20px;
            font-weight: 600;
            border: 2px dashed #fff;
            border-radius: 0.7rem;
            margin: 0 2rem 1rem;
            position: relative;
            opacity: 0;
            transform: translateY(25px);
            pointer-events: none;
            transition:
                opacity 0.35s ease,
                transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                background 0.2s ease;

            @media (max-width: 800px) {
                font-size: 16px;
            }

            &:hover {
                background: #3f2c75;
                transition: 0.2s;
            }
        }
    }

    h3 {
        margin: 0;
        color: #3f2c75;
        font-size: 19px;
        font-weight: 400;
    }

    .product-price {
        display: flex;
        gap: 0.8rem;
        align-items: center;

        .woocommerce-Price-amount {
            color: #3f2c75;
            font-weight: 600;
            font-size: 23px;
        }

        .installment {
            font-size: 14px;
            color: #d83764;
            font-weight: 600;
        }
    }

    &:hover {
        .product-image button,
        .product-image .product-actions {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
    }
}