.cookie-banner[hidden] { display: none; }
.cookie-banner { position: fixed; z-index: 10000; bottom: 16px; left: 16px; right: 16px; max-width: 660px; max-height: calc(100dvh - 32px); overflow: auto; padding: 24px; border: 1px solid #666; border-radius: 12px; background: #141416; color: #fff; box-shadow: 0 8px 40px #0009; font-family: Inter, sans-serif; }
.cookie-banner h2 { font-size: 20px; line-height: 1.3; margin: 0 0 12px; }
.cookie-banner p { font-size: 14px; line-height: 1.6; margin: 0 0 18px; color: #ddd; }
.cookie-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.cookie-actions button { flex: 1; min-width: 110px; min-height: 44px; padding: 10px 20px; background: #ff6a00; color: #111; border: 1px solid #ff6a00; border-radius: 6px; font: inherit; font-weight: 600; cursor: pointer; }
.cookie-settings { background: transparent; border: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; padding: 12px; }
.cookie-actions button:focus-visible, .cookie-settings:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 480px) { .cookie-banner { padding: 18px; bottom: 8px; left: 8px; right: 8px; } }