/* Банер згоди — лише ЄС/ЄЕЗ/Британія/Швейцарія (journal №89). Маленький, знизу; на демо піднятий
   над смужкою Umberform (--uf-strip, демо ставить її, сайт студії — ні, тож там 0px). */
#uf-consent {
  position: fixed; left: 0; right: 0; z-index: 200;
  bottom: calc(var(--uf-strip, 0px) + env(safe-area-inset-bottom, 0px));
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px;
  padding: 14px 20px; background: rgba(6, 7, 10, .92); color: #FFFEEA;
  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 254, 234, .18);
  font: 300 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  transform: translateY(100%); transition: transform .4s cubic-bezier(.4, 0, .2, 1);
}
#uf-consent.on { transform: translateY(0); }
#uf-consent p { margin: 0; max-width: 46rem; opacity: .85; }
#uf-consent a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
#uf-consent .uf-consent-actions { display: flex; gap: 10px; flex: none; }
/* однакова вага в обох кнопок — інакше згода недійсна (Google Consent Mode v2) */
#uf-consent button { min-height: 44px; padding: 0 20px; border: 1px solid #FFFEEA; border-radius: 2px;
  background: transparent; color: #FFFEEA; font: inherit; font-weight: 500; cursor: pointer;
  transition: background .2s, color .2s; }
#uf-consent button:hover, #uf-consent button:focus-visible { background: #FFFEEA; color: #06070A; }
#uf-consent button:focus-visible { outline: 1px solid #FFFEEA; outline-offset: 3px; }
@media (max-width: 640px) { #uf-consent { padding: 14px 16px; } #uf-consent .uf-consent-actions { width: 100%; } #uf-consent button { flex: 1; } }
@media (prefers-reduced-motion: reduce) { #uf-consent { transition: none; } }