/* Кнопки отправки во всех окнах с формой: #callback, #consul, #podbor, #vigoda (footer.php), #cfq-order, #pm-price, #nm-order и любые новые .modal. 26.09.2026. Повод: у всех этих кнопок был прозрачный фон — бандл Autoptimize с темой стоит в раньше bootstrap.css, и bootstrap-овский .btn перебивал темовый .btn (фон var(--cf-brand), 12px, 18px/700). Кнопка выглядела подписью. Специфичность .modal .btn[type="submit"] (0,3,0) выше любых .btn/.btn:hover bootstrap — порядок подключения файлов больше не важен. Цвет — оранжевый, как «Узнать цену» в блоке «Популярные модели». */ .modal .btn[type="submit"] { display: block; width: 100%; max-width: 100%; min-height: 58px; margin: 8px 0 0; padding: 16px 24px; border: 1px solid #ff6b29; border-radius: 14px; background: linear-gradient(180deg, #ff8b38 0%, #ff691f 45%, #ff4010 100%); box-shadow: 0 10px 24px rgba(241,79,27,.28), inset 0 1px rgba(255,255,255,.4); color: #fff; text-shadow: 0 1px 1px rgba(150,40,0,.35); font-family: Manrope, system-ui, -apple-system, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: .08em; text-transform: uppercase; text-align: center; white-space: normal; cursor: pointer; -webkit-appearance: none; appearance: none; transition: transform .15s ease, box-shadow .2s ease, background .2s ease; } .modal .btn[type="submit"]:focus { color: #fff; box-shadow: 0 10px 24px rgba(241,79,27,.28), inset 0 1px rgba(255,255,255,.4); } .modal .btn[type="submit"]:focus-visible { outline: 3px solid #2477bd; outline-offset: 3px; } .modal .btn[type="submit"]:active { transform: translateY(1px); box-shadow: 0 4px 10px rgba(239,81,30,.25), inset 0 1px rgba(255,255,255,.3); } .modal .btn[type="submit"]:disabled { opacity: .6; cursor: progress; transform: none; } @media (hover: hover) { .modal .btn[type="submit"]:hover { color: #fff; transform: translateY(-1px); background: linear-gradient(180deg, #ff7b2d, #fa410e); box-shadow: 0 14px 30px rgba(239,81,30,.36), inset 0 1px rgba(255,255,255,.4); } } /* Кнопка чата amoCRM (.amo-button-holder, z-index 10000) на телефоне ложится поверх кнопки отправки. Пока открыто окно с формой — прячем; галереи fancybox не трогаем. Без :has всё как было. */ html.with-fancybox:has(.fancybox__container .modal form) .amo-button-holder { visibility: hidden !important; } /* То же для окон cf-korea (.cn-modal, .cfk-modal — квиз «Рассчитать стоимость», не Fancybox). */ html:has(.cn-modal.is-open, .cfk-modal.is-open) .amo-button-holder { visibility: hidden !important; }