/* p72: плашка «Записаться онлайн» — красная в тон Medflex (#E00000 вместо #FF0000: контраст с белым 5,0 против 4,0) в шапке + нижняя полоса на телефоне, только когда плашки в шапке не видно (24.09.2026, G1.1). Откат: rollback.sh в каталоге бэкапа. */ .p72-book-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:48px;background:#E00000;color:#fff!important; font:400 15px/1.2 "Museo Sans Cyrl",Arial,sans-serif;text-decoration:none!important;white-space:nowrap;box-shadow:0 4px 14px rgba(224,0,0,.3);transition:background .2s} .p72-book-pill:hover,.p72-book-pill:focus-visible{background:#c00000} .p72-book-pill:focus-visible{outline:3px solid #2f5fd0;outline-offset:3px} .p72-book-pill svg{width:16px;height:16px;flex:none} /* десктоп: телефон → плашка → «Обратный звонок» · «Меню» */ header.header .header__flex{display:grid!important;grid-template-columns:auto auto;justify-content:end;align-items:center;column-gap:12px;row-gap:8px} header.header .header__flex .header__phone,header.header .header__flex .p72-book-pill{grid-column:1/3;justify-self:end} header.header .header__flex .p72-book-pill{min-width:230px} header.header .header__flex .header__phone--callback{justify-self:end;white-space:nowrap;font-size:13px} /* явные строки: в HTML плашка стоит после «Обратного звонка», без этого вышло бы 4 строки */ header.header .header__flex .header__phone{grid-row:1} header.header .header__flex .p72-book-pill{grid-row:2} header.header .header__flex .header__phone--callback{grid-row:3;grid-column:1} header.header .header__flex .header__burger{grid-row:3;grid-column:2} /* телефон: плашка под строкой «телефон · MAX · Telegram · Меню»; в закреплённой шапке её роль берёт нижняя полоса */ .p72-book-wrap{padding:6px 15px 10px} .p72-book-wrap .p72-book-pill{display:flex;width:100%;min-height:44px;font-size:16px} header.header.fixed .p72-book-wrap{display:none} .p72-book-bar{display:none} @media (max-width:1140px){ /* порог мобильной шапки сайта: ≤1140 мобильная, ≥1141 десктоп (замерено 24.09.2026) */ .p72-book-bar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:block;padding:8px 16px calc(8px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.97);box-shadow:0 -4px 16px rgba(0,0,0,.08)} .p72-book-bar .p72-book-pill{display:flex;width:100%;min-height:48px;font-size:16px;box-shadow:none} body{padding-bottom:calc(64px + env(safe-area-inset-bottom))} /* одна кнопка записи на телефоне: круглую Medflex прячем (решение владельца 24.09.2026) */ .medflex-round-widget{display:none!important} /* десктопная плашка скрыта, как и остальные .hidden__tablet (наш display перебивал сайтовый) */ .p72-book-pill.hidden__tablet{display:none!important} /* полоса только когда плашки в шапке нет на экране: скрипт в header.php ставит на p72-bar-js (скрипт работает) и p72-bar-on (плашки в шапке не видно). Без скрипта полоса видна всегда, как в G1. */ .p72-bar-js .p72-book-bar{transform:translateY(110%);visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s} .p72-bar-js.p72-bar-on .p72-book-bar{transform:none;visibility:visible;transition:transform .2s ease} /* поднять над полосой (64 px), пока она видна: уведомление о cookie 16→80, «Вверх» 20→84; marquiz (130) и так выше */ html:not(.p72-bar-js) .cookie-notification,.p72-bar-on .cookie-notification{bottom:calc(80px + env(safe-area-inset-bottom))!important} html:not(.p72-bar-js) .upp,.p72-bar-on .upp{bottom:calc(84px + env(safe-area-inset-bottom))!important} } @media (max-width:1140px) and (prefers-reduced-motion:reduce){.p72-bar-js .p72-book-bar,.p72-bar-js.p72-bar-on .p72-book-bar{transition:none}}