/* Баннер cookie: прямоугольник листа с рамкой 2px и тенью «баннер», внизу слева поверх страницы,
   левый край — по внутреннему краю поля подшивки. Немодальный: фокус не забирает, Esc закрывает.
   Варианты текста — .cookie__v[data-variant]. Поведение — /js/main.js (cookie mrlx_consent).
   Страница, где справа внизу первого экрана бланк, сужает баннер: --cookie-w: 560px. */

.cookie {
  --cookie-w: 800px;

  position: fixed; z-index: 40;
  left: max(16px, calc((100% - var(--sheet-max)) / 2 + var(--bind) + 12px));
  bottom: 16px;
  width: min(var(--cookie-w), calc(100% - 32px));
  padding: 14px 18px;
  background: var(--paper); color: var(--ink);
  border: var(--frame) solid var(--ink);
  box-shadow: var(--shadow-banner);
}
.cookie__v { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.cookie__v > p:first-child { flex: 1 1 380px; font-size: var(--fs-label); line-height: 1.4; }
.cookie__v a { text-decoration-line: underline; }
.cookie__btns { display: flex; gap: 10px; }

/* узкий лист: во всю ширину у нижнего края, кнопки поровну */
@media (max-width: 719px) {
  .cookie { left: 8px; right: 8px; bottom: 8px; width: auto; padding: 12px 14px; }
  .cookie__btns { width: 100%; }
  .cookie__btns .btn { flex: 1; justify-content: center; min-height: 44px; }
}

/* кнопки баннера — малые контурные */
.cookie__btns .btn { --btn-pad: 8px 14px; --btn-fs: var(--fs-label); }