/* Spec 317: перенос стилей cookie-баннера с главной, значения не менялись. */
  /* ========== Cookies ========== */
  #cookies {
    position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 200;
    background: #fff; border: 1px solid var(--hair); border-radius: 14px;
    padding: 14px 18px; box-shadow: 0 20px 60px rgba(0,0,0,.12);
    max-width: 720px; margin: 0 auto;
    transform: translateY(calc(100% + 40px)); opacity: 0; pointer-events: none;
    transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s;
  }
  #cookies.show { transform: translateY(0); opacity: 1; pointer-events: auto; }
  .ck-inner { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
  .ck-text { font-size: 13px; color: var(--ink-2); flex: 1; min-width: 240px; line-height: 1.45; }
  .ck-text a { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
  .ck-actions { display: flex; gap: 8px; flex-shrink: 0; }
  .ck-btn { font: inherit; font-size: 13px; font-weight: 500; padding: 8px 16px; border-radius: 980px; cursor: pointer; border: 1px solid transparent; transition: all .15s; }
  .ck-primary { background: var(--ink); color: #fff; }
  .ck-primary:hover { background: #000; }
  .ck-ghost { background: transparent; color: var(--ink); border-color: var(--hair); }
  .ck-ghost:hover { background: var(--surface-2); }
  @media (max-width: 600px) {
    #cookies { left: 12px; right: 12px; bottom: 12px; padding: 14px; }
    .ck-actions { width: 100%; }
    .ck-btn { flex: 1; }
  }