/* Leistungen am Handy (leistungen.js): nur die ersten 5 Karten, Button „Alle … Leistungen anzeigen“ klappt auf/zu.
   Farben und Schriften der Higgsfield-Seite (--ca-*). */

.lx-more { display: none; }

@media (width <= 640px) {
  .section-services[data-lx-collapsed] .services-grid > .service:nth-child(n+6) { display: none; }

  .lx-more { display: block; margin-top: 1.4rem; }
  .lx-more + .services-cta { margin-top: 2rem; }
  .lx-more__btn {
    display: flex; align-items: center; justify-content: center; gap: .7rem; width: 100%;
    padding: .95rem 1.2rem; border: 1px solid var(--ca-line); border-radius: 10px; background: none;
    color: var(--ca-white); font-family: var(--ca-font-display); font-size: 1rem; font-weight: 700;
    letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: border-color .2s, color .2s;
  }
  /* Pfeil nach unten, aufgeklappt nach oben */
  .lx-more__btn::after {
    content: ""; width: .5rem; height: .5rem; margin-top: -.25rem;
    border: solid var(--ca-lime); border-width: 0 2px 2px 0; transform: rotate(45deg); transition: transform .2s;
  }
  .lx-more__btn[aria-expanded="true"]::after { margin-top: .25rem; transform: rotate(-135deg); }
  .lx-more__btn:hover { border-color: var(--ca-lime); color: var(--ca-lime-hi); }
  .lx-more__btn:focus-visible { outline: 2px solid var(--ca-lime-hi); outline-offset: 3px; border-color: var(--ca-lime); }
}