/* Панель, кнопки та checkbox — адаптація UiModal/UiButton/UiCheckbox tatetUI без Vue. */
.cookie-ui [hidden]{display:none!important}
.cookie-ui,.cookie-dialog{font:15px/1.5 var(--font-sans,system-ui,sans-serif);color:var(--ink)}
.cookie-banner{position:fixed;z-index:1000;left:50%;bottom:20px;transform:translateX(-50%);width:calc(100% - 40px);max-width:64rem;
  display:flex;align-items:center;gap:24px;max-height:70dvh;overflow:auto;padding:22px 24px;border:1px solid var(--line);
  border-radius:var(--radius-overlay);background:var(--bg-card);box-shadow:var(--shadow-overlay)}
.cookie-copy{flex:1;min-width:0}
.cookie-ui h2{margin:0 0 10px;padding:0;border:0;font:600 1.15rem/1.3 var(--font-sans,system-ui,sans-serif);color:var(--ink);text-transform:none;letter-spacing:normal;text-wrap:balance}
.cookie-ui p{margin:0 0 12px}
.cookie-ui p:last-child{margin-bottom:0}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cookie-banner .cookie-actions{flex:0 1 28rem}
.cookie-actions button,.cookie-close{font:inherit;color:var(--ink);cursor:pointer;background:var(--bg-card);border:1px solid var(--line-strong);
  border-radius:var(--radius-control);min-height:44px;padding:10px 14px;white-space:normal;text-wrap:balance;transition:background var(--duration-fast)}
.cookie-actions button:hover,.cookie-close:hover{background:var(--bg-hover)}
.cookie-actions .cookie-text{grid-column:1/-1;min-height:36px;padding:5px 10px;border-color:transparent;color:var(--accent)}
.cookie-ui button:focus-visible,.cookie-ui input:focus-visible,.cookie-ui a:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
.cookie-links,.cookie-retention{font-size:13px;color:var(--ink-muted)}
.cookie-links:empty{display:none}
.cookie-links a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.cookie-control{display:block;margin:8px 0 12px}
.cookie-control button{border:0;min-height:44px;padding:4px 0;background:transparent;color:var(--accent);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cookie-dialog{max-width:38rem;width:calc(100% - 32px);max-height:88dvh;overflow:auto;overscroll-behavior:contain;padding:24px;
  border:1px solid var(--line);border-radius:var(--radius-overlay);background:var(--bg-card);box-shadow:var(--shadow-overlay)}
.cookie-dialog::backdrop{background:color-mix(in oklab,var(--backdrop) 55%,transparent)}
.cookie-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.cookie-dialog-head h2{margin:4px 0 0}
.cookie-close{flex:none;min-width:40px;min-height:40px;padding:2px 10px;font-size:24px;line-height:1}
.cookie-options{display:grid;gap:12px;margin:22px 0}
.cookie-option{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid var(--line);
  border-radius:var(--radius-card);padding:16px;cursor:pointer;background:var(--bg-card)}
.cookie-option input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent-solid);cursor:inherit}
.cookie-option:has(input:disabled){cursor:default}
.cookie-option strong{display:block;font-weight:600}
.cookie-option small{display:block;font-size:13px;line-height:1.5;color:var(--ink-muted);margin-top:5px}
.cookie-always{color:var(--ink-muted);font-size:12px;align-self:start;white-space:nowrap}
.cookie-status{position:fixed;z-index:1001;bottom:16px;right:16px;max-width:min(30rem,calc(100% - 32px));padding:14px;
  background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);pointer-events:none}
html.cookie-modal-open{overflow:hidden;scrollbar-gutter:stable}
@media(max-width:700px){
  .cookie-banner{display:block;width:calc(100% - 24px);bottom:12px;padding:18px;max-height:70dvh}
  .cookie-banner .cookie-actions{margin-top:16px}
  .cookie-dialog{width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0;padding:22px 18px max(24px,env(safe-area-inset-bottom));border-radius:var(--radius-overlay) var(--radius-overlay) 0 0}
  .cookie-always{grid-column:2/-1;white-space:normal}
}