.cartActiveMenu {display: none}
.cartNoActiveMenu {display: block}
.cartParent[data-active="1"] .cartActiveMenu {display: block}
.cartParent[data-active="1"] .cartNoActiveMenu {display: none}


.cartWrapperL {min-height: 100vh}

.toByeBtn > div {
    margin: 0 auto; padding: 8px 12px; cursor: pointer;
    text-align: center;background: rgb(221,144,2);color: #fff;margin-top: 5px;border-radius: 12px;font-size: 14px
}
.cartNoActiveMenu {

}
.toByeBtnNone {
    margin: 0 auto; padding: 8px 12px; cursor: default;
    text-align: center;background: #ddd;color: #999;margin-top: 5px;border-radius: 12px;font-size: 14px    
}

@media (width < 800px) {
    .cartWrapperR {
        position: sticky;bottom: 10px;
        background-color: #fff;
        margin: 0 10px;
        box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);
        border-radius: 12px;
        padding: 6px;
    }
}
@media (width >= 800px) {

    .cartWrapperR-body {
        padding: 10px;
        background-color: #fff;
        box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);
        border-radius: 12px;
        margin-top: 12px;
    }

    .cartWrapper {display: flex}
    .cartWrapperL {
        width: 100%; margin-right: 20px; min-height: 100vh;
    }
    .cartWrapperR {width: 300px;min-width: 300px;max-width: 300px}
    .cartWrapperR-body {position: sticky;top: 75px}
}
@media (900px > width >= 800px) {
    .cartWrapperR {width: 260px;min-width: 260px;max-width: 260px}
}

.cartTopMenu {padding: 10px;border-radius: 10px;box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);background: #fff;margin-bottom: 10px}
.cartTopMenu .mainCheckbox span {margin-left: 5px}

.productCartRow {
    position: relative;display: flex;padding: 10px;border-radius: 10px;margin-bottom: 10px;
    box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);background: #fff;
}
.productCartRow .img {position: relative;width: 100px;min-width: 100px;height: 100px;background-color: #ddd;margin: 0 10px; border-radius: 6px}

/* .productCartRow .info {display: flex;width: 100%} */
.productCartRow .title {width: 100%; margin-right: 10px}
.productCartRow .title a {color: #111; margin: 5px 0;display: inline-block;}
.productCartRow .title .id,
.productCartRow .title .part {font-size: 14px;color: #777;font-weight: 500;margin-bottom: 2px}
.productCartRow .stock {display: inline-block;background: #777;color: #fff;font-size: 12px;padding: 2px 10px;border-radius: 6px}
.productCartRow .link {word-break: break-all}

.productCartRow .count {position: relative;width: 120px}
.productCartRow .count > div {position: absolute;width: 30px;height: 30px;cursor: pointer}
.productCartRow .count > div:hover {color: orange}
.productCartRow .count > div[data-type="1"] {left: 0}
.productCartRow .count > div[data-type="2"] {right: 0}
.productCartRow .count > input { display: block;width: 100%;height: 30px;padding: 0 30px;text-align: center;outline: 0;border: solid 1px #ddd;border-radius: 10px}

.productCartRow .price {font-weight: 500;margin-bottom: 7px}
.productCartRow .removeBtn {width: 34px;height: 34px;position: absolute;right: 0;top: 0;cursor: pointer}

.productCartRow  .toByeBtn[data-ready="0"] > div {display: none}

@media (width >= 550px) {
    .productCartRow .info {display: flex;width: 100%}
}
@media (width < 550px) {
    .productCartRow .img {width: 80px;min-width: 80px;height: 80px}
    .productCartRow .title {padding-right: 30px; padding-bottom: 10px}
    .productCartRow .priceWrap {display: flex;justify-content: space-between; align-items: center}
}

/* 







.productCartRow {
    display: flex;
    margin: 10px 0;
}
.productCartRow {
    background: #ddd;
    padding: 10px;
    border-radius: 10px;
}
.productCartRow .info {
    display: flex;
}
.productCartRow .img {
    background-color: #999;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 100px;
    margin: 0 10px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
}


.productCartRow .price .title {
    display: none;
}
@media (width >= 700px) {
    .productCartRow .info {
        width: 100%;
    }
}
@media (width < 700px) {
    .productCartRow .price .title {
        display: block;
    }
    .productCartRow .info .title {
        display: none;
    }
    .productCartRow .img {
        width: 80px;
        min-width: 80px;
        max-width: 80px;
        height: 80px;
    }
}

















@media (width < 500px) {


    .cartWrapperL {
        min-height: 100vh;
    }

    .cartWrapperR {
        position: sticky;bottom: 55px;
        display: flex;justify-content: space-between;align-self: center;
        background: #fff;padding: 12px;border-radius: 12px 12px 0 0;box-shadow: 0 0 4px 1px rgba(0,0,0,0.25);
    }

}
 */