.cookie-banner { position: fixed; z-index: 100; right: 22px; bottom: 22px; width: min(440px, calc(100% - 44px)); padding: 24px; color: #fff; background: #111; box-shadow: 0 16px 44px rgba(0,0,0,.3); }.cookie-banner[hidden] { display: none; }.cookie-banner h2 { margin: 0 0 9px; font: 800 30px/.9 'Barlow Condensed', Impact, sans-serif; letter-spacing: .02em; }.cookie-banner p { margin: 0; color: #d1d1d1; font: 12px/1.65 Manrope, Arial, sans-serif; }.cookie-banner p a { color: #fff; text-decoration: underline; }.cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }.cookie-actions button { padding: 11px 14px; border: 1px solid #777; color: #fff; background: transparent; font: 800 10px Manrope, Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }.cookie-actions button:hover, .cookie-actions .cookie-accept { color: #111; background: #d9e37f; border-color: #d9e37f; }.cookie-panel { margin-top: 18px; padding-top: 16px; border-top: 1px solid #444; }.cookie-panel[hidden] { display: none; }.cookie-choice { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin: 0 0 13px; }.cookie-choice strong { display: block; font: 700 12px Manrope, Arial, sans-serif; }.cookie-choice small { display: block; margin-top: 3px; color: #b5b5b5; font: 11px/1.5 Manrope, Arial, sans-serif; }.cookie-choice input { width: 17px; height: 17px; accent-color: #d9e37f; }.cookie-save { margin-top: 4px; }
@media (max-width: 560px) { .cookie-banner { right: 12px; bottom: 12px; width: calc(100% - 24px); padding: 20px; } }