/* Společné animované prvky převzaté ze stránky Buyer's Mind na webu: scény s plovoucími kartami a bublinami. */
.bm-me{display:grid;place-items:center;padding:20px 0 30px;position:relative}
.bm-me__ph{width:min(360px,72%);aspect-ratio:3/4;border-radius:4px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.8)}
.bm-me__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.bm-me .flo--num{max-width:180px;line-height:1.35}
.bm-me .flo--num b{font-size:clamp(26px,3.2vw,38px)}
.bm-pm{display:grid;place-items:center;padding:26px 0;position:relative}
.bm-pm .phone{width:min(270px,62vw);transform:rotate(3deg)}
.bm-pm .flo--bubble{max-width:210px}
/* pasti: seznam vlevo, telefon s bublinami vpravo (na mobilu telefon nad seznamem) */
.fx-traps{display:grid;gap:clamp(24px,4vw,64px);align-items:start}
@media(min-width:900px){.fx-traps{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}.fx-traps .bm-pm{position:sticky;top:110px}}
@media(max-width:899px){.fx-traps .bm-pm{order:-1;padding:8px 0 0}.fx-traps .bm-pm .phone{width:min(210px,54vw)}}
.fx-traps .process{margin-top:0}
/* důvěra: scéna s fotkou a plovoucími čísly */
.fx-trust{margin-top:clamp(24px,4vw,48px)}
.fx-trust .scene__text h2{margin-bottom:6px}
@media(max-width:767px){.bm-me .flo--num{max-width:140px;padding:10px 12px}.bm-me .flo--num b{font-size:22px}}
/* mobil: čísla pod fotkou v řadě, aby nezakrývala obličej */
@media(max-width:767px){
  .fx-trust .bm-me{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 8px}
  .fx-trust .bm-me__ph{grid-column:1/-1;justify-self:center;width:min(280px,74%)}
  .fx-trust .bm-me .flo--num{position:static!important;max-width:none;padding:10px;font-size:11px;align-self:stretch}
  .fx-trust .bm-me .flo--num b{font-size:19px}
}

/* Čísla (ceny, pořadí, statistiky, odpočet) v bezpatkovém písmu: tenké číslice Fraunces se špatně čtou. Nadpisy zůstávají ve Fraunces. */
.fx .process>li::before,.fp .process>li::before,
.fx-stat b,.fx-cta__p b,.fx-cd b,[data-cd-box] b,.stepx__n,.fx-free s,.fx p.scene__big,
.fx-today .price,.fx-pricebox .price,.fx .price,.fx-seal,.fx-rows b,.fx .bmflow li>b,.fx ol>li>b:first-child,
.fp-num,.fp .tour__step .k,.fx .tour__step .k,.fp-ledger dd,.fp-ledger__tot dd,.fp-regular p,.fp .price,.fp .price s,.fp-seal,
.bm-me .flo--num b{
  font-family:var(--f-body)!important;font-weight:400!important;font-style:normal;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;
}
.fx .process>li::before,.fp .process>li::before,.fp-num,.stepx__n{font-weight:500!important;letter-spacing:0}

/* Telefon: reference pod sebou místo posuvného pásu, aby bylo vidět, kolik jich je */
@media(max-width:767px){
  .fx .stories,.fp .stories{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible!important;scroll-snap-type:none!important;margin-inline:0!important;padding-inline:0!important}
  .fx .stories>.story,.fp .stories>.story{width:auto!important;min-width:0}
  .fx .stories .story__hl,.fp .stories .story__hl{font-size:16px;bottom:50px;left:12px;right:12px}
  .fx .stories .story__top,.fp .stories .story__top{left:10px;right:10px;top:10px}
  /* případové studie a videa v jednom pásu (Buyer's Mind) */
  .fx .fx-rail--wide:has(.fx-case){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible!important;scroll-snap-type:none!important;margin-inline:0!important;padding-inline:0!important}
  .fx .fx-rail--wide:has(.fx-case)>*{width:auto!important;min-width:0}
  .fx .fx-rail--wide:has(.fx-case)>.fx-case{grid-column:1/-1}
  /* karty výsledků klientů (Hotový plán) */
  .fp .fp-strip--cards{display:grid!important;grid-template-columns:1fr;gap:12px;overflow:visible!important;scroll-snap-type:none!important}
  .fp .fp-strip--cards>*{width:auto!important}
  .fx .stories+.stories-nav,.fp .fp-snav:has(+.stories),.fp .fp-snav:has(+.fp-strip--cards){display:none!important}
}
@media(max-width:767px){
  .fx .stories>.story,.fp .stories>.story,.fx .fx-rail--wide:has(.fx-case)>.story{opacity:1!important;transform:none!important;scale:1!important;filter:none!important}
  .fx .stories>.story *,.fp .stories>.story *{filter:none!important}
  .fx .stories .story__top small,.fp .stories .story__top small,.fx .fx-rail--wide .story__top small{display:none}
}

/* Všechny číslice na prodejních stránkách (i uvnitř nadpisů a popisků videí) z bezpatkového písma zařízení: číslice Fraunces mají vlasové tahy. */
@font-face{font-family:"PA Cisla";src:local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Segoe UI"),local("Arial");unicode-range:U+0030-0039;font-style:normal}
@font-face{font-family:"PA Cisla";src:local("Helvetica Neue"),local("HelveticaNeue"),local("Roboto"),local("Segoe UI"),local("Arial");unicode-range:U+0030-0039;font-style:italic}
body.fx,body.fp{--f-display:"PA Cisla","PA Krat","PA J","Fraunces",Georgia,"Times New Roman",serif}
body.fx h1,body.fx h2,body.fx h3,body.fp h1,body.fp h2,body.fp h3,body.fx .story__hl,body.fp .story__hl{font-family:var(--f-display)}
/* odpočet: čtyři políčka vždy v jedné řadě */
.fx-cd__g{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:440px}
.fx-cd__g>div{width:auto!important;min-width:0}
/* patička Hotového plánu: okraj od kraje displeje */
.fp-foot .wrap{padding-inline:max(20px,env(safe-area-inset-left,0px))}

/* Telefon: jedno video na řádek, další pod ním */
@media(max-width:767px){
  .fx .stories,.fp .stories,.fx .fx-rail--wide:has(.fx-case){grid-template-columns:1fr!important;justify-items:center;gap:14px}
  .fx .stories>.story,.fp .stories>.story,.fx .fx-rail--wide:has(.fx-case)>.story{width:min(100%,330px)!important}
  .fx .fx-rail--wide:has(.fx-case)>.fx-case{justify-self:stretch}
  .fx .stories .story__hl,.fp .stories .story__hl{font-size:20px;bottom:56px;left:16px;right:16px}
  .fx .stories .story__top small,.fp .stories .story__top small,.fx .fx-rail--wide .story__top small{display:block}
  .fx [class*="dots"],.fp [class*="dots"]{display:none!important}
}

/* bez loga v hlavičce: řádek „pro koho“ na střed */
.fx-nav .wrap{justify-content:center}
.fx-nav .fx-nav__aud{text-align:center;margin:0 auto}