.cookie-notice { box-sizing: border-box; position: fixed; z-index: 90; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 12px; width: min(480px,calc(100% - 32px)); margin: 0; padding: 10px 12px; border: 1px solid #d4dfd5; border-radius: 12px; background: #fcfdfb; color: #405549; box-shadow: 0 4px 18px #203b3012; font: 13px/1.5 system-ui,-apple-system,sans-serif; }
.cookie-notice p { flex: 1; min-width: 0; margin: 0; }
.cookie-notice>div { display: flex; flex: none; align-items: center; gap: 8px; }
.cookie-notice a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 40px; color: #285447; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.cookie-notice button { box-sizing: border-box; display: inline-flex; flex: none; align-items: center; justify-content: center; width: auto; min-height: 40px; margin: 0; padding: 8px 12px; border: 1px solid #d4dfd5; border-radius: 8px; background: #eaf0e8; color: #285447; box-shadow: none; font: inherit; font-weight: 550; white-space: nowrap; cursor: pointer; }
.cookie-notice button:hover { border-color: #bdcebf; background: #dfe9dc; color: #1b4434; }
.cookie-notice a:hover { color: #1b4434; }
.cookie-notice :focus-visible { outline: 2px solid #285447; outline-offset: 2px; }
@media(max-width:700px) {
  .cookie-notice { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); width: min(480px,calc(100% - 24px)); }
  .cookie-notice a,.cookie-notice button { min-height: 44px; }
  body:has(.mobile-nav) .cookie-notice { bottom: calc(88px + env(safe-area-inset-bottom)); }
}
@media print { .cookie-notice { display: none; } }