#konpet-cookie-bar, #konpet-cookie-modal {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--cb-text, #382C1E);
}
#konpet-cookie-bar {
  position: fixed;
  inset: auto 20px 20px 20px;
  z-index: 99999;
  background: var(--cb-bg, #F0EDE3);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: 18px 20px;
  display: none;
  max-width: 780px;
}
#konpet-cookie-bar.show { display: block; }
#konpet-cookie-bar h3 { margin: 0 0 8px; font-size: 18px; }
#konpet-cookie-bar p { margin: 0 0 12px; font-size: 14px; line-height: 1.5; }
#konpet-cookie-bar .cb-actions { display: flex; gap: 10px; flex-wrap: wrap; }
#konpet-cookie-bar a { color: var(--cb-text, #382C1E); text-decoration: underline; }

.cb-btn {
  appearance: none; border: 0; border-radius: 10px; padding: 10px 14px;
  font-weight: 600; cursor: pointer;
}
.cb-primary {
  background: var(--cb-primary, #6A994E); color: #fff;
}
.cb-primary:hover { background: var(--cb-primary-d, #386641); }
.cb-ghost {
  background: transparent; border: 2px solid rgba(0,0,0,.2);
}
.cb-link { background: transparent; text-decoration: underline; }

#konpet-cookie-modal {
  position: fixed; inset: 0; z-index: 100000; display: none;
  align-items: center; justify-content: center; background: rgba(0,0,0,.4);
}
#konpet-cookie-modal.show { display: flex; }
.cb-card {
  width: min(720px, 92vw); background: #fff; border-radius: 16px; padding: 18px;
}
.cb-card h3 { margin: 0 0 12px; }
.cb-row { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid #eee; }
.cb-row:last-child { border-bottom: 0; }
.cb-left { font-weight: 600; }
.cb-right input[type="checkbox"] { transform: scale(1.2); }

.cb-footer { display: flex; gap: 10px; margin-top: 14px; justify-content: flex-end; }

@media (prefers-color-scheme: dark) {
  #konpet-cookie-bar { box-shadow: 0 10px 30px rgba(0,0,0,.4); }
}