.mn-consent {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1000;
  width: min(420px, calc(100% - 32px));
  padding: 18px;
  border: 1px solid rgba(24, 21, 31, .16);
  border-radius: 16px;
  color: #18151f;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 20px 54px rgba(24, 21, 31, .18);
  font: 14px/1.5 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.mn-consent[hidden] { display: none; }

.mn-consent strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
}

.mn-consent p {
  margin: 0 0 14px;
  color: #625d6b;
}

.mn-consent a {
  color: #3513bc;
  text-underline-offset: .15em;
}

.mn-consent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mn-consent button,
.mn-consent-settings {
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #18151f;
  border-radius: 10px;
  cursor: pointer;
  font: 750 13px/1.1 Inter, ui-sans-serif, system-ui, sans-serif;
}

.mn-consent-accept,
.mn-consent-reject {
  color: #18151f;
  background: #fff;
}

.mn-consent-manage {
  color: #18151f;
  background: #fff;
}

.mn-consent-settings {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 999;
  color: #18151f;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 26px rgba(24, 21, 31, .12);
}

.mn-consent-settings[hidden] { display: none; }

@media (max-width: 560px) {
  .mn-consent {
    right: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
  }

  .mn-consent-actions { display: grid; }
  .mn-consent-settings { left: 10px; bottom: 10px; }
}
