.cookie-choice, .cookie-settings { font: 400 15px/1.55 Arial, sans-serif; color: #152f40; background: #f5fbfc; border: 1px solid #b7cdd6; border-radius: 14px; padding: 22px; }
.cookie-choice { position: fixed; z-index: 10000; bottom: 20px; left: 20px; right: 20px; max-width: 1120px; margin-inline: auto; box-shadow: 0 8px 35px #05192533; display: flex; gap: 24px; align-items: center; }
.cookie-choice[hidden] { display: none; }
.cookie-choice h2, .cookie-settings h2 { margin: 0 0 8px; font-size: 20px; color: #152f40; line-height: 1.3; }
.cookie-choice p, .cookie-settings p { margin: 0; color: #314f60; }
.cookie-choice a, .cookie-settings a { color: #086b64; text-decoration: underline; text-underline-offset: 3px; }
.cookie-choice-actions { display: flex; gap: 10px; flex-wrap: wrap; flex-shrink: 0; }
.cookie-choice .cookie-choice-actions { flex-direction: column; }
.cookie-choice-actions button { appearance: none; cursor: pointer; background: #123f59; color: #fff; font: 600 15px/1.4 Arial, sans-serif; border: 1px solid #123f59; border-radius: 8px; min-height: 44px; padding: 11px 16px; text-align: center; }
.cookie-choice-actions button:hover { background: #205972; }
.cookie-choice-actions button:focus-visible, .cookie-choice a:focus-visible { outline: 3px solid #168e7e; outline-offset: 3px; }
.cookie-settings .cookie-choice-actions { margin-block: 18px; }
.cookie-settings { margin-block: 28px; }
.cookie-choice-result:empty { display: none; }
.cookie-choice-result { font-size: 14px; }
@media(max-width: 700px) { .cookie-choice { left: 10px; right: 10px; bottom: 10px; padding: 18px; gap: 16px; flex-direction: column; align-items: stretch; max-height: 80vh; overflow: auto; } .cookie-choice .cookie-choice-actions { flex-direction: row; } .cookie-choice-actions button { flex: 1 1 150px; } }