/* Глобальні правки, потрібні на КОЖНІЙ сторінці. Підключається автоматично через tools/relink.js. */ /* Бейдж «Made in Webflow». webflow.js вставляє його на льоту, коли домен не належить Webflow — тобто рівно на нашому власному хостингу. На оригіналі його не було, бо сайт віддавав сам Webflow. Це артефакт переїзду, тож ховаємо. Елемент створюється через ~5 секунд після завантаження, тому саме CSS, а не видалення з розмітки: у розмітці його просто немає. */ .w-webflow-badge { display: none !important; } /* Пігулки в блоці «формат, який дає результат» (/neurocamp, /neurocamp-ai). У Webflow вони розкидані абсолютними координатами в пікселях: .b1…b8 із left 27…286px усередині контейнера заввишки 250px. Координати підбирались під широкий екран, а на вузькому контейнер вужчий за них — «Телеграм- підтримка» (left: 239px) ламалась на два рядки, «Щотижневий live з експертами» і «Реальні проєкти» виїжджали за правий край. Нижче 992px скасовуємо абсолютне позиціонування і викладаємо пігулки звичайним рядком із переносом, по центру. white-space: nowrap тримає кожну в один рядок. Блок від цього не росте: замість 250px обгортка займає ~180px. Ці класи є тільки на двох сторінках неврокемпу (перевірено пошуком по public/), тож правило тут, у глобальному файлі, нікуди більше не дістає. Селектор із трьох класів — щоб перебити .div-block-810.b4 із теми. */ @media screen and (max-width: 991px) { .div-block-806 .div-block-811 { flex-flow: row wrap; justify-content: center; align-content: center; gap: 8px; height: auto; padding-left: 12px; padding-right: 12px; } .div-block-806 .div-block-811 .div-block-810 { position: static; inset: auto; margin: 0; white-space: nowrap; } } /* Іконки в блоці «Повністю нова програма» (/neurocamp, /neurocamp-ai). Картка — це flex-рядок (.section-26 / .section-65) без align-items, тобто зі stretch за умовчанням. Ширину іконці задає атрибут width="80", а висоту ніхто не задає — і як flex-елемент вона розтягується на всю висоту рядка. Картинка квадратна (374×374) і при object-fit: fill (типовому для ) виходить 80×138 замість 80×80: тобто витягнута вгору і сплюснута вбік. Раніше це майже не було видно, бо тексти в усіх чотирьох картках були приблизно однакові. Коли перші два стали довшими, їхні рядки виросли — і ті дві іконки помітно звузились проти решти. align-self повертає іконці власну висоту (80px від пропорції), center лишає її по центру рядка — так, як виглядали короткі картки. Класи є лише на цих двох сторінках (перевірено пошуком по public/). */ .div-block-825 .section-26 > img, .div-block-1050 .section-65 > img { align-self: center; height: auto; } /* Текст у тих самих картках сидів занизу: згори над ним 30px (10 padding картки + 20 власний margin-top), а знизу лише 10. Дописуємо симетричні 20px знизу — 30/30, текст стає посередині, картка виростає на 20px. */ .div-block-825 .section-26 > div, .div-block-1050 .section-65 > div { margin-bottom: 20px; } /* Сторінка не має гортатись убік. На восьми старих сторінках на телефоні з'являвся горизонтальний скрол на 17-93px: біжучі рядки («/ Curators / Куратори /», 1480px завширшки) і герой, зверстаний під мінімальні 468px, вилазили за екран. Правило НАВМИСНО прив'язане до класів цих сторінок, а не глобальне. overflow на корені (хоч hidden, хоч clip) робить його контейнером обрізання й ламає position: sticky всередині — перевірено: приліплена кнопка на /camp-new переставала триматись низу екрана. На перелічених сторінках sticky немає, тож там це безпечно. .body-webinar /course-web-design, /webdesign .body-webinar-copy /web-designer-partner-bonus .body-8 /ui-ux-eter-3 .body-18-copy /good-neurocamp, /good-neurodesigner, /graphic-designer-cool, /freelancer-brand-designer-cool */ body.body-webinar, body.body-webinar-copy, body.body-8, body.body-18-copy { overflow-x: clip; }