.meta-consent[hidden], .meta-preferences[hidden] { display: none; }
.meta-consent {
  position: fixed;
  inset: auto 0 0;
  z-index: 1400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px max(20px, calc((100% - 1240px) / 2));
  padding-bottom: max(18px, env(safe-area-inset-bottom));
  border-top: 1px solid #d7dcd5;
  background: #fff;
  color: #20301f;
  box-shadow: 0 -4px 20px #0000000d;
  font: 14px/1.5 system-ui, sans-serif;
  letter-spacing: 0;
}
.meta-consent__text { max-width: 820px; }
.meta-consent p { margin: 4px 0 0; font: inherit; }
.meta-consent a { color: inherit; text-decoration: underline; }
.meta-consent__actions { display: flex; gap: 10px; flex-shrink: 0; }
.meta-consent__actions button {
  min-height: 44px;
  min-width: 100px;
  padding: 10px 18px;
  border: 1px solid #20301f;
  border-radius: 6px;
  background: #fff;
  color: #20301f;
  font: 600 14px/1.4 system-ui, sans-serif;
  cursor: pointer;
}
.meta-consent__actions button:hover { background: #edf3ed; }
.meta-consent button:focus-visible, .meta-preferences:focus-visible { outline: 3px solid #ee5d0c; outline-offset: 3px; }
.meta-preferences { border: 0; padding: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 680px) {
  .meta-consent { flex-direction: column; align-items: stretch; gap: 12px; padding-inline: 16px; }
  .meta-consent__actions button { flex: 1; }
}