/* Нативная форма заявки — компактный, лаконичный вид в духе сайта
 * (TT Commons, кремовый/тёмный/бордо). Правка v5.1: уменьшены отступы и кегль,
 * кнопка спокойнее (была uppercase 18px с крупным паддингом → 14px, мягче). */
.wl-formwrap{font-family:'TTCommons','TT Commons Pro',Arial,sans-serif;color:#201e1e;max-width:100%;}

/* Зеро-блок Tilda, куда вставлена наша форма, клипает её снизу (overflow:hidden + высота
   артборда из Tilda-JS не слушается CSS, §4.1): наша форма ВЫШЕ исходной Tilda-формы, поэтому
   нижние галочки согласий и кнопка «Отправить» обрезались. Снимаем клип ТОЛЬКО у блока с формой —
   она ложится в пустое место ниже, на футер не наезжает (проверено на главной/лентах/публикациях).
   НЕ УДАЛЯТЬ — без этого форма снова обрежется. */
.t396__artboard:has(.wl-formwrap),
.t396__carrier:has(.wl-formwrap),
.t396__filter:has(.wl-formwrap){overflow:visible!important;}
.wl-form{display:block;}
.wl-form .wl-field{display:block;margin:0 0 11px;}
.wl-form .wl-lab{display:block;font-size:12px;letter-spacing:.03em;color:#928e8a;margin:0 0 4px;}
.wl-form input,.wl-form textarea{width:100%;border:0;border-bottom:1px solid #201e1e;background:transparent;
  font-family:inherit;font-size:15px;line-height:1.3;color:#201e1e;padding:5px 0;outline:none;box-sizing:border-box;border-radius:0;}
.wl-form textarea{resize:vertical;min-height:34px;}
.wl-form input::placeholder,.wl-form textarea::placeholder{color:#b7b4b0;}
.wl-form input:focus,.wl-form textarea:focus{border-bottom-color:#790e2c;}
/* Видимый фокус для клавиатуры (input/textarea/submit): глобальное правило не достаёт до .wl-form
 * (тут свой outline:none). focus-visible → только при tab-навигации, мышью не виден → вид не меняется. */
.wl-form input:focus-visible,.wl-form textarea:focus-visible,.wl-form .wl-submit:focus-visible{outline:2px solid #790e2c;outline-offset:2px;}
.wl-form .wl-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.35;margin:7px 0;color:#201e1e;cursor:pointer;}
.wl-form .wl-consent input{width:auto;margin:2px 0 0;flex:0 0 auto;}
.wl-form .wl-consent a{color:#790e2c;text-decoration:underline;}
.wl-form .wl-submit{margin-top:15px;display:inline-block;background:#790e2c;color:#fff;border:0;cursor:pointer;  /* EDITS4-4: белый текст на бордо-кнопке */
  font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;padding:10px 24px;}
.wl-form .wl-submit:hover{background:#992f4d;}
.wl-form .wl-submit:disabled{opacity:.55;cursor:default;}
.wl-form .wl-msg{margin-top:10px;font-size:13px;line-height:1.4;min-height:1px;}
.wl-form .wl-msg.wl-ok{color:#2a7a2a;}
.wl-form .wl-msg.wl-err{color:#790e2c;}
@media (max-width:639px){.wl-form input,.wl-form textarea{font-size:16px;}.wl-form .wl-submit{width:auto;}}

/* Правка v7 №2: несогласованная галочка подсвечивается красным. Текст-ссылка согласия и так
   бордовый, поэтому даём ЯВНУЮ рамку + лёгкий фон вокруг строки + жирный шрифт + красную галочку —
   чтобы было видно «нужно отметить». outline не влияет на поток (без сдвигов вёрстки). */
.wl-form .wl-consent--error{outline:1.5px solid #790e2c;outline-offset:4px;
  background:rgba(121,14,44,.07);border-radius:3px;}
.wl-form .wl-consent--error a{color:#790e2c;font-weight:600;}
.wl-form .wl-consent--error input[type=checkbox]{outline:2px solid #790e2c;outline-offset:1px;
  accent-color:#790e2c;border-radius:2px;}

/* Красивый тост «Сообщение отправлено» — фикс. внизу по центру, мягкое появление, авто-скрытие.
   role=status + aria-live=polite (фокус не крадёт). */
.wl-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,16px);z-index:100000;
  display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);
  background:#201e1e;color:#fffff4;padding:13px 20px 13px 16px;border-radius:10px;
  font-family:'TTCommons','TT Commons Pro',Arial,sans-serif;font-size:15px;font-weight:500;letter-spacing:.01em;
  box-shadow:0 12px 34px rgba(32,30,30,.30);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .28s;}
.wl-toast--show{opacity:1;visibility:visible;transform:translate(-50%,0);}
.wl-toast__ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:26px;height:26px;border-radius:50%;background:#790e2c;color:#fffff4;}
.wl-toast__tx{display:inline-block;}
@media (max-width:639px){.wl-toast{bottom:18px;font-size:14px;padding:12px 16px;}}
@media (prefers-reduced-motion:reduce){.wl-toast{transition:opacity .2s ease,visibility .2s;transform:translate(-50%,0);}}