/* ПЛАШКА СОГЛАСИЯ НА КУКИ.
 *
 * Отдельный файл: плашка появляется и на лендинге (land.css), и в каталоге
 * (app.css), и на визитке с её темами — общего файла стилей у этих трёх
 * миров нет, а дублировать одни и те же правила в трёх местах значит
 * однажды поправить их в двух.
 *
 * Цвета заданы своими значениями, а не переменными темы: на тёмной визитке
 * переменные другие, и плашка на них становится нечитаемой.
 */
.cc{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:70;
  max-width:560px;margin:0 auto;
  background:#fff;color:#16243C;
  border:1px solid rgba(22,36,60,.14);border-radius:14px;
  box-shadow:0 2px 6px rgba(22,36,60,.08), 0 16px 32px -18px rgba(22,36,60,.40);
  padding:10px 12px;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
.cc[hidden]{display:none}
/* Узкая полоса, а не окно: первое, что видит клиент мастера, должно быть
   страницей мастера, а не нашим юридическим текстом. */
.cc-t{display:none}
.cc-b{margin:0;flex:1 1 220px;font-size:12.5px;line-height:1.4;color:#3D4A64}
.cc-b .cc-more{margin:0 0 0 4px;padding:0;font-size:12.5px;text-decoration:underline}
.cc-row{display:flex;gap:6px;align-items:center;flex:0 0 auto}
.cc-btn{
  font:inherit;font-size:13px;font-weight:700;cursor:pointer;
  padding:7px 12px;border-radius:9px;border:1px solid transparent;
  min-height:34px;white-space:nowrap;
}
.cc-yes{background:#16243C;color:#fff}
.cc-yes:hover{background:#22345a}
.cc-no{background:#fff;color:#16243C;border-color:rgba(22,36,60,.20)}
.cc-no:hover{border-color:#16243C}
.cc-more{
  margin-left:auto;font-size:13.5px;color:#5E6B85;text-decoration:none;
  padding:10px 2px;
}
.cc-more:hover{color:#16243C;text-decoration:underline}

@media (max-width:420px){
  .cc{left:8px;right:8px;bottom:8px}
  .cc-row{flex:1 1 100%}
  .cc-btn{flex:1 1 0}
}

/* Таблица кук на странице «Куки». Живёт здесь же: она про то же самое и
   нужна ровно на одной странице. */
.ctab-wrap{overflow-x:auto;margin-top:12px}
.ctab{border-collapse:collapse;width:100%;font-size:13.5px}
.ctab th,.ctab td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(22,36,60,.10);vertical-align:top}
.ctab th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5E6B85;font-weight:700}
.ctab td:first-child{white-space:nowrap}
.ctab code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.ctab td:last-child{white-space:nowrap;color:#3D4A64}
.legal-near{margin-top:14px;text-align:center}