:root{--main_color: #C1A17B;--swal2-confirm-button-background-color: #333 !important}.shopcar{padding:calc(2rem + 2vw) 0}@media(max-width: 768px){.shopcar{padding:0 0 calc(1rem + 1vw) 0}}.shopcar h1{font-size:2rem}.shopcar .list{margin:calc(1rem + 1vw) 0;width:100%}@media(max-width: 768px){.shopcar .list{display:flex;flex-direction:column;gap:1.4rem}}.shopcar .list .tab_header{background:#f2f2f2}@media(max-width: 768px){.shopcar .list .tab_header{display:none}}.shopcar .list .li{display:flex;border-bottom:1px dashed #ddd}@media(max-width: 768px){.shopcar .list .li{display:block;flex-direction:column;border:1px solid #ddd;padding:1rem;box-sizing:border-box;border-radius:5px}}.shopcar .list .li .item{flex:1;text-align:left;padding:1rem 1.5rem;font-size:1.2rem;cursor:pointer;display:flex;align-items:center}@media(max-width: 768px){.shopcar .list .li .item{padding:.5rem 0}}.shopcar .list .li .item._on{border-bottom:2px solid #000;font-weight:bold}.shopcar .list .li .item_name{display:inline-flex}.shopcar .list .li .item_name .img_cp{width:50px;border:2px solid #ddd;border-radius:4px}.shopcar .list .li .item_name .img_cp img{width:100%;transform:scale(0.95);height:auto}.shopcar .list .li .item_name .name{margin:0 0 0 .3rem}.shopcar .list .li .item_quantity{flex:.3}@media(max-width: 768px){.shopcar .list .li .item_quantity{display:flex;align-items:center}.shopcar .list .li .item_quantity::before{content:"Quantity: ";background:#eee;display:inline-flex;clear:both}}.shopcar .list .li .item_quantity .i0{padding:.3rem;border:1px solid #ccc;border-radius:4px;width:50px}.shopcar .list .li .item_area{flex:.3}@media(max-width: 768px){.shopcar .list .li .item_area{display:flex;align-items:center}.shopcar .list .li .item_area::before{content:"Areas: ";background:#eee;display:inline-flex;clear:both}}.shopcar .list .li .item_area .i1{padding:.3rem;border:1px solid #ccc;border-radius:4px;width:90px}.shopcar .list .li .item_action{flex:.3;justify-content:flex-end}.shopcar .list .li .item_action .delete{border:1px solid #a00;padding:.4rem .8rem;border-radius:4px;color:#a00;cursor:pointer}.shopcar .actions{display:flex;justify-content:space-between;margin-top:1.5rem}.shopcar .actions .bto{display:inline-block;padding:.8rem 1.5rem;background:#54bd61;color:#fff;border-radius:4px;font-size:1rem}.shopcar .actions .clear_car{color:#eee;background:#c17b96}.mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:20;display:none}.mask_sc{position:fixed;display:none;left:0;top:0;width:100%;height:100%;z-index:22;align-items:center;justify-content:center}.mask_sc .box{width:calc(11vw + 11rem);background:#fff;position:relative;height:auto;padding:2rem;border-radius:6px}.mask_sc .box h3{font-size:1.6rem;font-weight:bold;margin:0 0 1rem 0}.mask_sc .box form{display:flex;flex-direction:column;gap:1.6rem}.mask_sc .box .li label span{display:block}.mask_sc .box .li label.error{background:rgba(221,0,0,0.1254901961);color:#d00;border-radius:0 0 4px 4px;padding:4px 10px;display:inline-block}.mask_sc .box .li input[type=text]{width:100%;padding:.7rem;margin-top:.3rem;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.mask_sc .box .li input[type=text]:focus{outline:none;border-color:#333}.mask_sc .box .li .i1{width:100%;padding:.7rem;margin-top:.3rem;border:1px solid #ccc;height:7rem;border-radius:4px;resize:none;box-sizing:border-box}.mask_sc .box .li .i1:focus{outline:none;border-color:#333}.mask_sc .box .li .bto{padding:.8rem 1.5rem;background:#333;color:#fff;border-radius:4px;font-size:1rem;cursor:pointer;border:0}.mask_sc .box .li .bto_no{background:#aaa}.mask_sc .box .li .bto_go{background:#54bd61}