/* 최근 본 상품 · partials/recent.html (2026-10-29 P) — 색은 tokens.css 의미 토큰만(밝은 판도 저절로) */
.rcv{margin-top:36px}
.rcv .shead{margin-bottom:12px}
.rcv__clear{border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;color:var(--text-2)}
.rcv__clear:hover{color:var(--gold-hi)}
.rcv__clear:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-xs)}
.rcv__item{position:relative;container-type:inline-size}
.rcv__x{position:absolute;top:8px;right:8px;z-index:3;display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border-radius:var(--r-pill);border:1px solid var(--gold-line);background:var(--surface);color:var(--text);cursor:pointer}
.rcv__x:hover{border-color:var(--gold);color:var(--gold-hi)}
.rcv__x:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.rcv__x .ico{width:14px;height:14px}
.rcv__x::after{content:"";position:absolute;inset:-8px}   /* 누르는 칸 44px (보이는 원은 28px) */
.rcv__note{margin-top:10px;font-size:12px;line-height:1.5;color:var(--text-3)}
@media (min-width:900px){.rcv .pgrid--row{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.rcv .pcard__name{font-size:13px}}