.analytics-cookie-choice[hidden] { display: none !important; }
.analytics-cookie-choice {
  position: fixed;
  inset-block-end: max(16px, env(safe-area-inset-bottom));
  inset-inline-end: 16px;
  z-index: 120;
  width: min(570px, calc(100% - 32px));
  max-height: 48vh;
  overflow: auto;
  padding: 20px;
  border: 1px solid var(--outline, #d5dbe4);
  border-radius: 20px;
  background: var(--surface, #fff);
  color: var(--ink, #11172e);
  box-shadow: var(--shadow, 0 18px 50px rgba(17, 23, 46, .12));
  text-align: start;
}
.analytics-cookie-choice h2 { margin: 0 0 6px; font-size: 18px; line-height: 1.35; }
.analytics-cookie-choice p { margin: 0 0 12px; color: var(--ink-soft, #455064); font-size: 14px; line-height: 1.5; }
.analytics-cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.analytics-cookie-actions button {
  min-height: 44px;
  flex: 1 1 150px;
  padding: 10px 16px;
  border: 1px solid var(--teal, #087e89);
  border-radius: 12px;
  color: var(--teal-dark, #05636c);
  background: var(--surface, #fff);
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}
.analytics-cookie-actions [data-analytics-accept] { color: #fff; background: var(--teal, #087e89); }
.analytics-cookie-actions button:hover { box-shadow: 0 0 0 2px var(--teal-soft, #e7f5f7); }
.analytics-cookie-policy { display: inline-block; margin-block-start: 12px; color: var(--teal-dark, #05636c); text-decoration: underline; font-size: 13px; }
.site-footer .analytics-cookie-settings { padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; text-align: start; }
.site-footer .analytics-cookie-settings:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .analytics-cookie-choice { padding: 16px; inset-inline-end: 12px; width: calc(100% - 24px); inset-block-end: max(12px, env(safe-area-inset-bottom)); }
  .analytics-cookie-actions button { flex-basis: 120px; }
}
