/* Резерв обновляется по реальной высоте полосы, включая переносы и масштаб. */
body:has(#cookie-notice) {
  padding-bottom: var(--cookie-notice-height, 0px);
}
html:has(#cookie-notice) {
  scroll-padding-bottom: calc(var(--cookie-notice-height, 0px) + 20px);
}
#cookie-notice {
  position: fixed;
  inset: auto 0 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
  padding: 8px max(16px, calc((100vw - 1240px) / 2));
  padding-bottom: max(8px, env(safe-area-inset-bottom));
  background: #fffefa;
  color: #191b18;
  border-top: 1px solid #d9dbcf;
  font:
    13px/1.45 Onest,
    system-ui,
    sans-serif;
}
#cookie-notice p {
  min-width: 0;
  margin: 0;
  font-size: inherit;
}
#cookie-notice a {
  display: inline;
  min-width: 0;
  min-height: 0;
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#cookie-notice button {
  flex: none;
  min-height: 44px;
  padding: 8px 16px;
  border: 0;
  border-radius: 8px;
  position: relative;
  isolation: isolate;
  background: transparent;
  color: #fffefa;
  font: inherit;
  cursor: pointer;
}
/* Видимая заливка 32px, область нажатия и фокуса — минимум 44px. */
#cookie-notice button::before {
  content: "";
  position: absolute;
  inset: 6px 0;
  z-index: -1;
  border-radius: inherit;
  background: #191b18;
}
#cookie-notice :focus-visible {
  outline: 3px solid #4d6514;
  outline-offset: 3px;
}
@media (max-width: 600px) {
  #cookie-notice {
    gap: 10px;
    font-size: 12px;
  }
}