.privacy-notice { position: fixed; z-index: 100; left: 50%; bottom: 22px; transform: translateX(-50%); width: min(calc(100% - 40px), 1120px); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 26px; align-items: center; padding: 24px 28px; border: 1px solid #41403d; background: #181817; box-shadow: 0 16px 60px #0008; color: #f5f3ed; }
.privacy-notice__copy strong { display: block; font: 600 15px/1.4 var(--body, sans-serif); }
.privacy-notice__copy p { margin: 8px 0 0; color: #bcb9b2; font: 400 13px/1.6 var(--body, sans-serif); }
.privacy-notice__actions { display: flex; align-items: center; gap: 22px; }
.privacy-notice__actions a { font-size: 13px; white-space: nowrap; text-decoration: underline; text-underline-offset: 4px; }
.privacy-notice__actions .btn { min-height: 46px; padding: 14px 20px; font-size: 11px; }
.privacy-reopen { display: block; margin-top: 18px; padding: 4px 0; border: 0; background: none; color: #bcb9b2; font: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.privacy-notice a:focus-visible, .privacy-notice button:focus-visible, .privacy-reopen:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
@media (max-width: 760px) { .privacy-notice { width: calc(100% - 28px); bottom: 14px; padding: 20px; grid-template-columns: minmax(0, 1fr); gap: 18px; max-height: calc(100dvh - 28px); overflow-y: auto; } .privacy-notice__actions { justify-content: space-between; } }
@media (prefers-reduced-motion: reduce) { .privacy-notice * { transition: none; } }