.mr-consent[hidden] { display: none !important; }
.mr-consent {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 20px;
  background: rgba(12, 18, 28, .42);
  font-family: Inter, Arial, sans-serif;
  color: #20252d;
}
.mr-consent__panel {
  width: min(680px, 100%);
  padding: 22px 24px;
  border: 1px solid #d9dee7;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .22);
}
.mr-consent__panel h2 { margin: 0 0 9px; font-size: 20px; color: #171b22; }
.mr-consent__panel p { margin: 0 0 10px; color: #4f5663; line-height: 1.5; font-size: 14px; }
.mr-consent__panel a { color: #265fca; font-size: 13px; }
.mr-consent__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; margin-top: 18px; }
.mr-consent__actions button,
.mr-cookie-settings-link {
  appearance: none;
  border: 1px solid #cbd2de;
  border-radius: 999px;
  padding: 10px 17px;
  background: #fff;
  color: #20252d;
  font: 700 14px/1 Inter, Arial, sans-serif;
  cursor: pointer;
}
.mr-consent__actions button:hover { background: #f2f5f9; }
.mr-consent__actions .mr-primary { border-color: #2563eb; background: #2563eb; color: #fff; }
.mr-consent__actions .mr-primary:hover { background: #174fc4; }
.mr-consent__row { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding: 16px 0; border-top: 1px solid #e6e9ef; }
.mr-consent__row strong { display: block; margin-bottom: 4px; }
.mr-consent__row span { display: block; color: #59616e; font-size: 13px; line-height: 1.4; }
.mr-consent__row label { display: flex; gap: 7px; align-items: center; white-space: nowrap; font-size: 13px; }
.mr-consent__row label span { color: #20252d; }
.mr-consent__row input { width: 20px; height: 20px; accent-color: #2563eb; }
.mr-cookie-settings-link { display: block; margin: 14px auto 0; border-color: transparent; background: transparent; color: inherit; font-weight: 500; text-decoration: underline; opacity: .78; }
@media (max-width: 560px) {
  .mr-consent { padding: 10px; }
  .mr-consent__panel { padding: 19px 17px; }
  .mr-consent__actions { display: grid; grid-template-columns: 1fr; }
  .mr-consent__actions button { width: 100%; }
}
