/* Блок 6 главной маклеров «Ceník» (#cenik — ссылка «Ceník» из шапки). Цены — решение realtors-prices-20261103 (его «Да»
   14:48; оффер — realtor-demand-20261101/SYSTEM.md): Audit 0 · Start 2 990/měs + spuštění 14 900 · флагман Náběr na klíč
   29 900/měs + spuštění 39 000 · Kancelář od 49 900 · 9 дверей от 3 500.
   03.11 15:21 его «Да, собирай» на идею «Что вы получите» (решение realtors-block6-what-you-get; 15:07 его «не хватает
   здесь наглядности, не хватает каких-то картинок… на Логос мы это уже всё разрабатывали… не хочу перегружать сайт»):
   как блок 04 Logos, на белом — флагман одной большой карточкой, сверху экран результата без рамки (телефон маклера:
   неделя и уведомления — новые собственники, встреча, отзыв); Start и Kancelář — две строки с малым экраном; аудит —
   строка сверху (ведёт на страницу Audit); дверей — плашки со ссылкой на страницу цен; окупаемость — под флагманом.
   Полос-шкал у пакетов нет. В блоке одна картинка — экран результата. Грамматика блоков 2–5: Poppins, синий — данные и
   действия, коралла нет. Мобилка 390 первой. */
@media (max-width:1023px){.b5{margin-bottom:0}}   /* блок 5 больше не последний: место под липкую кнопку — у блока 6 */
.b6{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)}
.b6-eye{font-size:14px;font-weight:500;line-height:1.55;color:var(--muted)}
.b6-h{margin-top:8px;font-size:30px;font-weight:500;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.b6-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}
.b6-lead{margin-top:16px;font-size:16px;line-height:1.55;color:var(--muted);text-wrap:pretty}

/* круглая стрелка — действие пакета (03.11 09:43 его «кнопка… на карточке»): нажимается вся карточка или строка */
.b6-go{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tint);color:#1B45B0;
  -webkit-tap-highlight-color:transparent;transition:background .2s var(--ease),color .2s var(--ease)}
.b6-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .2s var(--ease)}
.b6-go.on{background:var(--base2);color:#fff}
.b6 :is(.b6-aud,.b6-fl,.b6-alt):active .b6-go svg{transform:translateX(3px)}
.b6 :is(.b6-aud,.b6-alt,.b6-go):focus-visible{outline:2px solid var(--base2);outline-offset:3px}
@media (hover:hover) and (pointer:fine){
  .b6 :is(.b6-aud,.b6-fl,.b6-alt):hover .b6-go{background:var(--base2);color:#fff}
  .b6 :is(.b6-aud,.b6-fl,.b6-alt):hover .b6-go svg{transform:translateX(3px)}}

/* аудит — вход, не ценник: строка со стрелкой на страницу Audit */
.b6-aud{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:14px 14px 14px 18px;
  border-radius:16px;box-shadow:0 0 0 1px var(--rule);color:var(--ink);text-decoration:none;-webkit-tap-highlight-color:transparent}
.b6-aud b{display:block;font-size:16px;font-weight:500;line-height:1.35}
.b6-aud small{display:block;margin-top:2px;font-size:14px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}

/* флагман: экран результата сверху (как карточка 04 Logos — экран на всю ширину, низ уходит в землю карточки), под ним —
   метка, имя и цена, запуск, обещание, состав плашками, «по частям» */
.b6-fl{position:relative;margin-top:16px;border-radius:20px;overflow:hidden;background:var(--land)}
.f-ui{position:relative;height:388px;padding:12px 14px 0;overflow:hidden;text-align:center;
  background:radial-gradient(80% 50% at 82% 0%,#fff 0%,transparent 70%),linear-gradient(180deg,#D3DFFA 0%,#E2E9F9 62%,var(--land) 100%)}
.f-ui::after{content:"";position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(rgba(238,242,248,0),var(--land) 88%);
  pointer-events:none}
.u-dt{font-size:15px;font-weight:500;line-height:1.3;color:#34476B}
.u-tm{margin-top:2px;font-size:48px;font-weight:600;line-height:1;letter-spacing:-.035em;color:var(--ink);font-variant-numeric:tabular-nums}
.u-lk{display:block;width:11px;height:14px;margin:0 auto 4px;fill:none;stroke:var(--ink);stroke-width:1.8}
.u-lk rect{fill:var(--ink);stroke:none}
.u-wg{display:flex;justify-content:center;gap:8px;margin-top:10px}
.u-wg p{display:flex;flex-direction:column;align-items:center;width:92px;padding:6px 6px 7px;border-radius:14px;background:rgba(255,255,255,.66);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.u-wg b{font-size:22px;font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}
.u-wg span{font-size:12px;line-height:1.3;color:var(--muted)}
.u-wg .on b{color:#1B45B0}
.u-nt{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:10px 0 0;padding:0;list-style:none;text-align:left}   /* колонка не шире экрана: длинная строка — многоточием, не за край */
.u-nt li{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.9);
  box-shadow:0 8px 20px -12px rgba(15,23,42,.28)}
.u-ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font-size:13px;font-weight:600;font-style:normal;
  line-height:1;color:#fff}
.u-ic.vr{background:var(--base2)}
.u-ic.cal{padding-top:7px;background:linear-gradient(var(--base2) 0 8px,#fff 8px);box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink);font-size:15px}
.u-ic.g{background:#fff;box-shadow:inset 0 0 0 1px var(--rule);color:var(--base2);font-size:17px}
.u-nt p{flex:1;min-width:0;line-height:1.35}
.u-ap{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.u-ap s{text-decoration:none}
.u-nt p b{display:block;margin-top:1px;overflow:hidden;font-size:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.u-nt p>span:last-child{display:block;overflow:hidden;font-size:13px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis}

.f-bd{padding:16px 20px 20px}
.f-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.f-row .b6-go{margin-top:2px}
.f-row .b6-go::after{content:"";position:absolute;inset:0}   /* вся карточка — ссылка на форму с отмеченным пакетом */
.b6-when{display:inline-block;padding:4px 10px 5px;border-radius:8px;background:var(--tint);color:#1B45B0;font-size:13px;font-weight:500;
  line-height:1.35}
.f-row h3{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:-.02em}
.f-pr{margin-top:2px;font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.f-pr small,.t-pr small{margin-left:1px;font-size:14px;font-weight:500;letter-spacing:0;color:var(--muted)}
.f-plus{margin-top:4px;font-size:14px;line-height:1.45;color:var(--muted);font-variant-numeric:tabular-nums}
.f-in{margin-top:10px;font-size:16px;line-height:1.5;color:var(--ink);text-wrap:balance}
.f-ch{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 0;padding:0;list-style:none}
.f-ch li{padding:4px 9px 5px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--rule);font-size:13px;font-weight:500;line-height:1.35}
.f-cmp{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin-top:16px;padding-top:14px;
  border-top:1px solid #D9E0EC;font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums}
.f-cmp span{color:var(--muted)}
.f-cmp s{text-decoration-thickness:1px}
.f-cmp b{font-weight:500;color:#1B45B0}
.f-cmp b small{font-size:13px;font-weight:400}

/* окупаемость (год против провизии) — на странице цен: 15:38 его «очень дохрена текста и куча всего лишнего» */

/* Start и Kancelář — строки: малый экран, метка, имя, цена (у Startu — запуск), стрелка */
.b6-alt{display:grid;grid-template-columns:76px minmax(0,1fr) 40px;grid-template-areas:"ui tx go";column-gap:14px;align-items:center;
  margin-top:12px;padding:14px;border-radius:18px;box-shadow:0 0 0 1px var(--rule);color:var(--ink);text-decoration:none;
  -webkit-tap-highlight-color:transparent}
.b6-fl+.b6-alt{margin-top:16px}
.b6-alt>.b6-go{grid-area:go}
.t-ui{grid-area:ui;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:76px;height:76px;border-radius:14px;
  background:linear-gradient(180deg,#D3DFFA,var(--land))}
.t-ui .u-ic{width:30px;height:30px;border-radius:8px;font-size:12px;margin-bottom:4px}
.t-ui b{font-size:12px;font-weight:600;line-height:1.3}
.t-ui em{font-size:13px;font-weight:600;font-style:normal;line-height:1.3;color:#1B45B0;font-variant-numeric:tabular-nums}
.t-ui small{font-size:12px;line-height:1.2;color:var(--muted)}
.t-ui .u-ic+small{margin-top:-2px}
.t-av{display:flex}
.t-av i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:0 0 0 2px #EAF0FB;font-size:12px;font-weight:600;
  font-style:normal;color:#fff;background:var(--base2)}
.t-av i+i{margin-left:-6px}
.t-av i:nth-child(2){background:var(--ink)}.t-av i:nth-child(3){background:#5A6B8C}
.t-tx{grid-area:tx;display:flex;flex-direction:column;min-width:0}
.t-tag{font-size:13px;font-weight:500;line-height:1.35;color:#1B45B0}
.t-n{margin-top:2px;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.t-pr{margin-top:2px;font-size:18px;font-weight:500;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.t-pr .od{margin:0 4px 0 0}
.t-d{margin-top:2px;font-size:13px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}

/* двери по отдельности — одна строка на страницу цен (15:38: 9 плашек — лишнее на главной); вид — как строка аудита */
.b6-one{margin-top:12px}
.b6-cap{margin-top:16px;font-size:13px;line-height:1.5;color:var(--muted)}

/* появление: как блоки 2–5 — один раз, когда группа в кадре; уведомления въезжают по одному, полосы окупаемости растут.
   Без JS и при reduced-motion — сразу итог */
@media (prefers-reduced-motion:no-preference){
  .b6-js .b6 .rv{opacity:0;transform:translateY(12px);transition:opacity .44s var(--ease) var(--d,0ms),transform .44s var(--ease) var(--d,0ms)}
  .b6-js .b6 .rv.on{opacity:1;transform:none}
  .b6-js .b6 .u-nt li{opacity:0;transform:translateY(-10px) scale(.97);transition:opacity .36s var(--ease),transform .36s var(--ease)}
  .b6-js .b6 .b6-fl.on .u-nt li{opacity:1;transform:none}
  .b6-js .b6 .b6-fl.on .u-nt li:nth-child(1){transition-delay:.9s}.b6-js .b6 .b6-fl.on .u-nt li:nth-child(2){transition-delay:.6s}
  .b6-js .b6 .b6-fl.on .u-nt li:nth-child(3){transition-delay:.3s}
}

/* планшет 768–1023 — колонка мобилки по центру, как блоки 2–5 */
@media (min-width:768px) and (max-width:1023px){.b6{width:min(640px,calc(100vw - 48px));margin:24px auto 96px;padding:48px 40px 40px}}

/* десктоп — черновой (доводка после его слова по мобилке): флагман — экран слева, текст справа; Start и Kancelář рядом */
@media (min-width:1024px){
  .b5{margin-bottom:24px}
  .b6{width:min(1360px,calc(100vw - 48px));margin:0 auto 48px;padding:64px 64px 56px;border-radius:28px}
  .b6-eye{font-size:15px}
  .b6-h{max-width:17em;margin-top:16px;font-size:48px;letter-spacing:-.035em;line-height:1.08}
  .b6-h mark{padding:0 .1em;margin:0 -.1em;border-radius:.16em;
    background:linear-gradient(transparent .22em,var(--mark) .22em,var(--mark) calc(100% - .18em),transparent calc(100% - .18em))}
  .b6-lead{max-width:34em;margin-top:24px;font-size:18px}
  .b6-aud{max-width:520px;margin-top:28px}
  .b6-fl{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin-top:24px}
  .f-ui{height:auto;min-height:440px;padding:28px 40px 0}
  .f-bd{display:flex;flex-direction:column;padding:40px 48px}
  .f-row h3{font-size:30px}
  .f-pr{margin-top:6px;font-size:44px;letter-spacing:-.03em}.f-pr small{font-size:16px}
  .f-plus{font-size:16px}.f-in{margin-top:20px;font-size:18px}
  .f-ch{margin-top:20px}.f-ch li{font-size:15px}
  .f-cmp{margin-top:auto;padding-top:18px;font-size:16px}
  .b6-alt{display:inline-grid;width:calc(50% - 12px);vertical-align:top;margin-top:20px}
  .b6-alt+.b6-alt{margin-left:16px}
  .b6-one{max-width:520px}
}