body { padding-bottom: var(--cookie-notice-space, 0px); }
.cookie-notice[hidden], [data-cookie-open][hidden] { display: none; }
.cookie-notice {
  position: fixed;
  z-index: 150;
  inset-inline: 24px;
  bottom: max(24px, env(safe-area-inset-bottom));
  width: min(820px, calc(100% - 48px));
  margin-inline: auto;
  max-height: calc(100svh - 28px);
  overflow-y: auto;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 24px 26px;
  border: 1px solid var(--line);
  border-top-color: rgb(178 221 202 / 35%);
  border-radius: 16px;
  background: rgb(12 25 30 / 97%);
  color: var(--white);
  box-shadow: 0 16px 64px rgb(0 0 0 / 30%);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
.cookie-notice__icon { width: 30px; height: 34px; color: var(--mint); align-self: start; margin-top: 2px; }
.cookie-notice__copy { min-width: 0; }
.cookie-notice h2 { font-size: 17px; line-height: 1.4; letter-spacing: -.02em; margin: 0 0 8px; }
html[lang='ar'] .cookie-notice h2 { font-size: 17px; line-height: 1.65; letter-spacing: 0; }
.cookie-notice p { font-size: 12px; line-height: 1.7; color: var(--muted); margin: 0; }
.cookie-notice__policy { color: var(--mint); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.cookie-notice__accept { border: 0; border-radius: 999px; padding: 13px 24px; min-height: 44px; background: var(--mint); color: var(--deep); font-size: 12px; font-weight: 600; transition: background .2s, transform .2s; }
.cookie-notice__accept:hover { background: #c8e8db; transform: translateY(-1px); }
.cookie-reopen { font: inherit; color: inherit; border: 0; padding: 5px 0; background: none; text-align: start; }
.cookie-reopen:hover { color: var(--mint); }
html[data-theme='light'] .cookie-notice { background: rgb(255 255 255 / 97%); border-color: rgb(22 110 97 / 20%); box-shadow: 0 16px 64px rgb(18 55 43 / 14%); }
html[data-theme='light'] .cookie-notice__accept { color: #fff; }
html[data-theme='light'] .cookie-notice__accept:hover { background: #11574d; }
@media (max-width: 600px) {
  .cookie-notice { inset-inline: 14px; bottom: max(14px, env(safe-area-inset-bottom)); width: calc(100% - 28px); grid-template-columns: 24px 1fr; gap: 12px; padding: 20px; border-radius: 14px; }
  .cookie-notice__icon { width: 23px; height: 27px; }
  .cookie-notice h2, html[lang='ar'] .cookie-notice h2 { font-size: 16px; }
  .cookie-notice__accept { grid-column: 1 / -1; justify-self: end; min-width: 116px; margin-top: 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .cookie-notice__accept { transition: none; }
}