/* Header teaser for upcoming categories. */
.lks{align-items:center}
.soon-sep{flex:none;width:1px;height:20px;margin:0 8px;background:var(--line)}
.lk.soon{display:inline-flex;align-items:center;gap:7px;color:var(--muted);opacity:.92}
.lk.soon::after{display:none}
.lk.soon:hover{color:var(--text);opacity:1}
.soon-badge{display:inline-block;padding:2px 7px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--cy),#ff5a3c);box-shadow:0 0 0 0 rgba(255,0,0,.55);animation:soon-pulse 2.4s ease-out infinite}
@keyframes soon-pulse{0%{box-shadow:0 0 0 0 rgba(255,40,40,.55)}70%{box-shadow:0 0 0 8px rgba(255,40,40,0)}100%{box-shadow:0 0 0 0 rgba(255,40,40,0)}}
@media(max-width:820px){.lks{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:24px}.soon-sep{margin:0 4px}.lk.soon{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.soon-badge{animation:none}}
/* Desktop: compact superscript tags so the menu stays on one line. */
@media(min-width:821px){
 .lk.soon{padding:8px 12px;gap:0}
 .lk.soon .soon-badge{position:absolute;top:-6px;right:-10px;padding:1px 6px;font-size:.52rem;line-height:1.4}
 .lk.soon+.lk.soon{margin-left:12px}
 .lks{padding:8px 14px 2px 0}
}
@media(min-width:821px) and (max-width:1180px){.search{flex-basis:170px}}
.lk.soon-all{display:none}
@media(min-width:821px) and (max-width:1180px){.lk.soon:not(.soon-all){display:none}.lk.soon-all{display:inline-flex}.lks{margin-left:4px}}