/* BASIC css start */
/* ================================================================================
   가자안전mall 모바일 장바구니 (공급사판) - basket_provider.css
   [1] 메이크샵 원본 + [2] 리뉴얼 + [3] 공급사 병합/뱃지 + [4] 26.08.11 요청건
   ★ basket.css 가 아니라 basket_provider.css 입니다.
   ================================================================================ */

/* ===== [1] 메이크샵 원본 ===== */
#basket .btn-wrap {padding:15px 10px;}
#basket .btn-wrap div {width:49%; float:left;}
#basket .btn-wrap div:last-child {float:right;}
#basket .all-select {border-top: 1px solid #4a4a4a; border-bottom: 1px solid #dedede; background-color: #f1f1f1; padding:10px;}
#basket .not_provider li {padding:20px 0;}
#basket .provider li {padding:20px 0;}
#basket figure {width:100%; display: table; box-sizing: border-box; padding:0 10px;}
#basket .basketLeft {width:110px; position:relative; float: left;}
#basket .basketLeft a {padding-right: 20px; margin-top: 20px; display:block;}
#basket .basketLeft .MS_input_checkbox {top:0; left:0; position:absolute;}
#basket .basketRight {padding-left:110px;}
#basket .basketRight p {color:#707070; margin-bottom:5px;}
#basket .basketRight .pname {border-bottom:1px solid #dedede;  padding-bottom: 4px;}
#basket .basketRight .pname .blue-delivery {background-color: #74a9e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .red-delivery {background-color: #d674e4; color:#fff; font-size:0.917em; padding: 1px 2px;}
#basket .basketRight .pname .fa {float:right; margin-top: -6px;}
#basket .basketRight .fa-plus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
#basket .basketRight .fa-minus {background-color: #bbb; width: 35px; height: 35px; text-align: center; vertical-align: middle; line-height: 35px; color: #fff;}
#basket .basketRight .btn_Black {margin-top:5px;}
#basket .basketRight .MS_select {width:100%;}
#basket .basketRight .amount-input {width:50px;}
#basket .price-each-info-top {text-align : right; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; background:#eaeaea; padding:10px;}
#basket .price-each-info-bottom {text-align : right; padding:10px; background:#eaeaea; border-bottom:1px solid #cbcbcb;}
#basket .price-total-info-top {border-top: 2px solid #464646; border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right;  padding:10px; margin-top:10px;}
#basket .price-total-info-bottom {border-bottom: 1px solid #cbcbcb; background-color: #eaeaea; text-align : right; padding:15px 10px; font-size:1.333em;}
#basket .price-total-info-bottom .txt-price {color : #f1191f; font-weight:bold;}
#basket .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;}
#basket .delivery-type { padding:15px 10px;}
/* 빠른 결제 start */ /* 선물하기 버튼 추가 css 미사용 */
#basket .order-btn { display: flex; gap: 4px; padding: 0 10px; }
#basket .order-btn.use-gift.qorder-none { display: grid; grid-template-columns: 48px 1fr; } /* 선물하기 사용 + 빠른 결제 미사용 */
#basket .order-btn.use-gift.use-qorder { display: grid; grid-template-columns: 48px 1fr 1fr; } /* 선물하기 사용 + 빠른 결제 사용 */
#basket .order-btn.gift-none.use-qorder { display: grid; grid-template-columns: 1fr 1fr; } /* 선물하기 사용 + 빠른 결제 사용 */
#basket .order-btn a { display: flex; height: 48px; justify-content: center; align-items: center; margin: 2px 0; padding: 0; }
#basket .order-btn a.btn_Present { box-sizing : border-box; background: #fff; border: 1px solid #393939; font-size: 16px; }
#basket .order-btn a.btn_Blue { color: #fff; background: #2a68cc; }
/* 빠른 결제 end */
#basket .order-btn {padding:0 10px;}
#basket .naver-checkout {margin-top: 20px;}

@media screen and (min-width:768px) {
 #basket .basketRight .btn_Black {width:315px; display:inline-block; vertical-align: middle; margin-top:0px;}
}

.cart-ft2 { display: block; text-align: center; } 

.basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; }


/* 정기배송 탭 */
#basket .cart-tab { width:100%; height:32px; border-top:1px solid #464646; }
#basket .cart-tab:after { clear: both; content: ""; display: block; }
#basket .cart-tab li { float:left; width:50%; height:31px; border-bottom:1px solid #cecece; }
#basket .cart-tab li a { display:inline-block; width:100%; height:100%; color:#3b3b3b; font-size:12px; text-align:center; text-decoration:none; background:none; }
#basket .cart-tab li a span { display:block; height:18px; line-height:18px; margin-top:6px; }
#basket .cart-tab li:first-child a span { border-right:2px solid #e2e2e2; }
#basket .cart-tab li.now { border-bottom:1px solid #f1191f; }
#basket .cart-tab li.now a { font-weight:bold; color:#f1191f; }

/* 샵페이 바로구매 */
#productDetail #shoppay_btn { padding-top: 10px; } /* PC (공통) 상세페이지 전용 */
#cartWrap #shoppay_btn { display: inline; } /* PC (공통) 장바구니 전용 */
.shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) 상세페이지 전용 */
#basket #shoppay_btn { margin-top:20px; } /* MO (4.0) 장바구니 전용 */
.shopdetail #shoppay_btn { text-align:center; } /* MO (파워팩) 상세페이지 전용 */
.basket #shoppay_btn { text-align:center; } /* MO (파워팩) 장바구니 전용 */

.shoppay_storebtn_bx,
.shoppay_storebtn_bx *,
.shoppay_button_box,
.shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: '돋움',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important;  vertical-align: top !important; background: none !important; border-radius: 0 !important; }
.shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; }
.shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; }
.shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; }
.shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; }
.shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; }
.shoppay_btn_list tbody { display: table-row-group !important; }
.shoppay_btn_list tr { display: table-row !important; }
.shoppay_btn_list .shoppay_btn_item { *width: 120px !important; }
.shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; }
.shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; }
.shoppay_text { background-size: 82px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; }
.shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; }
.shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; }
.shoppay_event_tex t {display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !important; }
.shoppay_event_text { padding: 0 !important; }
.shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; }
.shoppay_type_A_1 { width: 277px !important; height: 70px !important; }
.shoppay_type_A_2 { width: 296px !important; height: 84px !important; }
.shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; }
.shoppay_type_A_2 .shoppay_text { top: 14px !important; }
.shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }
.shoppay_type_A_3 { width: 338px !important; height: 84px !important; }
.shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; }
.shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; }
.shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }

/* 빠른 결제 레이어 */
#quick-swipepay .layer { z-index: 200; }
#quick-swipepay .layer-wrap { position: fixed; bottom: 0; left: 0; width: 100%; padding: 15px 10px 0; box-sizing: border-box; background: #f6f6f6; color: #3b3b3b; }
#quick-swipepay .layer-wrap .swipepay-close { position: absolute; top: -40px; left: 50%; width: 40px; height: 40px; margin-left: -20px; font-size: 24px; color: #fff; background: none; border: 0; display: flex; justify-content: center; align-items: center; }
#quick-swipepay .layer-wrap .swipepay-addr { padding: 0 10px; border: 1px solid #e3e3e3; border-radius: 4px; background: #fff; text-align: left; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst { padding: 14px 2px; border-top: 1px solid #e3e3e3; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst:first-child { border-top: 0; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd { display: flex; align-items: center; gap: 5px; position: relative; font-size: 11px; white-space: nowrap; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd p.prd-tit { color: #3b3b3b !important; font-size: 14px !important; font-weight: bold; vertical-align: bottom; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd p.prd-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; color: #777; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd span { font-size: 11px; color: #777; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd .addr-edit { position: absolute; top: -3px; right: 0; display: flex; justify-content: center; align-items: center; width: 40px; height: 24px; font-size: 11px; font-weight: bold; color: #3b3b3b; border: 1px solid #c6c6c6; background: #fff; box-sizing: border-box; line-height: 0; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-prd.addr-detail span { color: #3b3b3b; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt { margin-top: 6px; font-size: 11px; color: #777; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li strong { font-size: 12px; color: #3b3b3b; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li p:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dt,
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd,
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd p { display: flex; align-items: center; gap: 5px; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd { display: none; }
#quick-swipepay .layer-wrap .swipepay-addr .addr-lst .addr-opt li dl dd.on { display: flex; }
#quick-swipepay .layer-wrap .swipepay-agree { position: relative; display: flex; justify-content: space-between; margin-top: 10px; padding-left: 2px; font-size: 11px; }
#quick-swipepay .layer-wrap .swipepay-agree label input[type=checkbox] { width: 13px !important; height: 13px !important; vertical-align: text-bottom; }
#quick-swipepay .layer-wrap .swipepay-agree .view-terms { padding: 0 2px; color: #888; text-decoration: underline; border: 0; background: none; }
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms { position: absolute; bottom: -40px; left: 50%; width: 100%; margin-left: -50%; padding: 10px; border: 1px solid #909090; border-radius: 4px; background: #fff; box-sizing: border-box; }
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms .terms-close { position: absolute; top: 8px; right: 10px; width: 20px; height: 20px; font-size: 20px; border: 0; background: none; }
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms .terms-tit { padding-bottom: 10px; font-size: 13px; font-weight: bold; }
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table { table-layout: fixed; width: 100%; word-wrap: break-word; }
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th,
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td { padding: 5px; border: 1px solid #ddd; color: #777; }
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table th { font-weight: 400; background: #f8f8f8; }
#quick-swipepay .layer-wrap .swipepay-agree .layer-terms table td strong { color: #000; font-weight: bold; }
#quick-swipepay .layer-wrap .swipepay-total { display: flex; justify-content: space-between; padding: 16px 2px; font-size: 11px; }
#quick-swipepay .layer-wrap .swipepay-total strong { font-size: 14px; line-height: 18px; }
#quick-swipepay .layer-wrap .swipepay-total strong span { margin-left: 5px; font-size: 12px; font-weight: normal; color: #777; }
#quick-swipepay .layer-wrap .swipepay-total .total-price strong { font-size: 16px; color: #f1191f; vertical-align: bottom; }
#quick-swipepay .layer-wrap .swipepay-wide { position: relative; width: 100%; height: 48px; border-radius: 48px; color: #fff; font-size: 14px; font-weight: bold; overflow: hidden; box-sizing: border-box; background: #2a68cc; }
#quick-swipepay .layer-wrap .swipepay-wide .swipepay-text { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); pointer-events: none; user-select: none; }
#quick-swipepay .layer-wrap .swipepay-wide .swipepay-slider { display: flex; justify-content: center; align-items: center; width: 48px; height: 100%; color: #fff; font-size: 22px; border-radius: 48px; box-sizing: border-box; background: #1d498f; }
#quick-swipepay .layer-wrap .swipepay-wide .swipepay-completed { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1d498f; box-sizing: border-box; border-radius: 48px; pointer-events: none; }
#quick-swipepay .layer-wrap .swipepay-order { display: flex; justify-content: center; align-items: center; padding: 8px 0 10px; text-decoration: underline; font-size: 11px; color: #888; }

/* ===== [2] 리뉴얼 디자인 ===== */
/* ================================================================
   가자안전mall 모바일 장바구니 (2026-08)
   - 이 파일 하나로 장바구니 전체 디자인이 완성됩니다
   ================================================================ */
#basket{
  --ink:#222;--sub:#666;--muted:#8b8b8b;--line:#e5e5e5;--line2:#d8d8d8;
  --soft:#f7f8f7;--green:#438c46;--green-d:#367038;--tint:#eef5ef;--price:#ff3c00;
  background:#f1f3f2;color:var(--ink);font-size:14px;line-height:1.5;padding-bottom:96px;
}
#basket *{box-sizing:border-box;}
#basket a{text-decoration:none;color:inherit;}

/* ---------- 제목 ---------- */
#basket .h_title{padding:20px 14px 14px;text-align:center;border:0;background:#fff;}
#basket .h_title h3{
  margin:0;display:inline-block;font-size:17px;font-weight:800;letter-spacing:-.02em;
  border-bottom:3.5px solid var(--green);padding-bottom:5px;
}
#basket .h_title h3 span{color:var(--green);}

/* ---------- 정기배송 탭 ---------- */
#basket .cart-tab{display:flex;gap:6px;padding:14px;background:#fff;border:0;height:auto;}
#basket .cart-tab li{flex:1;float:none;height:auto;border:0;list-style:none;}
#basket .cart-tab li a{
  display:flex;align-items:center;justify-content:center;height:42px;
  border:1px solid var(--line2);border-radius:6px;font-size:13px;color:var(--sub);
}
#basket .cart-tab li a span{margin:0;height:auto;line-height:1;border:0;}
#basket .cart-tab li.now a{background:var(--green);border-color:var(--green);color:#fff;font-weight:700;}

/* ---------- 상단 : 전체선택 · 삭제 ---------- */
#basket .gj-cart-top{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin:10px 14px 0;padding:12px 14px;background:#fff;
  border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;
}
#basket .gj-allchk{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink);}
#basket .gj-allchk input[type=checkbox]{width:19px;height:19px;accent-color:var(--green);margin:0;}
#basket .gj-topbtns{display:flex;gap:6px;}
#basket .gj-topbtns a{
  display:inline-flex;align-items:center;justify-content:center;width:auto;height:30px;padding:0 10px;
  border:1px solid var(--line2);border-radius:4px;background:#fff;color:var(--sub);
  font-size:12px;font-weight:600;line-height:1;
}

/* ---------- 상품 목록 ---------- */
#basket .gj-cart-list{
  margin:0 14px;padding:0;background:#fff;
  border-left:1px solid var(--line);border-right:1px solid var(--line);
}
#basket .gj-cart-list li{padding:0;border-top:1px solid var(--line);list-style:none;}
#basket .gj-item{display:flex;align-items:flex-start;gap:9px;padding:13px 14px;}
#basket .gj-item-chk{flex:0 0 20px;padding-top:2px;}
#basket .gj-item-chk input[type=checkbox]{width:19px;height:19px;accent-color:var(--green);margin:0;}
#basket .gj-item-thumb{flex:0 0 76px;border-radius:6px;overflow:hidden;background:#f0f2f1;}
#basket .gj-item-thumb img{width:76px;height:76px;object-fit:cover;display:block;}
#basket .gj-item-info{flex:1;min-width:0;position:relative;padding-right:22px;}
#basket .gj-item-del{position:absolute;top:-2px;right:0;color:#bbb;font-size:15px;padding:2px;}
#basket .gj-item-name{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-size:14px;line-height:1.45;font-weight:600;color:var(--ink);
}
#basket .gj-item-opt{margin:5px 0 0;font-size:12px;color:var(--sub);}
#basket .gj-item-meta{margin:4px 0 0;font-size:11.5px;color:var(--muted);}
#basket .gj-item-meta a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;}
#basket .gj-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;}
#basket .gj-item-price{font-size:15px;font-weight:800;color:var(--ink);}

/* 수량 */
#basket .gj-qty{display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:5px;overflow:hidden;}
#basket .gj-qty a{
  width:28px;height:28px;display:flex;align-items:center;justify-content:center;
  color:var(--sub);background:#fff;
}
#basket .gj-qty a svg{display:block;}
#basket .gj-qty input{
  width:36px;height:28px;border:0;border-left:1px solid var(--line2);border-right:1px solid var(--line2);
  text-align:center;font-size:13px;padding:0;border-radius:0;
}
#basket .gj-item-optmod{margin:8px 0 0;}
#basket .gj-item-optmod .btn_Black{
  display:inline-flex;align-items:center;justify-content:center;width:auto;height:28px;padding:0 10px;
  background:#fff;border:1px solid var(--line2);border-radius:4px;color:var(--sub);
  font-size:11.5px;font-weight:600;line-height:1;
}

/* ---------- 공급사(업체) 구분 ---------- */
#basket .gj-provider-tit{
  margin:12px 14px 0;padding:12px 14px;background:#fff;
  border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;
  font-size:13px;font-weight:700;color:var(--ink);
}
#basket .gj-provider-tit .red-delivery{
  display:inline-block;height:19px;line-height:17px;padding:0 6px;border-radius:3px;margin-right:5px;
  background:#fdeeea;border:1px solid #f3cdc4;color:#c0432a;font-size:10.5px;font-weight:800;
}
#basket .price-each-info-bottom{
  margin:0 14px;padding:12px 14px;background:var(--soft);border:1px solid var(--line);
  text-align:right;font-size:13.5px;font-weight:700;color:var(--ink);
}

/* ---------- 결제 예상 금액 ---------- */
#basket .gj-sum{
  margin:0 14px 12px;padding:14px;background:#fff;
  border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;
}
#basket .gj-sum-tit{font-size:13.5px;font-weight:800;color:var(--ink);padding-bottom:8px;}
#basket .gj-sum dl{display:flex;padding:4px 0;margin:0;font-size:12.5px;}
#basket .gj-sum dt{flex:1;color:var(--sub);}
#basket .gj-sum dd{margin:0;color:var(--ink);font-weight:600;}
#basket .gj-sum dl.minus dd{color:var(--price);}
#basket .gj-sum dl.total{margin-top:8px;padding-top:12px;border-top:1px dashed var(--line);font-size:14.5px;}
#basket .gj-sum dl.total dt{color:var(--ink);font-weight:800;}
#basket .gj-sum dl.total dd strong{font-size:20px;font-weight:900;color:var(--price);}
#basket .gj-sum-reserve{margin:6px 0 0;text-align:right;font-size:11.5px;color:var(--muted);}

/* ---------- 안내 ---------- */
#basket .delivery-type{padding:0 14px 14px;}
#basket .delivery-type ul{margin:0;padding:0;}
#basket .delivery-type li{
  position:relative;padding-left:10px;font-size:11.5px;color:var(--muted);line-height:1.7;list-style:none;
}
#basket .delivery-type li:before{
  content:"";position:absolute;left:0;top:9px;width:3px;height:3px;border-radius:50%;background:#c9c9c9;
}
#basket .delivery-type li strong{color:var(--green-d);}
#basket .cart-ft2{padding:0 14px 14px;text-align:center;}
#basket .naver-checkout{margin-top:12px;}

/* ---------- 하단 고정 주문 바 ---------- */
#basket .gj-cart-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:600;
  display:flex;align-items:center;gap:10px;
  max-width:850px;margin:0 auto;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:#fff;border-top:1px solid var(--line);
}
#basket .gj-cart-bar.is-float{box-shadow:0 -3px 12px rgba(0,0,0,.08);}
#basket .gj-cart-bar-sum{flex:1;min-width:0;line-height:1.35;}
#basket .gj-cart-bar-sum span{display:block;font-size:11.5px;color:var(--muted);}
#basket .gj-cart-bar-sum strong{font-size:17px;font-weight:900;color:var(--price);}
#basket .gj-cart-bar-btn{flex:0 0 auto;display:flex;gap:6px;}
#basket .gj-cart-bar-btn a.btn_Black{
  display:flex;align-items:center;justify-content:center;width:auto;min-width:140px;height:46px;padding:0 18px;
  background:var(--green);border:1px solid var(--green);border-radius:6px;color:#fff;font-size:15px;font-weight:800;
}
#basket .gj-cart-bar-btn a.btn_Present{
  display:flex;align-items:center;justify-content:center;width:46px;height:46px;
  background:#fff;border:1px solid var(--line2);border-radius:6px;color:var(--sub);font-size:16px;
}
/* 장바구니 화면에서는 스킨 하단 메뉴를 감춰 겹침 방지 */
body:has(#basket) #btmMenuBar{display:none !important;}

/* ---------- 빈 장바구니 ---------- */
#basket .none-data{
  margin:10px 14px;padding:70px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;
  text-align:center;color:var(--muted);font-size:13.5px;
}
#basket .none-data i{display:block;margin-bottom:12px;color:var(--line2);}
#basket .none-data p{margin:0;}

/* ================================================================
   보완 (2026-08) : 간편결제 위젯 · 하단 바 · 채널톡 겹침
   ================================================================ */
/* 페이코 · 네이버페이 등 외부 결제 위젯을 한 카드로 묶기 */
#basket .cart-ft2{
  margin:0 14px 12px;padding:14px;background:#fff;
  border:1px solid var(--line);border-radius:8px;text-align:center;
}
#basket .cart-ft2:before{
  content:"간편결제로 바로 구매";display:block;margin-bottom:10px;
  font-size:12.5px;font-weight:700;color:var(--sub);text-align:left;
}
#basket .cart-ft2:empty{display:none;}
#basket .cart-ft2 img{max-width:100%;height:auto;}
#basket .cart-ft2 table{max-width:100%;margin:0 auto;}
#basket .cart-ft2 > div{margin:0 auto 10px;max-width:100%;}
#basket .cart-ft2 > div:last-child{margin-bottom:0;}
#basket .naver-checkout{margin:0 auto;}

/* 하단 고정 바 : 금액 줄바꿈 방지 + 버튼 유연하게 */
#basket .gj-cart-bar{gap:10px;padding:8px 14px calc(8px + env(safe-area-inset-bottom));}
#basket .gj-cart-bar-sum{flex:0 1 auto;min-width:0;white-space:nowrap;}
#basket .gj-cart-bar-sum span{font-size:11px;}
#basket .gj-cart-bar-sum strong{font-size:16px;white-space:nowrap;}
#basket .gj-cart-bar-btn{flex:1;min-width:0;}
#basket .gj-cart-bar-btn a.btn_Black{flex:1;width:100%;min-width:0;height:46px;padding:0 12px;font-size:14.5px;}
#basket .gj-cart-bar-btn a.btn_Present{flex:0 0 46px;width:46px;}

/* 채널톡(가자톡) 버튼을 주문 바 위로 올려 겹침 방지 */
body:has(#basket) #ch-plugin{bottom:78px !important;}

/* ---------- 수정 2 : 하단 바 금액 '원' 줄바꿈 ---------- */
/* 금액 안쪽에 쇼핑몰이 자동으로 넣는 태그(span 등)가 블록이 되면서
   '원'이 다음 줄로 떨어지던 문제 → 바깥 라벨만 블록, 금액 안쪽은 전부 inline 고정 */
#basket .gj-cart-bar-sum{white-space:nowrap;}
#basket .gj-cart-bar-sum > span{display:block;font-size:11px;color:var(--muted);font-weight:400;}
#basket .gj-cart-bar-sum strong{display:block;font-size:16px;font-weight:900;color:var(--price);white-space:nowrap;}
#basket .gj-cart-bar-sum strong *{
  display:inline !important;font-size:inherit !important;color:inherit !important;
  font-weight:inherit !important;white-space:nowrap !important;margin:0 !important;padding:0 !important;
}

/* ================================================================
   공급사(업체배송 / 본사배송) 구분을 하나로 합치기
   ── 목록을 한 덩어리로 보이게 하고 구분 뱃지·공급사별 소계를 감춥니다.
   ── 배송비 계산 자체는 메이크샵이 공급사별로 하므로 그대로입니다.
      다만 하단 "총합계금액"에 배송비가 모두 합산되어 나오므로
      고객이 보는 최종 금액은 정확합니다.
   ================================================================ */
/* 1) 본사배송 / 업체배송 뱃지 숨김 */
#basket .blue-delivery,
#basket .red-delivery{display:none !important;}

/* 2) 공급사 구분줄 · 공급사별 소계 숨김 */
#basket .gj-provider-tit,
#basket .price-each-info-top,
#basket .price-each-info-bottom{display:none !important;}

/* 3) 본사배송 목록 + 업체배송 목록을 하나의 카드로 이어 붙이기 */
#basket ul.not_provider,
#basket ul.provider{
  margin:0 14px !important;padding:0 !important;background:#fff !important;
  border-left:1px solid var(--line) !important;border-right:1px solid var(--line) !important;
  border-top:0 !important;border-bottom:0 !important;border-radius:0 !important;
}
#basket ul.not_provider > li,
#basket ul.provider > li{
  border-top:1px solid var(--line) !important;border-bottom:0 !important;
  list-style:none !important;background:#fff !important;
}
/* 상품이 하나도 없는 쪽은 통째로 감춰 빈 줄이 남지 않게 */
#basket ul.not_provider:not(:has(> li)),
#basket ul.provider:not(:has(> li)){display:none !important;}

/* ---------- 착불 상품 강조 ---------- */
#basket .gj-cod-badge{
  display:inline-block;vertical-align:1px;margin-right:5px;
  height:19px;line-height:17px;padding:0 7px;border-radius:3px;
  background:#fff3ea;border:1px solid #f0c9a8;color:#c2600f;
  font-size:10.5px;font-weight:800;letter-spacing:-.02em;
}
#basket li.gj-cod-item{position:relative;background:#fffdfa;}
#basket li.gj-cod-item:before{
  content:"";position:absolute;left:0;top:-1px;bottom:0;width:3px;background:#e8973f;
}

/* ---------- 배송 유형 뱃지 (착불 / 개별·비례) ---------- */
#basket .gj-deli-badge{
  display:inline-block;vertical-align:1px;margin-right:5px;
  height:19px;line-height:17px;padding:0 7px;border-radius:3px;
  font-size:10.5px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;
}
#basket .gj-deli-badge.is-cod{background:#fff3ea;border:1px solid #f0c9a8;color:#c2600f;}
#basket .gj-deli-badge.is-each{background:#eef4fb;border:1px solid #c3d7ee;color:#2b62a3;}
#basket li.gj-each-item{position:relative;}
#basket li.gj-each-item:before{
  content:"";position:absolute;left:0;top:-1px;bottom:0;width:3px;background:#5b90d0;
}

/* ---------- 옵션 + 수량을 한 줄로, 수량은 작게 ---------- */
#basket .gj-item-opt.gj-opt-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:6px;
}
/* 옵션 문구는 한 줄로 자르고 넘치면 … 처리 */
#basket .gj-item-opt.gj-opt-row{flex-wrap:wrap;}
#basket .gj-item-opt.gj-opt-row .gj-opt-txt{
  flex:1 1 auto;min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* 좁은 화면에서는 옵션 문구가 뭉개지므로 윗줄로 올리고,
   수량 + 옵션변경 은 아래 한 줄에 나란히 둔다 */
@media screen and (max-width:409px){
  #basket .gj-item-opt.gj-opt-row .gj-opt-txt{
    flex:1 1 100%;white-space:normal;margin-bottom:6px;
  }
  #basket .gj-item-opt.gj-opt-row .gj-qty{margin-right:auto;}
}
#basket .gj-item-opt.gj-opt-row .gj-item-optmod{flex:0 0 auto;margin:0;}
#basket .gj-item-opt.gj-opt-row .gj-item-optmod .btn_Black,
#basket .gj-item-opt.gj-opt-row > .btn_Black{
  height:24px;padding:0 8px;font-size:11px;margin:0;
}
#basket .gj-item-opt.gj-opt-row .gj-qty{flex:0 0 auto;margin:0;}
/* 수량 조절 버튼 축소 */
#basket .gj-qty a{width:24px;height:24px;}
#basket .gj-qty a svg{width:9px;height:9px;}
#basket .gj-qty input{width:30px;height:24px;font-size:12px;}
/* 수량이 옵션줄로 올라갔으므로 아래줄은 금액만 오른쪽에 */
#basket .gj-item-bottom.gj-price-only{justify-content:flex-end;margin-top:6px;}

/* ===== [3] 공급사 병합 / 배송유형 뱃지 ===== */
/* ================================================================
   [장바구니 · 공급사판] 업체배송/본사배송 병합 + 착불 강조
   ── basket_provider.css 맨 아래에 이어 붙이세요.
   ── ★ basket.css 가 아니라 basket_provider.css 입니다.
        업체배송이 있는 쇼핑몰은 basket_provider.html 이 뜨고,
        그 페이지는 basket_provider.css / basket_provider.js 를 읽습니다.
   ================================================================ */

/* 1) 본사배송 / 업체배송 뱃지 숨김 (원본·리뉴얼 마크업 양쪽 다) */
#basket .blue-delivery,
#basket .red-delivery,
#basket .basketRight .pname .blue-delivery,
#basket .basketRight .pname .red-delivery,
#basket .gj-provider-tit .red-delivery{display:none !important;}

/* 2) 공급사 구분줄 · 공급사별 소계(합계 190,000원) 숨김
      → 하단 "총합계금액" 에 배송비까지 모두 합산되어 나오므로 정보 손실 없음 */
#basket .gj-provider-tit,
#basket .price-each-info-top,
#basket .price-each-info-bottom{display:none !important;}

/* 3) 본사배송 목록 + 업체배송 목록을 하나의 카드로 */
#basket ul.not_provider,
#basket ul.provider,
#basket ul.gj-cart-list{
  margin:0 14px !important;padding:0 !important;background:#fff !important;
  border-left:1px solid #e5e5e5 !important;border-right:1px solid #e5e5e5 !important;
  border-top:0 !important;border-bottom:0 !important;border-radius:0 !important;
}
#basket ul.not_provider > li,
#basket ul.provider > li,
#basket ul.gj-cart-list > li{
  border-top:1px solid #e5e5e5 !important;border-bottom:0 !important;
  list-style:none !important;background:#fff !important;
}
#basket ul.not_provider:not(:has(> li)),
#basket ul.provider:not(:has(> li)){display:none !important;}

/* 4) 착불 상품 강조 */
#basket .gj-cod-badge{
  display:inline-block !important;vertical-align:1px !important;margin-right:5px !important;
  height:19px !important;line-height:17px !important;padding:0 7px !important;border-radius:3px !important;
  background:#fff3ea !important;border:1px solid #f0c9a8 !important;color:#c2600f !important;
  font-size:10.5px !important;font-weight:800 !important;letter-spacing:-.02em !important;
}
#basket li.gj-cod-item{position:relative !important;background:#fffdfa !important;}
#basket li.gj-cod-item:before{
  content:"" !important;position:absolute !important;left:0 !important;top:-1px !important;bottom:0 !important;
  width:3px !important;background:#e8973f !important;
}

/* ================================================================
   [추가 2 · 26.08.11 요청건] 옵션변경 위치 고정
   ── basket_provider.css 맨 아래에 이어 붙입니다.
   ================================================================ */

/* 옵션 글자는 화면 폭과 상관없이 항상 한 줄을 통째로 쓰고,
   그 아래 줄에 [수량] 왼쪽 · [옵션 변경] 오른쪽으로 고정한다.
   (기존 409px 미디어쿼리 때문에 상품마다 위치가 달라 보이던 것을 없앤다) */
#basket .gj-item-opt.gj-opt-row{
  display:flex !important;align-items:center !important;flex-wrap:wrap !important;
  gap:8px !important;margin-top:8px !important;
}
#basket .gj-item-opt.gj-opt-row .gj-opt-txt{
  flex:1 1 100% !important;min-width:0 !important;
  white-space:normal !important;overflow:visible !important;text-overflow:clip !important;
  margin:0 0 2px !important;
}
#basket .gj-item-opt.gj-opt-row .gj-qty{
  flex:0 0 auto !important;margin:0 auto 0 0 !important;   /* 왼쪽 고정 */
}
#basket .gj-item-opt.gj-opt-row .gj-item-optmod,
#basket .gj-item-opt.gj-opt-row > .btn_Black{
  flex:0 0 auto !important;margin:0 !important;            /* 오른쪽 고정 */
}
#basket .gj-item-opt.gj-opt-row .gj-item-optmod .btn_Black,
#basket .gj-item-opt.gj-opt-row > .btn_Black{
  height:26px !important;line-height:24px !important;
  padding:0 10px !important;font-size:11px !important;
}

/* 옵션 변경 버튼이 없는 상품도 수량이 같은 자리에 오도록 */
#basket .gj-item-opt.gj-opt-row:after{content:"" !important;flex:0 0 0 !important;}

/* 수량 조절 버튼 크기 */
#basket .gj-qty a{width:26px !important;height:26px !important;}
#basket .gj-qty input{width:32px !important;height:26px !important;font-size:12px !important;}

/* 아래줄은 금액만 오른쪽에 */
#basket .gj-item-bottom.gj-price-only{justify-content:flex-end !important;margin-top:6px !important;}

/* ---------- 착불 / 개별비례 상품 왼쪽 세로 라인 제거 ---------- */
/* 뱃지만으로 충분해서 색 띠와 옅은 배경색은 없앤다 */
#basket li.gj-cod-item:before,
#basket li.gj-each-item:before{display:none !important;content:none !important;}
#basket li.gj-cod-item,
#basket li.gj-each-item{background:#fff !important;}


/* ================================================================================
   [추가 3 · 26.08.19 요청건] 장바구니
   ── basket_provider.css 맨 아래에 이어 붙입니다.
   ================================================================================ */

/* 옵션이 없는 상품용 빈 옵션줄 : 글자 자리는 없애고 수량 줄만 남긴다 */
#basket .gj-item-opt.gj-opt-empty{margin-top:8px !important;}
#basket .gj-item-opt.gj-opt-empty .gj-opt-txt{display:none !important;}

/* 적립 · 배송조건 줄은 수량 줄 아래 */
#basket .gj-item-meta{margin:6px 0 0 !important;}

/* 글자가 없는 「옵션 변경」 칸은 빈 상자로 보이므로 감춘다 */
#basket .gj-empty-btn{display:none !important;}

/* 간편결제(샵페이 / 페이코 / 네이버페이) 영역 삭제 */
#basket .cart-ft2,
#basket #shoppay_btn,
#basket #payco_order_btn,
#basket #SHOPPAY_BUTTON_BOX_ID,
#basket .shoppay_button_box,
#basket .shoppay_storebtn_bx{display:none !important;}
/* BASIC css end */