.cookie-banner { position: fixed; z-index: 1000; left: 24px; right: 24px; bottom: 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; max-width: 1050px; margin: auto; padding: 20px 22px; border: 1px solid #31556e; border-radius: 12px; background: rgba(7,16,27,.97); box-shadow: 0 20px 70px rgba(0,0,0,.55); backdrop-filter: blur(16px); }
.cookie-banner[hidden] { display: none; }
.cookie-banner strong { display: block; margin-bottom: 7px; color: #fff; font-size: 16px; }
.cookie-banner p { max-width: 660px; margin: 0; color: #9eb0bd; font-size: 12px; line-height: 1.55; }
.cookie-actions { display: flex; flex-shrink: 0; gap: 9px; }
.cookie-actions button { min-height: 40px; padding: 0 15px; border: 1px solid #31556e; border-radius: 7px; background: #122535; color: #e2ebf1; cursor: pointer; font-weight: 800; }
.cookie-actions button:hover { border-color: #28a9f2; }
#accept-cookies { border-color: #28a9f2; background: #147cc0; color: #fff; }
.cookie-settings { padding: 0; border: 0; background: transparent; color: #657789; cursor: pointer; text-transform: uppercase; letter-spacing: .13em; font: inherit; }
.cookie-settings:hover { color: #b1c2ce; }
@media (max-width: 720px) { .cookie-banner { left: 14px; right: 14px; bottom: 14px; align-items: stretch; flex-direction: column; gap: 16px; } .cookie-actions { display: grid; grid-template-columns: 1fr 1fr; } }