/* Home page auction line: one slim, quiet line under the menu (see auction-promo.js). No pop-up, nothing flashing. */
.ap-ribbon { display: flex; align-items: center; gap: 12px; width: min(var(--w, 1160px), calc(100% - 24px)); margin: 10px auto 0; padding: 8px 8px 8px 16px; border-radius: 999px;
  background: #fff; border: 1px solid var(--line); color: var(--ink); text-decoration: none; font-size: 15px; font-weight: 600; box-shadow: 0 2px 10px rgba(29, 26, 61, .06); }
.ap-ribbon:hover, .ap-ribbon:visited { color: var(--ink); }
.ap-ribbon:hover { border-color: rgba(29, 26, 61, .3); }
.ap-pill { flex: none; display: inline-flex; align-items: center; gap: 7px; color: #c8102e; font: 700 13px/1 var(--display); letter-spacing: .06em; text-transform: uppercase; }
.ap-pill::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #e0294c; }
.ap-head { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ap-when, .ap-price, .ap-left { white-space: nowrap; color: var(--muted); font-weight: 500; }
.ap-left { margin-left: auto; font-variant-numeric: tabular-nums; }
.ap-go { flex: none; padding: 7px 16px; border-radius: 999px; background: #fe7e25; color: #1d1a3d; font-weight: 700; }
@media (max-width: 1100px) { .ap-when { display: none; } }
@media (max-width: 860px) { .ap-price { display: none; } }
@media (max-width: 640px) { .ap-ribbon { gap: 8px; padding: 5px 5px 5px 12px; font-size: 13.5px; } .ap-pill { font-size: 0; gap: 0; } .ap-left { display: none; } .ap-head { margin-right: auto; } .ap-go { padding: 6px 11px; font-size: 13px; } }
html[data-mode="dark"] .ap-ribbon { background: #1f1c45; border-color: rgba(255, 255, 255, .14); }