.analytics-consent {
  position: fixed; z-index: 10000; bottom: 20px; left: 20px; right: 20px;
  box-sizing: border-box; max-width: 920px; margin: 0 auto; padding: 22px 24px;
  display: flex; align-items: center; gap: 24px;
  background: #fff; color: #242424; border: 1px solid #d8d5d1;
  box-shadow: 0 6px 32px #0000001f;
  font: 15px/1.5 'DM Sans', Arial, sans-serif;
  max-height: calc(100dvh - 40px); overflow: auto;
}
.analytics-consent[hidden] { display: none; }
.analytics-consent strong { display: block; font-size: 17px; font-weight: 600; }
.analytics-consent p { margin: 6px 0 0; color: #454545; font: inherit; }
.analytics-consent details { margin-top: 8px; }
.analytics-consent summary { cursor: pointer; text-decoration: underline; }
.analytics-consent a { color: #242424; text-decoration: underline; }
.analytics-consent__copy { flex: 1; }
.analytics-consent__actions { display: flex; gap: 8px; flex-wrap: wrap; }
.analytics-consent button {
  appearance: none; border: 1px solid #242424; border-radius: 0;
  padding: 11px 14px; background: #fff; color: #242424;
  cursor: pointer; font: 600 14px/1.3 'DM Sans', Arial, sans-serif; white-space: nowrap;
}
.analytics-consent button:hover { background: #f0eeeb; }
.analytics-consent button:focus-visible, .analytics-settings:focus-visible,
.analytics-consent summary:focus-visible { outline: 3px solid #ff6c1b; outline-offset: 3px; }
.analytics-settings { border: 0; background: transparent; color: inherit; padding: 8px; font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }
.analytics-settings--standalone { display: block; margin: 16px auto; color: #454545; }
@media (max-width: 700px) {
  .analytics-consent { left: 12px; right: 12px; bottom: 12px; padding: 18px; gap: 16px; flex-direction: column; align-items: stretch; }
  .analytics-consent__actions { flex-wrap: nowrap; }
  .analytics-consent button { flex: 1; padding: 12px 8px; }
}