.cookie-banner[hidden]{display:none}
.cookie-banner{position:fixed;inset:auto 24px 24px;z-index:100;max-width:1120px;margin-inline:auto;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 50px #0006}
.cookie-banner p{max-width:640px;margin:0;font-size:16px;line-height:1.5}
.cookie-banner .cookie-policy-link{display:inline-block;margin-top:6px;font-size:14px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:10px;flex:none}
.cookie-actions button{border:1px solid #f4f5f25c;border-radius:100px;padding:12px 22px;background:transparent;color:var(--text);font:inherit;font-size:14px;cursor:pointer;min-height:44px}
.cookie-actions button:hover{background:#f4f5f214}
.cookie-actions button{min-width:142px}
.cookie-actions button:focus-visible,.cookie-settings:focus-visible{outline:2px solid var(--text);outline-offset:4px}
.cookie-settings{padding:0;background:none;border:0;font:inherit;color:inherit;cursor:pointer}
.cookie-settings:hover{color:var(--text)}
.site-footer>div{flex-wrap:wrap}
@media(max-width:650px){.cookie-banner{inset:auto 12px 12px;padding:20px;display:block;border-radius:12px}.cookie-actions{margin-top:18px}.cookie-actions button{flex:1}.site-footer>div{gap:16px 24px}}

.cookie-banner{opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}
.cookie-banner.is-in{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.cookie-banner{transition:none;transform:none}}