/* Claude, 21.10.2026: strony usług jako landingi reklam (krok apply-service-people-claude.py).
   Pasek bezpłatnej rozmowy nad kartami, karta osoby z ceną, najbliższym terminem i przyciskiem jak na landingach,
   krótszy pasek „Na tej stronie” na telefonie i kotwice, które nie chowają nagłówka pod paskami. */

/* Kotwice: nagłówek sekcji staje pod menu i paskiem „Na tej stronie”. */
main section[id] { scroll-margin-top:calc(var(--h20-top) + 104px); }
@media (max-width:767px) {
  main section[id] { scroll-margin-top:calc(var(--h20-top) + 80px); }
  .service-page-nav { padding-block:2px; }
  .service-page-nav > .container > div { padding:6px 10px; gap:8px; }
  .service-page-nav a { padding:6px 14px; font-size:15px; }
}

/* Bezpłatna rozmowa nad kartami. */
.o6-people .service-content > p + .sp-free { margin-top:28px; }
.o6-people .sp-free { display:grid; gap:16px; margin:28px 0 24px; padding:22px 20px; border-radius:22px; background:var(--color-peach); }
.o6-people .sp-free + .service-people { margin-top:0; }
.o6-people .sp-free__text p { margin:0; font-size:15.5px; line-height:1.55; color:var(--color-navy); }
.o6-people .sp-free__text .sp-free__eyebrow { display:flex; align-items:center; gap:8px; margin:0 0 6px; font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--color-rust); }
.o6-people .sp-free__eyebrow::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--color-coral); flex:none; }
.o6-people .sp-free__text .sp-free__title { margin:0 0 4px; font-size:21px; font-weight:600; line-height:1.25; }
.o6-people .sp-free__actions { display:grid; gap:2px; }
.o6-people .sp-free .button { justify-content:center; min-height:48px; }
.o6-people .sp-free__tel { display:inline-flex; align-items:center; justify-content:center; min-height:44px; font-size:15px; font-weight:600; color:var(--color-navy); text-underline-offset:3px; white-space:nowrap; }
@media (min-width:768px) {
  .o6-people .sp-free { grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:28px; padding:24px 28px; }
  .o6-people .sp-free__text { max-width:560px; }
}

/* Karta osoby: profil na górze, na dole cena, termin i przycisk. */
.o6-people .service-person { display:flex; flex-direction:column; }
.o6-people .service-person__profile { flex:1 1 auto; }
.o6-people .service-person__actions { display:grid; gap:12px; margin-top:14px; padding:14px 0 0; border-top:1px solid var(--color-line); }
.o6-people .service-person__meta { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.o6-people .service-person__price { font-family:var(--font-serif); font-size:20px; line-height:1.2; font-variant-numeric:lining-nums; color:var(--color-navy); white-space:nowrap; }
.o6-people .service-person__price span { font-family:var(--font-sans); font-size:14px; color:var(--color-muted); }
.o6-people .service-person__slot { display:inline-flex; align-items:center; gap:7px; padding:6px 11px; border-radius:var(--radius-pill); background:#e8f2ec; font-size:13.5px; font-weight:600; line-height:1.3; color:var(--color-success); }
.o6-people .service-person__slot::before { content:""; width:8px; height:8px; border-radius:50%; background:currentColor; flex:none; }
.o6-people .service-person__slot[hidden] { display:none; }
.o6-people .service-person__service { flex-basis:100%; font-size:13.5px; font-weight:600; color:var(--color-muted); }
/* Brak terminów: lista rezerwowa albo bezpłatna rozmowa (linki z polem dotyku 44 px). */
.o6-people .service-person__wait { display:grid; justify-items:start; padding:12px 14px 6px; border-radius:16px; background:var(--color-cream); }
.o6-people .service-person .service-person__wait p { margin:0 0 2px; padding:0; background:none; border-radius:0; font-size:14.5px; font-weight:600; color:var(--color-navy); }
.o6-people .service-person__wait a { display:inline-flex; align-items:center; min-height:44px; font-size:14.5px; font-weight:600; color:var(--color-navy); text-underline-offset:3px; }
.o6-people .service-person__wait a + a { min-height:40px; margin-top:-6px; font-weight:500; color:var(--color-rust); }
.o6-people .service-person__book { width:100%; justify-content:center; min-height:46px; }