/* ============================================================
   배송신청 리뉴얼 (Views/UserOrder/Shipping.cshtml) · 2026-09-17
   - 스코프 .renewal-ship · SE(375) 고정 px + data-se-scale 통스케일
   - 박스구매(.renewal-buy) 와 같은 크림 배경 + 흰 카드 톤
   - 결제 스크립트가 쓰는 id/name/class 는 그대로 유지 (모양만 변경)
   ============================================================ */
.renewal-ship {
    --rs-brand: #F9781A;
    --rs-brand-deep: #E56610;
    --rs-brand-weak: #FFF5EC;
    --rs-gold: #9C7A3C;
    --rs-ink: #1F1815;
    --rs-ink2: #4A423B;
    --rs-ink3: #8A8278;
    --rs-line: #EFE9DA;
    --rs-input: #F7F3EC;
    background: #FFF8EE;
    padding: 10px 10px 24px;
    font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
    color: var(--rs-ink);
    letter-spacing: -.02em;
}
.renewal-ship *, .renewal-ship *::before, .renewal-ship *::after { box-sizing: border-box; }
.renewal-ship form { margin: 0; }

/* ---------- 카드 ---------- */
.renewal-ship .rs-card {
    background: #fff;
    border-radius: 14px;
    padding: 14px 14px 12px;
    margin-bottom: 8px;
    box-shadow: 0 2px 8px rgba(93, 78, 61, .06), 0 .5px 1px rgba(93, 78, 61, .04);
}
.renewal-ship .rs-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 10px;
}
.renewal-ship .rs-title { margin: 0; font-size: 15px; font-weight: 700; color: var(--rs-ink); }
.renewal-ship .rs-title small { margin-left: 4px; font-size: 12px; font-weight: 500; color: var(--rs-ink3); }
.renewal-ship .rs-side { font-size: 12px; font-weight: 500; color: var(--rs-ink3); white-space: nowrap; }
.renewal-ship .rs-side b { font-weight: 700; color: var(--rs-ink); }

/* 결제 긴급 알림 */
.renewal-ship .rs-emergency { background: #FFF3EA; border: 1px solid #FFD3B0; }
.renewal-ship .rs-emergency .rs-title { color: #D33B34; }
.renewal-ship .rs-emergency pre { margin: 0; font-family: inherit; white-space: pre-wrap; font-size: 12px; color: var(--rs-ink2); }

/* ---------- 배송할 상품 ---------- */
.renewal-ship .rs-items { list-style: none; margin: 0; padding: 0; }
.renewal-ship .rs-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid #F4EFE6;
}
.renewal-ship .rs-item:first-child { border-top: 0; padding-top: 0; }
.renewal-ship .rs-thumb {
    flex: 0 0 auto;
    width: 56px; height: 56px;
    border-radius: 10px;
    background: #F7F3EC;
    object-fit: contain;
}
.renewal-ship .rs-item-info { flex: 1 1 auto; min-width: 0; }
.renewal-ship .rs-item-name {
    font-size: 13px; font-weight: 600; line-height: 1.35; color: var(--rs-ink);
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all;
}
.renewal-ship .rs-item-price { margin-top: 3px; font-size: 13.5px; font-weight: 700; color: var(--rs-brand-deep); }
.renewal-ship .rs-vol {
    flex: 0 0 auto;
    min-width: 42px;
    padding: 3px 6px;
    border-radius: 7px;
    background: var(--rs-brand-weak);
    text-align: center;
    font-size: 10px; font-weight: 500; color: var(--rs-ink3); line-height: 1.2;
}
.renewal-ship .rs-vol b { display: block; font-size: 13px; font-weight: 700; color: var(--rs-brand-deep); }
.renewal-ship .rs-empty { padding: 18px 0; text-align: center; font-size: 13px; color: var(--rs-ink3); }

/* ---------- 입력 ---------- */
.renewal-ship .rs-field { margin-bottom: 8px; }
.renewal-ship .rs-field:last-child { margin-bottom: 0; }
.renewal-ship .rs-label { display: block; margin: 0 0 4px 2px; font-size: 11.5px; font-weight: 500; color: var(--rs-ink3); }
.renewal-ship .rs-row { display: flex; gap: 6px; align-items: stretch; }
.renewal-ship .rs-row > * { min-width: 0; }
.renewal-ship .rs-row .rs-grow { flex: 1 1 auto; }
.renewal-ship .rs-row .rs-third { flex: 1 1 0; }

.renewal-ship .form-control,
.renewal-ship select.form-control,
.renewal-ship .rs-input {
    display: block;
    width: 100%;
    height: 40px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: var(--rs-input) !important;
    color: var(--rs-ink) !important;
    font-family: inherit;
    font-size: 13.5px !important;
    font-weight: 500;
    line-height: 40px;
    box-shadow: none !important;
}
.renewal-ship .form-control::placeholder { color: #B5ADA2 !important; font-weight: 400; }
.renewal-ship .form-control:focus { border-color: var(--rs-brand) !important; background: #fff !important; outline: none; }
.renewal-ship .form-control[readonly] { color: var(--rs-ink2) !important; }
.renewal-ship select.form-control {
    -webkit-appearance: none; appearance: none;
    padding-right: 28px !important;
    background: var(--rs-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%238A8278' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E") right 10px center / 11px no-repeat !important;
}
.renewal-ship .select-wrap .icon { display: none; }

/* 작은 버튼 */
.renewal-ship .rs-btn-line,
.renewal-ship .rs-btn-fill {
    flex: 0 0 auto;
    height: 40px;
    padding: 0 14px;
    border-radius: 10px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center;
    text-decoration: none !important;
}
.renewal-ship .rs-btn-line { border: 1.5px solid #F2C39B; background: #fff; color: var(--rs-brand-deep) !important; }
.renewal-ship .rs-btn-fill { border: 0; background: var(--rs-brand); color: #fff !important; }
.renewal-ship .rs-btn-sm { height: 30px; padding: 0 10px; font-size: 12px; border-radius: 8px; }

/* ---------- 쿠폰 ---------- */
.renewal-ship .rs-coupon { display: flex; align-items: center; gap: 8px; }
.renewal-ship .rs-coupon .discount_name { flex: 1 1 auto; min-width: 0; font-size: 12.5px; font-weight: 500; color: var(--rs-ink2); word-break: keep-all; }

/* ---------- 포인트 ---------- */
.renewal-ship .rs-point { display: flex; align-items: center; gap: 6px; }
.renewal-ship .rs-stepper {
    flex: 1 1 auto; min-width: 0;
    display: flex; align-items: center; gap: 4px;
    height: 40px; padding: 0 4px;
    border-radius: 10px; background: var(--rs-input);
}
.renewal-ship .rs-stepper .quantity-left-minus,
.renewal-ship .rs-stepper .quantity-right-plus {
    flex: 0 0 auto;
    width: 32px; height: 32px;
    border-radius: 8px; border: 0; background: #fff;
    display: grid; place-items: center;
    font-size: 16px; font-weight: 600; color: var(--rs-brand-deep);
    cursor: pointer; user-select: none;
}
.renewal-ship .rs-stepper #c_point {
    flex: 1 1 auto; min-width: 0;
    height: 32px !important; padding: 0 !important;
    background: transparent !important;
    text-align: center; font-size: 14px !important; font-weight: 700; color: var(--rs-ink) !important;
    -moz-appearance: textfield;
}
.renewal-ship .rs-stepper #c_point::-webkit-outer-spin-button,
.renewal-ship .rs-stepper #c_point::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* ---------- 결제 예정 금액 ---------- */
.renewal-ship .rs-sum-row {
    display: flex; justify-content: space-between; align-items: center;
    padding: 5px 0;
    font-size: 13px; font-weight: 500; color: var(--rs-ink2);
}
.renewal-ship .rs-sum-row b { font-weight: 600; color: var(--rs-ink); }
.renewal-ship .rs-sum-row.is-minus b { color: #D64533; }
.renewal-ship .rs-sum-total {
    display: flex; justify-content: space-between; align-items: baseline;
    margin-top: 6px; padding-top: 10px;
    border-top: 1px dashed #E3DCD1;
    font-size: 14px; font-weight: 600; color: var(--rs-ink);
}
.renewal-ship .rs-sum-total b { font-size: 20px; font-weight: 700; color: var(--rs-brand-deep); }

/* ---------- 결제방식 (라디오 → 칩) ---------- */
.renewal-ship .rs-pay { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.renewal-ship .rs-pay-item { position: relative; margin: 0; }
.renewal-ship .rs-pay-item input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.renewal-ship .rs-pay-item label {
    display: flex; align-items: center; justify-content: center;
    height: 40px; margin: 0;
    border: 1.5px solid var(--rs-line); border-radius: 10px; background: #fff;
    font-size: 13px; font-weight: 500; color: var(--rs-ink2);
    cursor: pointer;
}
.renewal-ship .rs-pay-item input:checked + label { border-color: var(--rs-brand); background: var(--rs-brand-weak); color: var(--rs-brand-deep); font-weight: 700; }

/* ---------- 약관 ---------- */
.renewal-ship .rs-terms .card { border: 0; border-radius: 0; background: transparent; border-top: 1px solid #F4EFE6; }
.renewal-ship .rs-terms .card:first-child { border-top: 0; }
.renewal-ship .rs-terms .card-header {
    position: relative;
    padding: 11px 24px 11px 2px; border: 0; background: transparent;
}
.renewal-ship .rs-terms .card-header h6 { margin: 0; font-size: 13px !important; font-weight: 500 !important; color: var(--rs-ink2) !important; font-family: inherit !important; }
.renewal-ship .rs-terms .card-header::after {
    content: ""; position: absolute; right: 4px; top: 50%;
    width: 7px; height: 7px; margin-top: -5px;
    border-right: 1.5px solid #B5ADA2; border-bottom: 1.5px solid #B5ADA2;
    transform: rotate(45deg); transition: transform .2s;
}
.renewal-ship .rs-terms .card-header[aria-expanded="true"]::after { transform: rotate(-135deg); margin-top: -1px; }
.renewal-ship .rs-terms .card-body {
    padding: 10px 12px; margin-bottom: 10px;
    border-radius: 10px; background: #FAF7F2;
    font-size: 12px; line-height: 1.6; color: var(--rs-ink2); word-break: keep-all;
}

/* ---------- 결제 연락처 ---------- */
.renewal-ship .rs-note { margin: -2px 0 8px; font-size: 11.5px; line-height: 1.55; color: var(--rs-ink3); word-break: keep-all; }

/* ---------- 동의 + 결제 버튼 ---------- */
.renewal-ship .rs-agree {
    display: flex; align-items: center; gap: 8px;
    margin: 4px 2px 10px;
    font-size: 13px; font-weight: 500; color: var(--rs-ink2);
    cursor: pointer;
}
.renewal-ship .rs-agree input { width: 18px; height: 18px; margin: 0; accent-color: var(--rs-brand); flex: 0 0 auto; }
.renewal-ship .rs-cta {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 50px;
    border: 0; border-radius: 14px;
    background: linear-gradient(100deg, #FFA04A 0%, #FB7F22 48%, #F26A0C 100%);
    color: #fff !important;
    font-family: inherit; font-size: 16px; font-weight: 700;
    cursor: pointer; text-decoration: none !important;
}
.renewal-ship .rs-cta.is-home { background: #8A8278; }