/* ==========================================================================
   7k857p.fun — lockers (камера хранения), hue 241 + 61, PT Sans Caption / Mulish
   --------------------------------------------------------------------------
   ПАРАДИГМА
   Камера хранения. Страница — стена металлических шкафчиков с номерами:
     · ПОМЕЩЕНИЕ — .lkroom, фиксированный слой стены (кафель + световая полоса)
                   под всем контентом, вместе с .lkroom-l и .lkroom-r по краям;
     · ТАБЛО     — .lkboard, строка занятости над стойкой: счётчики и ряд
                   лампочек .lkled в трёх состояниях is-free, is-busy, is-hold;
     · СТОЙКА    — .lkdesk, приём багажа и одновременно герой первого экрана:
                   H1, лид, две кнопки .lkcta, четыре навески .lkkpi;
     · ЯЧЕЙКА    — .lkcell, главная единица раскладки и одна секция страницы.
                   Состоит из ДВУХ частей: .lkface — дверца (номер .lkno,
                   личинка замка .lkhole, вентиляционные прорези .lkvent,
                   бирка на кольце .lktag) и .lkin — открытое нутро, куда
                   падает контент секции;
     · РАЗМЕРЫ   — ячейки разного размера, сетка .lkbank на 6 колонок:
                   по умолчанию ячейка во всю ширину, .lkcell--h занимает
                   половину (ставится ТОЛЬКО парами), .lkcell--t треть
                   (ставится ТОЛЬКО тройками). Иначе в стене остаётся дыра;
     · КЛЮЧ      — .lkkey, ключ на пружине. Висит на .lkcell.is-key и работает
                   маркером активного блока. Ровно ОДИН на страницу: два ключа
                   убивают саму идею маркера;
     · БУМАГА    — .lknote (заметка автора), .lktag (бирка), .lkrev (отзыв) —
                   три СВЕТЛЫХ острова на тёмной стене, у каждого своя пара
                   цветов --lk-paper и --lk-paper-ink.
   Металл, личинка, прорези, кольцо бирки и витки пружины нарисованы только
   градиентами и тенями. Растровых картинок в шаблоне нет.

   NAMESPACE
   Все классы начинаются на .lk — .lkroom, .lkroom-l, .lkroom-r, .lkbar,
   .lkmark, .lknav, .lkgate, .lkboard, .lkcount, .lkled, .lkdesk, .lkkick,
   .lklead, .lkcta, .lkbtn, .lkbtn--go, .lkbtn--alt, .lkkpi, .lkbank, .lkcell,
   .lkcell--h, .lkcell--t, .lkface, .lkno, .lkhole, .lkvent, .lktag, .lkkey,
   .lkin, .lkgrid, .lkbox, .lkshelf, .lkitem, .lkscroll, .lktab, .lktiers,
   .lktier, .lkrevs, .lkrev, .lkfaq, .lknote, .lkfoot, .lkh3, .lkem, .lkem2,
   .lknum, .lkmut, .lkage, .lkrule, .lkpair.
   Вне этого набора объявляются только base-правила html, body, p, a, table.
   Пересечений с другими шаблонами банка нет.

   ПОРЯДОК БЛОКОВ (см. lockers.sample.html)
   .lkroom и боковины .lkroom-l, .lkroom-r → .lkbar (марка, навигация, кнопка)
   → .lkgate[ .lkboard → .lkdesk ] → main.lkbank[ .lkcell повторяется ]
   → .lknote (E-E-A-T) → .lkfoot (18+).
   Ячейки идут ПОДРЯД внутри .lkbank: фактура дверец чередуется по
   :nth-of-type, посторонний элемент между ячейками сбивает ритм стены.

   АДАПТИВ
   1280px — боковины .lkroom-l и .lkroom-r снимаются.
   1024px — сетка .lkbank в 4 колонки: половина занимает всю ширину, треть
            остаётся третью с переносом.
   860px  — .lkbank в одну колонку; дверца .lkface ложится горизонтальной
            планкой над нутром у ЛЮБОЙ ячейки; порядок в герое меняется на
            H1 → кнопки → лид → KPI, чтобы CTA попадала в первый экран 390x844.
   560px  — кнопки на всю ширину, бирка распрямляется (rotate 0).
   Горизонтального скролла у страницы нет: широкие таблицы лежат в
   .lkscroll с overflow-x auto, у всех грид-колонок minmax(0,1fr), у .lkin и
   .lkscroll стоит min-width 0 — без этого min-width таблицы протекает в
   грид-трек и на 390px появляется горизонтальный скролл.

   ЛОВУШКИ ПЕРЕКРАСКИ
   1. Весь цвет собран из двух чисел --lk-h и --lk-h2 в блоке @palette. Смена
      этих чисел перекрашивает шаблон целиком, руками ничего искать не нужно.
   2. МЕТАЛЛ НАМЕРЕННО ОБЕСЦВЕЧЕН: у --steel, --steel2, --face насыщенность
      держится в коридоре 8-16%. Поднимете её — дверцы перестанут читаться
      металлом и вся стена станет цветной панелью. Цвет живёт на --a1 и --a2,
      а не на корпусе.
   3. --a1 разведён на ДВА токена: --a1 (светлый, L 72%) идёт только в текст и
      линии, --a1s (плотный, L 52%) только в заливки. Поставите текстовый --a1
      на заливку кнопки — контраст падает ниже 3.0. Проверяйте оба.
   4. Кнопка .lkbtn--go залита вторым акцентом и несёт ТЁМНЫЙ текст --ink.
      Если второй акцент уходит в тёмную часть круга (синие, фиолетовые тона),
      текст кнопки надо вернуть на --tx, иначе тёмное по тёмному.
   5. Правило вида .lkin a перебивает .lkbtn по порядку, а не по весу: у всех
      кнопок селекторы записаны как a.lkbtn и a.lkbtn--go. Добавляете свою
      ссылочную краску — держите тот же вес и повторяйте её в медиазапросах.
   6. .lknote, .lktag, .lkrev — светлая бумага с тёмными чернилами. Цвет текста,
      ссылок и заголовка внутри них задан явно через --lk-paper-ink.
      Наследование от body даст кремовый текст на кремовой бумаге.
   7. Тач-цели: min-height 44px уже стоит на a.lkbtn, .lkmark, .lknav a,
      .lkfoot a, .lkfaq summary и .lkitem. Систематические нарушители в сети —
      логотип шапки и ссылки подвала, их трогать нельзя.
   ========================================================================== */

:root{
/* @palette:start  — нейтральный банк: сталь + латунь. Перекраска = два числа */
  --lk-h : 241;   /* базовый тон: фон, стена, металл дверец */
  --lk-h2: 61;    /* второй акцент: бирки, ключ, главная кнопка */
/* @palette:end */

  --bg     : hsl(var(--lk-h) 18% 8%);
  --wall   : hsl(var(--lk-h) 16% 11%);
  --in     : hsl(var(--lk-h) 22% 12%);
  --steel  : hsl(var(--lk-h) 12% 17%);
  --steel2 : hsl(var(--lk-h) 12% 24%);
  --face   : hsl(var(--lk-h) 10% 20%);
  --edge   : hsl(var(--lk-h) 14% 30%);
  --edge2  : hsl(var(--lk-h) 14% 38%);

  --tx     : hsl(var(--lk-h) 14% 93%);
  --tx2    : hsl(var(--lk-h) 14% 70%);
  --tx3    : hsl(var(--lk-h) 12% 54%);

  --a1     : hsl(var(--lk-h) 80% 72%);   /* акцент — ТОЛЬКО текст и линии */
  --a1s    : hsl(var(--lk-h) 72% 52%);   /* акцент — ТОЛЬКО заливки */
  --a1w    : hsl(var(--lk-h) 72% 52% / .16);
  --a2     : hsl(var(--lk-h2) 82% 58%);
  --a2s    : hsl(var(--lk-h2) 82% 46%);
  --a2w    : hsl(var(--lk-h2) 82% 58% / .16);
  --ink    : hsl(var(--lk-h) 45% 8%);

  --lk-paper     : hsl(var(--lk-h2) 22% 90%);
  --lk-paper-ink : hsl(var(--lk-h) 32% 14%);
  --lk-paper-mut : hsl(var(--lk-h) 18% 36%);

  --col : 1180px;
  --gap : 16px;
  --rad : 4px;
}
.lkbold{font-weight:700;display:block}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--tx);
  font-family:"Mulish",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:16.5px;
  line-height:1.66;
  overflow-x:hidden;
}
p{margin:0 0 12px}
a{color:var(--a1);text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-weight:700;
  line-height:1.16;
  margin:0 0 12px;
  letter-spacing:.01em;
}
h1{font-size:clamp(27px,4.1vw,44px)}
h2{font-size:clamp(21px,2.5vw,29px)}
.lkh3{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:17px;font-weight:700;margin:18px 0 8px;color:var(--tx);
}
.lkem {color:var(--a1)}
.lkem2{color:var(--a2)}
.lknum{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.lkmut{color:var(--tx2)}
.lkkick{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--tx3);margin:0 0 10px;
}

/* --- ПОМЕЩЕНИЕ ----------------------------------------------------------- */
.lkroom{
  position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(180deg,hsl(var(--lk-h) 20% 12%) 0,var(--bg) 320px,var(--bg) 100%),
    repeating-linear-gradient(90deg,hsl(var(--lk-h) 16% 14% / .55) 0 1px,transparent 1px 78px),
    repeating-linear-gradient(0deg,hsl(var(--lk-h) 16% 14% / .38) 0 1px,transparent 1px 78px);
}
.lkroom::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--a1s) 22%,var(--a2s) 78%,transparent);
  opacity:.75;
}
.lkroom-l,.lkroom-r{
  position:fixed;top:0;bottom:0;width:44px;z-index:-1;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,
      var(--face) 0 62px,
      hsl(var(--lk-h) 12% 13%) 62px 66px);
  box-shadow:inset 0 0 0 1px hsl(var(--lk-h) 14% 26% / .5);
  opacity:.5;
}
.lkroom-l{left:0}
.lkroom-r{right:0}

/* --- ВЕРХНЯЯ ПЛАНКА ------------------------------------------------------ */
.lkbar{
  position:sticky;top:0;z-index:40;
  background:linear-gradient(180deg,hsl(var(--lk-h) 16% 14%),hsl(var(--lk-h) 16% 10%));
  border-bottom:1px solid var(--edge);
  box-shadow:0 2px 0 hsl(var(--lk-h) 20% 6% / .8);
}
.lkbar__in{
  max-width:var(--col);margin:0 auto;padding:8px 18px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
a.lkmark{
  display:inline-flex;align-items:center;gap:9px;min-height:44px;
  color:var(--tx);font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:18px;font-weight:700;letter-spacing:.04em;padding-right:6px;
}
.lkmark i{
  width:26px;height:30px;border-radius:2px;flex:none;
  background:linear-gradient(160deg,var(--steel2),var(--steel));
  border:1px solid var(--edge2);
  box-shadow:inset 0 1px 0 hsl(var(--lk-h) 14% 46% / .5);
  position:relative;
}
.lkmark i::after{
  content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);
  width:5px;height:5px;border-radius:50%;background:var(--a2);
}
.lknav{display:flex;gap:2px;flex-wrap:wrap;margin-left:auto}
.lknav a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 11px;
  color:var(--tx2);font-size:14px;border-radius:var(--rad);
}
.lknav a:hover{color:var(--tx);background:hsl(var(--lk-h) 14% 18%)}

/* --- КНОПКИ -------------------------------------------------------------- */
a.lkbtn,button.lkbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:50px;padding:0 22px;border-radius:var(--rad);
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:16px;font-weight:700;letter-spacing:.02em;
  border:1px solid transparent;cursor:pointer;text-align:center;
}
a.lkbtn--go{
  background:linear-gradient(180deg,var(--a2),var(--a2s));
  color:var(--ink);
  border-color:hsl(var(--lk-h2) 82% 70%);
  box-shadow:0 2px 0 hsl(var(--lk-h2) 60% 26%),0 8px 22px hsl(var(--lk-h2) 82% 46% / .28);
}
a.lkbtn--alt{
  background:var(--a1s);
  color:var(--tx);
  border-color:hsl(var(--lk-h) 72% 64%);
  box-shadow:0 2px 0 hsl(var(--lk-h) 60% 26%);
}
.lkbar a.lkbtn{min-height:44px;padding:0 16px;font-size:14.5px}

/* --- ТАБЛО + СТОЙКА ------------------------------------------------------ */
.lkgate{max-width:var(--col);margin:0 auto;padding:22px 18px 6px}
.lkboard{
  border:1px solid var(--edge);border-radius:var(--rad);
  background:linear-gradient(180deg,hsl(var(--lk-h) 20% 13%),hsl(var(--lk-h) 22% 9%));
  padding:12px 14px;margin-bottom:18px;
  box-shadow:inset 0 1px 0 hsl(var(--lk-h) 14% 34% / .4);
}
.lkcount{
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:baseline;
  font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);
  margin-bottom:10px;
}
.lkcount b{font-weight:400}
.lkcount .lknum{font-size:17px;letter-spacing:.04em;color:var(--tx)}
.lkleds{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.lkled{
  display:inline-flex;align-items:center;gap:6px;
  padding:4px 9px;border-radius:2px;font-size:11.5px;letter-spacing:.09em;
  background:hsl(var(--lk-h) 16% 15%);border:1px solid hsl(var(--lk-h) 14% 24%);
  color:var(--tx3);
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
}
.lkled i{width:7px;height:7px;border-radius:50%;background:var(--tx3);flex:none}
.lkled.is-free i{background:var(--a2);box-shadow:0 0 7px var(--a2)}
.lkled.is-free  {color:var(--tx2)}
.lkled.is-busy i{background:var(--a1s);box-shadow:0 0 7px var(--a1w)}
.lkled.is-hold i{background:hsl(var(--lk-h) 10% 40%)}

.lkdesk{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:26px;
  align-items:start;
  border:1px solid var(--edge);border-radius:var(--rad);
  background:
    linear-gradient(180deg,hsl(var(--lk-h) 20% 14%),hsl(var(--lk-h) 22% 10%));
  padding:26px 26px 24px;
  position:relative;overflow:hidden;
}
.lkdesk::after{
  content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;
  border-radius:50%;background:radial-gradient(circle,var(--a1w),transparent 70%);
  pointer-events:none;
}
.lkdesk__t{min-width:0}
.lklead{font-size:17px;color:var(--tx2);margin:0 0 18px;max-width:60ch}
.lkcta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.lkkpi{
  list-style:none;margin:0;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.lkkpi li{
  border:1px solid var(--edge);border-radius:var(--rad);
  background:linear-gradient(180deg,var(--face),var(--steel));
  padding:12px 13px;min-width:0;
  box-shadow:inset 0 1px 0 hsl(var(--lk-h) 14% 40% / .35);
}
.lkkpi__v{
  display:block;font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:24px;font-weight:700;color:var(--a1);line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.lkkpi__l{display:block;font-size:12.5px;color:var(--tx3);margin-top:3px}

/* --- СТЕНА ЯЧЕЕК --------------------------------------------------------- */
.lkbank{
  max-width:var(--col);margin:0 auto;padding:20px 18px 8px;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--gap);
  align-items:start;
}
.lkcell{
  grid-column:span 6;min-width:0;
  display:grid;grid-template-columns:112px minmax(0,1fr);
  border:1px solid var(--edge);border-radius:var(--rad);
  background:var(--in);
  overflow:hidden;
  box-shadow:0 10px 26px hsl(var(--lk-h) 30% 4% / .5);
}
.lkcell--h{grid-column:span 3}
.lkcell--t{grid-column:span 2}

/* дверца */
.lkface{
  position:relative;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  padding:16px 10px;
  background:
    repeating-linear-gradient(90deg,hsl(var(--lk-h) 10% 100% / .028) 0 1px,transparent 1px 4px),
    linear-gradient(180deg,var(--steel2),var(--face) 40%,var(--steel));
  border-right:1px solid hsl(var(--lk-h) 20% 6%);
  box-shadow:inset -1px 0 0 hsl(var(--lk-h) 14% 40% / .28),
             inset 0 1px 0 hsl(var(--lk-h) 14% 46% / .35);
}
.lkbank .lkcell:nth-of-type(3n+2) .lkface{
  background:
    repeating-linear-gradient(90deg,hsl(var(--lk-h) 10% 100% / .022) 0 1px,transparent 1px 6px),
    linear-gradient(180deg,var(--face),var(--steel) 55%,hsl(var(--lk-h) 12% 14%));
}
.lkbank .lkcell:nth-of-type(3n+3) .lkface{
  background:
    repeating-linear-gradient(0deg,hsl(var(--lk-h) 10% 100% / .02) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,var(--steel2),var(--steel) 70%,var(--face));
}
.lkno{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:19px;font-weight:700;letter-spacing:.08em;color:var(--tx2);
  background:hsl(var(--lk-h) 20% 9%);
  border:1px solid var(--edge2);border-radius:2px;
  padding:3px 9px;line-height:1.25;
  box-shadow:inset 0 1px 0 hsl(var(--lk-h) 14% 40% / .4);
}
.lkhole{
  width:22px;height:22px;border-radius:50%;flex:none;position:relative;
  background:radial-gradient(circle at 50% 42%,hsl(var(--lk-h) 24% 4%),hsl(var(--lk-h) 14% 14%) 70%);
  box-shadow:inset 0 1px 2px hsl(var(--lk-h) 20% 2%),0 1px 0 hsl(var(--lk-h) 14% 42% / .5);
}
.lkhole::after{
  content:"";position:absolute;left:50%;top:9px;transform:translateX(-50%);
  width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;
  border-top:11px solid hsl(var(--lk-h) 24% 4%);
}
.lkvent{
  width:46px;height:26px;flex:none;border-radius:2px;
  background:repeating-linear-gradient(0deg,
    hsl(var(--lk-h) 22% 7%) 0 2px,
    hsl(var(--lk-h) 12% 26%) 2px 3px,
    transparent 3px 6px);
  box-shadow:inset 0 0 0 1px hsl(var(--lk-h) 14% 28% / .5);
}
.lktag{
  margin-top:auto;transform:rotate(-4deg);
  background:var(--lk-paper);color:var(--lk-paper-ink);
  border-radius:2px;padding:5px 8px 5px 15px;position:relative;
  font-size:11px;line-height:1.25;letter-spacing:.03em;text-align:center;
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  box-shadow:0 2px 6px hsl(var(--lk-h) 30% 4% / .55);
  max-width:100%;
}
.lktag::before{
  content:"";position:absolute;left:5px;top:50%;transform:translateY(-50%);
  width:6px;height:6px;border-radius:50%;
  background:hsl(var(--lk-h) 22% 10%);
  box-shadow:0 0 0 1px hsl(var(--lk-h) 10% 60% / .6);
}

/* ключ на пружине — маркер активного блока, ровно один на страницу */
.lkkey{
  position:absolute;right:9px;top:8px;width:16px;height:64px;pointer-events:none;
}
.lkkey::before{
  content:"";position:absolute;left:6px;top:0;width:5px;height:34px;
  background:repeating-linear-gradient(-38deg,
    hsl(var(--lk-h) 8% 74%) 0 2px,
    hsl(var(--lk-h) 8% 34%) 2px 5px);
  border-radius:3px;
}
.lkkey::after{
  content:"";position:absolute;left:1px;top:32px;width:15px;height:15px;
  border-radius:50%;
  border:4px solid var(--a2);
  box-shadow:
    0 12px 0 -6px var(--a2),
    4px 19px 0 -6px var(--a2),
    -1px 24px 0 -6px var(--a2);
}

/* нутро ячейки */
.lkin{
  min-width:0;padding:22px 24px 20px;
  background:
    linear-gradient(180deg,hsl(var(--lk-h) 22% 14%),var(--in) 120px);
  box-shadow:inset 6px 0 12px hsl(var(--lk-h) 30% 4% / .45);
}
.lkcell--t .lkin,.lkcell--h .lkin{padding:18px 18px 16px}
.lkrule{
  height:1px;border:0;margin:16px 0;
  background:linear-gradient(90deg,var(--edge2),transparent);
}

/* --- НАЧИНКА ЯЧЕЕК ------------------------------------------------------- */
.lkgrid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.lkgrid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lkgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lkbox{
  min-width:0;border:1px solid var(--edge);border-radius:var(--rad);
  background:linear-gradient(180deg,var(--steel),hsl(var(--lk-h) 16% 13%));
  padding:13px 14px;
}
.lkbox__k{
  display:block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:5px;
}
.lkbox p{margin:0;font-size:14.5px;color:var(--tx2)}
.lkbox .lknum{color:var(--tx);font-size:18px}

.lkpair{
  display:flex;justify-content:space-between;gap:12px;
  padding:7px 0;border-bottom:1px dashed hsl(var(--lk-h) 14% 26%);
  font-size:14.5px;
}
.lkpair:last-child{border-bottom:0}
.lkpair span:first-child{color:var(--tx2)}
.lkpair span:last-child{color:var(--tx);white-space:nowrap}

.lkshelf{
  display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;padding:0;list-style:none;
}
.lkitem{
  min-width:0;border:1px solid var(--edge);border-radius:var(--rad);
  background:hsl(var(--lk-h) 18% 10%);
  padding:12px 13px;min-height:44px;
  box-shadow:inset 0 1px 0 hsl(var(--lk-h) 14% 34% / .3);
}
.lkitem__no{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:11px;letter-spacing:.16em;color:var(--tx3);display:block;
}
.lkitem__t{display:block;font-size:15px;color:var(--tx);margin:3px 0 4px}
.lkitem__m{display:block;font-size:13px;color:var(--tx2)}
.lkitem__b{
  display:block;height:5px;border-radius:3px;margin-top:9px;
  background:hsl(var(--lk-h) 16% 18%);overflow:hidden;
}
.lkitem__b i{display:block;height:100%;width:var(--w,50%);background:var(--a1s)}

/* таблицы */
.lkscroll{overflow-x:auto;min-width:0;margin:12px 0;-webkit-overflow-scrolling:touch}
table.lktab{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
.lktab th,.lktab td{
  border:1px solid hsl(var(--lk-h) 14% 24%);
  padding:9px 11px;text-align:left;vertical-align:top;
}
.lktab th{
  background:hsl(var(--lk-h) 16% 16%);color:var(--tx);
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-weight:700;font-size:13px;letter-spacing:.05em;
}
.lktab td{color:var(--tx2);background:hsl(var(--lk-h) 18% 11%)}
.lktab tr:nth-child(2n) td{background:hsl(var(--lk-h) 18% 13%)}
.lktab td:first-child{color:var(--tx)}

/* ступени лояльности */
.lktiers{display:grid;gap:8px;margin:12px 0 4px}
.lktier{
  display:grid;grid-template-columns:150px minmax(0,1fr) 118px;gap:12px;
  align-items:center;min-width:0;
  border:1px solid var(--edge);border-radius:var(--rad);
  background:linear-gradient(90deg,hsl(var(--lk-h) 18% 13%),hsl(var(--lk-h) 18% 10%));
  padding:10px 13px;
}
.lktier__n{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:14.5px;color:var(--tx);min-width:0;
}
.lktier__n b{display:block;font-weight:400;font-size:11px;letter-spacing:.14em;color:var(--tx3)}
.lktier__bar{display:block;height:9px;border-radius:5px;background:hsl(var(--lk-h) 16% 17%);overflow:hidden}
.lktier__bar i{display:block;height:100%;width:var(--w,30%);
  background:linear-gradient(90deg,var(--a1s),var(--a2s))}
.lktier__v{font-size:13.5px;color:var(--tx2);text-align:right}

/* отзывы — бумажные бирки */
.lkrevs{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0}
figure.lkrev{
  margin:0;min-width:0;position:relative;
  background:var(--lk-paper);color:var(--lk-paper-ink);
  border-radius:var(--rad);padding:14px 15px 12px 26px;
  font-size:14.5px;line-height:1.55;
  box-shadow:0 6px 16px hsl(var(--lk-h) 30% 4% / .5);
}
figure.lkrev::before{
  content:"";position:absolute;left:9px;top:15px;width:8px;height:8px;border-radius:50%;
  background:hsl(var(--lk-h) 22% 10%);
  box-shadow:0 0 0 1px hsl(var(--lk-h) 10% 55% / .7);
}
.lkrev p{margin:0 0 8px;color:var(--lk-paper-ink)}
.lkrev figcaption{
  font-size:12px;letter-spacing:.06em;color:var(--lk-paper-mut);
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
}

/* вопросы */
.lkfaq{display:grid;gap:8px;margin-top:12px}
.lkfaq details{
  border:1px solid var(--edge);border-radius:var(--rad);
  background:hsl(var(--lk-h) 18% 11%);
}
.lkfaq summary{
  display:flex;align-items:center;gap:10px;min-height:48px;
  padding:8px 42px 8px 14px;cursor:pointer;position:relative;
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:15.5px;color:var(--tx);list-style:none;
}
.lkfaq summary::-webkit-details-marker{display:none}
.lkfaq summary::after{
  content:"";position:absolute;right:15px;top:50%;width:9px;height:9px;
  border-right:2px solid var(--a1);border-bottom:2px solid var(--a1);
  transform:translateY(-70%) rotate(45deg);
}
.lkfaq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.lkfaq .lkans{padding:0 15px 14px;color:var(--tx2);font-size:14.5px}

/* --- ЗАМЕТКА АВТОРА (светлая бумага) ------------------------------------- */
.lknote{
  max-width:var(--col);margin:16px auto 0;padding:0 18px;
}
.lknote__in{
  background:var(--lk-paper);color:var(--lk-paper-ink);
  border-radius:var(--rad);padding:22px 24px 20px;position:relative;
  box-shadow:0 12px 30px hsl(var(--lk-h) 30% 4% / .55);
  background-image:repeating-linear-gradient(0deg,
    transparent 0 27px,hsl(var(--lk-h) 20% 40% / .13) 27px 28px);
}
.lknote__in .lkh3{color:var(--lk-paper-ink);margin-top:0}
.lknote__in p{color:var(--lk-paper-ink)}
.lknote__sig{
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-size:13px;color:var(--lk-paper-mut);margin:0;
}

/* --- ПЛИНТУС ------------------------------------------------------------- */
.lkfoot{
  margin-top:26px;border-top:1px solid var(--edge);
  background:linear-gradient(180deg,hsl(var(--lk-h) 18% 10%),hsl(var(--lk-h) 20% 7%));
}
.lkfoot__in{
  max-width:var(--col);margin:0 auto;padding:20px 18px 26px;
  display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));
  font-size:13.5px;color:var(--tx3);
}
.lkfoot a{
  display:inline-flex;align-items:center;min-height:44px;color:var(--tx2);
}
.lkfoot p{margin:0 0 8px}
.lkage{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:32px;padding:0 10px;border-radius:2px;
  background:var(--a2);color:var(--ink);
  font-family:"PT Sans Caption",system-ui,"Segoe UI",Arial,sans-serif;
  font-weight:700;font-size:14px;margin-right:8px;
}

/* --- АДАПТИВ ------------------------------------------------------------- */
@media (max-width:1280px){
  .lkroom-l,.lkroom-r{display:none}
}
@media (max-width:1024px){
  .lkbank{grid-template-columns:repeat(4,minmax(0,1fr));}
  .lkcell{grid-column:span 4}
  .lkcell--h{grid-column:span 4}
  .lkcell--t{grid-column:span 2}
  .lkdesk{grid-template-columns:minmax(0,1fr)}
  .lkshelf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lktier{grid-template-columns:132px minmax(0,1fr) 104px}
}
@media (max-width:860px){
  .lkbank{grid-template-columns:minmax(0,1fr);}
  .lkcell,.lkcell--h,.lkcell--t{grid-column:span 1;grid-template-columns:minmax(0,1fr)}
  .lkface{
    flex-direction:row;align-items:center;justify-content:flex-start;
    gap:12px;padding:10px 14px;
    border-right:0;border-bottom:1px solid hsl(var(--lk-h) 20% 6%);
    box-shadow:inset 0 -1px 0 hsl(var(--lk-h) 14% 40% / .28);
  }
  .lktag{margin-top:0;margin-left:auto;transform:rotate(-2deg)}
  .lkkey{right:12px;top:6px;height:52px}
  .lkin{box-shadow:inset 0 6px 12px hsl(var(--lk-h) 30% 4% / .45)}
  .lkdesk{display:flex;flex-direction:column;padding:20px 18px}
  .lkdesk h1{order:1}
  .lkdesk .lkkick{order:0}
  .lkdesk .lkcta{order:2;margin-bottom:16px}
  .lkdesk .lklead{order:3}
  .lkdesk .lkkpi{order:4;width:100%}
  .lkdesk__t{display:contents}
  .lkgrid--3,.lkgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lktier{grid-template-columns:minmax(0,1fr);gap:6px}
  .lktier__v{text-align:left}
  .lkfoot__in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  body{font-size:16px}
  .lkgate{padding:16px 12px 4px}
  .lkbank{padding:14px 12px 6px}
  .lknote{padding:0 12px}
  .lkin{padding:18px 15px 16px}
  .lkgrid,.lkgrid--3,.lkgrid--4,.lkshelf,.lkrevs{grid-template-columns:minmax(0,1fr)}
  .lkcta{flex-direction:column;align-items:stretch}
  a.lkbtn,button.lkbtn{width:100%;min-height:52px}
  .lkbar a.lkbtn{width:auto;min-height:44px}
  .lktag{transform:rotate(0)}
  .lknav a{padding:0 9px;font-size:13.5px}
  table.lktab{min-width:460px}
}