.druzhba-cookie-notice { position: fixed; right: 20px; bottom: max(20px, env(safe-area-inset-bottom)); z-index: 9999; width: min(540px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; margin: 0; padding: 20px; box-sizing: border-box; background: #fff; border: 1px solid #d5deca; border-top: 4px solid #587d29; border-radius: 12px; color: #384233; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 8px 35px rgba(25,45,15,.22); font-size: 14px; }
.druzhba-cookie-notice[hidden] { display: none; }
.druzhba-cookie-notice__text { min-width: 0; }
.druzhba-cookie-notice p { margin: 0 0 12px; line-height: 1.55; font-size: 14px; }
.druzhba-cookie-notice p:last-child { margin-bottom: 0; }
.druzhba-cookie-notice a { color: #365b1e; text-decoration: underline; text-underline-offset: 3px; }
.druzhba-cookie-notice__actions { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border-top: 1px solid #e2e7db; padding-top: 16px; }
.druzhba-cookie-notice button, .druzhba-cookie-notice a.druzhba-cookie-notice__details { display: flex; justify-content: center; align-items: center; border: 1px solid #4d7828; border-radius: 7px; padding: 11px 16px; font: inherit; font-weight: 600; cursor: pointer; min-height: 44px; box-sizing: border-box; }
.druzhba-cookie-notice button { background: #4d7828; color: #fff; }
.druzhba-cookie-notice button:hover { background: #3b601f; }
.druzhba-cookie-notice a.druzhba-cookie-notice__details { color: #395825; background: #edf3e7; border-color: #c9d6bd; text-decoration: none; }
.druzhba-cookie-notice a.druzhba-cookie-notice__details:hover { background: #e3edd9; }
.druzhba-cookie-notice button:focus-visible, .druzhba-cookie-notice a:focus-visible { outline: 3px solid #d4a936; outline-offset: 3px; }
.druzhba-cookie-footer { margin-top: 12px; font-size: 14px; }
.podval .druzhba-cookie-footer a { color: #fff; text-decoration: underline; }
body.druzhba-cookie-notice-visible { padding-bottom: var(--druzhba-cookie-offset, 260px); }
@media (max-width: 640px) { .druzhba-cookie-notice { left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); width: auto; padding: 16px; gap: 12px; border-radius: 10px; } .druzhba-cookie-notice__actions { gap: 10px; padding-top: 12px; } }