/* Форма главной маклеров #book — последний блок (03.11, решение realtors-home-form-book-package-preselect, его «Да, заголовок 1»
   16:41). Поля, сегменты, ошибки и «спасибо» — как у принятой страницы Audit (audit/audit.css), здесь под .bk; новое — строка
   «Co vás zajímá» (2 × 2 на телефоне). Коралл — только кнопка отправки (Outcrowd 26756624: один насыщенный цвет на действии).
   Мобилка 390 первой; от 1024 — черновик ширины до его слова. */
@media (max-width:1023px){.b7{margin-bottom:0}}   /* последний теперь форма: место под липкую кнопку — у неё */
.bk{position:relative;margin:12px 12px 96px;padding:32px 20px 24px;border-radius:24px;background:#fff;scroll-margin-top:12px;
  box-shadow:0 0 0 1px var(--rule),0 30px 60px -40px rgba(15,23,42,.25)}
.bk-eye{font-size:14px;font-weight:500;line-height:1.55;color:var(--muted)}
.bk-h{margin-top:8px;font-size:30px;font-weight:500;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.bk-h mark{color:var(--ink);background:linear-gradient(transparent 60%,var(--mark) 60%,var(--mark) 90%,transparent 90%);
  -webkit-box-decoration-break:clone;box-decoration-break:clone}
.bk-lead{margin-top:16px;font-size:16px;line-height:1.55;color:var(--muted);text-wrap:pretty}

.bk-form{display:grid;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--rule)}
:where(.bk) :where(button,input){font:inherit;color:inherit}   /* без веса: цвет кнопки .btn--main не перебивать */
.bk .f-l{display:grid;gap:8px;min-width:0;padding:0;margin:0;border:0;font-size:14px;font-weight:500;line-height:1.4}
.bk .f-l legend{padding:0;margin-bottom:8px}   /* классы .f-ch и .f-in заняты блоком 6 — здесь .f-chan и .f-inp */
.bk .f-inp{width:100%;height:52px;padding:0 16px;border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #858FA3;
  font-size:16px;font-weight:400;transition:box-shadow .16s var(--ease)}
.bk .f-inp::placeholder{color:#6B7690}
.bk .f-inp:focus{outline:none;box-shadow:inset 0 0 0 2px var(--base2)}
.bk .f-inp[aria-invalid="true"]{box-shadow:inset 0 0 0 2px var(--acc)}
.bk .f-err{font-size:13px;font-weight:400;line-height:1.4;color:#C2331F}
.bk .f-err:empty{display:none}
.bk .f-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bk .f-pick{grid-template-columns:repeat(2,minmax(0,1fr))}
.bk .f-seg button{display:flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 8px;border:0;border-radius:10px;
  background:#fff;box-shadow:inset 0 0 0 1px #858FA3;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;
  transition:background-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}
.bk .f-seg button:active{transform:scale(.97)}
.bk .f-seg svg{display:none;flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bk .f-seg [aria-pressed="true"]{background:var(--tint);color:#1B45B0;box-shadow:inset 0 0 0 1.5px var(--base2)}
.bk .f-seg [aria-pressed="true"] svg{display:block}
.bk .f-seg button:focus-visible{outline:3px solid var(--base2);outline-offset:2px}
/* 03.11 16:52 (решение realtors-home-form-firm-name-noweb) его «нам достаточно названия вашей компании… если нету веба — с небольшой издёвкой, число, советуем начать
   отсюда»: вместо адреса сайта — название; «Ještě nemáme web» раскрывает подсказку с долей реалиток с сайтом */
.bk .f-firm{gap:12px}
.bk .f-noweb{justify-self:start;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px 0 12px;border:0;border-radius:10px;
  background:none;box-shadow:inset 0 0 0 1px var(--rule);font-size:14px;font-weight:500;cursor:pointer;
  transition:background-color .16s var(--ease),box-shadow .16s var(--ease),transform .16s var(--ease)}
.bk .f-noweb i{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px #858FA3}
.bk .f-noweb[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--rule)}   /* не как сегменты: синяя — только галочка (аудит taste-skill) */
.bk .f-noweb[aria-pressed="true"] i{background:var(--base2);box-shadow:none}
.bk .f-noweb[aria-pressed="true"] i::after{content:"";width:9px;height:5px;margin-top:-2px;border:solid #fff;border-width:0 0 2px 2px;rotate:-45deg}
.bk .f-noweb:active{transform:scale(.97)}
.bk .f-noweb:focus-visible{outline:3px solid var(--base2);outline-offset:2px}
.bk .f-tip{padding:14px 16px;border-radius:12px;background:var(--land);font-size:14px;font-weight:400;line-height:1.5;text-wrap:pretty}
.bk .f-tip b{font-weight:500}
.bk .f-tip .f-src{display:block;margin-top:6px;font-size:12px;color:var(--muted)}   /* подсчёт: runs/realtor-web-share-20261103 (192 из топ-200 по объявлениям) */
.bk .f-tip[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.bk .f-noweb:hover{box-shadow:inset 0 0 0 1.5px var(--base2)}}
.bk .f-ok{display:flex;gap:12px;align-items:flex-start;min-height:44px;font-size:13px;line-height:1.5;color:var(--muted);cursor:pointer}
.bk .f-ok input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--base2)}
.bk .f-ok a{color:#1B45B0;text-decoration:underline;text-underline-offset:3px}
.bk .f-go{width:100%;border:0}   /* button, не a, как в хиро: рамка браузера */
.bk .f-go[disabled]{opacity:.6}
.bk .f-fine{font-size:13px;line-height:1.5;color:var(--muted)}
.bk .f-done{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:12px;background:var(--tint);font-size:15px;line-height:1.5}
.bk .f-done[hidden]{display:none}
.bk .f-done i{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--base2)}
.bk .f-done svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.bk .f-done b{font-weight:500}
.bk-form.sent>:not(.f-done){display:none}
@media (hover:hover) and (pointer:fine){.bk .f-seg button:hover{box-shadow:inset 0 0 0 1.5px var(--base2)}}

/* появление групп — как блоки 2–7; липкая кнопка прячется, когда форма в кадре */
@media (prefers-reduced-motion:no-preference){
  .bk-js .bk .rv{opacity:0;transform:translateY(12px);transition:opacity .44s var(--ease) var(--d,0ms),transform .44s var(--ease) var(--d,0ms)}
  .bk-js .bk .rv.on{opacity:1;transform:none}
}
body[data-formin] .sticky{opacity:0;translate:0 12px;pointer-events:none}

/* от 1024 — черновик до его слова по мобилке: панель шириной блоков, форма в колонку 560 */
@media (min-width:1024px){
  .bk{width:min(1360px,calc(100vw - 48px));margin:0 auto 48px;padding:64px 64px 56px;border-radius:28px}
  .bk-h{max-width:17em;margin-top:16px;font-size:48px;letter-spacing:-.035em;line-height:1.08}
  .bk-lead{max-width:36em;font-size:18px}
  .bk-form{max-width:560px}
}