.pv-recent-hits[hidden], .pv-recent-hits [hidden] { display:none !important; }
.pv-recent-hits__history { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; }
.pv-recent-hits__history button { min-height:44px; padding:10px 18px; border:1px solid #ceae6260; border-radius:8px; background:#ceae6212; color:#eddaac; font:600 13px/1.4 var(--pf-sans,system-ui,sans-serif); cursor:pointer; }
.pv-recent-hits__history button:disabled { opacity:.6; cursor:wait; }
.pv-recent-hits__history span { color:#b7beb2; font-size:13px; line-height:1.5; }
@media (min-width:1081px) {
  .shell.shell--vending > .content:has(> .pv-recent-hits) { padding-top:var(--top); }
  .shell.shell--vending > .content:has(> .pv-recent-hits) > .home-page .pvh-hero { padding-top:20px; }
}
.pv-recent-hits {
  width:100%; min-width:0; margin:0; overflow:hidden; isolation:isolate;
  border-block:1px solid #c4a45c25; background:#101211; color:#f4f1e8;
  font-family:var(--pf-sans,system-ui,sans-serif);
}
.pv-recent-hits__head { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:0 24px; box-sizing:border-box; }
.pv-recent-hits__brand { display:flex; align-items:center; gap:14px; min-width:0; }
.pv-recent-hits__head h2 { margin:0; color:#f4f0e4; font:650 14px/1.25 var(--pf-sans,system-ui,sans-serif); letter-spacing:-.02em; white-space:nowrap; }
.pv-recent-hits__label { display:flex; align-items:center; gap:6px; min-width:0; color:#999f95; font-size:10px; line-height:1.3; }
.pv-recent-hits__label i { flex:none; width:5px; height:5px; border-radius:50%; background:#7aba91; box-shadow:0 0 0 3px #7aba9110; }
.pv-recent-hits__controls { display:flex; align-items:center; gap:16px; flex:none; }
.pv-recent-hits__controls a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#cbb473; text-decoration:none; font-size:11px; font-weight:600; white-space:nowrap; }
.pv-recent-hits__controls a:hover { color:#ffedb5; }
.pv-recent-hits__navigation { display:flex; gap:5px; }
.pv-recent-hits[data-hit-count="0"] .pv-recent-hits__navigation { display:none; }
.pv-recent-hits__navigation button { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ffffff18; border-radius:50%; background:#ffffff04; color:#e5dfcd; cursor:pointer; transition:background .15s,border-color .15s; }
.pv-recent-hits__navigation button:hover:not(:disabled) { border-color:#d4b66580; background:#d4b66516; }
.pv-recent-hits__navigation button:disabled { color:#626860; border-color:#ffffff08; background:transparent; cursor:default; }
.pv-recent-hits__navigation svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.pv-recent-hits__controls .pv-recent-hits__new, .pv-recent-hits [data-hits-retry] { min-height:44px; padding:5px 10px; border:1px solid #ceae624d; border-radius:6px; background:#ceae6212; color:#e3cc93; font:600 11px/1.3 var(--pf-sans,system-ui,sans-serif); cursor:pointer; }
.pv-recent-hits__controls .pv-recent-hits__new:hover, .pv-recent-hits [data-hits-retry]:hover { background:#ceae6225; }
.pv-recent-hits__viewport { position:relative; min-width:0; min-height:144px; overflow-x:auto; overscroll-behavior-inline:contain; overflow-anchor:none; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.pv-recent-hits__viewport::-webkit-scrollbar { display:none; }
.pv-recent-hits__track { width:max-content; min-width:100%; }
.pv-recent-hits__list { position:relative; display:flex; gap:10px; width:max-content; min-width:100%; align-items:stretch; margin:0; padding:0 24px 14px; box-sizing:border-box; list-style:none; }
.pv-recent-hits__item { --hit-accent:#a5aa9b; flex:0 0 292px; width:292px; height:128px; padding:0; box-sizing:border-box; overflow:hidden; border:1px solid #ffffff0d; border-radius:9px; background:linear-gradient(110deg,#24272075,#191c1a 45%,#181b19); }
.pv-recent-hits .pv-recent-hits__content { position:relative; display:grid; grid-template-columns:76px minmax(0,1fr); align-items:center; gap:13px; width:100%; height:100%; margin:0; padding:10px 12px 10px 10px; box-sizing:border-box; border:0; border-radius:inherit; background:transparent; color:inherit; font:inherit; text-align:left; }
.pv-recent-hits__item[data-tone="gold"] { --hit-accent:#dfc07c; }
.pv-recent-hits__item[data-tone="violet"] { --hit-accent:#bd9ce3; }
.pv-recent-hits__item[data-tone="blue"] { --hit-accent:#93bade; }
.pv-recent-hits .pv-recent-hits__inspect { cursor:pointer; touch-action:pan-x pan-y; }
.pv-recent-hits .pv-recent-hits__inspect:hover { background:#dfc07c08; }
.pv-recent-hits .pv-recent-hits__inspect:focus-visible { outline-offset:-3px; }
.pv-recent-hits__art { display:grid; place-items:center; width:76px; height:106px; border-radius:4px; background:radial-gradient(ellipse at center,#c1b17d10,transparent 75%); }
.pv-recent-hits__art img { display:block; width:100%; height:100%; min-height:0; max-height:100%; object-fit:contain; filter:drop-shadow(0 3px 5px #0008); }
.pv-recent-hits__image-fallback { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:100%; height:100%; padding:6px; box-sizing:border-box; border:1px dashed #ffffff15; border-radius:5px; color:#8f988d; font-size:9px; text-align:center; }
.pv-recent-hits__image-fallback svg { width:25px; height:32px; fill:none; stroke:#8f988d; stroke-width:1.2; stroke-linecap:round; stroke-linejoin:round; }
.pv-recent-hits__copy { display:flex; flex-direction:column; gap:4px; min-width:0; }
.pv-recent-hits__eyebrow { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; font-size:9px; line-height:1.25; }
.pv-recent-hits__eyebrow b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--hit-accent); font-weight:600; letter-spacing:.03em; }
.pv-recent-hits__eyebrow time { flex:none; color:#949b91; font-size:9px; }
.pv-recent-hits__copy strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:#f1f1e8; font-size:13px; line-height:1.3; font-weight:600; letter-spacing:-.01em; }
.pv-recent-hits__detail { color:#b7beb2; font-size:10px; line-height:1.25; }
.pv-recent-hits__copy small { overflow:hidden; color:#929b90; font-size:10px; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.pv-recent-hits__who { display:flex; align-items:center; gap:5px; overflow:hidden; margin-top:2px; color:#a7b09f; font-size:9px; line-height:1.4; text-overflow:ellipsis; white-space:nowrap; }
.pv-recent-hits__test-mark { flex:none; padding:0 4px; border:1px solid #cfb46d2b; border-radius:3px; color:#cbb677; font-size:8px; font-weight:600; letter-spacing:.03em; }
.pv-recent-hits__empty { display:flex; align-items:center; gap:12px; min-height:44px; margin:0; padding:0 24px 12px; box-sizing:border-box; }
.pv-recent-hits__empty strong { color:#cccfc4; font-size:12px; line-height:1.4; font-weight:500; }
.pv-recent-hits__empty p { margin:2px 0 0; color:#949e90; font-size:11px; line-height:1.4; }
.pv-recent-hits__empty [data-hits-retry] { flex:none; margin-left:auto; }
.pv-recent-hits__state-mark { display:grid; place-items:center; width:32px; height:32px; flex:none; border:1px solid #cbb47430; border-radius:7px; color:#ac9661; font:500 11px/1 var(--pf-sans,system-ui,sans-serif); }
.pv-recent-hits__viewport:has(.pv-recent-hits__empty:not([hidden])) { min-height:44px; }
.pv-recent-hits__viewport:has(.pv-recent-hits__empty:not([hidden])) .pv-recent-hits__track { display:none; }
.pv-recent-hits__status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.pv-recent-hits :is(a,button,[data-hits-viewport]):focus-visible { outline:2px solid #e7c971; outline-offset:2px; }
.pv-recent-hits [data-hits-viewport]:focus-visible { outline-offset:-2px; }
.pv-recent-hits--stale .pv-recent-hits__label i { background:#baac77; box-shadow:none; }
.pv-recent-hits__item.is-new { animation:pv-hit-arrive .24s ease-out both; }
@keyframes pv-hit-arrive { from { opacity:.35; } to { opacity:1; } }
.pv-recent-hits--grid { overflow:visible; margin-top:24px; border:0; background:transparent; scroll-margin-top:110px; }
.pv-recent-hits--grid .pv-recent-hits__head { min-height:52px; padding:0; }
.pv-recent-hits--grid .pv-recent-hits__head h2 { font-size:16px; }
.pv-recent-hits--grid .pv-recent-hits__viewport { overflow:visible; }
.pv-recent-hits--grid .pv-recent-hits__track { width:100%; }
.pv-recent-hits--grid .pv-recent-hits__list { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:14px; width:100%; padding:0; }
.pv-recent-hits--grid .pv-recent-hits__item { width:100%; height:158px; }
.pv-recent-hits--grid .pv-recent-hits__content { grid-template-columns:94px minmax(0,1fr); padding:12px; gap:16px; }
.pv-recent-hits--grid .pv-recent-hits__art { width:94px; height:132px; }
.pv-recent-hits--grid .pv-recent-hits__copy { gap:6px; }
.pv-recent-hits--grid .pv-recent-hits__copy strong { font-size:14px; }
.pv-recent-hits--grid .pv-recent-hits__empty { min-height:130px; padding:20px; border:1px solid #ffffff10; border-radius:10px; background:#171a1680; }
@media (max-width:720px) {
  .pv-recent-hits__head { gap:8px; min-height:50px; padding:3px 14px; }
  .pv-recent-hits__brand { align-items:flex-start; flex-direction:column; gap:3px; }
  .pv-recent-hits__head h2 { font-size:13px; }
  .pv-recent-hits__label { font-size:9px; gap:5px; }
  .pv-recent-hits__controls { gap:9px; }
  .pv-recent-hits__controls a { font-size:10px; gap:4px; }
  .pv-recent-hits__navigation { gap:2px; }
  .pv-recent-hits__navigation button { width:44px; height:44px; border-radius:7px; }
  .pv-recent-hits__controls .pv-recent-hits__new { font-size:10px; padding-inline:7px; }
  .pv-recent-hits__head:has([data-hits-new]:not([hidden])) .pv-recent-hits__controls a { display:none; }
  .pv-recent-hits__list { gap:9px; padding:0 14px 12px; }
  .pv-recent-hits__viewport { min-height:140px; }
  .pv-recent-hits__item { flex-basis:280px; width:280px; }
  .pv-recent-hits__empty { gap:9px; padding:0 14px 12px; }
  .pv-recent-hits__empty strong { font-size:11px; }
  .pv-recent-hits__empty p { font-size:10px; }
  .pv-recent-hits__state-mark { display:none; }
  .pv-recent-hits--grid { margin-top:12px; }
  .pv-recent-hits--grid .pv-recent-hits__head { min-height:58px; }
  .pv-recent-hits--grid .pv-recent-hits__list { grid-template-columns:1fr; gap:10px; }
  .pv-recent-hits--grid .pv-recent-hits__item { height:148px; }
  .pv-recent-hits--grid .pv-recent-hits__content { grid-template-columns:86px minmax(0,1fr); gap:14px; }
  .pv-recent-hits--grid .pv-recent-hits__art { width:86px; height:122px; }
}
@media (max-width:420px) {
  .pv-recent-hits__controls { gap:6px; }
  .pv-recent-hits__head:has([data-hits-retry]:not([hidden])) .pv-recent-hits__controls a { display:none; }
  .pv-recent-hits__head:has([data-hits-new]:not([hidden])):has([data-hits-retry]:not([hidden])) { flex-wrap:wrap; gap:4px; padding-block:8px; }
  .pv-recent-hits__head:has([data-hits-new]:not([hidden])):has([data-hits-retry]:not([hidden])) .pv-recent-hits__brand { flex-basis:100%; }
  .pv-recent-hits__head:has([data-hits-new]:not([hidden])):has([data-hits-retry]:not([hidden])) .pv-recent-hits__controls { width:100%; justify-content:space-between; }
}
@media (prefers-reduced-motion:reduce) {
  .pv-recent-hits__item.is-new { animation:none; }
  .pv-recent-hits__navigation button { transition:none; }
}

/* Keep the continuous storefront rail compact, with enough room for a two-line
   card name and the supplied receipt details. Artwork stays flat on hover. */
.pv-recent-hits[data-layout="rail"] { display:grid; grid-template-columns:172px minmax(0,1fr); align-items:stretch; border-color:#d5b76829; background:#0c0e0e; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__head { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; align-items:stretch; gap:0; min-height:134px; padding:9px 12px 5px 20px; border-right:1px solid #d5b76822; background:linear-gradient(110deg,#1c1a13,#0d100f); }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__brand { display:block; min-width:0; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__head h2 { display:flex; align-items:center; gap:8px; margin:0; color:#f0e6ca; font:700 12px/1.3 var(--pf-sans,system-ui,sans-serif); letter-spacing:.07em; text-transform:uppercase; white-space:nowrap; }
.pv-recent-hits__signal { flex:none; width:6px; height:6px; border-radius:50%; background:#b9e792; box-shadow:0 0 0 4px #b9e79210,0 0 12px #b9e79233; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__label { display:block; margin-top:6px; color:#aaa79b; font-size:9px; line-height:1.3; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__label i { display:none; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__controls a { gap:6px; color:#d4bc7e; font-size:11px; }
.pv-recent-hits[data-layout="rail"] [data-hits-pause] { display:grid; place-items:center; flex:none; width:44px; height:44px; padding:0; border:0; border-radius:6px; background:transparent; color:#a6a79f; cursor:pointer; }
.pv-recent-hits[data-layout="rail"] [data-hits-pause]:hover, .pv-recent-hits[data-layout="rail"] [data-hits-pause][aria-pressed="true"] { background:#e4ca8120; color:#ebce83; }
.pv-recent-hits[data-layout="rail"] [data-hits-pause]:disabled { opacity:.3; cursor:default; }
.pv-recent-hits[data-layout="rail"] [data-hits-pause] svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__viewport { min-height:134px; mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 24px),transparent); }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__track { display:flex; align-items:center; width:max-content; min-width:0; min-height:134px; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__list { flex:none; gap:8px; min-width:0; padding:8px 8px 8px 0; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__item { --hit-accent:#aaa99a; position:relative; flex-basis:316px; width:316px; height:118px; border-color:#ffffff09; border-bottom-color:color-mix(in srgb,var(--hit-accent) 35%,transparent); border-radius:6px; background:linear-gradient(115deg,color-mix(in srgb,var(--hit-accent) 7%,#141717),#131616 75%); }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__item::after { content:""; position:absolute; height:1px; inset:auto 20% 0; background:var(--hit-accent); opacity:.45; box-shadow:0 -3px 16px 2px var(--hit-accent); pointer-events:none; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__item[data-tone="gold"] { --hit-accent:#e3bd63; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__item[data-tone="violet"] { --hit-accent:#b18aee; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__item[data-tone="blue"] { --hit-accent:#7cb4e4; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__content { grid-template-columns:56px minmax(0,1fr); gap:11px; padding:7px 11px; text-transform:none; letter-spacing:normal; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__art { width:56px; height:80px; background:none; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__art img { transform:none; scale:none; transition:none; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__copy { display:grid; grid-template-columns:minmax(0,1fr); gap:3px; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__eyebrow { font-size:10px; line-height:1.25; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__eyebrow time { color:#a6b0aa; font-size:10px; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__copy strong { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#f0f1eb; font-size:14px; line-height:1.25; font-weight:650; white-space:normal; overflow-wrap:anywhere; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__detail { display:block; overflow:hidden; color:#d0d6c9; font-size:11px; line-height:1.25; text-overflow:ellipsis; white-space:nowrap; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__copy small { color:#b0bab3; font-size:11px; line-height:1.25; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__who { display:block; margin:0; color:#bfc4b7; font-size:10px; line-height:1.25; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__test-mark { margin-right:4px; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__empty { min-height:98px; padding:12px 28px; }
.pv-recent-hits[data-layout="rail"].pv-recent-hits--stale .pv-recent-hits__signal { background:#b6a675; box-shadow:none; }
.pv-recent-hits[data-layout="rail"] .pv-recent-hits__item.is-new { animation:none; }
@media (max-width:720px) {
  .pv-recent-hits[data-layout="rail"] { grid-template-columns:minmax(0,1fr); }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__head { flex-direction:row; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:0 12px; border-right:0; border-bottom:1px solid #ffffff08; background:#101311; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__head h2 { gap:7px; font-size:10px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__label { margin-top:3px; font-size:9px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__controls { gap:6px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__controls a { font-size:10px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__viewport, .pv-recent-hits[data-layout="rail"] .pv-recent-hits__track { min-height:130px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__list { gap:7px; padding-block:6px; padding-right:7px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__item { flex-basis:288px; width:288px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__content { grid-template-columns:46px minmax(0,1fr); gap:10px; padding:7px 9px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__art { width:46px; height:66px; }
  .pv-recent-hits[data-layout="rail"] .pv-recent-hits__empty { min-height:84px; padding:12px 20px; }
}