/* phone-advisor.css — 휴대폰 목록 「AI 휴대폰추천」 패널·시트·추천 카드 (2026-10-11 · session/ai-phone-finder-ui)
   디자인 토큰: handoff README — 포인트 #E60012(hover #C9000F) · 연한 바탕 #FFF0F1 · 진한 글자 #C20010
   글자 #111 / 보조 #767676 / 비활성 #9AA0A8 · 카드 바탕 #F5F6F8 · 선 #E5E7EB · 칩 선 #DDE0E5
   모서리: 칩 999 · 옵션 14 · 카드 16–20 · 이미지 24. 모바일 < 640 ≤ 태블릿 < 1024 ≤ PC. */
.pa-panel, .pa-sheet, .pa-results { font-family: 'Pretendard Variable', Pretendard, -apple-system, sans-serif; color: #111; }
.pa-panel button, .pa-sheet button, .pa-results button { font-family: inherit; }

/* ── 패널(PC·태블릿) ── */
.pa-panel { background: #fff; border: 1px solid #E5E7EB; border-radius: 20px; padding: 24px clamp(20px, 3vw, 36px) 28px; margin-bottom: 20px; }
.pa-panel-in { max-width: 720px; margin: 0 auto; display: flex; flex-direction: column; gap: 18px; }
.pa-head { display: flex; align-items: center; gap: 10px; }
.pa-head-t { font-size: 15px; font-weight: 800; }
.pa-head-s { font-size: 13px; color: #767676; }
.pa-x { margin-left: auto; width: 36px; height: 36px; border-radius: 50%; border: none; background: #F5F6F8; font-size: 15px; color: #111; cursor: pointer; }
.pa-x:hover { background: #E5E7EB; }

/* ── 질문 스텝 ── */
.pa-step { display: flex; flex-direction: column; gap: 22px; width: 100%; }
.pa-step-hd { display: flex; align-items: center; gap: 12px; min-height: 36px; }
.pa-back, .pa-skip { border: none; background: none; padding: 6px 0; font-size: 14px; font-weight: 600; cursor: pointer; min-width: 60px; }
.pa-back { color: #111; text-align: left; }
.pa-back:hover { color: #E60012; }
.pa-back.is-off { color: #C4C8CE; cursor: default; display: inline-block; }
.pa-skip { color: #767676; text-align: right; }
.pa-skip:hover { color: #111; }
.pa-dots { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; }
.pa-dot { display: block; width: 6px; height: 6px; border-radius: 3px; background: #D5D9DF; }
.pa-dot.done { background: #F2A3A9; }
.pa-dot.on { width: 22px; background: #E60012; }
.pa-q { display: flex; flex-direction: column; gap: 6px; }
.pa-counter { font-size: 13px; font-weight: 700; color: #E60012; }
.pa-q-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.pa-q-title { margin: 0; font-size: clamp(20px, 2.4vw, 24px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.35; }
.pa-q-note { font-size: 13px; color: #767676; }
/* ⑦ 카드 질문 예시 2줄(DB 값) · ⑧ 「요금제별 혜택 한눈에」 박스 (2026-10-12 detail-fix 5·6) */
.pa-q-ex { display: flex; flex-direction: column; gap: 2px; margin-top: 4px; font-size: 13px; color: #767676; line-height: 1.45; word-break: keep-all; }
.pa-tierbox { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 14px; background: #F5F6F8; border: 1px solid #E5E7EB; }
.pa-tierbox-t { font-size: 14px; font-weight: 800; }
.pa-tierbox-save { margin: 0; padding: 8px 10px; border-radius: 10px; background: #FFF0F1; color: #C20010; font-size: 13.5px; font-weight: 700; line-height: 1.45; }
.pa-tierbox-row { display: flex; gap: 10px; align-items: baseline; font-size: 13.5px; line-height: 1.45; }
.pa-tierbox-row .nm { flex: none; min-width: 104px; font-weight: 700; display: flex; flex-direction: column; }
.pa-tierbox-row .nm small { font-size: 12px; font-weight: 500; color: #767676; }
.pa-tierbox-row .tx { min-width: 0; color: #333; word-break: keep-all; }
.pa-tierbox-note { font-size: 12px; color: #767676; }
.pa-rec-tier { font-size: 12.5px; color: #555; line-height: 1.45; padding: 0 2px; word-break: keep-all; }
@media (max-width: 639px) {
  .pa-tierbox-row { flex-direction: column; gap: 2px; }
  .pa-tierbox-row .nm { flex-direction: row; gap: 6px; align-items: baseline; }
}
.pa-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.pa-opt { display: flex; align-items: center; gap: 6px; min-height: 48px; padding: 0 20px; border-radius: 999px; border: 1px solid #DDE0E5; background: #fff; color: #111; font-size: 15px; font-weight: 600; cursor: pointer; }
.pa-opt:hover { border-color: #111; }
.pa-opt.on { border: 1.5px solid #E60012; background: #FFF0F1; color: #E60012; font-weight: 700; }
.pa-opt-sub { font-size: 13px; font-weight: 500; color: #767676; }
.pa-opt.on .pa-opt-sub { color: #C20010; }
.pa-opt.sm { min-height: 42px; padding: 0 16px; font-size: 14px; }
.pa-series { display: flex; flex-direction: column; gap: 10px; }
.pa-series-lbl { font-size: 13px; font-weight: 700; color: #767676; }
.pa-btnrow { display: flex; justify-content: flex-end; }
.pa-next { width: 200px; height: 52px; border: none; border-radius: 14px; background: #E60012; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; }
.pa-next:hover { background: #C9000F; }
.pa-next:disabled { background: #E5E7EB; color: #9AA0A8; cursor: default; }
.pa-next.full { width: 100%; }
.pa-loading, .pa-error, .pa-empty { margin: 0; padding: 18px 0; font-size: 14px; color: #767676; }
.pa-error { color: #C20010; }

/* ── 하단 시트(폰) ── */
html.pa-lock, html.pa-lock body { overflow: hidden; }
.pa-sheet { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; justify-content: flex-end; }
.pa-sheet-bg { position: absolute; inset: 0; background: rgba(17, 17, 17, 0.45); }
.pa-sheet-box { position: relative; background: #fff; border-radius: 24px 24px 0 0; padding: 10px 20px 28px; display: flex; flex-direction: column; gap: 16px; max-height: 88vh; overflow-y: auto; box-sizing: border-box; }
.pa-grip { align-self: center; width: 40px; height: 4px; border-radius: 2px; background: #D5D9DF; }
.pa-sheet .pa-opt { min-height: 46px; padding: 0 16px; }

/* ── 결과 ── */
/* 추천 결과가 떠도 아래 단말 목록·정렬 줄은 그대로 보인다(대표 결정 2026-10-12 — 빈 화면 금지 · 예전엔 숨겼다) */
.pa-results { display: flex; flex-direction: column; gap: 20px; }
.pa-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; background: #fff; border: 1px solid #E5E7EB; border-radius: 16px; padding: 14px 18px; }
.pa-sum-lbl { font-size: 13px; font-weight: 700; flex: none; }
.pa-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 240px; min-width: 0; }
.pa-chip { display: inline-flex; align-items: center; height: 32px; padding: 0 12px; border-radius: 999px; background: #F5F6F8; border: 1px solid #E5E7EB; font-size: 13px; font-weight: 600; white-space: nowrap; }
.pa-chip.muted { color: #767676; }
.pa-sum-act { display: flex; align-items: center; gap: 16px; flex: none; }
.pa-edit { border: none; background: none; padding: 6px 0; font-size: 14px; font-weight: 700; color: #E60012; cursor: pointer; }
.pa-all { border: none; background: none; padding: 6px 0; font-size: 14px; font-weight: 600; color: #767676; cursor: pointer; }
.pa-all:hover { color: #111; }

.pa-cards { background: #fff; border: 1px solid #E5E7EB; border-radius: 16px; padding: 16px 18px; display: flex; flex-direction: column; gap: 12px; }
.pa-cards-hd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; font-size: 15px; }
.pa-cards-hd span { font-size: 13px; color: #767676; }
.pa-cards-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.pa-ccard { border: 1px solid #E5E7EB; border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 6px; }
.pa-ccard.on { border: 1.5px solid #E60012; background: #FFF0F1; }
.pa-ccard-n { font-size: 14px; font-weight: 700; }
.pa-ccard-d { font-size: 13px; }
.pa-ccard-w { font-size: 12px; color: #767676; }
.pa-ccard-b { margin-top: 4px; align-self: flex-start; height: 36px; padding: 0 16px; border-radius: 999px; border: 1px solid #111; background: #fff; font-size: 13px; font-weight: 700; cursor: pointer; }
.pa-ccard.on .pa-ccard-b { background: #E60012; border-color: #E60012; color: #fff; }
.pa-cards-note { margin: 0; font-size: 12px; color: #767676; }

.pa-rec-hd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding-top: 4px; }
.pa-rec-hd h2 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -0.02em; }
.pa-rec-hd span { font-size: 13px; color: #767676; }
.pa-rec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 16px; align-items: stretch; }
.pa-rec { display: flex; flex-direction: column; background: #fff; border: 1px solid #E5E7EB; border-radius: 20px; overflow: hidden; }
.pa-rec.top { border: 2px solid #E60012; }
.pa-rec-band { background: #F5F6F8; color: #111; font-size: 14px; font-weight: 700; padding: 9px 18px; }
.pa-rec.top .pa-rec-band { background: #E60012; color: #fff; }
.pa-rec-body { flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 18px 20px 20px; }
.pa-rec-img { position: relative; height: 180px; background: #F5F6F8; border-radius: 14px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pa-rec-img img { max-width: 100%; max-height: 100%; object-fit: contain; padding: 12px; box-sizing: border-box; }
.pa-noimg { font-size: 40px; opacity: .5; }
.pa-rec-name { display: flex; flex-direction: column; gap: 4px; }
.pa-rec-name .n { font-size: 19px; font-weight: 800; letter-spacing: -0.02em; }
.pa-rec-name .s { font-size: 13px; color: #767676; }
.pa-rec-reason { background: #F5F6F8; border-radius: 10px; padding: 10px 12px; font-size: 14px; font-weight: 700; line-height: 1.45; }
.pa-rec.top .pa-rec-reason { background: #FFF0F1; color: #C20010; }
/* 선정 근거(실부담 순위) — 이유 줄 위 작은 한 줄 (Step 1-c) */
.pa-rec-reason .why { display: block; margin-bottom: 3px; font-size: 12.5px; font-weight: 600; color: #555; }
.pa-rec.top .pa-rec-reason .why { color: #C20010; }
.pa-rec-notes { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.pa-rec-notes li { font-size: 12.5px; color: #767676; line-height: 1.45; padding-left: 10px; position: relative; }
.pa-rec-notes li::before { content: '·'; position: absolute; left: 0; }
.pa-rec-price { display: flex; flex-direction: column; gap: 2px; margin-top: auto; }
.pa-rec-price .lbl { font-size: 13px; color: #767676; }
.pa-rec-price .row { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; }
.pa-rec-price .amt { font-size: 34px; font-weight: 800; letter-spacing: -0.03em; line-height: 1.15; }
.pa-rec-price .amt small { font-size: 18px; font-weight: 700; }
.pa-rec-price .base { font-size: 13px; color: #767676; }
.pa-rec-price .bd { font-size: 13px; color: #767676; }
.pa-rec-go { display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 14px; border: 1px solid #111; color: #111; font-size: 15px; font-weight: 700; text-decoration: none; box-sizing: border-box; }
.pa-rec-go:hover { background: #F5F6F8; color: #111; }
.pa-rec.top .pa-rec-go { background: #E60012; border-color: #E60012; color: #fff; }
.pa-rec.top .pa-rec-go:hover { background: #C9000F; }
.pa-foot { margin: 0; font-size: 12px; color: #9AA1AB; line-height: 1.7; }

@media (max-width: 639px) {
  .pa-rec-grid { grid-template-columns: 1fr; }
  .pa-rec-price .amt { font-size: 30px; }
  .pa-summary { padding: 12px 14px; }
}

/* ══ 상세 페이지(phone-detail) — 상단 패널 · 이유 라벨 · 비교 박스 · 유튜브 업그레이드 (Step 1-b · 2026-10-12 · 설계안 화면 3·4·5) ══ */
.pd-adv { box-sizing: border-box; width: 100%; background: #F5F6F8; border-radius: 16px; padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; margin-bottom: 16px; color: #111; text-align: left; }
.pd-adv button { font-family: inherit; }
.pd-adv-hd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.pd-adv-hd b { font-size: 14px; font-weight: 800; }
.pd-adv-hd span { font-size: 13px; color: #767676; }
.pd-adv-x { margin-left: auto; border: none; background: #fff; border-radius: 999px; height: 34px; padding: 0 14px; font-size: 13px; font-weight: 700; color: #111; cursor: pointer; }
.pd-adv-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.pd-adv-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 260px; min-width: 0; }
.pd-adv-chips .pa-chip { background: #fff; }
.pd-adv-edit { border: none; background: none; padding: 0; font-size: 14px; font-weight: 700; color: #E60012; cursor: pointer; }
.pd-adv--ask { padding: 20px clamp(16px, 2.5vw, 24px) 24px; gap: 16px; }
.pd-adv--start, .pd-adv--fold { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px 8px; border: 1px dashed #D5D9DF; background: #fff; cursor: pointer; font-size: 13px; }
.pd-adv--fold { border-style: solid; border-color: #E5E7EB; background: #F5F6F8; }
.pd-adv--start:hover { border-color: #E60012; }
.pd-adv--start b, .pd-adv--fold b { font-size: 14px; font-weight: 800; }
.pd-adv--start span, .pd-adv--fold span { color: #767676; }
.pd-adv--start em, .pd-adv--fold em { margin-left: auto; font-style: normal; font-size: 14px; font-weight: 700; color: #E60012; }
.pd-adv--fold em { color: #767676; font-size: 13px; }
/* 이유 라벨(회색 한 줄) — 자동 선택 항목이 지금도 골라져 있을 때만 그린다 */
.pd-reason { display: flex; align-items: center; gap: 6px; margin: 6px 2px 2px; font-size: 13px; font-weight: 500; line-height: 1.4; color: #767676; }
.pd-reason i { width: 4px; height: 4px; border-radius: 50%; background: #E60012; flex: none; }
.pd-reason-hd { margin: -12px 22px 16px 60px; }   /* 접힌 단계 머리(번호 동그라미 오른쪽 글자 줄에 맞춤) */
.pd-reason-hd .pd-reason { margin: 2px 0 0; }
@media (max-width: 639px) { .pd-reason-hd { margin: -8px 16px 14px 54px; } }
.pd-ai.pd-dum { color: #0B5BD3; border-color: #B8D0F5; }
.pd-ai { display: inline-block; vertical-align: 2px; margin-left: 6px; font-style: normal; font-size: 11px; font-weight: 700; color: #E60012; border: 1px solid #F5B3B8; border-radius: 999px; padding: 1px 7px; }
/* 유튜브 프리미엄 업그레이드 */
.pd-ytup { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 12px 14px; border: 1px solid #E5E7EB; border-radius: 12px; background: #fff; font-size: 14px; font-weight: 600; cursor: pointer; }
.pd-ytup input { width: 18px; height: 18px; accent-color: #E60012; margin: 0; }
.pd-ytup b { margin-left: auto; font-weight: 700; }
.pd-ytup.on { border-color: #E60012; background: #FFF0F1; }
/* 비교 박스(④ 아래) */
.pd-cmp { box-sizing: border-box; background: #fff; border: 1px solid #E5E7EB; border-radius: 20px; padding: clamp(16px, 2.5vw, 24px); display: flex; flex-direction: column; gap: 14px; margin: 8px 0; color: #111; }
.pd-cmp button { font-family: inherit; }
.pd-cmp-hd { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.pd-cmp-hd h3 { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.02em; }
.pd-cmp-hd span { font-size: 13px; color: #767676; }
.pd-cmp-sim { padding: 14px 16px; border-radius: 12px; background: #F5F6F8; font-size: 15px; font-weight: 700; }
.pd-cmp-rows { display: flex; flex-direction: column; gap: 8px; }
.pd-cmp-row { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 18px 20px; border: 1px solid #E5E7EB; border-radius: 16px; background: #fff; }
.pd-cmp-row.rec { display: block; padding: 0; border: 1.5px solid #E60012; overflow: hidden; }
.pd-cmp-tg { width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 18px 20px; background: none; border: none; text-align: left; color: #111; cursor: pointer; }
div.pd-cmp-tg { cursor: default; }
.pd-cmp .k { width: 28px; height: 28px; border-radius: 50%; background: #F5F6F8; font-size: 14px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex: none; }
.pd-cmp-row.rec .k { background: #E60012; color: #fff; }
.pd-cmp .nm { display: flex; flex-direction: column; gap: 4px; flex: 1 1 220px; min-width: 0; }
.pd-cmp .nm .t { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.pd-cmp .nm b { font-size: 16px; font-weight: 700; }
.pd-cmp .nm small { font-size: 13px; color: #767676; }
.pd-cmp .nm u { font-size: 13px; font-weight: 600; text-underline-offset: 3px; }
.pd-cmp-rec { font-style: normal; font-size: 12px; font-weight: 700; color: #fff; background: #E60012; border-radius: 999px; padding: 3px 8px; }
.pd-cmp .amt { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; margin-left: auto; }
.pd-cmp .amt b { font-size: clamp(20px, 2.4vw, 24px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.15; }
.pd-cmp .amt b small { font-size: 14px; font-weight: 600; }
.pd-cmp .amt em { font-style: normal; font-size: 13px; color: #767676; }
.pd-cmp-row.rec .amt b { color: #E60012; font-weight: 800; }
.pd-cmp-row.rec .amt em { color: #C20010; font-weight: 700; }
.pd-cmp-det { margin: 0 20px; padding: 14px 0 20px; border-top: 1px solid #F0F1F3; display: flex; flex-direction: column; gap: 12px; }
.pd-cmp-det .dn { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; }
.pd-cmp-det .dn b { font-size: 15px; font-weight: 700; }
.pd-cmp-det .dn span { font-size: 13px; color: #767676; }
.pd-cmp-det .wn { display: flex; gap: 8px; align-items: flex-start; padding: 12px 14px; border-radius: 12px; background: #FFF0F1; color: #C20010; font-size: 14px; font-weight: 700; }
.pd-cmp-det .wn i { width: 18px; height: 18px; border-radius: 50%; background: #E60012; color: #fff; font-size: 12px; font-style: normal; display: flex; align-items: center; justify-content: center; flex: none; margin-top: 1px; }
.pd-cmp-det .bx { display: flex; flex-direction: column; gap: 8px; background: #F5F6F8; border-radius: 12px; padding: 14px 16px; font-size: 14px; }
.pd-cmp-det .bx .bt { font-size: 13px; font-weight: 700; color: #767676; }
.pd-cmp-det .bx div { display: flex; justify-content: space-between; gap: 12px; }
.pd-cmp-det .bx div span:last-child { font-weight: 600; }
.pd-cmp-det .bx .sum { border-top: 1px solid #E5E7EB; padding-top: 8px; font-weight: 700; }
.pd-cmp-det ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: #767676; }
.pd-cmp-det ul li { padding-left: 10px; position: relative; }
.pd-cmp-det ul li::before { content: '·'; position: absolute; left: 0; }
@media (max-width: 639px) {
  .pd-cmp-row, .pd-cmp-tg { padding: 16px; }
  .pd-cmp .amt { align-items: flex-start; margin-left: 40px; }
  .pd-cmp-det { margin: 0 16px; }
}

/* ── 질문 v2(2026-10-25 · session/ai-finder-questions-v2) ── 글자 14px 이상(상세 흐름 회귀 8-1 기준) */
/* 2ND 보조 보기(이미 있어요 · 새로 받을게요) — 종류를 고르면 같은 화면 아래에 */
.pa-sub { margin-top: 14px; padding-top: 14px; border-top: 1px dashed #E5E7EB; display: flex; flex-direction: column; gap: 8px; }
.pa-sub-t { font-size: 15px; font-weight: 700; color: #111; }
/* 목록 머리글 아래 업셀 한 줄 */
.pa-upsell-line { margin: 0; padding: 10px 14px; border-radius: 12px; background: #FFF6E5; color: #7A4B00; font-size: 14px; font-weight: 600; }
/* 상세 비교 박스 — 구독료 문장 · 초이스 더블 업셀 카드 */
.pd-cmp-sp { margin: 0; font-size: 14px; color: #2E7D32; font-weight: 600; }
.pd-upsell { border: 1.5px dashed #E60012; border-radius: 16px; padding: 14px 16px; background: #FFF8F8; display: flex; flex-direction: column; gap: 8px; }
.pd-upsell-t { font-size: 16px; font-weight: 800; color: #E60012; }
.pd-upsell-r { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 12px; font-size: 14px; }
.pd-upsell-r span { color: #555; }
.pd-upsell-r b { font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.pd-upsell-r.sum { padding-top: 8px; border-top: 1px solid #F3D6D9; font-size: 15px; }
.pd-upsell-o { margin: 0; font-size: 14px; color: #767676; overflow-wrap: anywhere; }
/* 2ND 표시(2026-10-25 · session/second-line-display) — 비교 줄 워치 요금 · 업셀 「실제 월 차」 · 여러 장 간격 · 목록 카드 한 줄 */
.pd-cmp .nm small.pd-cmp-2nd { color: #1565C0; font-weight: 600; }
.pd-upsell-r.real b { color: #2E7D32; }
/* 더블 카드 — 기준이 A 경로일 때 「A와 달리 24개월 내내 유지」(2026-10-25 · upsell-vs-path-a) */
.pd-upsell-keep { font-size: 14px; background: #fff; border-radius: 10px; padding: 8px 12px; }
.pd-upsell-keep b { color: #2E7D32; font-weight: 700; }
.pd-upsell-keep ul { margin: 4px 0 0; padding-left: 18px; }
.pd-upsell-keep li { margin: 2px 0; overflow-wrap: anywhere; }
.pd-upsell-keep small { color: #767676; font-size: 14px; }
.pa-rec-price .pa-rec-2nd { color: #1565C0; font-weight: 600; }