/* Наши правки поверх импорта с конструктора lpmotor.
*
* Конструктор об этом файле не знает: он подключён вручную в html и
* перебивает импортированные стили. Всё, что мы меняем в облике сайта,
* держим здесь — так правка видна одним файлом и откатывается одной
* строкой (убрать из html), а не поиском по чужой минифицированной
* вёрстке.
*
* 2026-08-22. Кнопки на главной. Дефекты унаследованы от конструктора —
* проверено, на оригинале papacord.ru ровно те же значения.
*/
/* --- 1. Кнопки «Связаться» не читались как кнопки ---------------------
* Заливки нет, рамки нет — на фоне выглядели как обычный оранжевый текст,
* хотя это тот же компонент, что и «Купить». Даём рамку их собственным
* цветом (currentColor), фирменные цвета не трогаем.
* outline, а не border: рисуется поверх и не сдвигает вёрстку.
*/
.m-button-qdKYCUP,
.m-button-nt9FoTE {
outline: 2px solid currentColor;
outline-offset: -2px;
border-radius: 30px;
}
/* --- 2. Кнопки налезали друг на друга ---------------------------------
* Было: на десктопе зазор МИНУС 16px — нижняя полоса кнопки Telegram
* перекрыта кнопкой WhatsApp, то есть часть телеграм-кнопки кликалась
* неправильно. На мобильном 3px — визуально слипались.
* Сдвигаем нижнюю кнопку вниз. transform не трогает поток вёрстки и
* переносит вместе с кнопкой её кликабельную область.
*/
@media (max-width: 500px) {
/* Кнопки «Связаться» стоят на 5px правее «Купить» — в столбике из
четырёх это видно ступенькой. Сдвигаем влево и заодно разводим
нижнюю по вертикали (было 3px, стало 14px).
Вниз пару НЕ двигаем: у блока кнопки непрозрачный белый фон,
и сдвиг на 10px закрыл нижнюю половину строки «или ищете
что-то особенное?». Проверено, откатано. */
.m-button-qdKYCUP { transform: translateX(-5px); }
.m-button-nt9FoTE { transform: translate(-5px, 11px); }
/* --- 3. Разнобой ширин на мобильном ---
* Четыре кнопки в столбик: 280, 280, 244, 244 — правый край ступенькой.
* Левые края и так совпадают (43 и 48), выравниваем правые.
*/
/* у кнопки max-width:100%, а обёртка шириной 244 — без снятия
ограничения ширина упиралась в родителя и правило не работало */
.m-button-qdKYCUP,
.m-button-nt9FoTE {
width: 280px !important;
max-width: none !important;
box-sizing: border-box;
}
}
@media (min-width: 501px) {
/* -16px -> 14px */
.m-button-nt9FoTE { transform: translateY(30px); }
}
/* --- 3. Заголовок h1 для доступности и поиска (2026-08-24) ------------
* На всех страницах конструктора нет ни одного