.tfccu-wc-upsell-products {
	list-style: none;
	display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	padding: 0 !important;
	margin: 0 0 24px 0 !important;
    .tfccu-wc-upsell-product {
        display: flex;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid #F2F5F7;
        background: #FFFDF5;
        padding: 8px;
        transition: .3s all ease;
        &:hover{
            border: 1px solid #FFF0C2;
            background: #FFFDF5;
            box-shadow: 0 -2px 0 0 rgba(58, 72, 84, 0.20) inset, 0 8px 32px 0 rgba(33, 41, 48, 0.04), 0 4px 16px 0 rgba(33, 41, 48, 0.06), 0 2px 4px 0 rgba(33, 41, 48, 0.04);
        }
        a{
            text-decoration: none;
        }
        img{
            width: 32px;
        }
        .tfccu-product-details{
            display: flex;
            flex-direction: column;
            .tfccu-content{
                margin-bottom: 8px;
                h4{
                    font-size: 16px;
                    margin: 0 0 4px 0;
                    a{ 
                        text-decoration: none;
                        color: #22292F;
                        font-size: 16px;
                        font-weight: 600;
                        line-height: 16px;
                        margin: 0;
                        .off{
                            border-radius: 4px;
                            border: 1px solid #F0FDF4;
                            background: #15803D;
                            box-shadow: 0 2px 2px 0 rgba(6, 60, 26, 0.30) inset;
                            color: #FFF;
                            text-align: center;
                            font-size: 13px;
                            font-weight: 700;
                            line-height: 150%;
                            padding: 2px 4px;
                            display: inline-block;
                        }
                        del{
                            font-weight: 400;
                        }
                    }
                }
                .tfccu-license-type{
                    display: flex;
                    gap: 16px;
                    span{
                        color: #22292F;
                        font-size: 13px;
                        font-weight: 400;
                        line-height: 150%;
                        b{
                            font-weight: 700;
                        }
                    }
                }
            }
            button{
                border-radius: 99px;
                border: 1px solid #D9E0E8;
                background: #0464C8;
                padding: 4px 12px 4px 8px;
                color: #FFF;
                font-size: 13px;
                font-weight: 400;
                line-height: 150%;
                display: flex;
                align-items: center;
                gap: 2px;
                margin-top: auto;
                width: max-content;
            }
        }
        
    }
}
.tfccu-wc-upsell-products:has(.tfccu-wc-upsell-product:only-child) {
    grid-template-columns: 1fr;
}
@media all and (max-width: 680px){
    .tfccu-wc-upsell-products{
        grid-template-columns: 1fr !important;
    }
}