.consent-panel {
  position: fixed;
  z-index: 1000;
  right: 22px;
  bottom: 22px;
  left: 22px;
  max-width: 760px;
  margin: auto;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 60px #13221c2e;
}

.consent-panel[hidden] { display: none; }
.consent-panel strong { display: block; font-size: 18px; }
.consent-panel p { margin: 7px 0 0; color: var(--muted); font-size: 14px; }
.consent-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.consent-actions button { min-height: 42px; padding: 10px 18px; }
#reject-analytics { border: 1px solid var(--line); background: #fff; color: var(--ink); }
#reject-analytics:hover, #reject-analytics:focus { border-color: var(--green); color: var(--green); }
#accept-analytics { background: var(--green); }

@media (max-width: 600px) {
  .consent-panel { right: 12px; bottom: 12px; left: 12px; padding: 18px; }
  .consent-actions { align-items: stretch; flex-direction: column-reverse; }
  .consent-actions button { justify-content: center; }
}