/* SgShipCountdown — same-day shipping countdown bar (block: sg-shc) */
.cc_b3eorip4_IGb6glKJUZ .sg-shc {
  background-repeat: no-repeat;
  overflow: hidden;
}

.cc_b3eorip4_IGb6glKJUZ .sg-shc__in {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: var(--shc-gap, 22px);
  row-gap: 8px;
  color: inherit;
  text-decoration: none;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc--al-left .sg-shc__in { justify-content: flex-start; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc--al-right .sg-shc__in { justify-content: flex-end; }

/* ---------- message ---------- */
.cc_b3eorip4_IGb6glKJUZ .sg-shc__msg {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  font-size: var(--shc-fs, 15px);
  font-weight: var(--shc-fw, 700);
  line-height: 1.3;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc__text { min-width: 0; text-wrap: balance; }
/* the marquee's second copy only exists on phones (see "phone") */
.cc_b3eorip4_IGb6glKJUZ .sg-shc__run--dup { display: none; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc__hl {
  color: var(--shc-hl, var(--sg-accent));
  font-weight: inherit;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc__icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--shc-icon-c, var(--shc-hl, var(--sg-accent)));
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc__icon svg {
  width: var(--shc-icon, 24px);
  height: var(--shc-icon, 24px);
}

/* ---------- timer ---------- */
.cc_b3eorip4_IGb6glKJUZ .sg-shc__timer {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: var(--shc-bw, 57px);
  /* scales with the digits, so a smaller digit size really slims the bar */
  padding: max(3px, calc(var(--shc-dfs, 19px) * 0.2)) 5px;
  border-radius: var(--shc-br, 6px);
  background: var(--shc-box, var(--shc-hl, var(--sg-accent)));
  color: var(--shc-box-fg, var(--sg-on-accent));
  text-align: center;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc__num {
  display: flex;
  justify-content: center;
  overflow: hidden;
  font-size: var(--shc-dfs, 19px);
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc__digit { display: inline-block; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc__label {
  display: block;
  margin-top: max(1px, calc(var(--shc-dfs, 19px) * 0.12));
  font-size: var(--shc-lfs, 9px);
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc--upper .sg-shc__label { text-transform: uppercase; letter-spacing: 0.02em; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc__sep {
  color: var(--shc-sep, var(--shc-hl, var(--sg-accent)));
  font-size: var(--shc-dfs, 19px);
  font-weight: 800;
  line-height: 1;
  translate: 0 -0.26em;
}

/* changed digit drops in (keyed span re-mounts) — transform/opacity only */
.cc_b3eorip4_IGb6glKJUZ .sg-shc--tick .sg-shc__digit {
  animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-tick calc(340ms * var(--sg-speed, 1)) var(--sg-ease-out) both;
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-tick {
  from { transform: translateY(-60%); opacity: 0; }
  to { transform: none; opacity: 1; }
}

/* ---------- link ---------- */
.cc_b3eorip4_IGb6glKJUZ .sg-shc__in--link { cursor: pointer; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc__in--link .sg-shc__hl {
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: text-decoration-color var(--sg-t-mid) var(--sg-ease-out);
}
@media (hover: hover) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc__in--link:hover .sg-shc__hl { text-decoration-color: currentColor; }
}

/* ---------- states ---------- */
.cc_b3eorip4_IGb6glKJUZ .sg-shc--ghost { opacity: 0.5; }

/* ---------- icon motion (SgIconMotion) ---------- */
.cc_b3eorip4_IGb6glKJUZ .sg-shc--im-float .sg-shc__icon svg { animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-float calc(3200ms * var(--sg-speed, 1)) var(--sg-ease-in-out) infinite; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc--im-pulse .sg-shc__icon svg { animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-pulse calc(1800ms * var(--sg-speed, 1)) ease-in-out infinite; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc--im-wiggle .sg-shc__icon svg { animation: cc_b3eorip4_sg-wiggle calc(1600ms * var(--sg-speed, 1)) ease-in-out infinite; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc--im-spin .sg-shc__icon svg { animation: cc_b3eorip4_sg-spin calc(6000ms * var(--sg-speed, 1)) linear infinite; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc--im-bounce .sg-shc__icon svg { transform-origin: 50% 100%; animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-bounce calc(1400ms * var(--sg-speed, 1)) ease-in-out infinite; }
.cc_b3eorip4_IGb6glKJUZ .sg-shc--im-ripple .sg-shc__icon::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1.5px solid currentColor;
  animation: cc_b3eorip4_sg-ping calc(2200ms * var(--sg-speed, 1)) var(--sg-ease-out) infinite;
  pointer-events: none;
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.14); }
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-bounce {
  0%, 60%, 100% { transform: translateY(0) scaleY(1); }
  20% { transform: translateY(-4px) scaleY(1.04); }
  40% { transform: translateY(0) scaleY(0.94); }
}

/* ---------- truck "driving" (truckMotion = SgShipIconAnim "drive") ----------
   One ~3 s loop: the truck rolls back a hair, pulls away (nose lifts, two speed
   lines stream off behind it), cruises over two small bumps — the wheels hop,
   the body follows on its "suspension" with a ~1px bob — then glides back home.
   Transform / opacity only; the speed lines are absolutely positioned, so the
   bar height and the text position never change. */
.cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon svg {
  overflow: visible;
  animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-drive calc(3000ms * var(--sg-speed, 1)) linear infinite;
}
/* body = the two paths (cargo box + cab), tilting around the rear bottom of the box
   (3, 16 in viewBox units); the wheel circles get their own hop below. (No comment inside the
   rule: the CLI scoper would then skip renaming the keyframes in the next declaration.) */
.cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon path {
  transform-origin: 3px 16px;
  animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-body calc(3000ms * var(--sg-speed, 1)) linear infinite;
}
/* wheels = the two circles: they hop over the two bumps; the body (above) follows
   a beat later with a bigger, springier bob, so the bounce reads at 15–18px */
.cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon circle {
  animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-wheel calc(3000ms * var(--sg-speed, 1)) linear infinite;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon::before, .cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon::after {
  content: "";
  position: absolute;
  right: calc(100% - 2px);
  top: 36%;
  width: 46%;
  height: max(1.5px, calc(var(--shc-icon, 24px) * 0.075));
  border-radius: 2px;
  background: currentColor;
  opacity: 0;
  transform-origin: 100% 50%;
  pointer-events: none;
  animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-speed calc(3000ms * var(--sg-speed, 1)) linear infinite;
}
.cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon::after {
  top: 60%;
  width: 30%;
  animation-delay: calc(110ms * var(--sg-speed, 1));
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-drive {
  0%, 10% { transform: translate3d(0, 0, 0); animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); }
  17% { transform: translate3d(-1px, 0, 0); animation-timing-function: cubic-bezier(0.2, 0.75, 0.25, 1); }
  31% { transform: translate3d(2.5px, 0, 0); animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); }
  40% { transform: translate3d(1.8px, 0, 0); animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); }
  52% { transform: translate3d(2.4px, 0, 0); animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1); }
  86%, 100% { transform: translate3d(0, 0, 0); }
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-body {
  0%, 17% { transform: translateY(0) rotate(0deg); animation-timing-function: ease-in-out; }
  23% { transform: translateY(-0.4px) rotate(-5deg); animation-timing-function: ease-in-out; }
  31% { transform: translateY(-0.9px) rotate(-1deg); animation-timing-function: ease-in-out; }
  36% { transform: translateY(0.5px) rotate(0deg); animation-timing-function: ease-out; }
  41% { transform: translateY(-1.6px) rotate(0deg); animation-timing-function: ease-in-out; }
  45.5% { transform: translateY(0.5px) rotate(0deg); animation-timing-function: ease-out; }
  52% { transform: translateY(-1.4px) rotate(0deg); animation-timing-function: ease-in-out; }
  56.5% { transform: translateY(0.4px) rotate(0deg); animation-timing-function: ease-in-out; }
  61% { transform: translateY(-0.4px) rotate(0deg); animation-timing-function: ease-in-out; }
  65%, 100% { transform: translateY(0) rotate(0deg); }
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-wheel {
  0%, 36% { transform: translateY(0); animation-timing-function: ease-out; }
  39% { transform: translateY(-1px); animation-timing-function: ease-in; }
  42%, 47% { transform: translateY(0); animation-timing-function: ease-out; }
  50% { transform: translateY(-0.9px); animation-timing-function: ease-in; }
  53%, 100% { transform: translateY(0); }
}
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-speed {
  0%, 19% { opacity: 0; transform: translate3d(2px, 0, 0) scaleX(0.2); }
  25% { opacity: 0.85; transform: translate3d(0, 0, 0) scaleX(1); }
  40%, 100% { opacity: 0; transform: translate3d(-6px, 0, 0) scaleX(0.5); }
}

/* ---------- visibility ---------- */
@media (min-width: 768px) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--hide-d { display: none; }
}

/* ---------- phone ---------- */
@media (max-width: 767px) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--hide-m { display: none; }

  .cc_b3eorip4_IGb6glKJUZ .sg-shc__msg { font-size: var(--shc-fs-m, calc(var(--shc-fs, 15px) * 0.87)); gap: 8px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc__icon svg {
    width: calc(var(--shc-icon, 24px) * 0.84);
    height: calc(var(--shc-icon, 24px) * 0.84);
  }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc__num, .cc_b3eorip4_IGb6glKJUZ .sg-shc__sep { font-size: var(--shc-dfs-m, calc(var(--shc-dfs, 19px) * 0.95)); }

  /* stacked (original): message centred above the boxes */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-stack .sg-shc__in { flex-direction: column; justify-content: center; row-gap: 6px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-stack .sg-shc__msg { justify-content: center; text-align: center; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-stack .sg-shc__box { min-width: var(--shc-bw-m, calc(var(--shc-bw, 57px) * 0.93)); }

  /* one line, always: the message never wraps. Too long for the row → the script shrinks it a
     little (--shc-k), and only if that is not enough does it scroll (sg-shc--marq); until the
     script has measured (server render), a long text ends in "…" instead of wrapping. */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc__msg { max-width: 100%; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc__text {
    flex: 0 1 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: calc(var(--shc-k, 1) * 1em);
  }

  /* compact: ONE row — icon + text on the left, the boxes on the right */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline {
    --shc-f: var(--shc-fs-m, calc(var(--shc-fs, 15px) * 0.8));
    --shc-d: var(--shc-dfs-m, calc(var(--shc-dfs, 19px) * 0.82));
    --shc-bp: max(3px, calc(var(--shc-dfs-m, var(--shc-dfs, 19px)) * 0.18));
    /* never below 8px: the unit names must stay readable */
    --shc-l: max(8px, calc(var(--shc-lfs, 9px) * 0.85));
    --shc-lh: calc(1px + var(--shc-l) * 1.1);
  }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--nolabel { --shc-lh: 0px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__in { flex-wrap: nowrap; justify-content: space-between; column-gap: 10px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__msg { flex: 1 1 auto; gap: 6px; font-size: var(--shc-f); line-height: 1.25; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__timer { gap: 3px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__box { min-width: var(--shc-bw-m, calc(var(--shc-bw, 57px) * 0.7)); padding: var(--shc-bp) 3px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__num, .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__sep { font-size: var(--shc-d); }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__label { font-size: var(--shc-l); margin-top: 1px; }
  /* a message instead of the boxes: aligned like the bar, and the bar keeps the height it
     had while counting (the server render always counts → no jump when the message swaps in) */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--message .sg-shc__in {
    justify-content: center;
    min-height: calc(2 * var(--shc-bp) + var(--shc-d) + var(--shc-lh));
  }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--message.sg-shc--al-left .sg-shc__in { justify-content: flex-start; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--message.sg-shc--al-right .sg-shc__in { justify-content: flex-end; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--message .sg-shc__msg { flex: 0 1 auto; }

  /* ---------- marquee (the text alone scrolls; icon and boxes stay put) ----------
     Same gaps as the static row: the room the script measures must not change with the mode. */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__text {
    flex: 1 1 0;
    text-overflow: clip;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--shc-mq-fade, 6px), #000 calc(100% - var(--shc-mq-fade, 6px) * 1.5), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 var(--shc-mq-fade, 6px), #000 calc(100% - var(--shc-mq-fade, 6px) * 1.5), transparent);
  }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--marq .sg-shc__msg { flex: 1 1 auto; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-stack.sg-shc--marq .sg-shc__msg { align-self: stretch; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: cc_b3eorip4_IGb6glKJUZ_sg-shc-marq calc(var(--shc-mq-dur, 12s) * var(--sg-speed, 1)) linear 1.2s infinite;
  }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__run {
    flex-shrink: 0;
    padding-left: var(--shc-mq-fade, 6px);
    padding-right: var(--shc-mq-gap, 36px);
  }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__run--dup { display: block; }

  /* the script's measuring pass (set and removed within one frame, never painted): the slot fills
     its row, the text at its set size and without marquee padding — the same numbers in every mode */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc .sg-shc__in[data-shc-measure] .sg-shc__msg { flex: 1 1 auto; align-self: stretch; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc .sg-shc__in[data-shc-measure] .sg-shc__text { flex: 1 1 0; font-size: 1em; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc .sg-shc__in[data-shc-measure] .sg-shc__run { display: inline-block; padding: 0; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc .sg-shc__in[data-shc-measure] .sg-shc__rest { margin: 0; }
}

/* narrow phones: tighter row first, slightly smaller type next — the marquee is the last resort */
@media (max-width: 389px) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__in { column-gap: 8px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__msg { gap: 5px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__timer { gap: 2px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__box { padding-inline: 2px; }
}
@media (max-width: 374px) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline {
    --shc-f: calc(var(--shc-fs-m, calc(var(--shc-fs, 15px) * 0.8)) * 0.95);
    --shc-d: calc(var(--shc-dfs-m, calc(var(--shc-dfs, 19px) * 0.82)) * 0.93);
  }
}
/* the rare 4-box row (a day or more to go): the ":" give way on all but the widest phones */
@media (max-width: 413px) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--days .sg-shc__sep { display: none; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline.sg-shc--days .sg-shc__timer { gap: 3px; }
}
/* the narrowest phones (320–359): a slimmer side gutter, the ":" between the boxes give way
   (the boxes alone still read as a timer) and the gaps tighten once more */
@media (max-width: 359px) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc > .sg-container:not(.sg-container--bleed) { padding-inline: 12px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__in { column-gap: 6px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__msg { gap: 4px; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__sep { display: none; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--m-inline .sg-shc__timer { gap: 3px; }
}

/* two copies of the words, each with its own spacing → -50% is exactly one copy (seamless loop) */
@keyframes cc_b3eorip4_IGb6glKJUZ_sg-shc-marq {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}
@media (hover: hover) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__in:hover .sg-shc__track { animation-play-state: paused; }
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .cc_b3eorip4_IGb6glKJUZ .sg-shc__digit, .cc_b3eorip4_IGb6glKJUZ .sg-shc__icon svg, .cc_b3eorip4_IGb6glKJUZ .sg-shc__icon path, .cc_b3eorip4_IGb6glKJUZ .sg-shc__icon circle, .cc_b3eorip4_IGb6glKJUZ .sg-shc__icon::before, .cc_b3eorip4_IGb6glKJUZ .sg-shc__icon::after { animation: none !important; }
  /* a parked truck: no speed lines */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon::before, .cc_b3eorip4_IGb6glKJUZ .sg-shc--drive .sg-shc__icon::after { display: none; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc__in--link .sg-shc__hl { transition: none; }
  /* no scrolling text: one static copy, cut with "…" — only after the highlight, which stays whole
     (the script shrinks it if it alone is wider than the slot) */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__text { -webkit-mask-image: none; mask-image: none; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__track { display: block; width: auto; animation: none; will-change: auto; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__run { display: flex; padding: 0; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__run--dup { display: none; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__key { flex-shrink: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__rest { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  /* a flex item drops its leading space → put it back as a margin */
  .cc_b3eorip4_IGb6glKJUZ .sg-shc--marq .sg-shc__key + .sg-shc__rest { margin-left: 0.27em; }
}