/* BASIC css start */
/* ========================================================================== 
   mer_N MOBILE CART / MakeShop Mobile D4 basket_v3
   Scope: main#basket
   ========================================================================== */
main#basket{width:100%;max-width:900px;margin:0 auto;padding:38px 15px 76px;box-sizing:border-box;color:#2e2a27;background:#fff;font-family:Arial,"Noto Sans KR",sans-serif}
main#basket *,main#basket *::before,main#basket *::after{box-sizing:border-box}
main#basket a{color:inherit;text-decoration:none}
main#basket ul,main#basket ol{margin:0;padding:0;list-style:none}
main#basket p,main#basket dl,main#basket dd{margin:0}

/* Page title */
main#basket .h_title{margin:0 0 28px;padding:0;text-align:center}
main#basket .h_title h3{margin:0;color:#211e1b;font:400 27px/1.35 Georgia,"Noto Serif KR",serif;letter-spacing:-.02em}

/* Select all and provider groups */
main#basket .all-select{margin:0;padding:13px 12px;border-top:1px solid #302b27;border-bottom:1px solid #dfdad4;background:#faf9f7;color:#5f5852;font-size:12px}
main#basket .provider>li,
main#basket .not_provider>li{margin:0;padding:20px 0;border-bottom:1px solid #e7e2dc}
main#basket .provider>li:first-child,
main#basket .not_provider>li:first-child{border-top:1px solid #302b27}

/* Product card */
main#basket figure{display:flex;width:100%;align-items:flex-start;gap:14px;margin:0;padding:0}
main#basket .basketLeft{position:relative;float:none;flex:0 0 78px;width:78px;min-width:78px}
main#basket .basketLeft>a{display:block;width:78px;margin:0;padding:0;overflow:hidden;background:#f3f0ec}
main#basket .basketLeft>a>img,
main#basket .basketLeft .thumb img,
main#basket .basketLeft .listPic{display:block;width:78px!important;max-width:78px!important;height:auto!important;margin:0;object-fit:cover}
main#basket .basketLeft .MS_input_checkbox{position:absolute;top:6px;left:6px;z-index:2;width:16px;height:16px;margin:0;accent-color:#302b27}
main#basket .basketRight{float:none;flex:1;min-width:0;min-height:100px;padding:0}
main#basket .basketRight p{margin:0 0 7px;color:#716a64;font-size:12px;line-height:1.55}
main#basket .basketRight .pname{margin:0 0 11px;padding:0 28px 10px 0;border-bottom:1px solid #e7e2dc;color:#292521;font-size:14px;line-height:1.5}
main#basket .basketRight .pname .fa{top:0;right:0;float:none;margin:0;color:#8c837b}
main#basket .basketRight .blue-delivery,
main#basket .basketRight .red-delivery{display:inline-block;margin-left:4px;padding:2px 5px!important;border:1px solid #d5cfc8;background:#fff!important;color:#756d66!important;font-size:10px!important}

/* Options and quantity */
main#basket .basketRight .MS_select,
main#basket .basketRight select{width:100%;min-height:40px;border:1px solid #d5cfc8;border-radius:0;background:#fff;padding:0 10px;color:#39342f;font-size:12px}
main#basket .basketRight .amount-input,
main#basket .basketRight input[type="text"],
main#basket .basketRight input[type="number"]{width:48px;height:36px;border:1px solid #d5cfc8;border-radius:0;background:#fff;text-align:center}
main#basket .basketRight .fa-plus,
main#basket .basketRight .fa-minus{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:#fff;color:#39342f;border:1px solid #d5cfc8;line-height:1}
main#basket .basketRight .btn_Black,
main#basket .basketRight .btn_White,
main#basket .basketRight [class*="btn_basic"]{display:inline-flex;min-height:38px;align-items:center;justify-content:center;margin-top:7px;border:1px solid #302b27;border-radius:0;background:#fff;padding:0 14px;color:#302b27;font-size:11px;box-shadow:none}
main#basket .basket-option-dlist li img{width:30px!important;max-width:30px!important;height:30px!important;object-fit:cover}

/* Per-provider and total price */
main#basket .price-each-info-top,
main#basket .price-each-info-bottom{padding:14px 15px;border:0;border-bottom:1px solid #e5e0da;background:#faf9f7;color:#6d655e;font-size:12px;line-height:1.7;text-align:right}
main#basket .price-total-info-top{margin-top:28px;padding:17px 16px;border-top:1px solid #302b27;border-bottom:1px solid #e5e0da;background:#faf9f7;color:#6d655e;font-size:12px;line-height:1.7;text-align:right}
main#basket .price-total-info-bottom{padding:20px 16px;border:0;border-bottom:1px solid #302b27;background:#fff;color:#292521;font-size:14px;line-height:1.75;text-align:right}
main#basket .price-total-info-bottom .txt-price{color:#292521;font-size:20px;font-weight:700}
main#basket .price-total-info-bottom .txt-reserve{color:#8c837b;font-size:11px}
main#basket .delivery-type{margin:15px 0 0;padding:14px 16px;background:#f7f5f2;color:#756d66;font-size:11px;line-height:1.65}
main#basket .delivery-type ul{padding-left:15px;list-style:disc}

/* Empty cart */
main#basket .none-data{margin:0;padding:54px 20px;border-top:1px solid #302b27;border-bottom:1px solid #e3ded8;background:#fcfbfa;color:#918981;text-align:center}
main#basket .none-data i{display:none}
main#basket .none-data::before{display:block;margin-bottom:13px;color:#a69d94;font:400 27px/1 Georgia,serif;letter-spacing:.12em;content:"CART"}
main#basket .none-data p{font-size:13px;line-height:1.7}
main#basket:has(.none-data) .price-total-info-top,
main#basket:has(.none-data) .price-total-info-bottom,
main#basket:has(.none-data) .delivery-type,
main#basket:has(.none-data) .order-btn{display:none}

/* Order actions */
main#basket .btn-wrap{display:flex;gap:8px;padding:18px 0}
main#basket .btn-wrap>div{float:none;width:auto;flex:1}
main#basket .order-btn{display:grid;grid-template-columns:1fr;gap:7px;margin-top:23px;padding:0}
main#basket .order-btn.use-gift.qorder-none{grid-template-columns:48px 1fr}
main#basket .order-btn.use-gift.use-qorder{grid-template-columns:48px 1fr 1fr}
main#basket .order-btn.gift-none.use-qorder{grid-template-columns:1fr 1fr}
main#basket .order-btn a{display:flex;width:100%;height:52px;align-items:center;justify-content:center;margin:0;border:1px solid #302b27;border-radius:0;background:#302b27;color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;box-shadow:none}
main#basket .order-btn a.btn_Present{background:#fff;color:#302b27}
main#basket .order-btn a.btn_Blue{border-color:#302b27;background:#fff;color:#302b27}
main#basket .cart-ft2{margin-top:28px;text-align:center}

@media(max-width:360px){
  main#basket{padding-right:12px;padding-left:12px}
  main#basket figure{gap:11px}
  main#basket .basketLeft{flex-basis:68px;width:68px;min-width:68px}
  main#basket .basketLeft>a,
  main#basket .basketLeft>a>img,
  main#basket .basketLeft .thumb img,
  main#basket .basketLeft .listPic{width:68px!important;max-width:68px!important}
  main#basket .basketRight .pname{font-size:13px}
}

@media(min-width:701px){
  main#basket{padding-top:58px;padding-right:24px;padding-left:24px}
}


/* Latest cart parity: selection and quantity controls */
main#basket .all-select input[type="checkbox"],
main#basket .provider input[type="checkbox"],
main#basket .not_provider input[type="checkbox"],
main#basket .MS_input_checkbox{width:17px!important;height:17px!important;margin:0;accent-color:#302b27;cursor:pointer}
main#basket .basketRight .fa-plus,
main#basket .basketRight .fa-minus{position:relative;color:transparent!important;font-size:0!important;background-image:none!important}
main#basket .basketRight .fa-plus::before,
main#basket .basketRight .fa-minus::before{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;color:#302b27;font:400 16px/1 Arial,sans-serif}
main#basket .basketRight .fa-plus::before{content:"+"!important}
main#basket .basketRight .fa-minus::before{content:"??!important}
main#basket a[href*="estimate"],
main#basket a[href*="basket_estimate"]{display:none!important}

/* Quantity row alignment */
main#basket .mer_n-qty-row{display:flex;align-items:center;gap:3px;margin:11px 0!important;white-space:nowrap}
main#basket .mer_n-qty-label{min-width:34px;margin-right:3px;color:#716a64;font-size:12px}
main#basket .mer_n-qty-button{display:inline-flex;width:36px;height:36px;flex:0 0 36px;align-items:center;justify-content:center}
main#basket .mer_n-qty-row .amount-input{margin:0;vertical-align:middle}
/* Quantity controls: font-icon independent */
main#basket .mer_n-qty-controls{display:inline-flex;align-items:center;gap:3px;line-height:1}
main#basket .mer_n-qty-controls .mer_n-qty-button{display:inline-flex!important;width:36px!important;height:36px!important;flex:0 0 36px;align-items:center;justify-content:center;border:1px solid #d5cfc8;background:#fff;color:#302b27!important;font-size:0!important;line-height:1;text-decoration:none}
main#basket .mer_n-qty-controls .mer_n-qty-symbol{display:block;color:#302b27;font:400 16px/1 Arial,sans-serif}
main#basket .mer_n-qty-controls .amount-input{width:48px!important;height:36px!important;margin:0!important;border:1px solid #d5cfc8!important;background:#fff;text-align:center;vertical-align:top}
/* BASIC css end */