.popular-bar{display:flex;align-items:center;gap:16px;width:100%;padding:8px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;overflow:hidden}.popular-bar-label{flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#fc5736;text-transform:uppercase;font-family:var(--page-sub-title);padding-right:8px;border-right:1px solid #d1d5db}.popular-bar-track-wrapper{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 6%,black 88%,transparent);mask-image:linear-gradient(90deg,transparent 0,black 6%,black 88%,transparent)}.popular-bar-track-wrapper:hover .popular-bar-track{animation-play-state:paused}.popular-bar-track{display:flex;align-items:center;gap:6px;width:max-content;animation:popular-bar-scroll 40s linear infinite}@keyframes popular-bar-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.popular-bar-link{flex-shrink:0;padding:5px 14px;font-size:13px;font-weight:500;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:20px;text-decoration:none;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease;font-family:var(--body-text)}.popular-bar-link:hover{color:#fc5736;border-color:#fc5736;background:#fef2f0}@media (max-width:768px){.popular-bar{padding:6px 12px;gap:10px}.popular-bar-label{font-size:10px;letter-spacing:1px;padding-right:6px}.popular-bar-link{padding:4px 10px;font-size:12px}}@media (max-width:480px){.popular-bar-label{display:none}}