/* ==========================================================================
   ВХОД И РЕГИСТРАЦИЯ — кадр 52:3582 (Desktop − 242)

   Кадр описан в docs/FIGMA-PAGES.md, раздел «Вход»: слева колонка 481 с
   заголовком, полями и кнопкой, справа во всю высоту — фирменный узор,
   выходящий за правый край.

   Почему отдельный набор классов auth26-*, а не правка старых .auth-*:
   старую разметку («коробка по центру») делит с нами страница
   восстановления пароля (components/bitrix/system.auth.forgotpasswd).
   Тронь мы .auth/.auth-box — она поехала бы вместе с нами, а кадра под
   неё нет. Единственное, что берём из старого набора, — .auth-f: это уже
   зарегистрированное в site.css (§ «ПОЛЯ ВВОДА — та же фигура контуром»)
   имя для фирменного поля со скосами, и переписывать его нельзя.

   ЕДИНИЦЫ — --u, а не --d, и это решение, а не недосмотр.
   Кадр нарисован на макете 1440, и по нему напрашивался --d («пиксель
   макета 1440»), но своих размеров у страницы нет: заголовок Black 40/110 %,
   подпись 14/130 %, поле 54 и крупная кнопка 54 — ровно те же элементы
   набора, что на главной (site.css: .hits-ttl h2, .hits-ttl p) и на 404
   (page-404.css, там же разобран этот же выбор). В --d те же токены выходят
   примерно на 9 % крупнее (при 1440×900 --u ≈ 0,829px против --d ≈ 0,907px),
   и один и тот же заголовок на входе и на 404 был бы разного размера.
   Общий набор важнее буквального совпадения с кадром — значит --u.
   Меняется решение — меняется сразу во всех страницах справочника, не тут.
   ========================================================================== */

/* Коробка страницы. overflow здесь НЕ ставим: .auth26 — это .mac, то есть
   коробка шириной не больше --wrap-w (1640·u), центрированная в контейнере
   темы, и на широком экране она уже окна (на 1440 — по 63 px белого с
   каждого края). Узор по кадру уходит за правый край ОКНА, и
   overflow:hidden на секции срезал бы его по краю коробки, оставляя справа
   белую полосу. Поэтому обрезка живёт на самом слое узора (.auth26-orn
   ниже: он дотянут до края окна и режет узор сам), а вылет слоя за окно
   прячет обёртка страницы — main.page-wrapper{overflow-x:clip} в site.css,
   тем же приёмом живут фоновые узоры главной (.bg-orn). */
.auth26{
  position:relative;
  /* Верх 160·u, как заголовок в кадре 52:3582 (160 от верха кадра). Кадр
     начинается сразу под шапкой: хлебных крошек на входе и регистрации
     больше нет (Герман 16.09: «убери»), header.php их не печатает на
     /user/signin/, /user/signup/, /user/recovery/. Раньше стояло 48·u при
     строке крошек над секцией. */
  padding:calc(160 * var(--u)) 0 calc(110 * var(--u));
  /* Запас по высоте под узор. Узор срезан низом секции (см. .auth26-orn),
     и на короткой странице входа высоту секции даёт этот минимум. Кадр
     52:3582 высотой 775, и ровно столько в нём видно узора — держим 775·u,
     чтобы нижний срез совпадал с кадром. В --u, как и сам узор: раньше
     стояло 700·d, но тогда узор вписывался в секцию целиком и точная
     высота не была важна; теперь от неё зависит, где пройдёт срез.
     На телефоне и планшете минимум сброшен (мобильные блоки ниже): узор
     там скрыт, и держать секцию выше формы незачем. */
  min-height:calc(775 * var(--u))}

/* --------------------------------------------------------------------------
   Узор справа — ПО КАДРУ, с обрезкой (Герман 16.09 вечером: макет
   «Расположение картинки», кадр 52:3582)
   --------------------------------------------------------------------------
   В кадре 1440×775 узел auth_1 (1006×1197) стоит с левым краем x=676 и
   верхом y=−140: кадр режет его сверху на 140, снизу (низ узора на 282
   ниже кадра) и справа (правая кромка на 242 за краем окна). Днём 16.09
   узор был вписан в секцию целиком; вечером Герман прислал макет и просит
   как в нём — возвращаем обрезку, но не той, что была до 16.09 (слой во
   всю ширину окна, картинка в --d, object-fit:cover), а по числам кадра.

   ЛЕВЫЙ КРАЙ — 636·u, а не 676·u. В кадре 676 отсчитано от края кадра, а
   колонка с полями стоит в нём на 40; у нас левый край секции и есть левый
   край колонки (.auth26 обнуляет боковые поля .mac: padding … 0 …), и от
   колонки до узора 676 − 40 = 636. Узор привязан к форме, а не к окну:
   окно шире раскладки (на 1440 секция 1314, по 63 px белого с краёв), и
   «676 от края окна» поставило бы узор не там, где он в кадре стоит
   относительно полей.

   ПРАВЫЙ КРАЙ — до края ОКНА, не секции: right:calc(50% − 50vw). Секция
   центрирована в окне, значит её середина — середина окна, и половина
   ширины окна от середины — ровно край. Так слой сам режет узор по окну,
   как кадр 1440 режет его по своему краю. За край окна слой не выходит
   (при полосе прокрутки Windows — на половину её ширины; это прячет
   main.page-wrapper{overflow-x:clip}, горизонтальной прокрутки нет).

   ВЕРХ И НИЗ — по секции (top:0; bottom:0): срез сверху проходит по верху
   секции, снизу — по её низу, то есть по краю подвала. На входе высоту даёт
   min-height 775·u (см. .auth26 выше), на регистрации — сама колонка.

   overflow:hidden здесь, а не на .auth26 — почему, см. заметку у .auth26.

   Телефон и планшет: слой скрыт мобильными правилами ниже (кадра под них
   нет, колонка во всю ширину) — не меняем. */
.auth26-orn{
  position:absolute;z-index:0;
  top:0;bottom:0;
  left:calc(636 * var(--u));right:calc(50% - 50vw);
  overflow:hidden;
  pointer-events:none;user-select:none}

/* Сама картинка — auth_1 как есть (newdesign/img/auth-art.svg, 1006×1197).
   Верх на 140·u выше слоя (столько кадр срезает сверху), левый край — край
   слоя. Размер — по кадру, 1006·u, но с двумя оговорками, из-за которых
   картинке дана коробка и object-fit:cover от левого верхнего угла (файл
   с preserveAspectRatio="none", без cover коробка растянула бы рисунок;
   cover держит пропорцию, лишнее уходит под срез):

   1. Правая кромка обязана уходить за край окна, как в кадре. При --u
      меньше пикселя (1440×900 — 0,83) 1006·u = 834 px, и от левого края
      (63 + 636·u = 591) картинка кончалась бы на 1425 — за 15 px до края
      окна, белая щель рядом с узором. Поэтому коробка не уже слоя
      (width:100%; min-width держит 1006·u, когда слой уже картинки — на
      1024 и меньше, там срез по окну получается сам). На 1440×900 это
      увеличение рисунка на 1,8 %, на 1920×1080 — на 2,4 % (замер: cover
      даёт 1,111 px на единицу кадра при --u = 1,085 px); левый край и верх
      при этом на месте.

   2. Регистрация выше кадра: секция там длиннее 775·u, и картинка
      натуральной высоты (1197·u при верхе −140·u) кончилась бы посреди
      страницы рядом с капчей. Поэтому высота коробки — высота слоя плюс
      140·u срезанных сверху: на входе (слой 775·u) это 915·u < 1197·u, и
      cover оставляет рисунок в натуральную величину; на регистрации коробка
      выше рисунка — cover растит его по высоте, лишек ширины уходит вправо
      под срез, левый край остаётся на 636·u.

   max-width:none — общее img{max-width:100%} здесь ни к чему, ширину
   коробки задаём сами. */
.auth26-orn img{
  position:absolute;top:calc(-140 * var(--u));left:0;
  display:block;
  /* Герман 16.09 вечером: «надо чтобы было как на маке» — срез справа как
     в кадре при любой ширине. В кадре видно 764 из 1006 (242 уходят за
     край), поэтому коробка картинки всегда шире слоя в 1006/764 раза:
     правые 24 % рисунка под срезом на 1440, 1920 и 1024 одинаково. Прежний
     вариант (width:100% + min-width 1006·u) на широких экранах показывал
     рисунок целиком. */
  width:calc(100% * 1006 / 764);max-width:none;
  height:calc(100% + 140 * var(--u));
  object-fit:cover;object-position:left top}

/* --------------------------------------------------------------------------
   Колонка 481, верх 160 от верха кадра
   --------------------------------------------------------------------------
   Отступ слева 40 уже даёт .mac, отдельным полем его не добавляем: раньше
   на этой странице поля складывались двое и содержимое стояло вдвое
   дальше от края, чем в кадре. */
.auth26-col{
  position:relative;z-index:1;
  width:100%;max-width:calc(481 * var(--u))}

/* Заголовок: Black 40/110 % заглавными, первое слово зелёным.
   Раскраску делаем через <em>, как на главной (.hits-ttl h2 em и
   .path-head h2 em в site.css) — приём в шаблоне уже принят. */
.auth26-h{
  margin:0;
  font-family:var(--font);font-weight:900;
  font-size:calc(40 * var(--u));line-height:1.1;
  text-transform:uppercase;color:var(--ink)}
.auth26-h em{font-style:normal;color:var(--green-brand)}

/* Подпись под заголовком: Regular 14/130 %. В кадре она стоит на 56 ниже
   верха заголовка, то есть ровно под одной строкой Black 40 (44) плюс 12. */
.auth26-lead{
  margin:calc(12 * var(--u)) 0 0;
  font-family:var(--font-ui);font-weight:400;
  font-size:calc(14 * var(--u));line-height:1.3;
  color:var(--ink)}

/* --------------------------------------------------------------------------
   Форма
   -------------------------------------------------------------------------- */
.auth26-form{display:flex;flex-direction:column;margin-top:calc(28 * var(--u))}

/* Поля идут группой с промежутком 16 — остальные отступы в кадре
   отсчитываются от верха этой группы, поэтому общий gap на форму не
   вешаем: он размазал бы шаг 16 на строку «Запомнить меня» и кнопку. */
.auth26-fields{display:flex;flex-direction:column;gap:calc(16 * var(--u))}

/* Поле. Форму (боковины 28×54 и две линии между ними) целиком даёт
   общее правило .auth-f input из site.css — здесь только рост из кадра.
   --cap не трогаем: он считается от --btn-h под конкретный файл боковины,
   и своё число рассинхронизировало бы стык линии с боковиной. */
.auth26 .auth-f{display:block;margin:0}
.auth26 .auth-f input{--btn-h:calc(54 * var(--u));
  font-weight:500;font-size:calc(17 * var(--u))}
/* Подпись поля в кадре стоит внутри рамки, поэтому она подсказка, а не
   надпись сверху. Саму надпись оставляем в разметке скрытой — без неё
   поле осталось бы без имени для экранного диктора. */
.auth26 .auth-f input::placeholder{color:var(--ink-soft);opacity:1}

/* --------------------------------------------------------------------------
   «Глаз» у пароля (Герман 16.09)
   --------------------------------------------------------------------------
   Кнопка внутри поля справа: показывает и прячет введённый пароль. Обёртка
   .auth-f получает .has-eye от newdesign/auth.js вместе с самой кнопкой
   (в разметке она hidden) — без скрипта поле остаётся обычным, место под
   значок не резервируется.

   Контур поля не трогаем (BRAND-RULES §3.2): кнопка лежит ПОВЕРХ поля,
   без своей рамки и заливки, значок — kit/eye.svg и kit/eye-off.svg
   (контур #00723B — тот же зелёный, что у рамки поля
   img/field-frame-green.svg, чтобы значок читался частью поля). Правый край
   значка — на 20·u от края поля, там же, где начинается текст слева.
   Полю добавляем правого отступа, чтобы длинный пароль не уходил под
   значок: 20 (край) + 22 (значок) + 10 (зазор) = 52·u. !important —
   потому что общее правило рамки в site.css («РАМКА ПОЛЯ — ОДНОЙ
   КАРТИНКОЙ») ставит padding-right с !important, иначе не перебить.
   Фокус с клавиатуры — свечение по силуэту значка (правило «без обводки»,
   BRAND-RULES §3.2); поле при этом остаётся ровным. */
.auth26 .auth-f{position:relative}
.auth26 .auth-f.has-eye input{padding-right:calc(52 * var(--u) - var(--frame-cap))!important}
.auth26-eye{
  position:absolute;z-index:1;top:50%;right:calc(20 * var(--u));
  width:calc(22 * var(--u));height:calc(22 * var(--u));
  margin:0;padding:0;border:0;border-radius:0;
  background:url(img/kit/eye.svg) no-repeat center / 100% 100%;
  transform:translateY(-50%);cursor:pointer;
  -webkit-appearance:none;appearance:none}
.auth26-eye.is-on{background-image:url(img/kit/eye-off.svg)}
.auth26-eye:hover{filter:brightness(.78) saturate(1.2)}
.auth26-eye:focus-visible{outline:none;filter:drop-shadow(0 0 3px var(--green-brand))}

/* --------------------------------------------------------------------------
   Строка «Запомнить меня» + «Забыли пароль?»
   --------------------------------------------------------------------------
   В кадре её верх на 140 ниже верха группы полей: 54 + 16 + 54 = 124,
   значит от полей до строки те же 16. Вертикальные поля у надписи —
   ради тапа: с ними кликаемая область метки дорастает до 44. */
.auth26-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:calc(16 * var(--u));
  margin-top:calc(5 * var(--u))}

.auth26-check{
  display:inline-flex;align-items:center;gap:calc(10 * var(--u));
  padding:calc(11 * var(--u)) 0;
  cursor:pointer;
  font-family:var(--font-ui);font-weight:400;
  font-size:calc(14 * var(--u));line-height:1.3;color:var(--ink)}

/* Галочка из набора. Коробка — 25×22 из кадра, но САМИ картинки в неё не
   растягиваем: файлы состояний разного размера и разных пропорций —
   checkbox-off.svg 12×12 (1,00), checkbox-on.svg 15×14 (1,07). При
   background-size:100% 100% пустой квадрат тянулся в 2,08 раза по ширине и
   в 1,83 по высоте, отмеченный — в 1,67 и 1,57: контур у выключенной
   галочки выходил примерно на четверть толще, скругления — другими, и при
   клике рамка заметно «прыгала».
   Поэтому оба состояния рисуем одной высотой --cb-h, а ширину каждому
   считаем по его собственным пропорциям (12/12 и 15/14). Коробка остаётся
   25×22, надпись рядом не двигается.
   Правило общее с согласием на оферту — галочка в наборе одна. */
.auth26-check input,
.auth26-agree input{
  --cb-h:calc(22 * var(--u));
  appearance:none;-webkit-appearance:none;
  flex:none;
  width:calc(25 * var(--u));height:calc(22 * var(--u));
  border:0;border-radius:0;background:none;cursor:pointer;
  background-image:url(img/kit/checkbox-off.svg);
  background-repeat:no-repeat;background-position:center;
  background-size:var(--cb-h) var(--cb-h)}
.auth26-check input:checked,
.auth26-agree input:checked{
  background-image:url(img/kit/checkbox-on.svg);
  background-size:calc(var(--cb-h) * 15 / 14) var(--cb-h)}
/* Фокус с клавиатуры — свечение по силуэту галочки, прямоугольной обводки
   нет (правило «без обводки», §3.2). */
.auth26-check input:focus-visible,
.auth26-agree input:focus-visible{outline:none;filter:drop-shadow(0 0 3px var(--green-brand))}

.auth26-check input{margin:0}

.auth26-forgot{
  font-family:var(--font-ui);font-weight:400;
  font-size:calc(14 * var(--u));line-height:1.3;
  color:var(--green-brand);text-decoration:underline;
  text-underline-offset:calc(3 * var(--u))}
.auth26-forgot:hover{color:var(--green-deep-2)}

/* Кнопка «Войти»: крупная зелёная во всю ширину колонки.
   Верх в кадре на 178 ниже группы полей — строка выше кончается на 45,
   отсюда 9 добавкой (45 + 9 + 124 = 178). */
.auth26 .auth26-submit{
  --btn-h:calc(54 * var(--u));
  width:100%;margin-top:calc(9 * var(--u));
  font-size:calc(20 * var(--u));line-height:1.1}

/* Согласие с офертой — та же галочка, что и «Запомнить меня»: в наборе
   дизайнера квадратная галочка одна. */
.auth26-agree{
  display:flex;align-items:flex-start;gap:calc(10 * var(--u));
  margin-top:calc(16 * var(--u));padding:calc(6 * var(--u)) 0;
  cursor:pointer;
  font-family:var(--font-ui);font-weight:400;
  font-size:calc(14 * var(--u));line-height:1.3;color:var(--ink)}
/* Вид галочки — в общем правиле выше; здесь только сдвиг на первую строку:
   надпись в две строки, галочка равняется по верхней. */
.auth26-agree input{margin:calc(1 * var(--u)) 0 0}
.auth26-agree a{color:var(--green-brand);text-decoration:underline}

/* --------------------------------------------------------------------------
   Низ колонки
   -------------------------------------------------------------------------- */
.auth26-alt{
  margin:calc(24 * var(--u)) 0 0;text-align:center;
  font-family:var(--font-ui);font-weight:400;
  font-size:calc(14 * var(--u));line-height:1.3;color:var(--ink)}
.auth26-alt a{color:var(--green-brand);text-decoration:underline;
  text-underline-offset:calc(3 * var(--u))}
.auth26-alt a:hover{color:var(--green-deep-2)}

/* Сообщения компонента. Цвета уже заданы в site.css (.auth-err/.auth-ok) —
   здесь только место в колонке. */
.auth26 .auth-err,
.auth26 .auth-ok{margin:calc(20 * var(--u)) 0 0}
/* Ссылки внутри сообщений регистрации («Войдите», «восстановите пароль»,
   «Перейти в личный кабинет»). Без правила они синие браузерные и спорят с
   цветом плашки; берём цвет текста плашки и подчёркивание — как у ссылок
   в .auth26-alt, только без зелёного, чтобы на красном не пестрило. */
.auth26 .auth-err a,
.auth26 .auth-ok a{color:inherit;text-decoration:underline;
  text-underline-offset:calc(3 * var(--u))}

/* Выгода регистрации. Блок был на странице до перерисовки и продолжает
   считать процент из sc_loyalty_signup_percent() — убирать его нельзя,
   иначе форма из пяти полей останется без объяснения, ради чего она. */
.auth26-bonus{
  display:flex;align-items:center;gap:calc(14 * var(--u));
  margin-top:calc(20 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u));
  background:var(--green-pale);border-radius:calc(20 * var(--u))}
.auth26-bonus b{flex:none;font-family:var(--font);font-weight:900;
  font-size:calc(24 * var(--u));line-height:1.1;color:var(--green-brand)}
.auth26-bonus span{font-family:var(--font-ui);font-weight:400;
  font-size:calc(14 * var(--u));line-height:1.3;color:var(--ink)}
.auth26-bonus a{color:var(--green-brand);text-decoration:underline}

/* Проверочный код — только когда его включает компонент. */
.auth26-cap{display:flex;align-items:center;gap:calc(16 * var(--u));
  margin-top:calc(16 * var(--u))}
.auth26-cap img{flex:none;border-radius:calc(10 * var(--u))}
.auth26-cap .auth-f{flex:1 1 auto}

/* ==========================================================================
   ТЕЛЕФОН

   Кадра под телефон у этих страниц нет. Собрано разумно: узор убираем
   (в кадре он живёт справа от колонки, а на телефоне колонка занимает
   всю ширину и узор лез бы под текст), заголовок 26, кнопка во всю
   ширину, тапы не меньше 44. Размеры здесь в пикселях — как во всём
   мобильном слое шаблона.
   ========================================================================== */
@media (max-width:767px), (max-width:1023px) and (max-height:520px){
  /* min-height:0 — минимум 775·u у секции стоит только ради узора (по низу
     секции проходит его срез), а здесь узор скрыт; без сброса под короткой
     формой входа оставалась бы пустая полоса до подвала (на 375×812 —
     около 34 px). */
  .auth26{padding:24px 0 56px;min-height:0}
  .auth26-orn{display:none}
  .auth26-col{max-width:none}

  .auth26-h{font-size:26px}
  .auth26-lead{margin-top:10px;font-size:14px}

  .auth26-form{margin-top:20px}
  .auth26-fields{gap:12px}
  .auth26 .auth-f input{--btn-h:52px;font-size:16px}
  /* Глаз под палец: тап-цель 44, сам значок 24, край на 14px. Полю —
     14 + 24 + 10 = 48px справа. */
  .auth26 .auth-f.has-eye input{padding-right:calc(48px - var(--frame-cap))!important}
  .auth26-eye{right:4px;width:44px;height:44px;background-size:24px 24px}

  /* Строка перестраивается в столбик: «Забыли пароль?» рядом с галочкой
     на узком экране либо переносится, либо жмёт надпись до двух строк. */
  .auth26-row{flex-direction:column;align-items:flex-start;gap:0;margin-top:4px}
  .auth26-check{min-height:44px;padding:8px 0;font-size:15px;gap:10px}
  /* --cb-h задаём вместе с коробкой: от него считается размер обеих
     картинок состояния (см. общее правило галочки выше). */
  .auth26-check input{width:25px;height:22px;--cb-h:22px}
  .auth26-forgot{display:inline-flex;align-items:center;min-height:44px;font-size:15px}

  .auth26 .auth26-submit{--btn-h:52px;margin-top:8px;font-size:17px}

  .auth26-agree{margin-top:12px;padding:8px 0;min-height:44px;font-size:14px}
  .auth26-agree input{width:25px;height:22px;--cb-h:22px}

  .auth26-alt{margin-top:20px;font-size:15px}
  /* Ссылку внизу тоже держим тапабельной. */
  .auth26-alt a{display:inline-block;padding:10px 2px}

  /* Сообщение об ошибке в site.css считано в --u: на телефоне это 10,5px.
     Читать его надо в первую очередь — задаём явный кегль. */
  .auth26 .auth-err,
  .auth26 .auth-ok{margin-top:14px;padding:12px 14px;border-radius:14px;font-size:15px}

  .auth26-bonus{flex-direction:column;align-items:flex-start;gap:8px;
    margin-top:16px;padding:14px;border-radius:16px}
  .auth26-bonus b{font-size:22px}

  .auth26-cap{flex-direction:column;align-items:stretch;gap:12px}
  .auth26-cap .auth-f{width:100%}
}

/* ==========================================================================
   ПЛАНШЕТ В ПОРТРЕТЕ (768–1023)

   Диапазон и его условие по высоте — те же, что у mobile/tablet.css
   (min-height:521px отсекает телефон, повёрнутый набок: он уже разобран
   телефонным слоем выше).

   ЗАЧЕМ ОТДЕЛЬНЫЙ СЛОЙ. Здесь --u стоит на нижней границе clamp — 0,70px,
   то есть всё, считанное в --u, выходит на треть мельче кадра: подпись
   14·0,70 ≈ 9,8px, кегль поля 17·0,70 ≈ 12px. Общий мобильный слой это
   уже чинит (mobile/tablet.css: .auth-f input{--btn-h:48px;font-size:16px}
   и .pbtn…{--btn-h:48px;min-height:48px}), но наши правила весом (0,2,1)
   и (0,2,0) его перебивают, и починка до этой страницы не доходила.
   Хуже того, у кнопки min-height:48px из tablet.css выигрывал, а --btn-h
   оставался 38px — --cap считался от него, и середина заливки наезжала на
   колпачки, срезая фирменный скос. Поэтому повторяем те же числа своим
   весом. Размеры в пикселях — как во всём мобильном слое.
   ========================================================================== */
@media (min-width:768px) and (max-width:1023px) and (min-height:521px){
  /* min-height:0 — по той же причине, что на телефоне: узор скрыт, минимум
     775·u под его срез здесь не нужен. */
  .auth26{padding:32px 0 64px;min-height:0}

  /* Колонка и узор в реальных пикселях: 481·0,70 ≈ 337 — колонка была бы
     вдвое уже кадра. Ширины подобраны так, чтобы узор не подлезал под
     текст даже при 768: 16 + 460 (колонка) < 768 − 260 (левый край узора). */
  /* Картинку на планшете НЕ показываем — как и на телефоне.
     Причина не в лени: у картинки соотношение 1006×1197, а область
     содержимого при 768–1023 узкая и высокая (около 950 при ширине
     колонки 460). Чтобы она дотянулась от шапки до подвала, её пришлось бы
     либо растянуть с обрезкой почти половины рисунка по бокам, либо
     сделать такой широкой, что она легла бы на форму. Оба варианта хуже,
     чем её отсутствие, а кадра под планшет в макете нет — выдумывать
     раскладку не станем. Появится кадр — вернём по нему.
     Колонку заодно отпускаем на всю ширину: без картинки жать её незачем. */
  .auth26-orn{display:none}
  .auth26-col{max-width:none}

  .auth26-h{font-size:32px}
  .auth26-lead{margin-top:10px;font-size:15px}

  .auth26-form{margin-top:24px}
  .auth26-fields{gap:14px}
  .auth26 .auth-f input{--btn-h:48px;font-size:16px}
  /* Глаз — те же числа, что на телефоне: планшет тоже сенсорный. */
  .auth26 .auth-f.has-eye input{padding-right:calc(48px - var(--frame-cap))!important}
  .auth26-eye{right:4px;width:44px;height:44px;background-size:24px 24px}

  .auth26-row{margin-top:6px}
  .auth26-check{min-height:44px;padding:8px 0;font-size:15px;gap:10px}
  .auth26-check input{width:25px;height:22px;--cb-h:22px}
  .auth26-forgot{display:inline-flex;align-items:center;min-height:44px;font-size:15px}

  /* min-height обязателен: без него коробку задаёт tablet.css (48px), а
     --btn-h остаётся наш — и скос кнопки разъезжается. */
  .auth26 .auth26-submit{--btn-h:48px;min-height:48px;margin-top:10px;font-size:17px}

  .auth26-agree{margin-top:14px;padding:8px 0;min-height:44px;font-size:15px}
  .auth26-agree input{width:25px;height:22px;--cb-h:22px}

  .auth26-alt{margin-top:20px;font-size:15px}
  .auth26-alt a{display:inline-block;padding:10px 2px}

  .auth26 .auth-err,
  .auth26 .auth-ok{margin-top:16px;padding:14px 16px;border-radius:16px;font-size:15px}

  .auth26-bonus{gap:12px;margin-top:16px;padding:14px 16px;border-radius:16px}
  .auth26-bonus b{font-size:22px}
  .auth26-bonus span{font-size:14px}

  .auth26-cap{gap:14px;margin-top:14px}
}