.ks-popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width:640px){.ks-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.ks-popular-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.ks-popular-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.ks-popular-card{position:relative;background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 2px rgb(0 0 0 / .05);border:1px solid #f3f4f6;transition:all 0.2s ease;text-decoration:none;display:block}.ks-popular-card:hover{box-shadow:0 4px 6px rgb(0 0 0 / .1);border-color:#fed7aa}.ks-popular-badge{position:absolute;top:-8px;left:-8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.ks-popular-badge-gold{background:#facc15;color:#713f12}.ks-popular-badge-silver{background:#d1d5db;color:#374151}.ks-popular-badge-bronze{background:#fdba74;color:#9a3412}.ks-popular-badge-default{background:#f3f4f6;color:#4b5563}.ks-popular-content{display:flex;flex-direction:column;align-items:center;text-align:center}.ks-popular-name{font-weight:600;color:#111827;transition:color 0.2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ks-popular-card:hover .ks-popular-name{color:#ea580c}.ks-popular-stats{display:flex;align-items:center;gap:4px;margin-top:4px;font-size:12px;color:#6b7280}.ks-popular-stats svg{width:12px;height:12px}.ks-popular-external{position:absolute;top:8px;right:8px;width:12px;height:12px;color:#d1d5db;transition:color 0.2s ease}.ks-popular-card:hover .ks-popular-external{color:#fb923c}