/* Checkout AB testing via query params, ex: ?ch=1, ?ch=2 etc */

.ab-testing-ch1 .tabs-content .tab-content > a .products-box-tab {
    min-height: initial;
}

.ab-testing-ch1 .products-box-tab {
    padding: 0;
    border-radius: 0;
    background: #f6f6ef;
    box-shadow: 0 0 15px gainsboro;
    border: solid 3px white;
}

.ab-testing-ch1 .products-listing-checkout {
    flex-direction: column;
    gap: 14px;
}

.ab-testing-ch1 .products-listing-checkout .tab-box-main {
    width: 100%;
}

/* default */
.ab-testing-ch1 .mobile-center-title {
    margin: 0;
    background: #bcf263 !important;  /* Most Popular (default) */
    color: #000 !important;          /* black text */
    position: initial !important;
    border-radius: 0 !important;
}

/* Most Popular (5452) — keep lime */
.ab-testing-ch1 .product-box-wrapper[data-variation-id="5452"] .mobile-center-title {
    background: #bcf263 !important;
}

/* Best Value (5453) — blue */
.ab-testing-ch1 .product-box-wrapper[data-variation-id="5453"] .mobile-center-title {
    background: #4da3ff !important;
}


.ab-testing-ch1 .products-box-tab .products-box-top {
    padding: 0;
    justify-content: start;
    align-items: start;
}


.ab-testing-ch1 .slick-list {
    overflow: visible
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right {
    width: auto;
    text-align: left;
    padding: 10px 14px;
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .big-text {
    font-size: 14px;
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .ongoing-price {
    font-size: 16px;
    font-weight: bold;
    color: #04c249;
    margin-top: 16px
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right h5 {
    font-size: 16px;
    font-weight: bold;
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .ongoing_real_price {
    font-size: 12px;
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .pro-price {
    display: flex;
    padding: 0;
    font-size: 14px;
    flex-direction: row-reverse;
    justify-content: start;
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .pro-price .price-new:before {
    content: "Total: "
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .pro-price .price-new {
    font-size: inherit;
    padding: 0;
    color: #757575;
    font-weight: 300;
}

.ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .pro-price .price-old {
    font-size: inherit;
    padding-left: 4px;
    color: red;
}

.ab-testing-ch1 .mumbu-step .product-box-wrapper.active-box .products-box-tab,
.ab-testing-ch1 .products-listing-checkout .tab-box-main.w3_active .tabs-content,
.ab-testing-ch1 .products-listing-checkout .tab-box-main.w3_active .tabs-content .products-box-tab,
.ab-testing-ch1 .mumbu-step .product-box-wrapper.has-yellow-title .products-box-tab {
    border-radius: 0 !important;
    border: 0 !important;
}

.ab-testing-ch1 .mumbu-step .product-box-wrapper.has-yellow-title .tabs-content {
    border-radius: 0;
    border: #ec0c43 solid 3px;
    box-shadow: none;
}

.ab-testing-ch1 .mumbu-step .product-box-wrapper.active-box > a,
.ab-testing-ch1 .mumbu-step .product-box-wrapper.w3_active > a {
    border-radius: 0;
}

@media (max-width: 767px) {

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-img {
        max-width: 120px;
        min-height: initial;
    }

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-img img {
        height: 100%;
        max-height: initial;
        aspect-ratio: 120 / 140;
    }

    .ab-testing-ch1 .mumbu-step .product-box-wrapper {
        min-height: auto;
        margin: 0 0 7px;
    }
}

@media (min-width: 768px)  {
    .ab-testing-ch1 .mobile-center-title {
        font-size: 16px
    }

    .ab-testing-ch1 .products-box-tab {
        box-shadow: 0 0 15px gray;
        border: solid 3px white;
    }

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right {
        padding: 12px 20px;
    }

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .big-text {
        font-size: 18px;
    }

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .ongoing-price {
        font-size: 18px;
        margin-top: 14px
    }

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right h5 {
        font-size: 18px;
    }

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .ongoing_real_price {
        font-size: 16px;
    }

    .ab-testing-ch1 .products-box-tab .products-box-top .pro-box-right .pro-price {
        font-size: 18px;
    }
}