.pop[data-v-3fc6b9f4]{--pop-accent:var(--p-500);--pop-live:#10b981;margin-top:var(--space-section);padding:var(--space-section) 0;background:var(--surface-2);position:relative}html[data-theme=dark] .pop[data-v-3fc6b9f4]{--pop-accent:var(--p-400)}.pop__grid[data-v-3fc6b9f4]{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.pop__card[data-v-3fc6b9f4]{border:1px solid var(--border-soft,var(--border));border-radius:var(--radius-lg);background:var(--surface);height:100%;color:var(--text);transition:transform var(--motion) ease,border-color var(--motion) ease;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.pop__card[data-v-3fc6b9f4]:hover{border-color:var(--primary-line);transform:translateY(-2px)}.pop__card[data-v-3fc6b9f4]:focus-visible{outline:2px solid var(--pop-accent);outline-offset:2px}.pop__media[data-v-3fc6b9f4]{aspect-ratio:16/10;background:var(--surface-2);position:relative;overflow:hidden}.pop--art .pop__card[data-v-3fc6b9f4]{overflow:visible}.pop__media.has-art[data-v-3fc6b9f4]{border-radius:calc(-1px + var(--radius-lg)) calc(-1px + var(--radius-lg)) 0 0;overflow:visible}.pop__media.has-scene .pop__live[data-v-3fc6b9f4]{top:auto;bottom:8px}.pop__live[data-v-3fc6b9f4]{border-radius:var(--radius-pill);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07091ab8;align-items:center;gap:6px;padding:3px 8px;font-size:.6875rem;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px}.pop__live i[data-v-3fc6b9f4]{background:var(--pop-live);border-radius:50%;width:6px;height:6px}.pop__body[data-v-3fc6b9f4]{flex-direction:column;flex:1;gap:4px;padding:10px 12px 12px;display:flex}.pop__name[data-v-3fc6b9f4]{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:700;line-height:1.3;overflow:hidden}.pop__price[data-v-3fc6b9f4]{white-space:nowrap;align-items:baseline;gap:4px;margin-top:auto;display:flex}.pop__price small[data-v-3fc6b9f4]{color:var(--text-soft);font-size:.75rem;font-weight:600}.pop__price b[data-v-3fc6b9f4]{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:800}.pop__price--soft b[data-v-3fc6b9f4]{color:var(--text-muted);font-size:.8125rem;font-weight:700}@media (width>=768px) and (width<=1199.98px){.pop__grid[data-v-3fc6b9f4]{grid-template-columns:repeat(4,minmax(0,1fr))}.pop__cell[data-v-3fc6b9f4]:nth-child(n+9){display:none}}@media (width<=767.98px){.pop__grid[data-v-3fc6b9f4]{margin:0 calc(var(--bs-gutter-x,1.5rem) * -.5);padding:4px calc(var(--bs-gutter-x,1.5rem) * .5) 12px;scroll-snap-type:x mandatory;scroll-padding-inline:calc(var(--bs-gutter-x,1.5rem) * .5);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.pop__grid[data-v-3fc6b9f4]::-webkit-scrollbar{display:none}.pop__cell[data-v-3fc6b9f4]{scroll-snap-align:start;flex:0 0 172px}}@media (prefers-reduced-motion:reduce){.pop__card[data-v-3fc6b9f4]{transition:none}}
