/* ══════════════════════════════════════════════════════════════════════
   신청서 2단계 「택배별로 담기 · 수량」 + 4단계 예상 결제액 — 납품 D-19~D-24 (2026-09-24)
   원본: Documents/Business_Files/김빠른/납품-신청서택배수량/ (README §2 규격표 · 원본/*.dc.html)
   값은 시안 HTML 을 띄워 잰 좌표표(390@3x · 1024@2x)에서 그대로 옮겼다. PNG 를 눈으로 잰 값은 없다.
   .kfp 안의 상품 구획은 옛 카드(.kf-item, D-10)의 마크업·스크립트 계약을 그대로 쓰므로,
   옛 규칙(#kimfast-ship-form .kf-item … !important)보다 세게 잡는다 — 그래서 선택자마다 #kimfast-ship-form .kfp 가 붙는다.
   ══════════════════════════════════════════════════════════════════════ */

/* ── 0. 단계 머리 (D-19: 좌우 20 · 「2 / 4 · 무엇을 샀는지」 14/16/600 #1b64da · 아래 8 · 바 4 r2 · 제목 위 20 24/33/700 · 부제 위 6 15/23 #4e5968)
      옛 규칙이 ID(#kfStepTitle·#kfStepSub)·!important 로 잡고 있어 같은 세기로 덮는다. 머리는 네 단계가 함께 쓰는 부품이라 단계를 가리지 않는다. ── */
@media (max-width:767px){ .kf-apply__heroin{padding-left:20px !important;padding-right:20px !important} }
.kf-apply__heroin{padding-top:20px}
.kf-apply__hero .kf-apply__progmeta{margin:0 0 8px;font-size:14px;line-height:16px;color:#1b64da}
.kf-apply__hero .kf-apply__progmeta span,.kf-apply__hero .kf-apply__progmeta b{font-size:14px;line-height:16px;font-weight:600;color:#1b64da}
.kf-apply__prog,.kf-apply__prog i{border-radius:2px}
.kf-apply__hero #kfStepTitle:not([hidden]){margin:20px 0 0;font-size:24px;line-height:33px;font-weight:700;color:#191f28;letter-spacing:-.02em}
.kf-apply__hero #kfStepSub:not([hidden]){display:block;margin:6px 0 0;font-size:15px;line-height:23px;font-weight:400;color:#4e5968;letter-spacing:normal}

/* ── 1. 2단계 폼 — 좌우 16 · 요소 사이 12 · 하단 스크롤 여백 160(토스트·버튼이 칸을 가리지 않게, README §3) ── */
#kimfast-ship-form.kf-applyform{gap:0;margin:0 4px}
#kimfast-ship-form.kf-applyform > *{margin-top:12px}
#kimfast-ship-form.kf-applyform > input[type="hidden"],#kimfast-ship-form.kf-applyform > script{margin:0}
#kimfast-ship-form.kf-applyform > .kfp{margin-top:0}
.kf-apply.is-step2 .kf-apply__body{padding-top:0 !important;padding-bottom:160px !important}
.kf-apply.is-step2 .kf-apply__in{padding-top:12px}

.kfp{display:block;letter-spacing:normal;word-break:keep-all;overflow-wrap:break-word}   /* 시안은 keep-all — 「5,000원」이 한 덩어리로 줄을 바꾼다 */
.kfp,.kfp *{box-sizing:border-box}
.kfp *{letter-spacing:normal}   /* 시안은 제목(h2) 말고는 자간이 없다 — 옛 -.02em 이 줄바꿈 자리를 바꾼다 */
.kfp,.kfp *,#kfStep3 .kfr6-sum,#kfStep3 .kfr6-sum *,.kf-apply__hero .kf-apply__progmeta{font-variant-numeric:tabular-nums}   /* 시안 본문은 숫자가 고정폭(tabular) — 숫자가 든 줄의 줄바꿈 자리가 이것으로 정해진다 */
.kfp > * + *{margin-top:12px}
#kimfast-ship-form .kfp .kf-autosave{display:none}
#kimfast-ship-form .kfp > #kfItems{margin-top:0}   /* 앞의 숨은 자동저장 표시가 형제라 * + * 여백이 붙는다 */
/* 택배와 택배 사이 12 — 빠져 있어 새 택배가 위 택배에 붙어 보였다(2026-09-24 대표 지적) */
#kimfast-ship-form .kfp #kfItems > .kfp-parcel + .kfp-parcel{margin-top:12px}

/* ── 2. 택배 컨테이너 (§2-1: 흰 · 반경 16 · padding 20 · 사이 12) ── */
.kfp-parcel{position:relative;background:#fff;border-radius:16px;padding:20px;box-shadow:none}
.kfp-parcel__hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
#kimfast-ship-form .kfp .kfp-parcel__t{flex:1;min-width:0;margin:0 !important;font-size:17px !important;line-height:25px !important;font-weight:700 !important;color:#191f28 !important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}   /* .site-main--page .wp-block-post-content h3 (15.5px #1a2a3a) 를 덮는다 */
.kfp-parcel__rm{flex:none;margin:0;padding:0;border:0;background:none;font:inherit;font-size:14px;line-height:16px;font-weight:600;
  color:#6b7684;cursor:pointer}
.kfp-parcel__rm[hidden]{display:none}
.kfp-parcel__p11{margin:6px 0 0;font-size:14px;line-height:22px;color:#4e5968}
.kfp-parcel__p11[hidden]{display:none}

/* 운송장 칸 (§2-1 · D-19 변형 D-19v · 오류 D-23) */
.kfp-trk{margin-top:16px}
.kfp-trk__note{margin:0 0 12px;padding:0 0 0 12px;border-left:2px solid #3182f6;font-size:14px;line-height:22px;font-weight:600;color:#191f28}
.kfp-trk__note[hidden]{display:none}
.kfp-trk__lb{display:block;margin:0;font-size:13px;line-height:19px;font-weight:600;color:#4e5968}
.kfp-trk.is-focus .kfp-trk__lb{color:#1b64da}   /* D-19 변형: 칸에 커서가 오면 라벨도 파랗다(스크립트가 is-focus 를 붙인다 — P5 버튼 포커스는 아님) */
#kimfast-ship-form .kfp .kfp-trk__in{display:block;width:100%;height:52px;margin:6px 0 0;padding:0 14px;border:1px solid #e5e8eb;border-radius:12px;
  background:#fff;color:#191f28;font:inherit;font-size:15px !important;line-height:50px;box-shadow:none;appearance:none}   /* 옛 16px !important(iOS 확대 방지)보다 세게 */
#kimfast-ship-form .kfp .kfp-parcel .kfp-trk input.kfp-trk__in[type="text"]{font-size:15px !important}   /* 테마의 input 16px !important(iOS 확대 방지) 위로 */
#kimfast-ship-form .kfp .kfp-trk__in::placeholder{color:#b0b8c1}
#kimfast-ship-form .kfp .kfp-trk__in:focus{outline:0;border:2px solid #3182f6;padding:0 13px}
#kimfast-ship-form .kfp .kfp-trk__in.is-err{border-color:#f04452}
#kimfast-ship-form .kfp .kfp-trk__in.is-err:focus{border-color:#f04452}
#kimfast-ship-form .kfp .kfp-trk__in.kf-need{border-color:#f04452}
.kfp-trk__err{margin:6px 0 0;font-size:13px;line-height:20px;font-weight:500;color:#f04452}
.kfp-trk__err.is-soft{font-weight:400;color:#4e5968}   /* E5b — 막지 않고 알림만(회색) */
.kfp-trk__err[hidden]{display:none}
.kfp-trk__help{margin:6px 0 0;font-size:13px;line-height:20px;color:#6b7684}

/* 구획 나눔선 — 운송장 아래 16, 구획 사이 위아래 16 (§2-1) */
.kfp-parcel__items{margin-top:16px;border-top:1px solid #e5e8eb}
.kfp-parcel.is-empty .kfp-parcel__items{border-top:0}   /* 상품 칸을 다 뺀 운송장만 택배 — 선 없이 바로 버튼 */

/* P6 「이 택배에 상품 더 넣기」 — 높이 48 · 반경 12 · 15/600 #1b64da · 구획 끝에서 16 (E2 면 회색) */
#kimfast-ship-form .kfp .kfp-additem{display:flex;align-items:center;justify-content:center;width:100%;height:48px !important;margin:16px 0 0;padding:0;
  border:1px solid #e5e8eb !important;border-radius:12px !important;background:#fff !important;color:#1b64da !important;font:inherit;font-size:15px !important;line-height:18px;font-weight:600 !important;cursor:pointer}   /* 옛 [class*="additem"] 점선 규칙(!important) 위로 */
#kimfast-ship-form .kfp .kfp-additem:disabled{background:#f2f4f6 !important;color:#b0b8c1 !important;cursor:not-allowed}   /* E2 — 테마의 button:disabled 배경 규칙보다 세게 */
.kfp-p7{margin:6px 0 0;font-size:13px;line-height:20px;color:#4e5968}
.kfp-p7[hidden]{display:none}

/* ── 3. 상품 구획 (D-10 카드 → 구획: padding 0 · 위아래 16 · 머리 줄 32 · 번호 배지 22) ── */
#kimfast-ship-form .kfp .kf-item.kf-item--v3{position:relative;display:block;margin:0 !important;padding:16px 0 !important;
  border:0 !important;border-bottom:1px solid #e5e8eb !important;border-radius:0 !important;background:none !important;box-shadow:none !important;animation:none}
#kimfast-ship-form .kfp .kf-item.kf-item--v3:last-child{border-bottom:0 !important;padding-bottom:0 !important}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__no{display:flex !important;align-items:center;gap:8px;min-height:32px;margin:0 !important;padding:0 !important;
  border:0 !important;background:none !important;flex-wrap:wrap}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__num{display:inline-flex !important;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border-radius:50%;
  background:#e8f3ff;color:#1b64da;font-size:12px;line-height:1;font-weight:700;font-variant-numeric:tabular-nums}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-fresh .kf-item__num{background:#3182f6;color:#fff}
#kimfast-ship-form .kfp .kf-item.kf-item--v3:has(.kf-need) .kf-item__num{background:#fff0f1;color:#f04452}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__title{flex:1;min-width:0;font-size:15px !important;line-height:18px !important;font-weight:600 !important;color:#191f28 !important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__title.is-empty{color:#8b95a1 !important}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-fresh .kf-item__title.is-empty{color:#191f28 !important}   /* 「새 상품」(B2)은 검정 */
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fresh,
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__feebadge{flex:none;order:0;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;
  font-size:12px;line-height:1;font-weight:600;white-space:nowrap}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fresh{background:#e8f3ff;color:#1b64da}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__feebadge{background:#f2f4f6;color:#4e5968}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fresh[hidden],#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__feebadge[hidden]{display:none}
/* 「⋯」 32×32 · 누르면 #f2f4f6 반경 8 (§2-4) */
#kimfast-ship-form .kfp .kfp-more{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;margin:0;padding:0;
  border:0;border-radius:8px;background:none;color:#6b7684;font:inherit;font-size:18px;line-height:1;font-weight:700;cursor:pointer}
#kimfast-ship-form .kfp .kfp-more[aria-expanded="true"]{background:#f2f4f6;color:#191f28}
#kimfast-ship-form .kfp .kfp-chev{display:none;flex:none;width:auto;color:#6b7684;font-size:16px;line-height:19px;text-align:right}
/* 메뉴 — 「⋯」 아래 8 · 폭 220 · 반경 14 · 그림자 D-14 · padding 6 0 · 항목 12 16 · 15 */
.kfp-menu{position:absolute;right:0;top:56px;z-index:30;width:220px;margin:0;padding:6px 0;border-radius:14px;background:#fff;
  box-shadow:0 8px 24px rgba(0,25,60,.18);list-style:none}
.kfp-menu[hidden]{display:none}
.kfp-menu button{display:block;width:100%;margin:0;padding:12px 16px;border:0;background:none;color:#191f28;font:inherit;font-size:15px;line-height:18px;text-align:left;cursor:pointer}
.kfp-menu button:hover{background:#f9fafb}
.kfp-menu button[data-del]{color:#f04452}
.kfp-menu button[hidden]{display:none}

/* 사진 행 (D-15 상태 그대로 · 시안 좌표: padding 12 · 썸네일 44 · 위 12) */
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph{margin-top:12px;padding:12px;gap:12px;border-radius:12px;background:#f9fafb}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__thumb{width:44px;height:44px;border-radius:10px}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__body{gap:0;align-items:stretch}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__t1{display:block;font-size:14px;line-height:16px;font-weight:600;color:#191f28}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__t2{display:block}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__t2{font-size:12px;line-height:14px;color:#6b7684}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__x{width:32px;height:32px;margin:0 -10px 0 -10px;color:#6b7684}   /* 글자 ✕(12.2) 자리에 32 히트 영역 */
/* 빈 사진 행 (B2): 점선 1px #d1d6db · padding 14 · + 타일 44 #f9fafb · 「사진을 올려주세요」 14 #4e5968 — 행 전체가 누르는 자리 */
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph:not(.is-filled){padding:14px;gap:12px;border:1px dashed #d1d6db;background:#fff;cursor:pointer}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph:not(.is-filled) .kf-ph__thumb{border:0;background:#f9fafb;color:#6b7684}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph:not(.is-filled) .kf-ph__t1{font-weight:400;color:#4e5968}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__plus{display:block;font-size:20px;line-height:24px;font-weight:400;color:#6b7684}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph.is-filled .kf-ph__plus,#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph__up{display:none !important}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph.kf-need{border-color:#f04452}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-ph.is-filled .kf-ph__thumb{border:1px solid #e5e8eb;background:#fff}

/* 입력칸 — 높이 52 · 반경 12 · 1px #e5e8eb · padding 0 14 · 15 · 칸 사이 10 */
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields{display:flex;flex-direction:column;gap:10px;margin-top:10px}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields input.kf-in,
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields .kf-optfield input{display:block;width:100%;height:52px !important;min-height:0;margin:0 !important;padding:0 14px !important;
  border:1px solid #e5e8eb !important;border-radius:12px !important;background:#fff !important;color:#191f28;font-size:15px !important;line-height:50px !important;font-family:inherit;box-shadow:none !important}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields input.kf-in::placeholder,
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields .kf-optfield input::placeholder{color:#b0b8c1}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields input.kf-in:focus,
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields .kf-optfield input:focus{outline:none;border:2px solid #3182f6 !important;padding:0 13px !important;box-shadow:none}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields input.kf-in.kf-need{border:1px solid #f04452 !important;padding:0 14px !important;color:#f04452}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__row2{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;margin:0}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-optfield .kf-item__row2{grid-template-columns:1fr 1fr !important;gap:8px !important}
/* 품목분류 — 칸과 같은 모양, 오른쪽 ⌄. .kf-sel 은 블록(오류 문구가 버튼 아래 한 줄로 오게) */
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-fld--cat .kf-sel{display:block;position:relative}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-catbtn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:52px !important;min-height:0;padding:0 14px;
  border:1px solid #e5e8eb !important;border-radius:12px !important;background:#fff !important;color:#b0b8c1;font-size:15px !important;line-height:18px;font-family:inherit;text-align:left;cursor:pointer}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-catbtn.is-set{color:#191f28}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-catbtn svg{flex:none;width:18px;height:18px;stroke:#6b7684}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-catbtn.kf-need{border:2px solid #f04452 !important;padding:0 13px;color:#f04452}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-catbtn.kf-need svg{stroke:#f04452}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-needwhy{margin:6px 0 0;font-size:13px;line-height:15px;font-weight:500;color:#f04452}
/* [1개 가격 │ 수량] — 가격 flex:1 · 수량 132 고정 · gap 8 · 아래 라벨 12 #6b7684 (§2-2 · §2-3) */
#kimfast-ship-form .kfp .kfp-pq{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:4px 8px;align-items:start}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-fld--price{grid-column:auto;display:flex;align-items:center;gap:6px;height:52px;padding:0 14px;border:1px solid #e5e8eb;border-radius:12px;background:#fff}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-fld--price:focus-within{border:2px solid #3182f6;padding:0 13px;box-shadow:none}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-fld--price.kf-need{border-color:#f04452}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-fld--price .kf-cur-sym{flex:none;font-size:15px;line-height:18px;color:#6b7684}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields .kf-fld--price input.kf-in{flex:1;min-width:0;height:50px !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields .kf-fld--price input.kf-in:focus{border:0 !important;padding:0 !important}
.kfp-qty{display:flex;align-items:center;height:52px;border:1px solid #e5e8eb;border-radius:12px;background:#fff}
#kimfast-ship-form .kfp .kfp-qty button{flex:none;width:40px;height:50px;margin:0;padding:0;border:0;background:none;color:#1b64da;font:inherit;font-size:20px;line-height:24px;cursor:pointer}
#kimfast-ship-form .kfp .kfp-qty button:disabled{color:#d1d6db;cursor:default}
.kfp-qty__v{flex:1;min-width:0;text-align:center;font-size:15px;line-height:18px;font-weight:600;color:#191f28;font-variant-numeric:tabular-nums}
.kfp-pq__lb{margin:0;font-size:12px;line-height:14px;color:#6b7684}
.kfp-pq__lb--qty{text-align:center}
.kfp-q5{margin:-4px 0 0;font-size:13px;line-height:20px;font-weight:600;color:#4e5968}   /* 칸 사이 gap 10 을 빼서 위 6 (§2-2) */
.kfp-q5[hidden]{display:none}
.kfp-q6{margin:6px 0 0;font-size:13px;line-height:20px;color:#4e5968}
.kfp-q6[hidden]{display:none}
/* 품목 안내 한 줄(올리브오일·주류) · 옵션 칸 머리 — D-10 값 그대로 */
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-catnote{margin:0;padding:10px 12px;border-radius:10px;background:#f2f4f6;color:#4e5968;font-size:13px;line-height:1.55}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-catnote[hidden]{display:none}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-optfield{margin:0}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-optfield .kf-field__hd{display:flex !important;gap:8px;align-items:center;margin:0 0 6px;font-size:13px;line-height:19px;font-weight:600;color:#4e5968}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-optfield__s{margin:6px 0 0;font-size:12px;line-height:18px;color:#8b95a1}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-urlstatus{display:block;margin-top:6px;font-size:12px;line-height:18px}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-urlstatus:empty{display:none}
#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__body{display:block !important;padding:0 !important}

/* 접힌 구획 (D-10 §6 · B2): 4개 이상이면 편집 중·오류 구획만 펼침 — 한 줄 = 번호 · 이름(· n개) · ⌄, 위아래 14 */
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed{padding:14px 0 !important;cursor:pointer}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__no{min-height:22px}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__body,
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kfp-more,
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__fresh,
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__feebadge{display:none !important}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kfp-chev{display:block}
/* 알림으로 들어온 수정 화면(D-19 변형): 상품은 한 줄 요약 — 이름 #4e5968 · 오른쪽 「€ 139.00 · 1개」 13 */
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact{padding:16px 0 0 !important;cursor:pointer}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact .kf-item__no{min-height:22px}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact .kf-item__title{color:#4e5968 !important}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact .kf-item__body,
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact .kfp-more,
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact .kf-item__fresh,
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact .kf-item__feebadge{display:none !important}
#kimfast-ship-form .kfp .kfp-brief{display:none;flex:none;font-size:13px;line-height:15px;color:#4e5968;white-space:nowrap}
#kimfast-ship-form .kfp .kf-item.kf-item--v3.is-compact .kfp-brief{display:block}

/* ── 4. 바깥 — 「따로 오는 택배 추가」 52 · 흰 바탕 + 1px #3182f6 테두리 · #1b64da 16/600 · + 아이콘 18
      (2026-09-24 대표 지적: 연파랑 채움은 회색 바닥 위에서 버튼으로 안 보였다) · 합배송비가 붙을 때만 아래 한 줄 13/20 ── */
#kimfast-ship-form .kfp .kfp-addparcel{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:52px;margin:12px 0 0;padding:0;
  border:1px solid #3182f6 !important;border-radius:12px;background:#fff !important;color:#1b64da !important;font:inherit;font-size:16px;line-height:19px;font-weight:600;cursor:pointer}
#kimfast-ship-form .kfp .kfp-addparcel:active{background:#f4f9ff !important}
#kimfast-ship-form .kfp .kfp-addparcel:disabled{border-color:#e5e8eb !important;background:#f2f4f6 !important;color:#b0b8c1 !important;cursor:not-allowed}
.kfp-p10{margin:8px 0 0;padding:0 4px;font-size:13px;line-height:20px;color:#4e5968}
.kfp-p10[hidden]{display:none}

/* ── 6. 영수증 총액 카드(현행)와 하단 버튼 — 시안 D-19: 뒤로 88×56 흰 1px r14 16/600 #4e5968 · 다음 56 #3182f6 r14 16/600 · gap 8 · 좌우 16 ── */
.kf-apply.is-step2 .kf-apply__body .kf-panel{margin-top:12px;border-radius:16px;box-shadow:none}
.kf-apply .kf-apply__foot .kf-apply__bar,.kf-apply #kimfast-apply .kf-apply__bar{padding:8px 16px min(max(env(safe-area-inset-bottom),20px),24px)}
.kf-apply .kf-apply__bar{gap:8px}
.kf-apply .kf-apply__bar .kf-apply__prev{flex:none;width:88px;height:56px;border:1px solid #e5e8eb;border-radius:14px;background:#fff;color:#4e5968;font-size:16px;font-weight:600}
.kf-apply .kf-apply__bar .kf-apply__next{height:56px;border-radius:14px;font-size:16px;font-weight:600}

/* ── 7. 토스트 (§2-5): rgba(25,31,40,.86) · 반경 14 · 14 흰 · [되돌리기] 14/700 #90c2ff · 하단 버튼 위 16 ── */
body > .kfp-undo-toast{position:fixed;left:16px;right:16px;bottom:100px;z-index:2147483100;margin:0;display:flex;letter-spacing:normal;font-variant-numeric:tabular-nums;align-items:center;gap:12px;
  padding:14px 16px;border-radius:14px;background:rgba(25,31,40,.86);color:#fff;font-size:14px;line-height:16px;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.kfp-undo-toast.is-on{opacity:1;visibility:visible;transform:none}
.kfp-undo-toast span{flex:1;min-width:0}
.kfp-undo-toast button{flex:none;margin:0;padding:0;border:0;background:none;color:#90c2ff;font:inherit;font-size:14px;line-height:16px;font-weight:700;cursor:pointer}
.kfp-undo-toast button[hidden]{display:none}
@media (min-width:768px){ .kfp-undo-toast{left:50%;right:auto;width:688px;max-width:calc(100% - 32px);transform:translateX(-50%) translateY(8px)} .kfp-undo-toast.is-on{transform:translateX(-50%)} }
/* 옛 검증 토스트(kfToast → #kfMissToast)는 body 끝에 붙는다 — 2단계일 때만 같은 자리·같은 모양(E6·E7). :has 를 모르는 옛 브라우저는 옛 모양 그대로 */
body:has(.kf-apply.is-step2) .kf-toast--warn{left:16px;right:16px;bottom:100px;width:auto;max-width:none;transform:none;gap:0;border-radius:14px;padding:14px 16px;
  font-size:14px;line-height:16px;font-weight:400;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none}
body:has(.kf-apply.is-step2) .kf-toast--warn::before{display:none}
@media (min-width:768px){ body:has(.kf-apply.is-step2) .kf-toast--warn{left:50%;right:auto;width:688px;max-width:calc(100% - 32px);transform:translateX(-50%)} }
.kf-apply.is-step2 #kfStepValidation{display:none}

/* ── 8. 택배 빼기 확인창 E3 (§2-5): 반경 20 · 26/22/14 · 제목 19/27/700 · [그대로 두기] #f2f4f6 · [지우기] #f04452 · 버튼 48 r12 ── */
body > .kfp-dlg{position:fixed;inset:0;z-index:2147483110;margin:0;display:none;letter-spacing:normal;font-variant-numeric:tabular-nums;align-items:center;justify-content:center;padding:16px}
.kfp-dlg.is-on{display:flex}
.kfp-dlg__dim{position:absolute;inset:0;background:rgba(0,0,0,.28)}
.kfp-dlg__box{position:relative;width:100%;max-width:358px;padding:26px 22px 14px;border-radius:20px;background:#fff}
.kfp-dlg__t{margin:0;font-size:19px;line-height:27px;font-weight:700;color:#191f28;text-align:center}
.kfp-dlg__b{margin:8px 0 0;font-size:15px;line-height:23px;color:#4e5968;text-align:center}
.kfp-dlg__btns{display:flex;gap:9px;margin-top:16px}
.kfp-dlg__btns button{flex:1;height:48px;margin:0;padding:0;border:0;border-radius:12px;font:inherit;font-size:16px;line-height:48px;font-weight:600;cursor:pointer}
.kfp-dlg__keep{background:#f2f4f6;color:#4e5968}
.kfp-dlg__go{background:#f04452;color:#fff}

/* ── 9. 4단계 예상 결제액 D-24 (§2-5): 줄 7 0 · 라벨 15 #6b7684 · 값 15/600 · C4 13/20 #6b7684 · C5 13/20/600 #4e5968 · C6 16/700 + 24/33/700 ── */
#kfStep3 .kfr6-sum{margin-left:4px;margin-right:4px;padding:20px;border-radius:16px;background:#fff;letter-spacing:normal;word-break:keep-all;overflow-wrap:break-word}   /* 카드 358 (좌우 16) — 단계 안쪽 여백 12 에 4 를 더한다 */
#kfStep3 .kfr6-sum__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:7px 0}
#kfStep3 .kfr6-sum__lb{font-size:15px;line-height:18px;font-weight:400;color:#6b7684}
#kfStep3 .kfr6-sum__v{font-size:15px;line-height:18px;font-weight:600;color:#191f28}
#kfStep3 .kfr6-sum__c5{margin:6px 0 0;font-size:13px;line-height:20px;font-weight:600;color:#4e5968}
#kfStep3 .kfr6-sum__tot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #e5e8eb}
#kfStep3 .kfr6-sum__tlb{font-size:16px;line-height:19px;font-weight:700;color:#191f28}
#kfStep3 .kfr6-sum__tv{font-size:24px;line-height:33px;font-weight:700;color:#191f28}
#kfStep3 .kfr6-sum__note{margin:6px 0 0;font-size:13px;line-height:20px;font-weight:400;color:#6b7684}

/* ── 10. PC 1024+ (§2-6): 콘텐츠 최대 720 가운데 · 택배 세로 쌓기 · 사이 12 ── */
@media (min-width:1024px){
  .kf-apply.is-step2 .kf-apply__heroin{max-width:720px;padding-left:20px;padding-right:20px}   /* PC: 머리글 좌우 20 · 컨테이너 16 (d19_pc) */
  .kf-apply.is-step2 .kf-apply__in{max-width:720px;padding-left:16px;padding-right:16px}
  .kf-apply.is-step2 #kimfast-ship-form.kf-applyform{margin:0 !important}
  .kf-apply.is-step2 .kf-apply__foot > *{max-width:720px}
  .kf-apply.is-step2 .kf-apply__foot .kf-apply__bar{padding-left:16px;padding-right:16px}
  #kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields input.kf-in,#kimfast-ship-form .kfp .kf-item.kf-item--v3 .kf-item__fields .kf-optfield input{padding:0 14px !important}
  #kimfast-ship-form .kfp .kfp-pq{grid-template-columns:minmax(0,1fr) 132px}
  #kfStep3 .kfr6-sum{margin-left:0;margin-right:0}   /* PC 카드 688 (d24a_pc) */
  /* PC 는 접지 않는다 (D-10 규칙) */
  #kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed{padding:16px 0 !important;cursor:auto}
  #kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__body,
  #kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kfp-more,
  #kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__fresh,
  #kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__feebadge{display:inline-flex !important}
  #kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kf-item__body{display:block !important}
  #kimfast-ship-form .kfp .kf-item.kf-item--v3.is-collapsed .kfp-chev{display:none}
}

/* ── 11. 글자 확대 (B8): 가격·수량이 한 줄에 안 들어가면 두 줄 · 수량 전체 폭 · 칸은 min-height · 버튼 폭 56 ── */
@media (max-width:1023px){
  #kimfast-ship-form .kfp .kfp-pq.is-wrap{grid-template-columns:1fr}
  #kimfast-ship-form .kfp .kfp-pq.is-wrap .kfp-pq__lb--qty{text-align:left}
}
#kimfast-ship-form .kfp .kfp-pq.is-wrap .kfp-qty button{width:56px}
/* 확대됐을 때(.is-big — 스크립트 wrapCheck)만 칸 높이를 풀어 글자가 잘리지 않게 한다. 평소엔 52 고정(포커스 2px 테두리여도 52) */
#kimfast-ship-form .kfp.is-big .kfp-qty,#kimfast-ship-form .kfp.is-big .kf-item.kf-item--v3 .kf-fld--price,#kimfast-ship-form .kfp.is-big .kfp-trk__in,#kimfast-ship-form .kfp.is-big .kf-item.kf-item--v3 .kf-item__fields input.kf-in,#kimfast-ship-form .kfp.is-big .kf-catbtn{height:64px !important;line-height:62px !important}   /* B8: 칸 64 */
#kimfast-ship-form .kfp.is-big .kfp-qty button{height:62px}
#kimfast-ship-form .kfp.is-big .kf-item.kf-item--v3 .kf-item__fields .kf-fld--price input.kf-in{height:62px !important;line-height:62px !important}
@media (prefers-reduced-motion:reduce){ .kfp-undo-toast{transition:none} }
