@media (max-width: 900px) {
  header {
    position: relative;
  }

  header nav.recovery-open,
  .en-header nav.recovery-open,
  .tr-header nav.recovery-open {
    position: absolute;
    z-index: 999;
    inset: 72px 12px auto 12px;
    display: flex !important;
    flex-direction: column;
    gap: 0;
    padding: 16px;
    border: 1px solid #e4e7ec;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 55px #1018282b;
  }

  header nav.recovery-open a {
    padding: 10px;
  }
}

.recovery-message {
  margin-top: 12px;
  padding: 11px 13px;
  border: 1px solid #e7d05d;
  border-radius: 10px;
  color: #4d4200;
  background: #fff9d6;
  font-size: 12px;
  line-height: 1.8;
}

.recovery-assistant-panel {
  position: absolute;
  right: 0;
  bottom: 70px;
  width: min(360px, calc(100vw - 24px));
  padding: 18px;
  border: 1px solid #dfe3e8;
  border-radius: 18px;
  color: #111318;
  background: #fff;
  box-shadow: 0 24px 70px #10182833;
}

[dir="ltr"] .recovery-assistant-panel {
  right: auto;
  left: 0;
}

.recovery-assistant-panel button {
  float: inline-end;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 22px;
}

.recovery-assistant-panel strong {
  display: block;
  margin-bottom: 8px;
}

.recovery-assistant-panel p {
  margin: 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.8;
}