.cookies[hidden], #cookie-options[hidden], #cookie-settings[hidden] { display: none !important; }
.cookies { position: fixed; z-index: 500; bottom: 12px; left: 12px; right: 12px; max-width: 760px; margin: auto; padding: 20px; border: 2px solid #563050; border-radius: 12px; background: #fff; color: #2c182c; box-shadow: 0 4px 30px #0003; font: 16px/1.5 Mulish, sans-serif; max-height: calc(100dvh - 24px); overflow-y: auto; }
.cookies h2 { font-size: 21px; margin: 0 0 8px; color: #2c182c; }
.cookies p { margin: 8px 0 12px; }
.cookies a { color: #563050; text-decoration: underline; }
.cookies__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.cookies button, #cookie-settings { font: inherit; cursor: pointer; border: 2px solid #563050; border-radius: 6px; background: #fff; color: #563050; padding: 10px 14px; min-height: 44px; }
.cookies button:hover, #cookie-settings:hover { background: #f5edf3; }
.cookies button:focus-visible, .cookies input:focus-visible, #cookie-settings:focus-visible { outline: 3px solid #2c182c; outline-offset: 3px; }
#cookie-options { margin-top: 14px; }
#cookie-options label { display: flex; gap: 10px; align-items: center; padding: 8px 0; }
#cookie-options input { width: 22px; height: 22px; flex-shrink: 0; accent-color: #563050; }
@media (max-width: 480px) { .cookies { padding: 14px; } .cookies__actions button { flex: 1 1 130px; } }