.cookie-notice { position: fixed; z-index: 950; inset-inline: 14px; bottom: calc(14px + env(safe-area-inset-bottom)); margin-inline: auto; width: min(620px, calc(100% - 28px)); box-sizing: border-box; display: flex; align-items: center; gap: 16px; padding: 16px 18px; border-radius: 16px; border: 1px solid #ffffff24; background: #0e525a; color: #fff; box-shadow: 0 8px 30px #07122d30; direction: rtl; text-align: start; font: 13px/1.5 Arial, sans-serif; }
.cookie-notice__copy { flex: 1; min-width: 0; }
.cookie-notice__copy strong { font-size: 13px; font-weight: 700; }
.cookie-notice__copy p { margin: 4px 0 0; color: #e1eeeb; font-size: 12px; line-height: 1.5; }
.cookie-notice__copy a { color: #b8ffe8; text-decoration: underline; text-underline-offset: 3px; }
.cookie-notice__accept { flex: 0 0 auto; min-height: 44px; max-width: 120px; padding: 10px 14px; border: 0; border-radius: 10px; background: #04f9b4; color: #07122d; font: 700 13px/1.4 Arial, sans-serif; cursor: pointer; white-space: normal; }
.cookie-notice a:focus-visible,.cookie-notice button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media(max-width:480px) { .cookie-notice { gap: 10px; padding: 12px; border-radius: 14px; } .cookie-notice__copy strong { font-size: 12px; } .cookie-notice__copy p { font-size: 11px; line-height: 1.45; } .cookie-notice__accept { max-width: 84px; font-size: 12px; padding: 9px 10px; } }
@media(max-height:500px) and (orientation:landscape) { .cookie-notice { padding-block: 10px; } }