/* Public price pages (/prices). Landing-kit tokens (landing.css), Panel card recipe: white/3% glass, white/6% border, 16px radius, p-6. */
.pp-wrap { max-width: 880px; margin: 0 auto; padding: calc(var(--lk-nav-h) + 2rem) 1rem 3rem; }
.pp-head h1, .pp-item h1 { font-family: var(--lk-font); font-size: 1.5rem; font-weight: 700; color: var(--lk-text); margin: 0 0 .5rem; line-height: 1.3; }
.pp-head p { color: var(--lk-text-2); margin: 0 0 1.5rem; }
.pp-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.pp-row { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.25rem; background: var(--lk-surface); border: 1px solid var(--lk-border); border-radius: var(--lk-radius-lg); }
.pp-row:hover { border-color: var(--lk-border-hi); }
.pp-row-link { flex: 1; min-width: 0; text-decoration: none; display: flex; flex-direction: column; gap: .25rem; }
.pp-row-title { color: var(--lk-text); font-weight: 500; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pp-row-meta { color: var(--lk-text-3); font-size: .8rem; }
.pp-row-price { font-family: var(--lk-mono); color: var(--lk-text); font-weight: 600; text-align: right; display: flex; flex-direction: column; white-space: nowrap; }
.pp-row-price small { font-family: var(--lk-font); color: var(--lk-text-3); font-weight: 400; font-size: .72rem; }
.pp-verdict { display: inline-block; padding: .125rem .625rem; border-radius: 9999px; font-size: .75rem; font-weight: 500; }
.pp-v-great { background: rgba(34,197,94,.12); color: #4ade80; }
.pp-v-good { background: rgba(34,197,94,.08); color: #86efac; }
.pp-v-typical { background: rgba(255,255,255,.06); color: var(--lk-text-2); }
.pp-v-high { background: rgba(239,68,68,.12); color: #f87171; }
.pp-crumbs { font-size: .85rem; color: var(--lk-text-3); margin-bottom: 1rem; }
.pp-crumbs a { color: var(--lk-text-2); text-decoration: none; }
.pp-crumbs a:hover { color: var(--lk-text); }
.pp-item-head { display: flex; gap: 1.5rem; align-items: flex-start; margin-bottom: 1.5rem; }
.pp-img { width: 120px; height: 120px; object-fit: contain; background: #fff; border-radius: var(--lk-radius-md); flex-shrink: 0; }
.pp-now { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem; margin: .25rem 0 .75rem; }
.pp-now-price { font-family: var(--lk-mono); font-size: 2rem; font-weight: 700; color: var(--lk-text); }
.pp-now-meta { color: var(--lk-text-2); font-size: .9rem; }
.pp-verdict-line { color: var(--lk-text-2); font-size: .9rem; margin: 0 0 .75rem; }
.pp-store-link { color: var(--lk-accent); font-size: .9rem; text-decoration: none; }
.pp-store-link:hover { text-decoration: underline; }
.pp-card { background: var(--lk-surface); border: 1px solid var(--lk-border); border-radius: var(--lk-radius-lg); padding: 1.5rem; margin-bottom: 1.5rem; -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
.pp-card h2, .pp-cta h2 { font-size: 1rem; font-weight: 600; color: var(--lk-text); margin: 0 0 1rem; }
.pp-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.25rem; }
.pp-stats div { display: flex; flex-direction: column; gap: .25rem; }
.pp-stats span { color: var(--lk-text-3); font-size: .8rem; }
.pp-stats b { font-family: var(--lk-mono); color: var(--lk-text); font-size: 1.1rem; }
.pp-chart { width: 100%; height: 200px; display: block; }
.pp-grid { stroke: rgba(255,255,255,.06); stroke-width: 1; }
.pp-axis { fill: #6b7280; font-size: 9px; font-family: var(--lk-mono); }
.pp-line { fill: none; stroke: #f97316; stroke-width: 2; vector-effect: non-scaling-stroke; }
.pp-chart-labels { display: flex; justify-content: space-between; color: var(--lk-text-3); font-size: .72rem; margin-top: .5rem; }
.pp-stores { list-style: none; margin: 0; padding: 0; }
.pp-stores li { display: flex; justify-content: space-between; gap: 1rem; padding: .625rem 0; border-bottom: 1px solid var(--lk-border); color: var(--lk-body); font-size: .9rem; }
.pp-stores li:last-child { border-bottom: 0; }
.pp-store-price { font-family: var(--lk-mono); }
.pp-store-price small { font-family: var(--lk-font); color: var(--lk-text-3); }
.pp-note { color: var(--lk-text-3); font-size: .75rem; margin: .75rem 0 0; }
.pp-cta { text-align: center; padding: 2rem 1.5rem; margin-top: 2rem; background: var(--lk-surface); border: 1px solid var(--lk-border); border-radius: var(--lk-radius-lg); }
.pp-cta p { color: var(--lk-text-2); margin: 0 0 1.25rem; }
.pp-empty { color: var(--lk-text-2); }
@media (max-width: 640px) {
  .pp-item-head { flex-direction: column; gap: 1rem; }
  .pp-img { width: 96px; height: 96px; }
  .pp-now-price { font-size: 1.6rem; }
  .pp-row { padding: .875rem 1rem; }
  .pp-stats b { font-size: 1rem; }
}