/* noflik 맨 위 흐르는 띠배너 — 2026-11-09 이하나 대리 「맨 상단에 띠배너 … 오른쪽으로 움직이는 모션」
   (슬랙 #ai_noflik_work 스레드 1794213862.986089 · 보기 shopatvelvet.com running-text) · H1109-55 곁가지.
   칸은 functions.php 가 wp_body_open 에서 낸다. 글 한 벌을 두 번 이어 붙이고 반 폭만큼 옮겨 끊김 없이 돈다.
   방향 = 기본 오른쪽(대리님 말씀) · .nf-mq--left 면 왼쪽(velvet 은 왼쪽으로 흐른다).
   ⛔ 움직임 줄이기 설정이면 멈춘 채 둔다. 손가락·마우스가 닿으면 멈추고 끝의 단추로도 멈춘다(WCAG 2.2.2).
   글꼴 = 본문 글꼴(11/9 stv 님 「고정폭 걷음」과 맞춤) · 색 = 검정(.nf-mq--hitam · 11/10 07:29 대리님 「블랙이 좋은 것 같습니다」 ts 1794270599.619039).
   ⛔ 옛 띠 이름 .announcements-bar 를 안 쓴다 — NOFLIK_PROMO_BAR=false 가 그 이름을 숨긴다. */
.nf-mq { display: flex; align-items: center; overflow: hidden; background: #fff; color: #111; border-bottom: 1px solid #e6e6e6;
  font-family: var(--font-body-family, "Helvetica Neue", Helvetica, Arial, sans-serif); font-size: 13px; line-height: 1; letter-spacing: 0; }
.nf-mq--ungu { background: #463863; color: #fff; border-bottom-color: #463863; }
.nf-mq--hitam { background: #111; color: #fff; border-bottom-color: #111; }
.nf-mq__rail { flex: 1; min-width: 0; overflow: hidden; color: inherit; text-decoration: none; }
.nf-mq__track { display: flex; width: max-content; animation: nf-mq var(--nf-mq-dur, 45s) linear infinite; }
.nf-mq__track span { padding: 11px 0; white-space: nowrap; }
.nf-mq__track span::after { content: "·"; margin: 0 2.4em; }
@keyframes nf-mq { from { transform: translateX(-50%); } to { transform: translateX(0); } }   /* 오른쪽으로 흐른다 */
.nf-mq--left .nf-mq__track { animation-direction: reverse; }
.nf-mq:hover .nf-mq__track, .nf-mq:focus-within .nf-mq__track, .nf-mq.is-paused .nf-mq__track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .nf-mq__track { animation: none; } }
.nf-mq__ctl { flex: none; width: 34px; align-self: stretch; padding: 0; border: 0; background: inherit; color: inherit; font: inherit; font-size: 11px; cursor: pointer; opacity: .7; }
.nf-mq__ctl:hover, .nf-mq__ctl:focus-visible { opacity: 1; }