/* 2f-free-call (Claude, 30.10.2026): the people section offers two ways to start, the free 15-minute call with its
   calendar in place or a person with price and nearest slot. Tabs as on the landings (landing-2a.css, .lp-tabs). */
.spt { margin-top:28px; }
/* A real switch in liquid glass (Paweł, 30.10: „przełączone jest wyżej”, „bardziej liquid glass”): a frosted track
   with a faint brand glow for the glass to bend, the chosen side a raised glass capsule that slides and stretches. */
.spt__tabs { position:relative; display:inline-grid; grid-template-columns:1fr 1fr; padding:5px; margin:0; max-width:100%;
  background:radial-gradient(70% 140% at 0% 50%, rgba(255,107,97,.26), transparent 72%), radial-gradient(70% 140% at 100% 50%, rgba(150,128,190,.26), transparent 72%), rgba(255,255,255,.32);
  border:1px solid rgba(255,255,255,.7); border-radius:var(--radius-pill);
  box-shadow:inset 0 1px 3px rgba(28,44,68,.12), inset 0 -1px 1px rgba(255,255,255,.8), 0 12px 28px -14px rgba(28,44,68,.28);
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%); scroll-margin-top:96px; }
.spt__tabs::before { content:''; position:absolute; z-index:0; top:4px; bottom:4px; left:4px; width:calc(50% - 5px); box-sizing:border-box; border:1px solid rgba(255,255,255,.85); border-radius:var(--radius-pill);
  background:radial-gradient(110% 130% at 28% 0%, rgba(255,255,255,.6) 0, rgba(255,255,255,.2) 40%, rgba(255,255,255,.06) 100%), linear-gradient(180deg, transparent 55%, rgba(255,255,255,.22));
  box-shadow:inset 0 1px 1px rgba(255,255,255,1), inset 0 -2px 5px rgba(255,255,255,.5), inset 3px 0 6px -2px rgba(255,255,255,.45), inset -3px 0 6px -2px rgba(255,255,255,.45), 0 8px 18px -8px rgba(28,44,68,.32), 0 1px 2px rgba(28,44,68,.12);
  -webkit-backdrop-filter:blur(2px) saturate(200%) brightness(1.06); backdrop-filter:blur(2px) saturate(200%) brightness(1.06);
  transition:transform .42s cubic-bezier(.3,.85,.25,1); }
.spt__tabs[data-spt-on="1"] { --spt-dir:-1; }
.spt__tabs[data-spt-on="1"]::before { transform:translateX(calc(100% + 2px)); }
.spt__tab { position:relative; z-index:1; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 22px; border:0; border-radius:var(--radius-pill); background:transparent; color:var(--color-muted); font:600 15.5px/1.2 var(--font-sans); cursor:pointer; transition:color .25s ease, background-color .2s ease, transform .15s ease; }
.spt__tab[aria-selected="false"]:hover { background:rgba(255,255,255,.35); color:var(--color-navy); }
.spt__tab:active { transform:translateY(1px); }
.spt__tab[aria-selected="true"] { color:var(--color-navy); }
.spt__tab:focus-visible { outline:3px solid var(--color-coral); outline-offset:2px; }
/* The capsule stretches like a drop while it slides; the first time the switch comes into view it nudges once. */
@keyframes spt-liquid { 0%, 100% { scale:1 1; } 45% { scale:1.05 .93; } 75% { scale:.99 1.02; } }
@keyframes spt-nudge { 0%, 100% { translate:0; } 35% { translate:calc(var(--spt-dir, 1) * 16px); scale:1.05 .95; } 62% { translate:calc(var(--spt-dir, 1) * -4px); scale:1; } 82% { translate:calc(var(--spt-dir, 1) * 2px); } }
@media (prefers-reduced-motion:no-preference) {
  .spt__tabs[data-spt-move]::before { animation:spt-liquid .5s ease-out 1; }
  .spt__tabs[data-spt-hint]::before { animation:spt-nudge 1.1s .25s ease-in-out 1; }
}
@media (prefers-reduced-motion:reduce) {
  .spt__tabs::before, .spt__tab { transition:none; }
}
.spt__meta { font-weight:500; }
.spt__dot { flex:none; width:8px; height:8px; border-radius:50%; background:var(--color-coral); }
/* A link to #bezplatna-rozmowa lands with the tabs still in view under the sticky header. */
.spt__panel { margin-top:24px; scroll-margin-top:184px; }
.spt__panel:focus-visible { outline:2px solid var(--color-navy); outline-offset:6px; border-radius:8px; }
/* Inside the panel the "show more" button is no longer a child of the section container, which gave it its gap. */
.spt__panel > [data-people-more] { margin-top:24px; }

.spt-free { display:grid; gap:16px; grid-template-areas:"card" "cal" "after"; }
.spt-free__card { grid-area:card; padding:22px 20px 18px; border-radius:var(--radius-card); background:linear-gradient(180deg, #fbe9e4 0, var(--color-white) 140px); box-shadow:var(--shadow-card); }
.spt-free__head { display:flex; align-items:center; gap:14px; margin:0 0 12px; }
.spt-free__faces { display:flex; flex:none; }
.spt-free__faces img { width:44px; height:44px; border:2px solid var(--color-white); border-radius:50%; object-fit:cover; }
.spt-free__faces img + img { margin-left:-12px; }
.spt-free .spt-free__title { margin:0; font-size:20px; line-height:1.25; font-weight:600; color:var(--color-navy); }
.spt-free__title em { font-family:var(--font-serif); font-weight:400; font-style:italic; color:var(--color-rust); }
.spt-free__card > p { margin:0 0 12px; max-width:60ch; font-size:16px; line-height:1.55; color:var(--color-navy); }
.spt-free__meta { margin:0 0 14px; padding:0; list-style:none; line-height:1.5; }
.spt-free__meta li { display:inline-block; margin:0; font-size:14px; line-height:1.5; font-weight:500; color:var(--color-navy); white-space:nowrap; }
.spt-free__meta li:not(:last-child)::after { content:'·'; margin:0 .4em; color:var(--color-coral); font-weight:600; }
.spt-free .spt-free__who { display:flex; gap:10px; align-items:flex-start; margin:0; padding:12px 0 0; border-top:1px solid var(--color-line); font-size:14px; line-height:1.45; color:var(--color-muted); }
.spt-free__who .brand-dot { flex:none; width:8px; height:8px; margin-top:6px; border-radius:50%; background:var(--color-coral); }
.spt-free__who b { color:var(--color-navy); font-weight:600; }
.spt-free .calendesk-embed { grid-area:cal; max-width:none; margin:0; }
.spt-free .calendesk-embed__frame { border-radius:var(--radius-card); box-shadow:var(--shadow-card); }
.spt-free .calendesk-embed__frame[data-height-received="true"] { min-height:0; }
.spt-free .spt-free__after { grid-area:after; margin:0; max-width:62ch; font-size:15px; line-height:1.55; color:var(--color-muted); }
.spt-free__after a { white-space:nowrap; }

@media (max-width:699px) {
  .spt__tabs { display:grid; width:100%; border-radius:20px; }
  .spt__tabs::before { border-radius:15px; }
  .spt__tab { flex-direction:column; gap:2px; padding:8px 10px; border-radius:15px; text-align:center; }
  .spt__tab .spt__dot { display:none; }
  .spt__sep { display:none; }
  .spt__meta { font-size:13.5px; }
}
@media (min-width:1024px) {
  .spt-free { grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); grid-template-areas:"card cal" "after cal"; align-items:start; gap:20px 32px; }
  .spt-free__card { padding:28px 28px 22px; }
}