@charset "UTF-8";
/* PCX·NMAX 품번 검토(/parts-review/pcx-nmax) 전용 스타일 — ../review.css 위에 추가분만 둔다. */

/* 데스크톱(>720px)에서는 필터 바가 sticky — ../review.css 가 #review-filters 를 static 으로 되돌린 것(원 화면
   전용 결정)을 다시 site.css 의 원래 sticky 규칙으로 되돌린다. 모바일(≤720px)에서는 필터 바가 6줄(약
   260px)이라 sticky 로 두면 화면 상단 1/3을 항상 덮어 카드 머리(품번·부품명)가 가려지므로 static 으로 둔다
   (검수 지적, 2026-09-18).
   */
#review-filters { position: sticky; top: 0; z-index: 5; background: #F8FAFCEE; backdrop-filter: blur(6px); padding: 12px 0; margin: 12px 0 8px; border-bottom: 1px solid #E2E8F0; }
@media (max-width: 720px) {
  #review-filters { position: static; backdrop-filter: none; }
}

#review-filters .filter-row { margin-bottom: 8px; }
#review-filters select { min-height: 44px; padding: 8px 10px; border: 1px solid #CBD5E1; border-radius: 10px; background: white; color: #191C1E; font-size: 13px; }
#filter-family button { min-height: 44px; }

/* 카드 머리 — 제조사 배지 · 품번(크게+복사) · 부품명 · OEM 일치 배지 · 가격 범위 · 출처 링크 */
.mfr-badge { display: inline-block; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; background: #F1F5F9; color: #596370; }
.mfr-badge.mfr-honda { background: #FEE2E2; color: #B42318; }
.mfr-badge.mfr-yamaha { background: #E3F2FD; color: #1565C0; }
.pn-row { display: flex; align-items: center; gap: 8px; margin: 4px 0 2px; flex-wrap: wrap; }
.pn-big { font-size: 17px; font-weight: 800; color: #191C1E; font-family: ui-monospace, "Cascadia Code", Consolas, monospace; overflow-wrap: anywhere; }
.copy-btn { width: auto; margin: 0; min-height: 32px; padding: 4px 10px; font-size: 12px; font-weight: 700; background: white; color: #1F62C9; border: 1px solid #CBD5E1; border-radius: 8px; }
.copy-btn:hover:not(:disabled) { background: #E7EEFB; }
/* 실제 화면에 나가는 표시명(N1) 한 줄 — 카드 제목(판매자 상품명) 아래에 둬서
   "정비사가 앞으로 보게 될 이름"을 조사 원문과 나란히 검토하게 한다. */
.display-name { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: #1F62C9; overflow-wrap: anywhere; }

.pn-note { margin: 0 0 4px; font-size: 11.5px; color: #94A3B8; }
.tag.oem-hit { display: inline-block; background: #DCFCE7; color: #15803D; margin: 2px 0; }
.tag.soldout { background: #FEE2E2; color: #B42318; margin-left: 6px; }
.src-links { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.src-links li { font-size: 12px; color: #596370; }
.src-links a { display: inline-block; padding: 6px 0; color: #1F62C9; text-decoration: none; font-weight: 600; } /* padding = 손가락 탭 영역 확보 */
.src-links a:hover { text-decoration: underline; }

@media (max-width: 640px) {
  #review-filters select { flex: 1 1 46%; }
}