/* BASIC css start */
/* ===== 통합장바구니 리뉴얼 - 1280px ===== */

#cartWrap {
    font-family: 'Pretendard Variable', 'Pretendard', 'Malgun Gothic', sans-serif;
    font-size: 14px;
    color: #333;
}
#cartWrap .page-body { padding-bottom: 60px; }

/* ===== 페이지 타이틀 ===== */
#cartWrap .tit-page { margin-bottom: 0; }
#cartWrap .tit-page img { display: none; }
#cartWrap .tit-page::after {
    content: 'SHOPPING CART';
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #111;
    padding-bottom: 14px;
    border-bottom: 2px solid #141414;
    margin-bottom: 24px;
    letter-spacing: 1px;
}

/* ===== 정기배송 탭 ===== */
#cartWrap .carttabWrap { margin-bottom: 24px; }
#cartWrap .cart-tab { height: auto; margin: 0; border-bottom: 2px solid #141414; display: flex; }
#cartWrap .cart-tab::after { display: none; }
#cartWrap .cart-tab li {
    flex: 1;
    height: auto;
    margin-left: 0;
    border: 1px solid #e0e0e0;
    border-bottom: none;
    background: #f8f8f8;
    margin-right: 4px;
    border-radius: 4px 4px 0 0;
}
#cartWrap .cart-tab li:last-child { margin-right: 0; }
#cartWrap .cart-tab li a {
    display: block;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    font-weight: 600;
    color: #888;
    text-align: center;
    text-decoration: none;
    background: none;
    transition: all 0.2s;
}
#cartWrap .cart-tab li.now {
    position: relative;
    z-index: 1;
    height: auto;
    border: 2px solid #141414;
    border-bottom: none;
    background: #fff;
}
#cartWrap .cart-tab li.now a { color: #111; height: 46px; line-height: 46px; }

/* ===== 섹션 타이틀 ===== */
#cartWrap .tit-cart {
    margin-top: 30px;
    margin-bottom: 0;
}
#cartWrap .tit-cart img { display: none; }
#cartWrap .tit-cart::after {
    content: '';
    display: block;
    height: 0;
}
/* 장바구니 담긴 상품 타이틀 */
#cartWrap .table-fill-prd:first-of-type { margin-top: 0; }

/* ===== 상품 테이블 공통 ===== */
#cartWrap .table-cart { margin-top: 8px; }
#cartWrap .table-cart table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 2px solid #141414;
}
#cartWrap .table-cart thead th {
    padding: 12px 6px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    background: #f4f4f4;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #e8e8e8;
    text-align: center;
}
#cartWrap .table-cart thead th:last-child { border-right: none; }
#cartWrap .table-cart tbody td {
    padding: 14px 6px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #f0f0f0;
    vertical-align: middle;
    font-size: 13px;
}
#cartWrap .table-cart tbody td:last-child { border-right: none; }
#cartWrap .table-cart tbody tr.nbg td { background: #fafafa; border-top: none; }

/* tfoot */
#cartWrap .table-cart tfoot td {
    padding: 12px 10px;
    border-top: 1px solid #d0d0d0;
    background: #f8f8f8;
    font-size: 13px;
    color: #555;
}
#cartWrap .table-cart tfoot strong { color: #141414; font-size: 15px; }

/* ===== 썸네일 ===== */
#cartWrap .thumb { width: 64px; height: 64px; margin: 0 auto; overflow: hidden; }
#cartWrap .thumb img { width: 64px; height: 64px; object-fit: cover; display: block; }

/* ===== 상품명 ===== */
#cartWrap .table-cart .tb-left a {
    font-size: 13px;
    font-weight: 600;
    color: #111;
    text-decoration: none;
    line-height: 1.5;
}
#cartWrap .table-cart .tb-left a:hover { color: #d4af6a; }

/* 선택사항 변경 버튼 */
#cartWrap .uni-opt { margin-top: 6px; }
#cartWrap .uni-opt a { font-size: 12px; color: #888; text-decoration: underline; }
#cartWrap .uni-opt img { display: none; }
#cartWrap .uni-opt a::after { content: '선택사항 변경/추가'; }

/* ===== 수량 스핀 ===== */
#cartWrap .opt-spin {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
#cartWrap .opt-spin .txt-spin {
    width: 44px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    font-size: 13px;
    font-family: 'Pretendard Variable', 'Pretendard', sans-serif;
}
#cartWrap .opt-spin .btns {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
#cartWrap .opt-spin .btns a {
    display: block;
    width: 22px;
    height: 16px;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    background: #f8f8f8;
    text-align: center;
    font-size: 0;
    line-height: 0;
    transition: background 0.1s;
}
#cartWrap .opt-spin .btns a:hover { background: #e0e0e0; }
#cartWrap .opt-spin .btns .btn-up img,
#cartWrap .opt-spin .btns .btn-dw img { width: 12px; height: 8px; vertical-align: middle; }

/* ===== 가격 ===== */
#cartWrap .tb-price { color: #e53030; font-weight: 700; font-size: 14px; }
#cartWrap .tb-delivery { font-size: 13px; color: #555; }

/* ===== 관심/삭제 버튼 - img alt 기반 매칭 ===== */
#cartWrap .d-block { display: block; margin-bottom: 4px; }
#cartWrap .d-block:last-child { margin-bottom: 0; }
#cartWrap .d-block a img { display: none; }
#cartWrap .d-block a { font-size: 0; }

/* 관심상품 이동 버튼 */
#cartWrap .d-block a:has(img[alt="관심상품"])::after {
    content: '♡ 관심';
    font-size: 11px;
    color: #555;
    border: 1px solid #d0d0d0;
    padding: 3px 8px;
    border-radius: 3px;
    display: inline-block;
    transition: all 0.2s;
}
#cartWrap .d-block a:has(img[alt="관심상품"]):hover::after { border-color: #d4af6a; color: #d4af6a; }

/* 삭제 버튼 */
#cartWrap .d-block a:has(img[alt="삭제"])::after {
    content: '✕ 삭제';
    font-size: 11px;
    color: #888;
    border: 1px solid #d0d0d0;
    padding: 3px 8px;
    border-radius: 3px;
    display: inline-block;
    transition: all 0.2s;
}
#cartWrap .d-block a:has(img[alt="삭제"]):hover::after { border-color: #e53030; color: #e53030; }

/* 장바구니 담기 버튼 (관심 → 장바구니) */
#cartWrap .d-block a:has(img[alt="장바구니"])::after {
    content: '🛒 장바구니';
    font-size: 11px;
    color: #fff;
    background: #141414;
    padding: 3px 8px;
    border-radius: 3px;
    display: inline-block;
    transition: background 0.2s;
}
#cartWrap .d-block a:has(img[alt="장바구니"]):hover::after { background: #333; }

/* ===== 옵션 행 ===== */
#cartWrap .tb-opt { font-size: 12px; color: #888; padding-left: 70px !important; }
#cartWrap .tb-opt img[alt="옵션"] { display: none; }
#cartWrap .tb-opt::before { content: '└ '; color: #bbb; }

/* ===== 합계 영역 ===== */
#cartWrap .basket-totalprice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    margin-top: 24px;
    padding: 16px 24px;
    border: 1px solid #e0e0e0;
    border-top: 2px solid #141414;
    border-radius: 0 0 4px 4px;
    background: #f8f8f8;
    font-size: 14px;
    color: #555;
}
#cartWrap .basket-totalprice .totalprice-img { float: none; padding: 0; }
#cartWrap .basket-totalprice .totalprice-img img { display: none; }
#cartWrap .basket-totalprice .totalprice-img::after {
    content: '합계';
    font-size: 16px;
    font-weight: 700;
    color: #111;
    letter-spacing: 1px;
}
#cartWrap .basket-totalprice .totalprice-txt {
    float: none;
    padding: 0;
    font-size: 14px;
    color: #555;
}
#cartWrap .basket-totalprice .totalprice-txt strong {
    font-size: 20px;
    font-weight: 700;
    color: #e53030;
}

/* 공급사 아이콘 */
#cartWrap .prov-icons { float: none; display: inline-block; margin-right: 6px; }
#cartWrap .prov-icons img { height: 18px; vertical-align: middle; }

/* ===== 회원 등급 ===== */
#cartWrap .mem-lvl {
    margin-top: 24px;
    padding: 14px 20px;
    background: #f8f8f8;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: visible;
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 13px;
    color: #555;
    line-height: 1.6;
}
#cartWrap .mem-lvl .lvl-img img { height: 28px; }
#cartWrap .mem-lvl em { color: #d4af6a; font-style: normal; font-weight: 700; }

/* ===== 배송 메시지 ===== */
#cartWrap .delivery {
    margin-top: 14px;
    text-align: center;
    font-size: 13px;
    color: #888;
    padding: 10px;
    background: #f8f8f8;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

/* ===== 주문 컨트롤 버튼 ===== */
#cartWrap .btn-order-ctrl {
    margin-top: 24px;
    text-align: center;
    font-size: 0;
    line-height: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
#cartWrap .btn-order-ctrl a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 28px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    text-decoration: none;
    transition: all 0.2s;
    letter-spacing: 0.3px;
}
/* gif 이미지 숨김 + img alt 기반 매칭 */
#cartWrap .btn-order-ctrl a img { display: none; }

/* 주문하기 */
#cartWrap .btn-order-ctrl a:has(img[alt="주문하기"]) {
    background: #141414; color: #fff; border: 1px solid #141414;
}
#cartWrap .btn-order-ctrl a:has(img[alt="주문하기"])::after { content: '주문하기'; font-size: 14px; }
#cartWrap .btn-order-ctrl a:has(img[alt="주문하기"]):hover { background: #333; }

/* 선물하기 */
#cartWrap .btn-order-ctrl a:has(img[alt="선물하기"]) {
    background: #d4af6a; color: #141414; border: 1px solid #d4af6a;
}
#cartWrap .btn-order-ctrl a:has(img[alt="선물하기"])::after { content: '선물하기'; font-size: 14px; }
#cartWrap .btn-order-ctrl a:has(img[alt="선물하기"]):hover { background: #e8c587; }

/* 계속쇼핑하기 */
#cartWrap .btn-order-ctrl a:has(img[alt="계속쇼핑하기"]) {
    background: #fff; color: #555; border: 1px solid #d0d0d0;
}
#cartWrap .btn-order-ctrl a:has(img[alt="계속쇼핑하기"])::after { content: '계속쇼핑하기'; font-size: 14px; }
#cartWrap .btn-order-ctrl a:has(img[alt="계속쇼핑하기"]):hover { border-color: #141414; color: #111; }

/* 장바구니 비우기 */
#cartWrap .btn-order-ctrl a:has(img[alt="장바구니 비우기"]) {
    background: #fff; color: #888; border: 1px solid #d0d0d0;
}
#cartWrap .btn-order-ctrl a:has(img[alt="장바구니 비우기"])::after { content: '장바구니 비우기'; font-size: 14px; }
#cartWrap .btn-order-ctrl a:has(img[alt="장바구니 비우기"]):hover { border-color: #e53030; color: #e53030; }

/* 견적서 출력 */
#cartWrap .btn-order-ctrl a:has(img[alt="견적서 출력"]) {
    background: #fff; color: #666; border: 1px solid #d0d0d0;
}
#cartWrap .btn-order-ctrl a:has(img[alt="견적서 출력"])::after { content: '견적서 출력'; font-size: 14px; }
#cartWrap .btn-order-ctrl a:has(img[alt="견적서 출력"]):hover { border-color: #555; color: #333; }

/* ===== 간편결제 영역 ===== */
.cart-ft2 { margin-top: 16px; text-align: center; }

/* ===== 샵페이 스타일 (원본 유지) ===== */
#cartWrap .wish-opt { color: #FFA500; }
#nhn_btn { display: inline; }
#payco_order_btn { display: inline; }
#kakaopay_order_btn { display: inline; vertical-align: top; }
.__checkout_img_comm { visibility: unset !important; }
#cartWrap #shoppay_btn { display: inline; }

/* 옵션 상세 */
.tb-opt { }
.tb-opt .basket-option-detail { display: inline-block; vertical-align: top; padding-left: 8px; }
.tb-opt .basket-option-detail .basket-option-dlist li { margin-bottom: 5px; word-break: break-all; font-size: 12px; color: #666; }
.tb-opt .basket-option-detail .basket-option-dlist li img { width: 22px; height: 22px; vertical-align: middle; }

/* 정렬 유틸 */
.tb-center { text-align: center; }
.tb-left { text-align: left; padding-left: 6px; }
.tb-right { text-align: right; padding-right: 6px; }
.tb-bold { font-weight: 700; }
/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 1차 (2026-08-07)
   구조는 원본 그대로. 그림 버튼을 글자로 바꾸고 v2 옷만 입혔다.
   금액 계산 블록·폼·수량 배선은 손대지 않았다.
   #cartWrap 아래로만 스코프. 되돌리기 : 이 블록부터 끝까지 지우면 전 모습.
   ========================================================================== */

/* ── 바탕과 판 ── */
#cartWrap{max-width:1280px;margin:0 auto;}
#cartWrap .loc-navi{font-size:12.5px;color:#9aa0a8;border:0;padding:14px 0 4px;}
#cartWrap .page-body{background:transparent;}

/* ── 제목 + 진행 단계 ── */
#cartWrap .fw-ctitle{height:auto;border:0;background:none;
	font-size:24px;font-weight:800;color:#14181d;text-align:center;padding:18px 0 6px;}
#cartWrap .fw-csteps{display:flex;align-items:center;justify-content:center;gap:14px;
	padding:6px 0 22px;}
#cartWrap .fw-csteps span{display:flex;align-items:center;gap:8px;
	font-size:14px;font-weight:500;color:#9aa0a8;}
#cartWrap .fw-csteps span i{font-style:normal;display:flex;align-items:center;justify-content:center;
	width:24px;height:24px;border-radius:12px;background:#e7ebef;color:#9aa0a8;
	font-size:12px;font-weight:700;}
#cartWrap .fw-csteps span.on{color:#14181d;font-weight:700;}
#cartWrap .fw-csteps span.on i{background:#14181d;color:#fff;}
#cartWrap .fw-csteps em{width:56px;height:1px;background:#dfe3e8;}

/* ── 구역 제목 ── */
#cartWrap .fw-csec{height:auto;border:0;background:none;
	font-size:18px;font-weight:800;color:#14181d;padding:26px 0 12px;}

/* ── 표 → 흰 카드 ── */
#cartWrap .table-cart{border:1px solid #e7ebef;border-radius:14px;background:#fff;
	overflow:hidden;}
#cartWrap .table-cart table{border:0;}
#cartWrap .table-cart thead th{background:#fafbfc;border:0;border-bottom:1px solid #e7ebef;
	font-size:12.5px;font-weight:700;color:#7d848c;padding:12px 6px;}
#cartWrap .table-cart td{border:0;border-bottom:1px solid #f1f3f5;padding:14px 6px;
	font-size:13px;color:#41474e;}
#cartWrap .table-cart tr:last-child td{border-bottom:0;}
#cartWrap .table-cart .thumb img{width:64px;height:64px;object-fit:cover;
	border:1px solid #f1f3f5;border-radius:10px;}
#cartWrap .table-cart .tb-left a{font-size:13.5px;font-weight:500;color:#14181d;}
#cartWrap .table-cart .tb-price span{font-size:14px;font-weight:800;color:#14181d;}

/* 맨 위 합계 줄 (금액 블록 자리 — 블록은 그대로, 모양만) */
#cartWrap .table-cart .tb-total,
#cartWrap .table-cart td[colspan]{background:#fff;}
#cartWrap .table-cart td[colspan] .tb-right{font-size:13.5px;color:#5a6169;padding:6px 10px;}
#cartWrap .table-cart td[colspan] strong{font-size:20px;font-weight:800;color:#14181d;}

/* 수량 스핀 */
#cartWrap .opt-spin input{width:40px !important;height:30px;box-sizing:border-box;
	border:1px solid #dfe3e8;border-radius:6px;text-align:center;font-size:13px;}

/* 줄 안 작은 글자 버튼 */
#cartWrap .fw-mini{display:inline-block;padding:4px 10px;margin:2px 0;
	border:1px solid #dfe3e8;border-radius:7px;background:#fff;
	font-size:11.5px;font-weight:600;color:#7d848c;text-decoration:none;}
#cartWrap .fw-mini:hover{border-color:#14181d;color:#14181d;}

/* ── 회원 안내·무료배송 안내 → 연회색 칸 ── */
#cartWrap .lvl-guide,#cartWrap .cart-free-area{border:0;background:#fafbfc;
	border-radius:12px;padding:16px 20px;margin-top:14px;font-size:13px;color:#5a6169;}

/* ── 아래 버튼 줄 ── */
#cartWrap .btn-order-ctrl{display:flex;gap:10px;justify-content:center;align-items:center;
	padding:26px 0 6px;}
#cartWrap .fw-cbtn{display:inline-flex;align-items:center;justify-content:center;
	height:52px;padding:0 28px;border:1px solid #dfe3e8;border-radius:10px;
	background:#fff;font-size:14px;font-weight:700;color:#14181d;text-decoration:none;
	box-sizing:border-box;}
#cartWrap .fw-cbtn:hover{border-color:#14181d;}
#cartWrap .fw-cbtn.fw-cta{min-width:240px;background:#14181d;color:#fff;border-color:#14181d;
	font-size:15px;}
#cartWrap .fw-cbtn.fw-cta:hover{background:#333;}
#cartWrap .fw-cbtn.fw-cghost{color:#9aa0a8;border-color:#e7ebef;font-weight:500;}

/* ── 간편결제 줄 — 위젯 안은 불가침, 자리만 가운데 ── */
#cartWrap .cart-ft2{display:flex;gap:10px;justify-content:center;align-items:center;
	padding:8px 0 20px;}

/* ── 빈 장바구니 문구 ── */
#cartWrap .table-cart .nbg td{font-size:13.5px;color:#9aa0a8;padding:44px 0;}

/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 2차 : 시안 배치 (2026-08-07)
   JS 가 화면을 두 칸으로 재배치한다. 여기엔 그 옷.
   ========================================================================== */
#fwCartCols{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;}
#fwCartCols .fw-cleft{min-width:0;}
#fwCartCols .fw-cright{position:sticky;top:70px;}

/* 오른쪽 합계 카드 */
.fw-sumcard{background:#fff;border:1px solid #e7ebef;border-radius:14px;padding:22px;}
.fw-sumtit{font-size:16px;font-weight:800;color:#14181d;margin-bottom:12px;}
.fw-sumbody{font-size:13.5px;color:#5a6169;line-height:2;}
.fw-sumbody .tb-right{text-align:left !important;padding:0 !important;}
.fw-sumbody strong{display:inline-block;font-size:22px;font-weight:800;color:#14181d;}
.fw-sumcard .fw-cta{display:flex;align-items:center;justify-content:center;
	width:100%;min-width:0;height:54px;margin-top:14px;border-radius:10px;
	background:#14181d;color:#fff;font-size:15px;font-weight:700;text-decoration:none;
	border:0;box-sizing:border-box;}
.fw-sumcard .fw-cta:hover{background:#333;}

/* 숨김 열 */
#cartWrap .fw-hidecol{display:none !important;}

/* 카드 안 표 여백 재조정 */
#fwCartCols .table-cart td{padding:16px 8px;}
#fwCartCols .lvl-guide,#fwCartCols .cart-free-area{margin-top:14px;}

/* 아래 버튼 줄 — 주문하기가 카드로 갔으니 나머지만 왼쪽 정렬 */
#cartWrap .btn-order-ctrl{justify-content:flex-start;padding-top:18px;}

/* 폭 좁아지면 한 칸으로 */
@media (max-width:1100px){#fwCartCols{grid-template-columns:1fr;}#fwCartCols .fw-cright{position:static;}}

/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 3차 : 완성도 (2026-08-07 · 미리보기 실측 반영)
   ========================================================================== */
/* 옛 제목 유령 글자(SHOPPING CART)와 밑줄 제거 */
#cartWrap .fw-ctitle::before,#cartWrap .fw-ctitle::after{content:none !important;display:none !important;}
#cartWrap .fw-ctitle,#cartWrap h2.tit-page{border:0 !important;background:none !important;}

/* 표 — 남은 열이 폭을 채우게 */
#cartWrap .table-cart table{width:100%;table-layout:auto;}
#cartWrap .table-cart td,#cartWrap .table-cart th{vertical-align:middle;}
#cartWrap .table-cart .tb-left a{line-height:1.45;}

/* 옵션 줄(회색 보조 줄) */
#cartWrap .table-cart .tb-opt{background:#fafbfc;border-radius:8px;padding:8px 12px !important;
	font-size:12.5px;color:#7d848c;}
#cartWrap .table-cart .tb-opt img{display:none;}
#cartWrap .uni-opt{margin-top:6px;}

/* 오른쪽 카드 금액 — 합계는 제 줄에 크게 */
.fw-sumbody{font-size:13px;color:#5a6169;line-height:1.9;}
.fw-sumbody strong{display:block;text-align:right;font-size:24px;margin-top:8px;
	padding-top:10px;border-top:1px solid #e7ebef;}

/* 담긴 상품 카드 아래 여백 */
#fwCartCols .table-cart{margin-bottom:0;}
#fwCartCols .fw-cleft > .fw-csec:first-child{padding-top:4px;}

/* 3차 잔손질 — 미리보기 실측 반영 */
#cartWrap .fw-mini{text-indent:0 !important;min-width:56px;text-align:center;}
#cartWrap .uni-opt a::before,#cartWrap .uni-opt a::after{content:none !important;}

/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 4차 : 시안 1:1 (2026-08-07)
   ========================================================================== */

/* ── 취소 칸 버튼 글자 복구 — 옛 규칙이 글자 크기를 0으로 눌러놨다 ── */
#cartWrap .fw-mini{font-size:11.5px !important;color:#7d848c !important;
	line-height:1.4 !important;height:auto !important;}
#cartWrap .table-cart .d-block{width:auto;height:auto;}

/* ── 표 머리(사진·제품명…) 숨김 — 시안엔 없다 ── */
#cartWrap .table-cart thead{display:none;}

/* ── 목록 카드 머리줄 ── */
#cartWrap .fw-listhead{display:flex;align-items:center;justify-content:space-between;
	padding:16px 20px;border-bottom:1px solid #f1f3f5;}
#cartWrap .fw-listhead b{font-size:14px;font-weight:800;color:#14181d;}
#cartWrap .fw-freechip{padding:6px 12px;border-radius:8px;background:#FFF8DC;
	font-size:12px;font-weight:700;color:#8a7207;}

/* ── 수량 : 시안처럼 [ − ][ 1 ][ + ] 한 줄 ── */
#cartWrap .opt-spin{display:inline-flex;align-items:center;}
#cartWrap .opt-spin input{order:2;width:36px !important;height:30px;border-radius:0;
	border-left:0;border-right:0;margin:0;}
#cartWrap .opt-spin .btns{display:contents;}
#cartWrap .opt-spin .btns a{display:flex;align-items:center;justify-content:center;
	width:30px;height:30px;box-sizing:border-box;border:1px solid #dfe3e8;background:#fff;
	font-size:14px;color:#14181d;text-decoration:none;}
#cartWrap .opt-spin .btns a img{display:none;}
#cartWrap .opt-spin .btns a:first-child{order:3;border-radius:0 6px 6px 0;}
#cartWrap .opt-spin .btns a:first-child::before{content:'+';}
#cartWrap .opt-spin .btns a:last-child{order:1;border-radius:6px 0 0 6px;}
#cartWrap .opt-spin .btns a:last-child::before{content:'−';}

/* ── 무료배송 안내를 카드 안 하단 줄로 ── */
#cartWrap .fw-instrip{margin:0 !important;border-radius:0 !important;
	border-top:1px solid #f1f3f5 !important;background:#fafbfc !important;
	padding:12px 20px !important;font-size:12.5px !important;}
#cartWrap .fw-instrip p{margin:0;}

/* ── 아래 버튼 : 시안처럼 흰 큰 버튼 두 개 + 나머지는 옅게 ── */
#cartWrap .btn-order-ctrl{display:flex;gap:12px;align-items:center;padding:14px 0 4px;}
#cartWrap .btn-order-ctrl .fw-cbtn{flex:1 1 0;height:50px;}
#cartWrap .btn-order-ctrl .fw-cbtn.fw-cghost{flex:0 0 auto;height:auto;padding:6px 4px;
	border:0;background:none;font-size:12.5px;text-decoration:underline;}

/* ── 간편결제 : 오른쪽 카드 밑 세로 ── */
#fwCartCols .fw-cright .cart-ft2{display:flex;flex-direction:column;gap:8px;
	align-items:stretch;padding:12px 0 0;}
#fwCartCols .fw-cright .cart-ft2 > *{margin:0 auto;}

/* 카드 머리줄이 생겼으니 바깥 중복 제목은 숨김 */
#fwCartCols .fw-cleft > .fw-csec{display:none;}

/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 5차 (2026-08-07 · 피드백 4건)
   ========================================================================== */
/* ① 제목과 진행 단계 사이 띄우기 */
#cartWrap .fw-ctitle{padding:22px 0 16px;}
#cartWrap .fw-csteps{padding:8px 0 30px;}

/* ② 상품명 밑으로 온 옵션 줄 */
#cartWrap .table-cart .tb-left .tb-opt{margin-top:8px;padding:8px 12px !important;
	display:inline-block;}

/* ③ 수량 — 상세페이지와 같은 크기 규격 (32px 칸 · 44px 숫자) */
#cartWrap .opt-spin .btns a{width:32px;height:32px;font-size:14px;}
#cartWrap .opt-spin input{width:44px !important;height:32px;font-size:13.5px;
	font-weight:700;color:#14181d;}

/* ④ 비우기·견적서도 같은 박스 버튼 (HTML 에서 옅은 클래스 제거됨) */
#cartWrap .btn-order-ctrl .fw-cbtn{flex:1 1 0;height:50px;}

/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 6차 (2026-08-07 · 피드백 4건)
   ========================================================================== */
/* ① 개별 배송비 표시 */
#cartWrap .fw-delitag{margin-top:6px;font-size:12px;color:#c8420f;font-weight:600;}

/* ② 옵션 변경 — 옵션 글 줄 끝의 작은 링크 */
#cartWrap .fw-optmod{margin-left:10px;padding:3px 9px !important;min-width:0 !important;
	font-size:11px !important;vertical-align:middle;}

/* ③ 수량 — 상세페이지와 동일한 디자인(한 덩어리 알약형 [−][숫자][+]), 크기만 축소.
   기호는 상세처럼 가는 막대(::before/::after)로 그린다. 앞서 4·5차의 수량 규칙을 여기서 덮는다 */
#cartWrap .opt-spin{display:inline-flex;align-items:stretch;width:112px;height:36px;
	box-sizing:border-box;border:1px solid #dfe3e8;border-radius:10px;overflow:hidden;
	background:#fff;padding:0;box-shadow:none;}
/* ★ 테두리는 바깥 한 줄만. 안쪽 칸막이를 같이 그리면 두 줄처럼 겹쳐 보인다 */
#cartWrap .opt-spin input{order:2;width:auto !important;min-width:0;flex:1 1 0;height:34px;
	border:0 !important;border-radius:0;background:transparent !important;margin:0;
	padding:0 !important;text-align:center;font-size:13.5px;font-weight:700;color:#14181d;
	box-sizing:border-box;}
#cartWrap .opt-spin .btns{display:contents;}
#cartWrap .opt-spin .btns a{position:relative;width:34px;height:34px;flex:0 0 34px;
	border:0;border-radius:0;background:#fff;font-size:0;line-height:0;}
#cartWrap .opt-spin .btns a:first-child{order:3;border-radius:0;border-left:0;}
#cartWrap .opt-spin .btns a:last-child{order:1;border-radius:0;border-right:0;}
#cartWrap .opt-spin .btns a:hover{background:#f6f7f9;}
#cartWrap .opt-spin .btns a:first-child::before,
#cartWrap .opt-spin .btns a:last-child::before{content:'';position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);width:12px;height:2px;background:#41474e;border-radius:1px;}
#cartWrap .opt-spin .btns a:first-child::after{content:'';position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);width:2px;height:12px;background:#41474e;border-radius:1px;}

/* ④ 첫 줄(nbg)만 다르던 박스 크기 통일 */
#cartWrap .table-cart tr.nbg td{padding:16px 8px;background:transparent;}
#cartWrap .table-cart tr td{height:auto;}

/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 7차 (2026-08-07 · 피드백 6건)
   ========================================================================== */
/* 6차의 nbg 손질은 JS 에서 클래스를 떼는 방식으로 바꿨다 (빈 장바구니 여백 보존) */
#cartWrap .table-cart tbody tr.nbg td{background:#fafbfc;}

/* ① 담긴 상품 번호 배지 */
#cartWrap .table-cart .tb-left .fw-num{display:inline-flex;align-items:center;justify-content:center;
	width:20px;height:20px;margin-right:8px;border-radius:6px;background:#f1f3f5;
	font-size:11.5px;font-weight:700;color:#7d848c;vertical-align:middle;}

/* ② 상품명 — 길어도 두 줄까지 보이게 */
#cartWrap .table-cart .tb-left a{display:inline;line-height:1.5;word-break:break-all;}
#cartWrap .table-cart .tb-left{padding-right:10px;}

/* ③ 개별 배송비 표시 — 옅은 배지로 (빨간 글자만 있으면 눈에 너무 세다) */
#cartWrap .fw-delitag{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:7px;
	background:#FFF1EC;font-size:11.5px;font-weight:700;color:#C8420F;}

/* ④ 옵션 줄은 상품명 아래 제 줄에 (짧은 상품명 옆에 붙어 올라가던 것 고정) */
#cartWrap .table-cart .tb-left .tb-opt{display:block !important;width:-moz-fit-content;
	width:fit-content;max-width:100%;}
#cartWrap .table-cart .tb-left{padding-top:2px;padding-bottom:2px;}

/* ★ 수량 상자 두 줄 방지 — 버튼·입력칸에 남아 있던 옛 테두리를 완전히 지운다 */
#cartWrap .opt-spin .btns a{border:0 !important;border-radius:0 !important;background:#fff !important;}
#cartWrap .opt-spin input{border:0 !important;border-radius:0 !important;box-shadow:none !important;}

/* 발송 안내 한 줄 (헤더의 공통 계산에서 가져온다) */
#cartWrap .fw-shipline{margin-top:6px;font-size:12.5px;font-weight:700;color:#41474e;}


/* ==========================================================================
   FISHWIZ v2 6a-1 — 장바구니 6차 (2026-08-13 · 사장님 피드백 3건 중 2건)
   ========================================================================== */

/* ── ① 첫 줄 수량을 − + 로 올리고 내리면 칸 크기가 조금씩 흔들리던 것 ──
   원인 : 표가 table-layout:auto 다. 값이 바뀔 때마다 브라우저가 열 폭을 다시 잰다.
   첫 줄에서만 눈에 띈 이유 — 자동 계산은 첫 줄을 기준으로 삼기 때문이다.
   해결 : 제품명 말고는 열 폭을 못박는다. 무엇이 바뀌어도 자리가 안 움직인다.
   담긴 상품 표 열 순서 : 번호(숨김) 사진 제품명 수량 적립(숨김) 가격 배송비(숨김) 배송방법(숨김) 취소 */
#cartWrap .fw-carttbl td:nth-child(2),
#cartWrap .fw-carttbl th:nth-child(2){width:90px;min-width:90px;}            /* 사진 */
#cartWrap .fw-carttbl td:nth-child(4),
#cartWrap .fw-carttbl th:nth-child(4){width:116px;min-width:116px;}          /* 수량 */
#cartWrap .fw-carttbl td:nth-child(6),
#cartWrap .fw-carttbl th:nth-child(6){width:140px;min-width:140px;white-space:nowrap;} /* 가격 (정가·할인율·적립금이 들어간다) */
#cartWrap .fw-carttbl td:nth-child(9),
#cartWrap .fw-carttbl th:nth-child(9){width:96px;min-width:96px;}            /* 취소 */
/* 수량 상자 자체도 폭을 못박아 둔다 — 숫자가 1 에서 10 으로 바뀌어도 안 늘어난다 */
#cartWrap .opt-spin{width:108px;justify-content:center;}

/* ── ② 관심상품 목록을 부품표에 맞춘다 ──
   열 순서 : 사진 제품명 수량 적립 재고 가격 처리 (일곱 개 모두 보인다)
   여기는 숨긴 열이 없으니 table-layout:fixed 를 써서 아예 흔들리지 않게 한다. */
#cartWrap .fw-wishtbl{table-layout:fixed;width:100%;}
#cartWrap .fw-wishtbl col:nth-child(1){width:100px;}   /* 사진 */
#cartWrap .fw-wishtbl col:nth-child(3){width:120px;}   /* 수량 */
#cartWrap .fw-wishtbl col:nth-child(4){width:90px;}    /* 적립 */
#cartWrap .fw-wishtbl col:nth-child(5){width:80px;}    /* 재고 */
#cartWrap .fw-wishtbl col:nth-child(6){width:120px;}   /* 가격 */
#cartWrap .fw-wishtbl col:nth-child(7){width:110px;}   /* 처리 */

/* 수량 칸 — 부품표에 「표 안 수량칸」 부품이 없어서, 같은 화면의 장바구니 수량 칸과
   같은 테두리(#DFE3E8)·모서리·높이로 맞췄다. 「개」는 상자 안 오른쪽에 붙인다.
   관심상품에는 올리고 내리는 치환코드(link_quantity_up/down)가 없어 − + 는 못 만든다. */
#cartWrap .fw-wqty{display:inline-flex;align-items:stretch;height:32px;box-sizing:border-box;
	border:1px solid #dfe3e8;border-radius:6px;background:#fff;overflow:hidden;}
#cartWrap .fw-wqty input{width:48px !important;height:30px !important;
	border:0 !important;margin:0 !important;padding:0 !important;border-radius:0 !important;
	background:transparent !important;text-align:center !important;
	font-size:13.5px;font-weight:700;color:#14181d;}
#cartWrap .fw-wqty em{display:flex;align-items:center;padding:0 8px;
	border-left:1px solid #eef1f4;background:#fafbfc;
	font-style:normal;font-size:12px;color:#8a9099;}

/* 적립금 — 부품표 색 #8A7207 · PC 12 */
#cartWrap .fw-wishtbl .fw-wreserve{font-size:12px;font-weight:500;color:#8A7207;white-space:nowrap;}
/* 재고 — 보조 글자 */
#cartWrap .fw-wishtbl .fw-wstock{font-size:12.5px;color:#8A9099;white-space:nowrap;}
/* 판매가 — 부품표 PC 18 Bold #14181D */
#cartWrap .fw-wishtbl .fw-wprice{font-size:18px;font-weight:800;color:#14181D;white-space:nowrap;}
/* 상품명 — 부품표 PC 15 Regular #2B3138 · 두 줄까지 */
#cartWrap .fw-wishtbl .tb-left{font-size:15px;font-weight:400;line-height:1.4;color:#2B3138;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ── ③ 담긴 상품 판매가 색 — 옛 빨강 #e53030 은 부품표에 없는 값이다.
   부품표 판매가 #14181D 로 맞춘다. 되돌리려면 이 한 줄만 지우면 된다. */
#cartWrap .tb-price{color:#14181D !important;font-size:18px;font-weight:800;}

/* ── ④ 가격 줄 · 적립금 — 부품표 그대로 (2026-08-13) ──
   부품표 순서 : 정가(취소선) → 할인율 → 판매가 → 적립금
   색   : 정가 #B3B9C0 취소선 · 판매가 #14181D · 적립금 #8A7207 · 할인율 #C8420F
   크기 : PC 정가 13 · 판매가 18 Bold · 적립금 12
   장바구니 화면 치환코드 목록을 편집창에서 확보하고(2026-08-13 · 379개) 있는 태그만 썼다.
     담긴 상품 — basket@price_consumer(정가) 있음 · basket@reserve(적립) 있음
     관심상품 — price_consumer(정가) 없음. price_sell·price_discount·reserve_price 만 있음 */

/* 담긴 상품 가격 상자
   ★ 2026-08-13 4판 — 적립금·정가·할인율이 전부 검정 14px 로 나오던 이유.
     이 파일 423 줄에 이런 규칙이 있다.
       #cartWrap .table-cart .tb-price span { font-size:14px; font-weight:800; color:#14181d; }
     가격 칸(.tb-price) 안의 <span> 을 전부 잡는다.
     내가 쓴 `#cartWrap .fw-breserve` 는 클래스가 하나뿐이라 특이도에서 밀렸다.
       저쪽 = 아이디1 + 클래스2 + 태그1   내쪽 = 아이디1 + 클래스1  → 저쪽이 이긴다.
     3판까지 적립금이 금색으로 보였던 건 그때는 적립금이 별도 열(.tb-right)이라
     이 규칙에 안 걸렸기 때문이다. 가격 칸으로 옮기면서 걸렸다.
   해결 : !important 를 쓰지 않고, 선택자를 같은 깊이로 맞춰 한 단계 더 좁힌다.
     (규칙 ⑦ — !important 를 남기면 나중에 자기 발을 밟는다) */
#cartWrap .table-cart .tb-price.fw-bpricebox{display:flex;flex-direction:column;
	align-items:flex-end;gap:2px;line-height:1.25;}
/* ★ 2026-08-13 6판 — 숫자만 안 바뀌던 이유.
   `number/` 필터는 숫자를 메이크샵이 자기 <span> 으로 감싸서 내보낸다.
     <span class="fw-breserve"><span class="MK_reserve10940173_475112">400</span>원 적립</span>
   그 안쪽 span 이 423 줄 규칙(.tb-price span)에 직접 걸려 14px·검정이 됐다.
   내 규칙은 겉 span(.fw-breserve)만 잡았으니, 글자는 바뀌고 숫자는 안 바뀐 것이다.
   → 안쪽 span 까지 같이 잡는다. 크롬 실측 확인 : 400 이 12px·#8A7207, 40,000 이 18px 로 바뀜. */
#cartWrap .table-cart .tb-price .fw-bconsumer,
#cartWrap .table-cart .tb-price .fw-bconsumer span{font-size:13px;font-weight:400;color:#B3B9C0;
	text-decoration:line-through;}
#cartWrap .table-cart .tb-price .fw-brate{font-size:12.5px;font-weight:800;color:#C8420F;}
#cartWrap .table-cart .tb-price .fw-bsell,
#cartWrap .table-cart .tb-price .fw-bsell span,
#cartWrap .table-cart .tb-price .fw-bwon{font-size:18px;font-weight:800;color:#14181D;}
/* 할인이 없는 상품 — 옛 값 칸을 그냥 판매가로 쓴다 (취소선 뗀다) */
#cartWrap .table-cart .tb-price .fw-bconsumer.fw-asnow{font-size:18px;font-weight:800;
	color:#14181D;text-decoration:none;}
/* 적립금 — 부품표 · 메인과 같은 값 (12 · 500 · #8A7207) */
#cartWrap .table-cart .tb-price .fw-breserve,
#cartWrap .table-cart .tb-price .fw-breserve span{font-size:12px;font-weight:500;color:#8A7207;
	white-space:nowrap;}

/* 관심상품 가격 상자 — 정가 태그가 없어 「판매가(취소선) → 할인율 → 할인가」 */
#cartWrap .fw-wpricebox{display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.25;}
#cartWrap .fw-wsell{font-size:13px;font-weight:400;color:#B3B9C0;text-decoration:line-through;}
#cartWrap .fw-wrate{font-size:12.5px;font-weight:800;color:#C8420F;}
#cartWrap .fw-wishtbl .fw-wprice{font-size:18px;font-weight:800;color:#14181D;white-space:nowrap;}
#cartWrap .fw-wsell.fw-asnow{font-size:18px;font-weight:800;color:#14181D;text-decoration:none;}

/* ── ⑤ 2026-08-13 2판 — 사장님 지적 두 가지 ──
   ① 「원」이 한 칸 아래로 밀렸다 : 가격 상자를 세로(flex column)로 만들면서
      판매가와 「원」이 각각 다른 줄이 됐다. 내 잘못이다.
      → 판매가와 「원」을 fw-bsellrow 한 상자에 넣어 가로로 붙인다.
   ② 옵션 글이 두 줄로 밀렸다 : 적립금을 한 열 더 두면서 제품명 칸이 100px 좁아졌다.
      → 적립 열을 다시 비우고 적립금을 가격 칸 안으로. 열 폭도 다시 조였다.
      「옵션 변경」 단추는 낱말 가운데서 잘리지 않게 못박는다. */
#cartWrap .table-cart .tb-price .fw-bsellrow{display:inline-flex;align-items:baseline;
	white-space:nowrap;font-size:18px;}
#cartWrap .table-cart .tb-price .fw-bpricebox .fw-breserve,
#cartWrap .table-cart .tb-price.fw-bpricebox .fw-breserve{margin-top:2px;}
/* 옵션 줄 — 글과 단추가 서로 밀지 않게 */
#cartWrap .fw-carttbl .tb-left .fw-mini{white-space:nowrap;}
#cartWrap .fw-carttbl .uni-opt{display:block;margin-top:6px;}
#cartWrap .fw-carttbl .tb-left .tb-opt{max-width:100%;}

/* BASIC css end */