/* Korrto 2026, этап 4: то, чего нет в прототипе (forms.css / brand.css / info.css): ловушка, ошибка отправки, занятая кнопка,
   выпадающий список в светлых формах, модалка «Товар под заказ», список вакансий из Битрикса, страница «Корпоративным клиентам». */

/* Скрытые радио и чекбоксы «пилюль»: правило `.lf input { width: 100% }` из прототипа растягивало их до ширины окна и давало
   горизонтальный скролл на телефоне (в самом прототипе brand.html так же). */
.lf .pills input, .lf .threads input, .field .chips input, .tgl input { width: 1px; height: 1px; padding: 0; border: 0; margin: 0; }

/* Ловушка для ботов: вне экрана, но не display:none (часть ботов такие поля пропускает) */
.k26-hp { position: absolute !important; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.k26-form__fail { margin: 0; padding: 12px 14px; font-size: 14px; line-height: 1.45; color: var(--red); background: rgba(178, 45, 57, .08); border-left: 3px solid var(--red); }
.form .k26-form__fail { color: #F6B2B8; background: rgba(240, 138, 147, .1); border-left-color: #F08A93; margin-bottom: 14px; }
.k26-form__fail[hidden] { display: none; }

button.is-busy { position: relative; opacity: .75; cursor: progress; }
button.is-busy::after { content: ""; width: 16px; height: 16px; margin-left: 10px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: k26spin .7s linear infinite; }
@keyframes k26spin { to { transform: rotate(360deg); } }

.lf select { width: 100%; height: 52px; padding: 0 14px; border: 1px solid var(--line-strong); border-radius: 10px; background: #fff; font: 400 16px var(--f-sans); color: var(--ink); }
.lf select:focus { outline: none; border-color: var(--ink); box-shadow: 0 0 0 3px rgba(15,15,15,.08); }
.lf.has-err select { border-color: var(--red); }
.k26-drop { display: grid; gap: 6px; }
.k26-drop .err { font-size: 13px; color: var(--red); }
.k26-drop .err:empty { display: none; }
.drop span b { overflow-wrap: anywhere; }

/* ---------- Модалка «Товар под заказ» ---------- */
html.k26-modal-open { overflow: hidden; }
.k26-modal { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 16px; }
.k26-modal[hidden] { display: none; }
.k26-modal__bg { position: absolute; inset: 0; background: rgba(15, 15, 15, .62); }
.k26-modal__box { position: relative; width: min(560px, 100%); max-height: calc(100svh - 32px); overflow-y: auto; background: #fff; animation: k26pop .28s var(--ease); }
@keyframes k26pop { from { opacity: 0; transform: translateY(14px); } }
.k26-modal__x { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; display: grid; place-items: center; border: 0; background: transparent; cursor: pointer; color: var(--ink); z-index: 1; }
.k26-modal__x:hover { color: var(--red); }
.k26-modal__x svg { width: 22px; height: 22px; }
.k26-modal .brief { padding: clamp(24px, 4vw, 36px); }
.k26-modal__title { margin: 0 36px 10px 0; font-size: clamp(34px, 5vw, 46px); line-height: .92; }
.k26-modal__prod { margin: 0 0 14px; font-size: 15.5px; font-weight: 500; line-height: 1.45; overflow-wrap: anywhere; }
.k26-modal__prod:empty { display: none; }
.k26-modal [data-f="product_id"]:empty { display: none; }
.k26-uo .brief__body { gap: 18px; }

/* ---------- /vacancies/: список из ИБ 47 ---------- */
.vac__text { grid-column: 1; margin: 4px 0 0; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }
.vac__item .vac__tags { grid-column: 1; display: flex; flex-wrap: wrap; gap: 8px; margin: 2px 0 0; padding: 0; list-style: none; }
.vac__item .vac__tags li { padding: 5px 12px; font-size: 13px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--ink-2); }
.vac__item .vac__tags li::before { content: none; }
.vac-empty { margin: 0; padding: 26px 28px; border: 1px dashed var(--line-strong); font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.vac-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0 0 clamp(32px, 4vw, 48px); }
.vac-photos img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }

/* ---------- /for_corp_clients/ ---------- */
.cc-hero-title { font-size: clamp(38px, 8vw, 104px); overflow-wrap: anywhere; } /* длинное слово «Корпоративным» не влезает в 360 px при размере заголовка брифа */
.cc-lead { max-width: 62ch; }
.cc-aside-note { margin: 0; font-size: 15px; line-height: 1.55; color: var(--ink-2); }

@media (max-width: 767px) {
  .k26-modal { padding: 0; align-items: end; }
  .k26-modal__box { width: 100%; max-height: 94svh; }
  .vac-photos { grid-template-columns: 1fr; }
  .vac__item .btn { grid-column: 1; grid-row: auto; justify-self: start; }
}