.sf-popular{position:relative}.sf-popular__glow{position:absolute;top:0;left:50%;z-index:0;width:min(52rem,90%);height:16rem;transform:translateX(-50%);border-radius:999px;background:color-mix(in srgb,var(--color-primary,var(--cp-accent)) 28%,transparent);filter:blur(72px);pointer-events:none;opacity:.45}.sf-popular__head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.sf-popular__identity{display:flex;align-items:center;gap:.75rem;min-width:0}.sf-popular__mark{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--cp-rl,12px);color:var(--color-primary-foreground,var(--cp-bg,var(--background)));background:linear-gradient(145deg,var(--color-primary,var(--cp-accent)),var(--color-accent,var(--cp-accent2,var(--color-primary))))}.sf-popular__title{margin:0;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--cp-text,var(--color-brand-text,var(--foreground)));font-family:var(--font-heading,inherit)}.sf-popular__sub{margin:.2rem 0 0;font-size:.8rem;color:var(--cp-text2,var(--color-text-muted,var(--muted-foreground)))}.sf-popular__trend{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.35rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-accent,var(--cp-accent)) 35%,transparent);background:color-mix(in srgb,var(--color-accent,var(--cp-accent)) 12%,transparent);color:var(--cp-text,var(--color-brand-text,var(--foreground)));font-size:.72rem;font-weight:600}.sf-popular__pulse{width:.45rem;height:.45rem;border-radius:999px;background:var(--color-accent,var(--cp-accent));box-shadow:0 0 0 0 color-mix(in srgb,var(--color-accent,var(--cp-accent)) 55%,transparent);animation:sf-popular-pulse 1.8s ease-out infinite}.sf-popular__viewport{position:relative;z-index:1;overflow:hidden;cursor:grab}.sf-popular__viewport.is-dragging{cursor:grabbing}.sf-popular__track{display:flex;align-items:stretch;touch-action:pan-y pinch-zoom}.sf-popular__slide{min-width:0;flex:0 0 58%;padding-right:.75rem}.sf-popular__slide>*{height:100%}@media (min-width:480px){.sf-popular__slide{flex-basis:38%}}@media (min-width:768px){.sf-popular__slide{flex-basis:28%}}@media (min-width:1024px){.sf-popular__slide{flex-basis:18.5%}}@media (min-width:1280px){.sf-popular__slide{flex-basis:15.5%}}.sf-popular__nav{position:absolute;top:42%;z-index:2;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--pcard-border,var(--cp-border,var(--color-border)));background:color-mix(in srgb,var(--pcard-surface,var(--color-surface,var(--cp-surface))) 88%,transparent);color:var(--pcard-text,var(--cp-text,var(--foreground)));backdrop-filter:blur(10px);box-shadow:var(--pcard-shadow,none);cursor:pointer}.sf-popular__nav--prev{left:.25rem}.sf-popular__nav--next{right:.25rem}.sf-popular__nav:hover{border-color:color-mix(in srgb,var(--color-primary,var(--cp-accent)) 45%,var(--pcard-border,transparent))}@keyframes sf-popular-pulse{70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}@media (prefers-reduced-motion:reduce){.sf-popular__pulse{animation:none}}