/* ============================================================ yandoc — редизайн категорийного листинга (специальность+метро) Все классы с префиксом yd- чтобы не конфликтовать со style.css. Шрифт MuseoSansCyrl уже подключён темой глобально. ============================================================ */ :root{ --yd-ground:#F7F8FA;--yd-surface:#FFFFFF;--yd-ink:#1E2632;--yd-mid:#3E4958;--yd-muted:#9397A2; --yd-border:#E6E6EB;--yd-border2:#D8D8E0;--yd-yellow:#FFCC00;--yd-red:#FC3F1D;--yd-link:#0070C0;--yd-link-ondark:#7FB8FF;--yd-star:#FD9F13;--yd-green:#1F9D57; --yd-fl:"MuseoSansCyrl300",Arial,sans-serif;--yd-fm:"MuseoSansCyrl500",Arial,sans-serif;--yd-fb:"MuseoSansCyrl700",Arial,sans-serif; } .yd-trust,.yd-trust *,.yd-controls,.yd-controls *,.yd-list,.yd-list *,.yd-band,.yd-band *,.yd-near,.yd-near *,.yd-allspec,.yd-allspec *,.yd-descr,.yd-descr *,.yd-within30,.yd-within30 *,.yd-found,.yd-found *,.yd-fmodal,.yd-fmodal *,.yd-overlay,.yd-mapbox,.yd-mapbox *{box-sizing:border-box;} /* КОРЕНЬ «белой заливки между блоков»: у обёртки листинга в теме задан float:left без clearfix (style.css: .th-posts{width:100%;float:left;}). Из-за этого родитель не учитывал высоту плавающего блока — все блоки после ленты (яд-near и другие) схлопывались к началу ленты и растягивались, чтобы обтечь float, а их белый фон просвечивал в зазорах между карточками. Убираем float на страницах-листингах — обёртке незачем плавать. */ .th-posts.th-poststwo.th-postslist.taxonomy-speciality{float:none;} /* ===== sticky-компактная шапка при скролле (только на страницах-листингах) ===== Обычный размер — как на всём сайте; при скролле уменьшаем в ~1.5 раза и прячем «Найдётся врач»/выбор города, оставляя логотип, звонок и телефон. Цепочка, из-за которой sticky не работал (проверено через getComputedStyle по всем предкам #th-header): 1) .th-wrapper (прямой родитель) — overflow:hidden в теме (style.css:582); 2) главное: html,body{overflow-x:hidden} (style.css:45-46) — раз overflow-x не visible, overflow-y у html и body автоматически считается 'auto' (правило CSS). А проброс overflow с body на вьюпорт (обычное поведение страницы-скроллера) работает только если у САМОГО html overflow visible. У нас html тоже explicit overflow-x:hidden — проброса нет, html сам становится скролл-контейнером, и sticky внутри него не залипает. Возвращаем html overflow visible (body с overflow-x:hidden не трогаем — это платформенное поведение подхватит вьюпорт и защита от горизонтального скролла сохранится). */ .th-wrapper{overflow:visible;} html{overflow:visible;} #th-header{position:sticky;top:0;z-index:600;} #th-header .th-topbar{transition:padding .2s ease;} #th-header.yd-compact .th-topbar{padding:8px 0;} #th-header.yd-compact .th-logo img{width:119px;height:30px;transition:width .2s,height .2s;} #th-header.yd-compact .find_doctor, #th-header.yd-compact .city_select{display:none;} #th-header.yd-compact .head_phone{margin-left:20px;} #th-header.yd-compact .head_phone strong{font-size:15px;} #th-header.yd-compact .head_callback{font-size:11px;} /* строка доверия (#1) */ .yd-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;background:var(--yd-surface);border:1px solid var(--yd-border);border-radius:12px;padding:13px 18px;margin:16px 0;} .yd-trust .t{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--yd-mid);font-family:var(--yd-fm);} .yd-trust .t b{font-family:var(--yd-fb);color:var(--yd-ink);font-variant-numeric:tabular-nums;} .yd-trust .t.verified b{color:var(--yd-green);} .yd-trust .chk{width:17px;height:17px;flex:none;border-radius:50%;background:var(--yd-green);position:relative;} .yd-trust .chk::after{content:"";position:absolute;left:5px;top:3.5px;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg);} .yd-trust .yd-rating-cta{margin-left:auto;padding:6px 14px;} .yd-trust .yd-rating-cta + .upd{margin-left:0;} .yd-trust .upd{margin-left:auto;font-family:var(--yd-fl);font-size:12.5px;color:var(--yd-muted);} @media(max-width:640px){.yd-trust .upd{margin-left:0;width:100%;}} /* панель управления (#2): сортировка + фильтры + карта. Раньше чипы сортировки и кнопки фильтров/карты были в двух отдельных div-обёртках (.yd-sortset/.yd-rightset), которые на мобильном "распаковывали" через display:contents, чтобы всё скроллилось одной лентой. Оказалось, display:contents не меняет реальное родительское отношение в DOM (chip.parentElement всё равно оставался .yd-sortset), и на части тач-устройств лента с чипами двигалась отдельно от кнопок. Убрали обёртки из разметки совсем — теперь label/чипы/кнопки правда прямые дети .yd-controls, без всякого промежуточного слоя. */ /* margin-top/bottom сильно сокращены (18/28 → 10/12) — вместе с section.spec_sec_wrap2{padding-top} (ниже) над и под панелью сортировки было по 34px и 28px соответственно, при коротком H1 (2 строки, как на общей странице специальности без гео-фильтра) это читалось как разрыв вёрстки, хотя цифры отступов были ОДИНАКОВЫМИ что на общей странице, что на комбо специальность+метро — просто на комбо-странице H1 длиннее (переносится на 3-4 строки) и тот же отступ не так бросался в глаза. */ .yd-controls{display:flex;align-items:center;gap:10px;margin:4px 0 12px;flex-wrap:wrap;} .yd-sort-lab{font-family:var(--yd-fl);font-size:13px;color:var(--yd-muted);margin-right:2px;} .yd-chip{border:1px solid var(--yd-border2);background:var(--yd-surface);color:var(--yd-mid);border-radius:999px;padding:8px 15px;font-size:14px;font-family:var(--yd-fm);transition:.15s;text-decoration:none;display:inline-block;line-height:1.2;} .yd-chip:hover{border-color:var(--yd-muted);color:var(--yd-ink);text-decoration:none;} /* чипы сортировки теперь