/* ═══ Уведомление о cookie (inc/v2-cookie.php, assets/js/cookie.js) ═══════
   Небольшая плавающая карточка внизу: --card, --r-img, --shadow (как плавающие
   карточки системы, DESIGN §4), текст --t-s --ink-2, ссылка --acc, кнопка
   «Понятно» — вторичная .btn--sm.btn--line (44 px), чтобы не спорить с главной
   кнопкой страницы. Только токены .v2; написано от 375 px вверх.

   Слои: .ck — неподвижная рамка у нижнего края (по ней cookie.js считает, что
   под плашкой), .ck__in — сама карточка; появление и уход — только opacity и
   transform карточки, макет страницы не сдвигается (CLS 0).
   z-index 37: под нижней панелью .dock (38), панелью меню и подложкой мега-меню
   (39), шапкой (40); окна заявки и просмотра — <dialog> в верхнем слое, выше всего. */

.v2 .ck{position:fixed;left:0;right:0;bottom:0;z-index:37;display:flex;
  padding:0 var(--gut) calc(var(--s-2) + env(safe-area-inset-bottom));pointer-events:none;
  transition:transform var(--dur) var(--ease)}
.v2 .ck[hidden]{display:none}

.v2 .ck__in{display:flow-root;width:100%;min-width:0;
  padding:var(--s-2) var(--s-2) var(--s-2) var(--s-3);border-radius:var(--r-img);background:var(--card);box-shadow:var(--shadow);
  pointer-events:auto;opacity:0;visibility:hidden;transform:translateY(calc(100% + var(--s-2)));
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur)}
.v2 .ck.is-on .ck__in{opacity:1;visibility:visible;transform:none;
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s}
/* В зоне плашки форма или кнопка первого экрана, или в фокусе поле ввода — карточка уходит вниз. */
.v2 .ck.is-on.is-away .ck__in{opacity:0;visibility:hidden;transform:translateY(calc(100% + var(--s-2)));
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur)}

/* Телефон: «Понятно» справа вверху (в разметке кнопка раньше текста), текст обтекает её и дальше идёт во всю
   ширину карточки. Компактно (критика 13.10: карточка закрывала заметную часть экрана вместе с шапкой и .dock):
   до 600 px без пояснения «, чтобы сайт работал лучше» (.ck__why), интерлиньяж 1.45, а «Понятно» видимой высотой
   --tap − --s-1 (цель касания 44 px — невидимым ::after): кнопка занимает ровно две строки текста, третья идёт во всю
   ширину — три строки, ≈ 83 px на 390 вместо четырёх строк и 108 px. Полный текст и обычная кнопка — от 600 px. */
.v2 .ck__t{min-width:0;font:400 var(--t-s)/1.45 var(--f-b);color:var(--ink-2)}
.v2 .ck__why{display:none}
@media (min-width:600px){.v2 .ck__t{line-height:1.5}.v2 .ck__why{display:inline}}
.v2 .ck__t a{color:var(--acc);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:var(--ul-off)}
/* Поле кнопки снизу --s-1: строка текста прямо под кнопкой (ссылка на политику) не встаёт к ней ближе 8 px —
   строка рядом с кнопкой ещё обтекает её, следующая идёт во всю ширину ниже на 20+ px. Сверху кнопка
   выше поля на --s-0, чтобы карточка не росла. */
.v2 .ck__ok{position:relative;float:right;min-height:calc(var(--tap) - var(--s-1));margin:0 0 var(--s-0) var(--s-2)}
.v2 .ck__ok::after{content:'';position:absolute;inset:calc(var(--s-0) * -1) 0}

/* Телефон и планшет: видна нижняя панель действия — плашка встаёт над ней (зазор --s-2), не закрывая кнопку.
   Сдвиг — transform рамки, как у самой панели. Альбомная ориентация (до 500 px) — панели нет (v2.css). */
@media (max-width:899px) and (min-height:501px){
  .v2:has(.dock.is-on) .ck{transform:translateY(calc(var(--dock-h) * -1))}
}
/* Открыто меню — плашки нет (как и нижней панели). */
.v2:has(.pnl.on) .ck{visibility:hidden}

/* От 600 px: карточка по содержимому в правом нижнем углу окна — отступ --s-4 от края экрана справа и снизу
   (правка заказчика 01.10: не по границе контейнера, справа), текст строкой --measure. */
@media (min-width:600px){
  .v2 .ck{left:auto;padding-left:0;padding-right:calc(var(--s-4) + env(safe-area-inset-right));padding-bottom:calc(var(--s-4) + env(safe-area-inset-bottom))}
  /* От 600 px — строкой: текст слева, «Понятно» справа по центру высоты. */
  .v2 .ck__in{display:flex;align-items:center;gap:var(--s-4);width:auto;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4)}
  .v2 .ck__t{flex:1 1 auto;max-width:var(--measure);text-wrap:pretty}
  .v2 .ck__ok{float:none;order:1;flex:0 0 auto;min-height:var(--tap);margin:0}
  .v2 .ck__ok::after{content:none}
}

/* prefers-reduced-motion: карточка не выезжает, а проявляется (прозрачность --dur); сдвиг снят общим правилом в v2.css. */
@media print{.v2 .ck{display:none}}