.butikken-consent[hidden], .butikken-consent [hidden] { display: none !important; }
.butikken-consent {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 100000;
  width: min(384px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  overflow-y: auto;
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid var(--bk-border, #d9ddd6);
  border-radius: 8px;
  background: var(--bk-surface, #fffdf8);
  color: var(--bk-text, #1b1d1a);
  font-family: var(--bk-font, inherit);
  box-shadow: 0 8px 32px rgb(27 29 26 / 12%);
}
.butikken-consent h2 { margin: 0 0 12px; font: 600 21px/1.3 var(--bk-font, inherit); color: inherit; }
.butikken-consent p { margin: 0 0 20px; font-size: 14px; line-height: 1.6; color: inherit; }
.butikken-consent a { color: var(--bk-accent, #0a5f43); text-decoration: underline; text-underline-offset: 3px; }
.butikken-consent-actions { display: flex; gap: 8px; }
body .butikken-consent-actions button, body button.butikken-consent-open, body button.butikken-consent-close {
  min-height: 48px;
  padding: 12px 16px;
  border: 1px solid var(--bk-accent, #0a5f43);
  border-radius: 4px;
  font: 600 14px/1.4 var(--bk-font, inherit);
  cursor: pointer;
  background: var(--bk-accent, #0a5f43);
  color: #fffdf8;
  text-transform: none;
  letter-spacing: normal;
}
body .butikken-consent-actions button { flex: 1; }
body .butikken-consent-actions button:last-child { background: transparent; color: var(--bk-accent, #0a5f43); }
body .butikken-consent-actions button:hover, body button.butikken-consent-open:hover { background: var(--bk-accent-hover, #084d36); color: #fffdf8; }
body button.butikken-consent-close { display: block; margin: 12px auto 0; padding: 8px; border: 0; background: transparent; color: var(--bk-text-subtle, #5e625c); text-decoration: underline; }
.butikken-consent button:focus-visible, body button.butikken-consent-open:focus-visible { outline: 2px solid var(--bk-focus, #00662a); outline-offset: 3px; }
.butikken-consent-status { display: block; margin-top: 8px; font-size: 14px; color: var(--bk-text-subtle, #5e625c); }
@media (max-width: 480px) {
  .butikken-consent { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); padding: 20px; }
}