/* ============================================================
   FEMOtech · Landingpage-Ergänzungen (lädt NACH tokens.css + main.css)
   Nur LP-spezifische Patterns; bei Integration in die Hauptsite
   wandern diese Regeln in main.css (Namensraum lp-* kollisionsfrei).
   ============================================================ */

/* Spec-Chips im Hero: drei Eckdaten als technische Plaketten */
.spec-chips {
  display: flex; flex-wrap: wrap; gap: var(--sp-3);
  list-style: none; padding: 0; margin: var(--sp-5) 0 0;
}
.spec-chips li {
  display: grid; gap: .1em;
  border: 1px solid rgba(246,245,242,.28);
  border-left: 3px solid var(--c-red);
  padding: .55em .95em;
  background: rgba(21,21,20,.55);
  margin: 0;
}
.spec-chips strong {
  font-size: 1.25rem; font-weight: 800; font-stretch: 118%;
  line-height: 1.1; letter-spacing: .01em; white-space: nowrap;
}
.spec-chips span {
  font-size: var(--fs-label); letter-spacing: .08em; text-transform: uppercase;
  color: rgba(246,245,242,.66);
}

/* Lange Button-Zusätze erst ab Tablet einblenden (Mobile: kompakte CTAs) */
.lp-hide-s { display: none; }
@media (min-width: 640px) { .lp-hide-s { display: inline; } }

/* Checkliste neben dem Formular */
.lp-checks {
  list-style: none; padding: 0; margin: var(--sp-5) 0 0;
  display: grid; gap: var(--sp-3);
}
.lp-checks li {
  display: flex; gap: .6em; align-items: flex-start;
  font-size: var(--fs-small); margin: 0;
}
.lp-checks .ico { margin-top: .22em; }

/* Schlanker LP-Footer */
.lp-footer {
  border-top: var(--hairline);
  padding-block: var(--sp-7);
  background: var(--bg);
}
.lp-footer__grid {
  display: grid; gap: var(--sp-6);
  align-items: start;
}
@media (min-width: 760px) {
  .lp-footer__grid { grid-template-columns: 1fr auto; }
}
.lp-footer__nap {
  font-size: var(--fs-small); color: var(--text-soft);
  margin: var(--sp-4) 0 0; line-height: 1.9;
}
.lp-footer__legal { display: flex; flex-wrap: wrap; gap: var(--sp-5); }
.lp-footer__legal a {
  font-size: var(--fs-small); text-decoration: none; color: var(--text-soft);
}
.lp-footer__legal a:hover { color: var(--c-red); }

/* Mobile Sticky-CTA: ein Ziel, immer erreichbar (nur klein) */
.lp-cta-bar {
  position: fixed; inset: auto 0 0 0; z-index: 90;
  padding: .7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom));
  background: rgba(21,21,20,.92);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  border-top: var(--hairline);
}
.lp-cta-bar .btn { width: 100%; justify-content: center; }
body.lp { padding-bottom: 4.6rem; }
@media (min-width: 760px) {
  .lp-cta-bar { display: none; }
  body.lp { padding-bottom: 0; }
}