/* v23: plain static service names. All header geometry/motion remains in hero.css.
   At mobile widths, services join the copy flow so extra lines grow upward. */
.eko-home #home .eko-hero-services {
  position: absolute; top: calc(100% + 14px); left: 0;
  display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start;
  column-gap: 16px; row-gap: 6px; box-sizing: border-box;
  width: 100%; max-width: 570px; min-width: 0;
  margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent;
  box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
  overflow: hidden; scroll-margin-top: 24px;
}
.eko-home #home .eko-hero-services,
.eko-home #home .eko-hero-services span {
  color: #fff !important; font-family: inherit;
  font-size: 15px !important; font-weight: 500 !important;
  line-height: 22px !important; letter-spacing: 0;
}
.eko-home #home .eko-service-name {
  position: relative; display: block; flex: 0 0 auto; white-space: nowrap;
}
/* Separators stay with their following service. At a new row's left edge,
   the separator falls outside the clipped text area, avoiding a leading pipe. */
.eko-home #home .eko-service-separator {
  position: absolute; left: -10px; top: 0; opacity: .45;
}
@media (max-width: 991.98px) {
  /* 68px to hero bottom leaves approximately 40px to the original button top.
     Height/placement of the hero and action panel remain unchanged. */
  .eko-home #home.eko-hero .eko-hero-content { bottom: 68px; }
  .eko-home #home .eko-hero-services {
    position: static; top: auto; left: auto; margin: 16px 0 0;
  }
  .eko-home #home .eko-hero-services,
  .eko-home #home .eko-hero-services span { font-size: 14px !important; }
}