/* Блок 2 главной маклеров «Kupující se najdou. Zakázky ne.» — 03.11 (решение realtors-block2-two-markets-listing,
   его «Твоя ставка: 3 + 1»). Мобилка 390 первой; десктоп 1440 — после его слова. Грамматика хиро: белая панель на
   земле, Poppins, синий — данные, коралл — только на фразе «RK nevolat» и её числе 27 %; плашки объёмные, грань ≈ 5 px. */
.b2{position:relative;margin:12px 12px 0;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)}
.b2 .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.b2-eye{font-size:14px;font-weight:500;line-height:1.55;color:var(--muted)}
.b2-hh{margin-top:8px;font-size:34px;font-weight:500;line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.b2-hh mark{color:var(--ink);background:linear-gradient(transparent 60%,var(--mark) 60%,var(--mark) 90%,transparent 90%)}
.b2-half+.b2-half{margin-top:32px;padding-top:32px;border-top:1px solid var(--rule)}
.b2-half:first-of-type .b2-hh{margin-top:12px}
.b2-half+.b2-half .b2-hh{margin-top:0}

/* плашка «56 dní»: два бара одной структуры (Outcrowd 26659174) — год назад серым, сейчас синим */
.b2-vol{position:relative;border-radius:20px;background:linear-gradient(180deg,#fff 40%,#F3F5F9);
  box-shadow:inset 1px 1px 0 #fff,0 0 0 1px var(--rule),1px .4px 0 #CCD5E2,2px .8px 0 #CCD5E2,3px 1.2px 0 #CCD5E2,4px 1.6px 0 #CCD5E2,
  5px 2px 0 #B3BFD0,14px 22px 30px -12px rgba(15,23,42,.30)}
.b2-days{margin-top:24px;padding:20px 20px 24px}
.b2-days .n{display:block;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--base2);font-variant-numeric:tabular-nums}
.b2-days .t{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:var(--muted)}
.b2-bars{display:grid;gap:12px;margin-top:20px}
.b2-bar{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:6px;font-size:13px;line-height:1.3}
.b2-bar span{color:var(--muted)}.b2-bar b{font-weight:600;font-variant-numeric:tabular-nums}
.b2-bar i{grid-column:1/-1;display:block;height:10px;border-radius:5px;background:#D5DCE7;transform-origin:0 50%}
.b2-bar.now i{width:calc(56 / 117 * 100%);background:var(--base2)}
.b2-bar.now b{color:var(--base2)}

/* объявление — настоящий интерфейс портала в нейтральной оболочке, живой HTML; плашки лежат на нём (Outcrowd 27045952) */
.b2-lst{position:relative;margin:24px 12px 0 0;container-type:inline-size}
.b2-card{overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 18px 36px -24px rgba(15,23,42,.30)}
.b2-ph{position:relative;aspect-ratio:4/3;background:#E9EDF3}
.b2-ph img{display:block;width:100%;height:100%;object-fit:cover}
.b2-ph .own{position:absolute;left:12px;top:12px;padding:4px 10px;border-radius:8px;background:#fff;font-size:12px;font-weight:500;
  line-height:1.5;color:var(--ink)}
.b2-ph .cnt{position:absolute;right:12px;top:12px;padding:2px 8px;border-radius:6px;background:rgba(11,31,63,.62);color:#fff;
  font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums}
.b2-body{padding:16px 16px 32px}   /* низ — под плашку 27 %: она лежит на краю карточки, фразу не закрывает */
.b2-price{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.b2-ttl{margin-top:4px;font-size:15px;font-weight:500;line-height:1.4}
.b2-loc{margin-top:2px;font-size:13px;line-height:1.45;color:var(--muted)}
.b2-attr{margin-top:6px;font-size:13px;line-height:1.45;color:var(--muted)}
.b2-desc{margin-top:12px;padding-top:12px;border-top:1px solid var(--rule);font-size:14px;line-height:1.55;color:#33415C}
.b2-desc em{font-style:normal;font-weight:600;color:#B42E20;padding:0 .12em;margin:0 -.12em;border-radius:4px;
  background:linear-gradient(#FBE1DD,#FBE1DD) 0 0/100% 100% no-repeat}
.b2-chip{position:absolute;display:flex;align-items:center;gap:10px;max-width:252px;padding:10px 14px 10px 12px;border-radius:16px;
  font-size:13px;line-height:1.35;color:var(--muted)}
.b2-chip b{flex:none;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--base2);font-variant-numeric:tabular-nums}
.b2-chip.c6{right:-8px;top:calc(75cqw - 84px)}   /* на фото справа внизу, цену не трогает; счётчик снимков — вверху. 03.11 «6 ze 100» вместо повтора 94 z 100 хиро */
.b2-chip.c27{left:-8px;top:calc(100% - 22px)}   /* верх — на 22 px в карточке, под фразой; 2 строки */
.b2-chip.c27 b{color:var(--acc)}
.b2-cap{margin-top:57px;font-size:13px;line-height:1.5;color:var(--muted)}

/* голос собственника и вывод */
.b2-voice{margin-top:32px;padding:20px;border-radius:16px;background:var(--land)}
.b2-voice blockquote{font-size:16px;font-weight:500;line-height:1.5;color:var(--ink)}
.b2-voice figcaption{margin-top:8px;font-size:12px;line-height:1.5;color:var(--muted)}
.b2-turn{margin-top:24px;font-size:24px;font-weight:500;letter-spacing:-.02em;line-height:1.3;text-wrap:balance}
.b2-turn span{display:block;margin-bottom:8px;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.5;color:#33415C}   /* 03.11 его «строка темнее» */
.b2-next{display:flex;align-items:center;justify-content:space-between;min-height:52px;margin-top:24px;padding:0 20px;border-radius:14px;
  font-size:16px;font-weight:500;box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform .15s var(--ease)}
.b2-next svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.b2-next:active{transform:scale(.98)}
.b2-next:focus-visible{outline:3px solid var(--base2);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.b2-next:hover{background:var(--tint)}}
.b2-src{margin-top:32px;font-size:13px;line-height:1.5;color:var(--muted)}
.b2-src a{padding:13px 0;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.b2-src a:focus-visible{outline:3px solid var(--base2);outline-offset:2px;border-radius:4px}
@media (hover:hover) and (pointer:fine){.b2-src a:hover{text-decoration-color:currentColor}}

/* появление: один раз, когда блок в кадре; без JS и при reduced-motion — сразу итог */
@media (prefers-reduced-motion:no-preference){
  .b2-js .b2 .rv{opacity:0;transform:translateY(12px);transition:opacity .44s var(--ease) var(--d,0ms),transform .44s var(--ease) var(--d,0ms)}
  .b2-js .b2 .rv.on{opacity:1;transform:none}
  .b2-js .b2 .b2-bar.now i{transform:scaleX(2.09);transition:transform .7s var(--ease) .5s}
  .b2-js .b2 .b2-days.on .b2-bar.now i{transform:none}
  .b2-js .b2 .b2-desc em{background-size:0 100%;transition:background-size .5s var(--ease) .6s}
  .b2-js .b2 .b2-lst.on .b2-desc em{background-size:100% 100%}
}

/* планшет — этап адаптации в конце (решение realtors-base-first-screens-last): пока колонка мобилки по центру */
@media (min-width:768px) and (max-width:1023px){.b2{width:min(640px,calc(100vw - 48px));margin:24px auto 96px;padding:48px 40px 40px}}

/* пока блок последний на странице — место под липкую кнопку «Audit náběru zdarma» (64 px + поле) */
.b2{margin-bottom:96px}

/* 03.11 десктоп 1440 (его «Да: 6 ze 100 + строка темнее + десктоп»): панель — ширина и скругление хиро; заголовок делится
   на две колонки 5/7 с линией между: слева «Kupující se najdou» и 56 dní, справа «Zakázky ne» и объявление строкой, как
   на портале (фото слева, текст справа); ниже — голос собственника слева, вывод и ссылка справа; источник — на всю ширину */
@media (min-width:1024px){
  .b2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:96px;align-items:start;
    width:min(1360px,calc(100vw - 48px));margin:24px auto 48px;padding:64px 64px 56px;border-radius:28px}
  .b2-eye{grid-column:1/-1;font-size:15px}
  .b2-hh{font-size:48px;letter-spacing:-.035em;line-height:1.08}
  .b2-hh 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))}
  .b2-half:first-of-type .b2-hh,.b2-half+.b2-half .b2-hh{margin-top:16px}
  .b2-half+.b2-half{position:relative;margin-top:0;padding-top:0;border-top:0}
  .b2-half+.b2-half::before{content:"";position:absolute;left:-48px;top:16px;bottom:0;width:1px;background:var(--rule)}
  /* аудит 03.11: низ плашки 56 — по низу объявления (под ним справа ещё подпись: 56 + строка 20) */
  .b2-half:first-of-type{align-self:stretch;display:flex;flex-direction:column;padding-bottom:76px}
  .b2-days{flex:1;display:flex;flex-direction:column;margin-top:32px;padding:28px 28px 32px;border-radius:24px}
  .b2-days .b2-bars{margin-top:auto;padding-top:28px}
  .b2-days .n{font-size:44px}.b2-days .t{margin-top:8px;font-size:16px}
  .b2-bars{gap:16px}.b2-bar{font-size:14px}
  .b2-lst{margin:32px 0 0;container-type:normal}
  .b2-card{display:grid;grid-template-columns:44% 1fr;border-radius:20px}
  .b2-ph{aspect-ratio:auto;min-height:280px}.b2-ph img{position:absolute;inset:0}
  .b2-body{padding:24px 28px 36px}
  .b2-price{font-size:24px}.b2-ttl{font-size:16px}.b2-loc,.b2-attr{font-size:14px}
  .b2-desc{margin-top:16px;padding-top:16px;font-size:15px}
  .b2-chip{max-width:268px;font-size:13px}.b2-chip b{font-size:24px}
  .b2-chip.c6{left:-8px;right:auto;top:auto;bottom:24px}
  .b2-chip.c27{left:calc(44% + 20px);top:calc(100% - 24px)}
  .b2-cap{margin-top:56px;text-align:right}
  .b2-voice{grid-column:1;grid-row:3 / span 2;margin-top:64px;padding:28px;border-radius:20px}
  .b2-voice blockquote{font-size:18px;line-height:1.55}.b2-voice figcaption{margin-top:12px;font-size:13px}
  .b2-turn{grid-column:2;grid-row:3;margin-top:64px;font-size:32px;letter-spacing:-.025em;line-height:1.2}
  .b2-turn span{font-size:18px;margin-bottom:12px}
  .b2-next{grid-column:2;grid-row:4;justify-self:start;gap:16px;margin-top:32px;padding:0 24px}
  .b2-src{grid-column:1/-1;margin-top:48px;padding-top:24px;border-top:1px solid var(--rule)}
}