﻿.wlcts__deal {
    display: flex;
    flex-direction: column;
    padding: 0 15px;
    flex: 1;
    max-width: 350px;
    min-width: 350px;
    margin-bottom: 5rem;
}

    .wlcts__deal img {
        display: block;
        max-width: 100%;
    }

.wlcts__deal-background {
    position: relative;
    max-height: 28rem;
}

    .wlcts__deal-background > img {
        width: 100%;
        min-height: 280px;
        max-height: 280px;
        object-fit: cover;
        object-position: bottom;
        border-radius: 35px 10px 0px 0px;
    }

    .wlcts__deal-background > .wlcts__sold-out {
        position: absolute;
        top: 2.4rem;
        right: 2.4rem;
        padding: 1rem 6rem;
        border-radius: 1.6rem;
        text-align: center;
        color: white;
        background-color: #de5151;
        font-size: 1.3rem;
        text-transform: uppercase;
    }

    .wlcts__deal-background > .wlcts__top-label {
        position: absolute;
        top: 2.4rem;
        right: 1.6rem;
        padding: 2px 10px;
        border-radius: 1.6rem;
        text-align: center;
        color: #1A873C;
        background-color: #E5FFED;
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
    }

    .wlcts__deal-background.wlcts__sold-out > img {
        opacity: 0.5;
    }

.wlcts__deal-details {
    display: grid;
    height: 100%;
    position: relative;
    padding: 2.4rem;
    background: white;
    box-shadow: 0px 5px 22px -3px rgba(0,0,0,0.2);
}

.wlcts__deal-details-top {
    align-self: flex-start;
}

.wlcts__deal-details-bottom {
    align-self: end;
}

    .wlcts__deal-details .title {
        color: #101828;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
    }

    .wlcts__deal-details-top > p.small {
        font-weight: 500;
    }

    .wlcts__deal-details-top p.small:last-child {
        margin-bottom: 10px;
    }

    .wlcts__deal-details .wlcts__deal-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 4rem;
        color: #ffffff;
        background-color: #002E5B;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: 500;
        line-height: 24px;
        margin-top: 15px;
    }

    .wlcts__deal .wlcts__deal-details .btn[disabled]{
        opacity: 1;
        background-color: #9E9E9E;
        pointer-events: none;
    }

    .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

        .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-retail-price {
            display: flex;
            flex-direction: column;
            width: 38%;
        }

            .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-retail-price .title {
                font-size: 16px;
                font-weight: 400;
                line-height: 2.6rem;
                color: #424242;
            }

            .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-retail-price .category{
                font-size: 16px;
                font-weight: 400;
                line-height: 32px;
                color: #424242;
                text-transform: capitalize;
            }

            .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-retail-price .price{
                font-size: 14px;
                font-weight: 400;
                line-height: 2.6rem;
                color: #9E9E9E;
            }


    .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-member-price {
        display: flex;
        flex-direction: column;
        align-items: end;
        width: 62%;
    }
    
    .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-member-price .title {
        font-size: 16px;
        font-weight: 400;
        line-height: 2.6rem;
        color: #000;
    }    

    .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-member-price .price {
        font-size: 20px;
        font-weight: 600;
        line-height: 2.6rem;
        color: #002E5B;
    }

    .wlcts__deal .wlcts__deal-details .wlcts__deal-price-content .wlcts__deal-member-price .subtitle{
        font-size: 14px;
        font-weight: 600;
        line-height: 3.6rem;
        color: #424242;
        margin-top: -5px;
    }
    .wlcts__deal .wlcts__deal-details .wlcts__deal-disclaimer {
        display: flex;
        justify-content: flex-end;
        font-size: 16px;
        font-weight: 400;
        color: #424242;
    }

.wlcts__deal-branding {
    display: flex;
    align-items: center;
}

    .wlcts__deal-branding * {
        flex: 0 0 50%;
    }

    .wlcts__deal-branding img {
        max-width: 120px;
    }

@media only screen and (min-width: 62.0625em) {
    .wlcts__deal-limited {
        max-width: 450px;
        height: 100%;
    }
}