/* ============================================================
   리뉴얼 서브페이지 공통 조각 (2026-09-17)
   - 기본 틀은 배송신청 리뉴얼(shipping-renewal.css 의 .renewal-ship : 크림 배경 + 흰 카드 + 입력칸) 재사용
   - 사용 페이지: 배송지 목록/추가 · 비밀번호 변경 · 닉네임 설정 · 교환소 목록 · 회원상세정보 · 본인인증 · 회원탈퇴 · 럭키보드 목록 · 뉴스
   - SE(375) 고정 px + data-se-scale (미디어쿼리·vw 금지)
   ============================================================ */

/* ---------- 공통 ---------- */
.renewal-ship .rp-toprow { display: flex; align-items: center; justify-content: space-between; margin: 2px 2px 8px; }
.renewal-ship .rp-toprow > span { font-size: 13px; font-weight: 500; color: #8A8278; }
.renewal-ship .rp-toprow b { font-weight: 700; color: #1F1815; }
.renewal-ship .rp-badge { display: inline-block; margin-left: 6px; padding: 2px 7px; border-radius: 6px; background: #FFF0E2; color: #E56610; font-size: 11px; font-weight: 600; line-height: 1.4; vertical-align: 2px; }
.renewal-ship .rp-badge.is-gray { background: #F4F0EA; color: #8A8278; }
.renewal-ship .rp-badge.is-green { background: #E9F6EC; color: #2F8A48; }
.renewal-ship .rp-badge.is-inline { margin-left: 0; vertical-align: 0; }
.renewal-ship .rp-help { margin: 4px 2px 0; font-size: 11.5px; font-weight: 500; color: #8A8278; word-break: keep-all; }
.renewal-ship .rp-help b { font-weight: 600; color: #E56610; }
.renewal-ship .rp-help.is-center { margin-top: 10px; text-align: center; }
.renewal-ship .rp-empty { padding: 34px 0; text-align: center; font-size: 13px; font-weight: 500; color: #8A8278; }
.renewal-ship a.rs-btn-line, .renewal-ship a.rs-btn-fill { cursor: pointer; }

/* 버튼 2개 나란히 */
.renewal-ship .rp-card-btns { display: flex; gap: 6px; margin-top: 12px; }
.renewal-ship .rp-card-btns > * { flex: 1 1 0; }
.renewal-ship .rp-cta2 { display: flex; gap: 8px; margin-top: 4px; }
.renewal-ship .rp-cta2 .rs-cta.is-line { flex: 0 0 38%; border: 1.5px solid #E3DCD1; background: #fff; color: #4A423B !important; }
.renewal-ship .rs-cta.is-danger { border: 1.5px solid #F0B7AF; background: #fff; color: #D64533 !important; }
.renewal-ship .rs-cta:disabled, .renewal-ship .rs-cta.is-off { opacity: .45; cursor: not-allowed; }

/* 선택 버튼 (라디오 → 칩) */
.renewal-ship .rp-chips { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.renewal-ship .rp-chips label { position: relative; margin: 0; }
.renewal-ship .rp-chips input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.renewal-ship .rp-chips span {
    display: flex; align-items: center; justify-content: center; height: 40px;
    border: 1.5px solid #EFE9DA; border-radius: 10px; background: #fff;
    font-size: 13px; font-weight: 500; color: #4A423B; cursor: pointer;
}
.renewal-ship .rp-chips input:checked + span { border-color: #F9781A; background: #FFF5EC; color: #E56610; font-weight: 600; }

/* 제목 + 아이콘 머리 */
.renewal-ship .rp-hero { display: flex; align-items: center; gap: 12px; }
.renewal-ship .rp-hero.is-gap { margin-bottom: 14px; }
.renewal-ship .rp-hero .rp-ic { flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; background: #FFF0E2; color: #E56610; display: grid; place-items: center; }
.renewal-ship .rp-hero .rp-ic svg { width: 24px; height: 24px; }
.renewal-ship .rp-hero-t { font-size: 15px; font-weight: 700; color: #1F1815; }
.renewal-ship .rp-hero-d { margin-top: 2px; font-size: 12px; font-weight: 500; color: #8A8278; }

/* 정보 줄 */
.renewal-ship .rp-info-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid #F4EFE6; font-size: 13.5px; }
.renewal-ship .rs-head + .rp-info-row { border-top: 0; padding-top: 2px; }
.renewal-ship .rp-info-row > span { flex: 0 0 auto; font-weight: 500; color: #8A8278; }
.renewal-ship .rp-info-row > b { min-width: 0; display: flex; align-items: center; gap: 8px; font-weight: 600; color: #1F1815; text-align: right; word-break: break-all; }
.renewal-ship .rp-info-row a { flex: 0 0 auto; font-size: 12px; font-weight: 600; color: #E56610 !important; text-decoration: none !important; }

/* ---------- 배송지 ---------- */
.renewal-ship .rp-addr-name { font-size: 15px; font-weight: 700; color: #1F1815; }
.renewal-ship .rp-addr-line { margin-top: 6px; font-size: 13px; font-weight: 500; line-height: 1.5; color: #4A423B; word-break: keep-all; }
.renewal-ship .rp-addr-sub { margin-top: 2px; font-size: 12px; font-weight: 500; color: #8A8278; word-break: keep-all; }
.renewal-ship .rs-card.is-off { opacity: .6; }
.renewal-ship .rp-popup-bar { display: flex; align-items: center; gap: 8px; margin: -2px 0 10px; padding: 4px 2px; }
.renewal-ship .rp-popup-bar a { font-size: 20px; line-height: 1; color: #4A423B; text-decoration: none; }
.renewal-ship .rp-popup-bar b { font-size: 17px; font-weight: 700; color: #1F1815; }

/* ---------- 탈퇴 ---------- */
.renewal-ship .rp-bullets { margin: 0; padding: 10px 12px 10px 24px; border-radius: 10px; background: #FAF7F2; font-size: 12px; font-weight: 500; line-height: 1.65; color: #4A423B; word-break: keep-all; }
.renewal-ship .rp-sublabel { margin: 12px 0 6px 2px; font-size: 11.5px; font-weight: 500; color: #8A8278; }
.renewal-ship .rp-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.renewal-ship .rp-tags span { padding: 4px 9px; border-radius: 8px; background: #F7F3EC; font-size: 12px; font-weight: 500; color: #4A423B; }
.renewal-ship .rp-links { display: flex; gap: 6px; margin-top: 10px; }
.renewal-ship .rp-links a { flex: 1 1 0; padding: 9px 0; border-radius: 10px; background: #F7F3EC; text-align: center; font-size: 12.5px; font-weight: 500; color: #4A423B !important; text-decoration: none !important; }

/* ---------- 교환소 목록 ---------- */
.renewal-ship .rp-calc {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 8px; padding: 11px 14px; border-radius: 12px; background: #fff;
    box-shadow: 0 2px 8px rgba(93,78,61,.06);
    font-size: 13px; font-weight: 600; color: #1F1815 !important; text-decoration: none !important;
}
.renewal-ship .rp-calc b { font-weight: 600; }
.renewal-ship .rp-calc span { margin-left: 6px; font-size: 11.5px; font-weight: 500; color: #8A8278; }
.renewal-ship .rp-calc i { font-style: normal; font-size: 16px; color: #E56610; }
.renewal-ship .rp-sx-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
/* v2 (2026-09-17) 교환소 목록 카드 정리 */
.renewal-ship .rp-sx { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(93,78,61,.06); color: inherit !important; text-decoration: none !important; }
.renewal-ship .rp-sx-img { position: relative; height: 150px; padding: 12px; background: #fff; border-bottom: 1px solid #F4EFE6; display: flex; align-items: center; justify-content: center; }
.renewal-ship .rp-sx-img img { width: 100%; height: 100%; object-fit: contain; }
.renewal-ship .rp-sx-body { flex: 1 1 auto; display: flex; flex-direction: column; padding: 10px 11px 11px; }
.renewal-ship .rp-sx-name { font-size: 13.5px; font-weight: 600; line-height: 1.35; color: #1F1815; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.renewal-ship .rp-sx-need-lbl { margin-top: 5px; font-size: 11px; font-weight: 500; color: #8A8278; }
.renewal-ship .rp-sx-need { font-size: 16px; font-weight: 700; line-height: 1.3; color: #E56610; letter-spacing: -.02em; }
.renewal-ship .rp-sx-need small { margin-left: 1px; font-size: 12px; font-weight: 600; }
.renewal-ship .rp-sx-foot { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: auto; padding-top: 8px; }
.renewal-ship .rp-sx-range { min-width: 0; font-size: 11.5px; font-weight: 500; color: #8A8278; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.renewal-ship .rp-sx-left { flex: 0 0 auto; padding: 2px 7px; border-radius: 6px; background: #FFF0E2; color: #E56610; font-size: 11px; font-weight: 600; line-height: 1.4; }
.renewal-ship .rp-sx.is-sold .rp-sx-img img { opacity: .45; filter: grayscale(1); }
.renewal-ship .rp-sx-sold { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 4px 10px; border-radius: 8px; background: rgba(31,24,21,.72); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .06em; }
.renewal-ship .rp-sx.is-sold .rp-sx-need { color: #8A8278; }

/* ---------- 럭키보드 목록 ---------- */
.renewal-ship .rp-lb { display: flex; align-items: center; gap: 12px; color: inherit; cursor: pointer; }
.renewal-ship .rp-lb-th { position: relative; flex: 0 0 auto; width: 64px; height: 64px; overflow: hidden; border-radius: 12px; background: linear-gradient(140deg, #FFB36B, #F26A0C); display: grid; place-items: center; color: #fff; font-size: 11px; font-weight: 700; line-height: 1.2; text-align: center; }
.renewal-ship .rp-lb-th img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.renewal-ship .rp-lb-b { flex: 1 1 auto; min-width: 0; }
.renewal-ship .rp-lb-t { display: flex; align-items: center; font-size: 14.5px; font-weight: 700; color: #1F1815; }
.renewal-ship .rp-lb-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renewal-ship .rp-lb-t .rp-badge { flex: 0 0 auto; vertical-align: 0; }
.renewal-ship .rp-lb-m { margin-top: 2px; font-size: 12px; font-weight: 500; color: #8A8278; }
.renewal-ship .rp-bar { margin-top: 7px; height: 6px; overflow: hidden; border-radius: 6px; background: #F1EBE1; }
.renewal-ship .rp-bar i { display: block; height: 100%; border-radius: 6px; background: linear-gradient(90deg, #FFA04A, #F26A0C); }
.renewal-ship .rs-card.is-end { opacity: .55; }
.renewal-ship .rs-card.is-end .rp-lb-th { background: #CFC7BC; }
.renewal-ship .rp-paging { margin-top: 12px; }
.renewal-ship .rp-paging .block-27 ul { margin: 0; padding: 0; text-align: center; }

/* ---------- 뉴스 ---------- */
.renewal-ship .rp-news { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-top: 1px solid #F4EFE6; color: inherit !important; text-decoration: none !important; }
.renewal-ship .rp-news:first-child { padding-top: 0; border-top: 0; }
.renewal-ship .rp-news:last-child { padding-bottom: 0; }
.renewal-ship .rp-nw-th { position: relative; flex: 0 0 auto; width: 76px; height: 76px; overflow: hidden; border: 2px solid #EFE9DA; border-radius: 12px; background: #fff; display: grid; place-items: center; }
.renewal-ship .rp-nw-th img.rp-nw-img { max-width: 66px; max-height: 66px; object-fit: contain; }
.renewal-ship .rp-nw-th .water-mark { position: absolute; right: 4px; bottom: 4px; width: 26px; opacity: .8; }
/* 금액대 색은 사진 칸 2px 테두리로 표시 (2026-09-17 · 예전 5px → 얇게) */
.renewal-ship .rp-nw-b { flex: 1 1 auto; min-width: 0; }
.renewal-ship .rp-nw-u { display: flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 500; color: #8A8278; }
.renewal-ship .rp-nw-u img { width: 16px; height: 16px; object-fit: contain; }
.renewal-ship .rp-nw-n { margin-top: 2px; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: #1F1815; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all; }
.renewal-ship .rp-nw-p { margin-top: 3px; display: flex; justify-content: space-between; align-items: baseline; gap: 6px; }
.renewal-ship .rp-nw-p b { font-size: 14px; font-weight: 700; color: #E56610; }
.renewal-ship .rp-nw-p span { font-size: 11px; font-weight: 500; color: #8A8278; white-space: nowrap; }