/* Align the rotating recommendation with its adjacent desktop controls. */
@media (min-width: 1381px) {
  body.studio-theme .studio-site-header .studio-exact-actions { --header-control-height: 46px; }
  body.studio-theme .studio-site-header .studio-trend-in-actions,
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker,
  body.studio-theme .studio-site-header .studio-exact-actions .studio-tools-trigger,
  body.studio-theme .studio-site-header .studio-exact-actions > .studio-exact-square {
    box-sizing: border-box;
    height: var(--header-control-height) !important;
    min-height: var(--header-control-height) !important;
  }
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker {
    grid-template-columns: 34px minmax(0, 1fr) 26px !important;
    padding: 5px 8px !important;
    gap: 8px !important;
    align-items: center;
  }
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker img {
    width: 34px !important;
    height: 34px !important;
    object-fit: cover;
    border-radius: 6px;
  }
  body.studio-theme .studio-site-header .studio-trend-ticker > span { min-width: 0; }
  body.studio-theme .studio-site-header .studio-trend-ticker small {
    display: block;
    font-size: 8px !important;
    line-height: 12px !important;
  }
  body.studio-theme .studio-site-header .studio-trend-ticker strong {
    display: block;
    font-size: 11px !important;
    line-height: 16px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* A narrower recommendation, with theme-aware emphasis and restrained motion. */
@media (min-width: 1381px) {
  body.studio-theme .studio-site-header .studio-trend-in-actions {
    width: 189px !important;
    flex-basis: 189px !important;
  }
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker {
    width: 100% !important;
    grid-template-columns: 30px minmax(0, 1fr) 20px !important;
    gap: 5px !important;
    padding-inline: 6px !important;
    border-color: color-mix(in srgb, var(--studio-color-link, #579fff) 45%, transparent) !important;
    background: linear-gradient(115deg, color-mix(in srgb, var(--studio-color-link, #579fff) 12%, transparent), transparent) !important;
    transition: opacity .35s ease, transform .35s ease, border-color .2s ease, box-shadow .2s ease !important;
  }
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker img {
    width: 30px !important;
    height: 34px !important;
  }
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker > b {
    width: 20px;
    min-width: 0;
    font-size: 8px;
    color: var(--studio-color-link, #579fff);
  }
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker:is(:hover, :focus-visible) {
    border-color: var(--studio-color-link, #579fff) !important;
    box-shadow: 0 0 12px color-mix(in srgb, var(--studio-color-link, #579fff) 18%, transparent);
  }
}
@media (min-width: 1381px) and (max-width: 1500px) {
  body.studio-theme .studio-site-header .studio-trend-in-actions {
    width: 152px !important;
    flex-basis: 152px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.studio-theme .studio-site-header .studio-trend-in-actions .studio-trend-ticker {
    transition: none !important;
  }
}
@media (min-width: 1381px) {
  body.studio-theme .studio-site-header .studio-trend-ticker small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}