:root { --cookie-choice-height: 0px; }
body { padding-bottom: var(--cookie-choice-height); }
#cookie-choice[hidden] { display: none; }
#cookie-choice { margin: 0; padding: 0; border-radius: 0; max-height: 65vh; overflow-y: auto; position: fixed; inset: auto 0 0; z-index: 200; background: #14181c; color: #e2e6e0; border-top: 1px solid #25d366; box-shadow: 0 -4px 20px #14181c26; }
.cookie-choice-inner { max-width: 1240px; margin: auto; padding: 14px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cookie-choice-inner p { margin: 0; font: 13px/1.55 Arial, sans-serif; max-width: 850px; }
.cookie-choice-inner a { color: #56e68b; text-decoration: underline; }
.cookie-choice-actions { display: flex; flex-shrink: 0; gap: 10px; }
.cookie-choice-actions button { border: 1px solid #56e68b; border-radius: 9px; padding: 11px 16px; background: #25d366; color: #06281a; font: 14px/1.2 Arial, sans-serif; cursor: pointer; }
.cookie-choice-actions button:last-child { background: transparent; color: #e2e6e0; }
button:focus-visible, a:focus-visible { outline: 3px solid #12a150; outline-offset: 4px; }
#cookie-choice :focus-visible { outline-color: #ffffff; }
@media (max-width: 680px) { .cookie-choice-inner { padding: 12px 16px; flex-wrap: wrap; gap: 10px; } .cookie-choice-actions { width: 100%; } .cookie-choice-actions button { flex: 1; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }