#klaro .cookie-notice {
  background-color: #fff;
  max-width: 480px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
#klaro .cookie-modal .cm-modal.cm-klaro {
  background: #fff;
  color: #003964;
  border-top: 1px solid #ccc;
}
#klaro .cm-header {
  border-bottom: 1px solid #eee;
}
#klaro .cm-footer {
  border-top: 1px solid #eee;
}
#klaro .cookie-modal h1 {
  color: #003964;
}
#klaro .cookie-notice p,
#klaro .cookie-modal p {
  color: #003964;
  text-decoration: none;
}
#klaro .cn-changes {
  font-style: italic;
}
#klaro .cm-btn {
  padding: 0.5em 0.85em;
}
#klaro .cm-btn.cm-btn-success {
  background: #4CBBEF;
  color: #fff;
  font-weight: 600;
}
#klaro .cm-btn.cm-btn-info {
  background: #dcdcdc;
  color: #003964;
}
#klaro .cm-btn.cm-btn-danger {
  background: #eee;
  color: #003964;
}
#klaro a {
  color: #003964;
  font-weight: 600;
  text-decoration: none;
}
#klaro a::before {
  content: "⚙";
  margin-right: 6px;
}
#klaro a:hover,
#klaro .cm-btn.cm-btn-success:hover,
#klaro .cm-btn.cm-btn-danger:hover,
#klaro .cm-btn.cm-btn-info:hover {
  filter: brightness(0.95);
}
#klaro .cm-powered-by,
#klaro .cm-services,
#klaro .cm-toggle-all,
#klaro .cm-show-desc {
  display: none;
}

@media (max-width: 767px) {
  #klaro .cookie-notice {
    bottom: calc(70px + env(safe-area-inset-bottom));
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -6px 16px rgba(0,0,0,0.15);
  }
}