:root {
  --orange-1: #ffa500;
  --orange-2: #ed633a;
  --orange-3: #ea4e39;
  --orange-4: #d24633;
  --orange-5: #a2073b;
}

.search-sec {
  background: #1A4668;
  padding: 2rem;
}

.bg-orange-1 {
  background-color: var(--orange-1) !important;
}

.bg-orange-1:hover {
  background-color: var(--orange-1) !important;
}

.bg-orange-2-nohover {
  background-color: var(--orange-2) !important;
}

.bg-orange-3-nohover {
  background-color: var(--orange-3) !important;
}

.bg-orange-2 {
  background-color: var(--orange-2) !important;
}

.bg-orange-2:hover {
  background-color: var(--orange-2) !important;
}

.bg-orange-3 {
  background-color: var(--orange-3) !important;
}

.bg-orange-4 {
  background-color: var(--orange-4) !important;
}

.bg-orange-5 {
  background-color: var(--orange-5) !important;
}

.color-orange-1 {
  color: var(--orange-1) !important;
}

.color-orange-2 {
  color: var(--orange-2) !important;
}

.color-orange-3 {
  color: var(--orange-3) !important;
}

.color-orange-4 {
  color: var(--orange-4) !important;
}

.color-orange-5 {
  color: var(--orange-5) !important;
}

.border-orange-1 {
  border-color: var(--orange-1) !important;
}

.border-orange-2 {
  border-color: var(--orange-2) !important;
}

.border-orange-3 {
  border-color: var(--orange-3) !important;
}

.border-orange-4 {
  border-color: var(--orange-4) !important;
}

.border-orange-5 {
  border-color: var(--orange-5) !important;
}

.wrn-btn {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  height: calc(3rem + 2px) !important;
  # border-radius: 0;
}

.autocomplete-items {
  position: absolute;
  border: 0px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  border: 1px solid #d4d4d4;
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
  background-color: DodgerBlue !important;
  color: #ffffff;
}


/*Custom Bootstrap*/
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: var(--orange-1) !important;
}

.btn-primary {
  color: #fff;
  background-color: var(--orange-4);
  border-color: var(--orange-4);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--orange-1);
  border-color: var(--orange-1);
}

.btn-primary:active {
  color: #fff !important;
  background-color: var(--orange-1) !important;
  border-color: var(--orange-1) !important;
}

.btn-primary:focus {
  color: #fff;
  background-color: var(--orange-1);
  border-color: var(--orange-1);
}

.btn-primary:focus-visible {
  color: #fff;
  background-color: var(--orange-1);
  border-color: var(--orange-1);
}

.btn-primary:focus-within {
  color: #fff;
  background-color: var(--orange-1);
  border-color: var(--orange-1);
}

.btn-primary:target {
  color: #fff;
  background-color: var(--orange-1);
  border-color: var(--orange-1);
}

.btn-primary:visited {
  color: #fff;
  background-color: var(--orange-1);
  border-color: var(--orange-1);
}

.btn-primary:disabled {
  color: #fff;
  background-color: var(--orange-5);
  border-color: var(--orange-5);
}

.page-link {
  background-color: var(--orange-4) !important;
  border-color: var(--orange-4) !important;
  color: #fff;
}

.page-link:hover {
  background-color: var(--orange-4) !important;
  color: #fff;
}

.page-item.active .page-link {
  background-color: var(--orange-3) !important;
  border-color: #fff;
  color: #fff;
}

.page-item.disabled .page-link {
  border-color: var(--orange-4) !important;
  color: #fff;
}

.page-item .page-link {
  border-color: var(--orange-4) !important;
  color: #fff;
}

.NewMessageContent {
  overflow: hidden;
  overflow-wrap: break-word;
  resize: none;
  height: 400px !important;
}

.TextFooter {
  font-size: 2rem;
}

.autofilters-desktop {
  position: fixed;
  bottom: 10px;
  left: 85%;
  font-size: calc(4rem + 1.5vw) !important;
  /*  transform: translate( -50% ); */
}

.autofilters-mobile {
  position: fixed;
  bottom: 90px;
  left: 80%;
  font-size: calc(2.5rem + 1.5vw) !important;
  /*  transform: translate( -50% ); */
}

.MenuDesktop {
  position: fixed;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
}

.MenuDesktopImgPlus {
  position: fixed;
  bottom: 100px;
  right: 30px;
}

.MenuDesktopPlus {
  position: fixed;
  bottom: 180px;
  right: 30px;
}

.MenuMobile {
  position: fixed;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%);
}

.MenuMobileImgPlus {
  position: fixed;
  bottom: 60px;
  right: 10px;
}

.MenuMobilePlus {
  position: fixed;
  bottom: 140px;
  right: 10px;
}


.SignupSkillType {
  height: 150px;
  max-height: 150px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.SignupMusicStyle {
  height: 150px;
  max-height: 150px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}


/*
 * Bootstrap Cookie Alert by Wruczek
 * https://github.com/Wruczek/Bootstrap-Cookie-Alert
 * Released under MIT license
 */
.cookiealert {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  padding: 0.75rem 1.25rem;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  color: #ecf0f1;
  background: #212327 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEECAIAAAAd4J55AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUIyQzg0Q0RDQ0ExMTFFNjkyMDJGQkMzNjQ3OUEyMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUIyQzg0Q0VDQ0ExMTFFNjkyMDJGQkMzNjQ3OUEyMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QjJDODRDQkNDQTExMUU2OTIwMkZCQzM2NDc5QTIxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QjJDODRDQ0NDQTExMUU2OTIwMkZCQzM2NDc5QTIxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnMLhJsAAB3qSURBVHja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');
}

.cookiealert.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
  transition-delay: 1000ms;
}

.cookiealert a {
  text-decoration: underline
}

.cookiealert .acceptcookies {
  margin-left: 10px;
  vertical-align: baseline;
}

.btn-store {
  color: #777777;
  min-width: 254px;
  padding: 12px 20px !important;
  border-color: #dddddd !important;
}

.btn-store:focus,
.btn-store:hover {
  color: #ffffff !important;
  background-color: #168eea;
  border-color: #168eea !important;
}

.btn-store .btn-label,
.btn-store .btn-caption {
  display: block;
  text-align: left;
  line-height: 1;
}

.btn-store .btn-caption {
  font-size: 24px;
}

.Openmap {
  z-index: 1030;
  height: 150px; // 150px
  width: 100%;
  position: relative;
}

.OpenmapFullscreen {
  z-index: 1030;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


.popover-body {
  max-width: 850px;
}

.popover {
  max-width: 850px;
}

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(/img/fond-14.webp) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.ol-popup {
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  padding-top: 30px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 280px;
}

.ol-popup:after,
.ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}

.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
  color: #000000;
}

.DashboardOpenmap {
  z-index: 1030;
  height: 100%;
  min-height: 340px;
  width: 100%;
  position: relative;
}

.DashboardMapCard {
  height: auto;
  min-height: 0;
}

.MNDashboardSearchControls {
  position: relative;
  z-index: 8;
}

.MNDashboardSearchControls .autocomplete-items {
  top: calc(100% + 0.3rem);
  z-index: 24;
}

.DashboardAroundGrid>div {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 auto !important;
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}

.DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black {
  min-height: 52px;
  padding: 0.35rem 0.55rem;
  border-radius: 12px !important;
  background-color: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.DashboardAroundGrid .m-0.mb-1.h-100.rounded:hover .bg-white.text-dark.rounded.border.border-2.border-black {
  transform: translateY(-1px);
  background-color: rgba(255, 165, 0, 0.10) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
}

.DashboardAroundGrid .fs-4.fw-bold,
.DashboardAroundGrid .fs-5.fw-bold {
  display: block;
  width: 100%;
  font-size: 0.98rem !important;
  line-height: 1.15;
}

.DashboardAroundGrid .badge.rounded-pill.bg-danger {
  top: 0.2rem !important;
  right: 0.2rem !important;
  padding: 0.2rem 0.35rem !important;
  font-size: 0.58rem !important;
  transform: none !important;
}

.BrowseListColumn {
  display: flex;
}

.BrowseListCard {
  width: 100%;
  padding: 0.9rem;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.BrowseListCard.row {
  --bs-gutter-x: 0.75rem;
  --bs-gutter-y: 0;
  margin-left: 0;
  margin-right: 0;
}

.BrowseListCard:hover {
  transform: translateY(-1px);
  background-color: rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.BrowseListClickable {
  cursor: pointer;
}

.BrowseListSeparator {
  display: none;
}

.BrowseListOwnerAvatarCol {
  max-width: 64px;
}

.BrowseListAvatar {
  object-fit: cover;
  width: 52px;
  height: 52px;
  border: 2px solid #000000;
}

.BrowseListAvatarPlaceholder {
  display: block;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.BrowseListOwner .fs-3 {
  display: block;
  margin-bottom: 0.1rem;
  color: var(--orange-4) !important;
  font-size: 1rem !important;
  line-height: 1.1;
}

.BrowseListOwner .fs-6 {
  display: block;
  color: #6c757d !important;
  font-size: 0.78rem !important;
  line-height: 1.2;
}

.BrowseListMain .fs-3 {
  display: block;
  margin-bottom: 0.1rem;
  font-size: 1.3rem !important;
  line-height: 1.15;
}

.BrowseListMain .text-secondary.fs-6 {
  display: block;
  font-size: 0.84rem !important;
  line-height: 1.2;
}

.BrowseListMeta {
  color: #6c757d;
}

.BrowseListAside {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.BrowseListAccountActions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.55rem;
  width: 100%;
  padding-top: 0.4rem;
}

.BrowseListAccountActions .border.rounded.px-2 {
  margin-top: 0 !important;
}

.BrowseListAccountActions .col-12,
.BrowseListAccountActions .col-sm-4 {
  width: auto;
  max-width: none;
  padding: 0;
}

.BrowseListAccountActions table {
  margin-left: auto;
}

.BrowseListPreviewImage {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  border: 2px solid #000000;
  border-radius: 50% !important;
  background-color: #ffffff;
  overflow: hidden;
}

.BrowseListPreviewFallback {
  border-radius: 50%;
  overflow: hidden;
}

.BrowseListPreviewPlaceholder {
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000000;
  border-radius: 50%;
  background-color: #ffffff;
  color: var(--orange-4);
  font-size: 1.8rem;
  overflow: hidden;
  flex-shrink: 0;
}

.BrowseListBadges {
  margin-top: 0.55rem;
}

.BrowseListBadges .badge {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0.24rem 0.55rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
}

.BrowseListBadges .badge.bg-orange-3,
.BrowseListBadges .badge.bg-orange-5,
.BrowseListBadges .badge.bg-black {
  color: #ffffff !important;
}

.BrowseListDetails {
  margin-top: 0.25rem;
}

.BrowseListDetails .text-secondary {
  color: #6c757d !important;
  font-size: 0.84rem;
  line-height: 1.25;
}

.BrowseListAside .border.rounded.px-2 {
  min-width: 42px;
  text-align: center;
}

.BrowseListResultCard {
  align-items: flex-start;
  gap: 0.9rem;
}

.BrowseListResultMedia {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex: 0 0 96px;
  width: 96px;
  max-width: 96px;
  min-width: 96px;
  height: 96px;
  min-height: 96px;
}

.BrowseListResultContent {
  flex: 1 1 0;
  min-width: 0;
}

.BrowseListResultCard .BrowseListOwner,
.BrowseListResultCard .BrowseListMain {
  padding: 0 !important;
}

.BrowseListResultCard .BrowseListOwner {
  margin-bottom: 0.2rem;
}

.BrowseListResultCard .BrowseListOwner .fs-3 {
  color: #111111 !important;
  font-size: 0.92rem !important;
  margin-bottom: 0;
}

.BrowseListResultCard .BrowseListOwner .fs-6 {
  font-size: 0.76rem !important;
  line-height: 1.1;
}

.BrowseListResultCard .BrowseListMain .fs-3 {
  font-size: 1.12rem !important;
}

.BrowseListResultCard .BrowseListMeta.fs-6 {
  font-size: 0.82rem !important;
  line-height: 1.2;
}

.DashboardNearbyList {
  max-height: 470px;
  overflow-y: auto;
}

.DashboardNearbyCard {
  padding: 0.85rem;
  cursor: pointer;
}

.DashboardNearbyCard:last-child {
  border-bottom: 0 !important;
}

.DashboardNearbyCard:hover {
  background-color: rgba(255, 165, 0, 0.12);
}

.DashboardNearbyCardLink {
  display: block;
  color: inherit;
  text-decoration: none;
}

.DashboardNearbyCardLink:hover {
  color: inherit;
  text-decoration: none;
}

.DashboardNearbyAvatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #000000;
  background-color: #ffffff;
}

.DashboardNearbyAvatarPlaceholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--orange-4);
  font-size: 1.4rem;
}

.DashboardNearbyBadge {
  display: inline-block;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  background-color: rgba(255, 165, 0, 0.16);
  color: #111111;
  font-size: 0.72rem;
  font-weight: 700;
}

.DashboardNearbyBadgeDark {
  background-color: #111111;
  color: #ffffff;
}

.DashboardNearbyHashtags {
  margin-top: 0.25rem;
  color: #6c757d;
  font-size: 0.82rem;
  line-height: 1.2;
}

.DashboardPopupContent {
  min-width: 200px;
}

@media (max-width: 991.98px) {
  .BrowseListMain .fs-3 {
    font-size: 1.15rem !important;
  }

  .BrowseListPreviewPlaceholder {
    font-size: 1.55rem;
  }

  .BrowseListResultMedia {
    flex-basis: 82px;
    width: 82px;
    max-width: 82px;
    min-width: 82px;
    height: 82px;
    min-height: 82px;
  }

  .DashboardAroundGrid>div {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
  }

  .DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black {
    min-height: 46px;
    padding: 0.3rem 0.45rem;
  }

  .DashboardAroundGrid .fs-4.fw-bold,
  .DashboardAroundGrid .fs-5.fw-bold {
    font-size: 0.88rem !important;
  }

  .DashboardNearbyList {
    max-height: none;
    overflow: hidden;
  }

  .MNDashboardNearbyPanel .DashboardMapCard {
    margin-bottom: 0;
    border-radius: 22px !important;
  }

  .DashboardOpenmap {
    height: 100%;
    border-radius: 22px;
  }

  .DashboardMapCard {
    height: 340px;
  }
}

@media (max-width: 575.98px) {
  .BrowseListCard {
    padding: 0.75rem;
  }

  .BrowseListOwner .fs-3 {
    font-size: 0.92rem !important;
  }

  .BrowseListMain .fs-3 {
    font-size: 1.05rem !important;
  }

  .BrowseListPreviewPlaceholder {
    font-size: 1.35rem;
  }

  .BrowseListResultMedia {
    flex-basis: 72px;
    width: 72px;
    max-width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
  }
}

body {
  --mn-bg: #0b0d11;
  --mn-bg-elevated: #12161f;
  --mn-surface: rgba(16, 22, 31, 0.92);
  --mn-surface-strong: #131923;
  --mn-surface-soft: rgba(22, 28, 39, 0.84);
  --mn-surface-muted: rgba(17, 23, 33, 0.72);
  --mn-border: rgba(255, 255, 255, 0.10);
  --mn-border-strong: rgba(255, 255, 255, 0.18);
  --mn-text: #f7f3ec;
  --mn-text-soft: #c8d0db;
  --mn-muted: #9aa6b6;
  --mn-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  --mn-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.22);
  --mn-input-bg: rgba(255, 255, 255, 0.11);
  --mn-input-border: rgba(255, 255, 255, 0.18);
  --mn-overlay: rgba(6, 8, 12, 0.66);
  --mn-map-bg: rgba(14, 19, 29, 0.95);
  min-height: 100vh;
  color: var(--mn-text);
  padding: 0 0 8.5rem;
}

body.mn-theme-light {
  --mn-bg: #f5efe7;
  --mn-bg-elevated: #fbf8f3;
  --mn-surface: rgba(255, 255, 255, 0.94);
  --mn-surface-strong: #ffffff;
  --mn-surface-soft: rgba(255, 255, 255, 0.88);
  --mn-surface-muted: rgba(255, 250, 244, 0.84);
  --mn-border: rgba(35, 29, 24, 0.10);
  --mn-border-strong: rgba(35, 29, 24, 0.16);
  --mn-text: #1b1b1b;
  --mn-text-soft: #404040;
  --mn-muted: #6f6a63;
  --mn-shadow: 0 22px 50px rgba(89, 60, 34, 0.16);
  --mn-shadow-soft: 0 12px 28px rgba(89, 60, 34, 0.10);
  --mn-input-bg: rgba(255, 255, 255, 0.98);
  --mn-input-border: rgba(66, 49, 32, 0.14);
  --mn-overlay: rgba(35, 29, 24, 0.34);
  --mn-map-bg: rgba(255, 255, 255, 0.97);
}

body:before {
  background:
    linear-gradient(180deg, rgba(15, 17, 22, 0.70), rgba(15, 17, 22, 0.82)),
    url(/img/fond-14.webp) no-repeat center center;
  opacity: 1;
}

body.mn-theme-light:before {
  background:
    linear-gradient(180deg, rgba(255, 250, 244, 0.58), rgba(245, 239, 231, 0.78)),
    url(/img/fond-14.webp) no-repeat center center;
}

body:after {
  content: "";
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle at top center, rgba(234, 78, 57, 0.24), transparent 34%),
    radial-gradient(circle at bottom left, rgba(162, 7, 59, 0.18), transparent 28%);
  pointer-events: none;
  z-index: -9;
}

body,
body .text-dark,
body .text-black {
  color: var(--mn-text) !important;
}

body .text-secondary,
body .small,
body .form-text,
body .text-muted {
  color: var(--mn-muted) !important;
}

body a {
  color: inherit;
}

body .btn-dark {
  background-color: #0d1118;
  border-color: #0d1118;
}

body.mn-theme-light .btn-dark {
  background-color: #1f1f1f;
  border-color: #1f1f1f;
  color: #ffffff;
}

body .btn-outline.btn-dark,
body .btn-outline-dark {
  border-color: var(--mn-border-strong);
}

body .form-control,
body .form-select,
body .input-group-text,
body .accordion-item,
body .accordion-button,
body .table,
body .modal-content {
  background-color: var(--mn-input-bg);
  color: var(--mn-text);
  border-color: var(--mn-input-border);
}

body .form-control::placeholder,
body .form-select,
body .form-floating > label {
  color: var(--mn-muted) !important;
}

body .form-control:focus,
body .form-select:focus {
  background-color: var(--mn-input-bg);
  color: var(--mn-text);
  border-color: rgba(234, 78, 57, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(234, 78, 57, 0.18);
}

body .text-bg-secondary,
body input[readonly].text-bg-secondary,
body .form-control[readonly] {
  background-color: var(--mn-input-bg) !important;
  color: var(--mn-text) !important;
  border-color: var(--mn-input-border) !important;
}

body .modal-backdrop.show {
  opacity: 0.72;
}

.modal-content {
  border-radius: 28px;
  box-shadow: var(--mn-shadow);
  backdrop-filter: blur(16px);
}

.btn-close {
  filter: invert(1);
}

body.mn-theme-light .btn-close {
  filter: none;
}

.MNHero {
  margin: 0.8rem auto 1rem;
  padding: 0 0.5rem;
}

.MNHero__row {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.7rem 0.95rem;
  border: 1px solid var(--mn-border);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(11, 13, 18, 0.82), rgba(73, 38, 31, 0.58));
  box-shadow: var(--mn-shadow-soft);
  backdrop-filter: blur(16px);
}

body.mn-theme-light .MNHero__row {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(249, 237, 226, 0.88));
}

.MNHeroBrand {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.MNHero__content {
  min-width: 0;
  flex: 1 1 auto;
  text-align: left;
}

.MNHero__logo,
.MNHero__avatar {
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
  border-radius: 18px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.18);
}

body.mn-theme-light .MNHero__logo,
body.mn-theme-light .MNHero__avatar {
  border-color: rgba(35, 29, 24, 0.12);
}

.MNHero__title {
  font-size: clamp(1rem, 1.2vw, 1.35rem);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.1;
}

.MNHero__title--greeting {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  letter-spacing: 0;
  text-transform: none;
}

.MNHero__subtitle {
  margin-top: 0.15rem;
  color: var(--mn-text-soft);
  font-size: 0.88rem;
  line-height: 1.2;
}

.MNHero__link {
  color: var(--orange-1);
  cursor: pointer;
}

.MNHero__completion {
  padding: 0.95rem 1rem;
  border: 1px solid rgba(234, 78, 57, 0.26);
  border-radius: 20px;
  background: rgba(234, 78, 57, 0.14);
  cursor: pointer;
}

.MNHero__completion--desktop {
  max-width: 540px;
  margin: 0.85rem auto 0;
}

.MNHero__completion--inline {
  display: block;
  margin-top: 0.45rem;
  padding: 0.45rem 0.7rem;
}

.MNHero__completion--inline .MNHero__completionValue {
  font-size: 1rem;
}

.MNHero__completionRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.MNHero__completionText {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.35rem;
  color: var(--mn-text-soft);
  font-size: 0.88rem;
  line-height: 1.2;
  font-weight: 400;
}

.MNHero__completionText .MNHero__completionValue {
  color: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
}

.MNHero__completionValue {
  color: var(--orange-2);
  font-size: 1.45rem;
  font-weight: 800;
  line-height: 1;
}

.MNHero__eyebrow {
  margin-bottom: 0.55rem;
  font-weight: 700;
}

.MNHero__actions {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-left: auto;
}

.MNHero__actions .btn {
  min-height: 42px;
}

.MNHero__searchButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding-inline: 0.9rem;
  min-width: 42px;
}

.MNHero__countryButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  min-width: 42px;
  padding-inline: 0;
  padding-left: 0;
  padding-right: 0;
}

.MNHero__flag {
  width: 28px;
  height: 20px;
  display: block;
  border-radius: 4px;
  object-fit: cover;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.MNHeaderSearchModal .modal-content {
  border: 1px solid var(--mn-border);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(23, 25, 31, 0.98), rgba(32, 24, 20, 0.96));
  box-shadow: var(--mn-shadow-soft);
}

body.mn-theme-light .MNHeaderSearchModal .modal-content {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(249, 237, 226, 0.95));
}

.MNHeaderSearchGrid {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0.35rem;
}

.MNHeaderSearchCard {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 82px;
  text-align: center;
  line-height: 1.2;
}

.MNMenuOverlay {
  position: fixed;
  inset: 0;
  display: none;
  background: var(--mn-overlay);
  z-index: 1045;
}

.MNDesktopRail {
  position: fixed;
  top: 1.25rem;
  left: 1.25rem;
  bottom: 1.25rem;
  width: 152px;
  padding: 1rem 0.55rem;
  flex-direction: column;
  gap: 0.65rem;
  border: 1px solid var(--mn-border);
  border-radius: 28px;
  background: var(--mn-surface);
  box-shadow: var(--mn-shadow);
  backdrop-filter: blur(20px);
  z-index: 1040;
}

.MNDesktopRail__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.7rem;
  padding: 0.9rem 0.8rem;
  border-radius: 18px;
  color: var(--mn-text-soft);
  text-decoration: none;
  font-size: 0.86rem;
  font-weight: 600;
  text-align: left;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.MNDesktopRail__item:hover,
.MNDesktopRail__item.is-active {
  color: #ffffff;
  background: linear-gradient(180deg, rgba(234, 78, 57, 0.92), rgba(210, 70, 51, 0.92));
  transform: translateY(-1px);
}

body.mn-theme-light .MNDesktopRail__item:hover,
body.mn-theme-light .MNDesktopRail__item.is-active {
  color: #ffffff;
}

.MNDesktopRail__item i,
.MNMobileNav__item i {
  font-size: 1.25rem;
}

.MNDesktopRail__iconWrap,
.MNMobileNav__iconWrap {
  position: relative;
  display: inline-flex;
}

.MNNavBadge {
  position: absolute;
  top: -0.45rem;
  right: -0.7rem;
  min-width: 1.15rem;
  padding: 0.08rem 0.32rem;
  border-radius: 999px;
  background: var(--orange-5);
  color: #ffffff;
  font-size: 0.66rem;
  font-weight: 700;
  line-height: 1.1;
}

.MNNavBadge--inline {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  margin-left: 0.45rem;
  padding: 0.14rem 0.45rem;
  vertical-align: middle;
}

.MNMobileNav {
  position: fixed;
  left: 0.75rem;
  right: 0.75rem;
  bottom: 0.25rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.45rem;
  padding: 0.7rem 0.55rem calc(0.7rem + env(safe-area-inset-bottom));
  border: 1px solid var(--mn-border);
  border-radius: 24px;
  background: var(--mn-surface);
  box-shadow: var(--mn-shadow);
  backdrop-filter: blur(20px);
  z-index: 1040;
}

.MNMobileNav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  gap: 0.32rem;
  min-height: 64px;
  padding: 0.35rem 0.2rem;
  border-radius: 18px;
  color: var(--mn-text-soft);
  text-decoration: none;
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1.05;
  text-align: center;
}

.MNMobileNav__item.is-active {
  color: #ffffff;
  background: linear-gradient(180deg, rgba(234, 78, 57, 0.94), rgba(210, 70, 51, 0.94));
}

.MNQuickCreateButton {
  position: fixed;
  right: 1rem;
  bottom: 6.4rem;
  z-index: 1047;
}

.MNPlusButton {
  width: 66px;
  height: 66px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff6b4a, #ea4e39);
  color: #ffffff;
  font-size: 1.7rem;
  box-shadow: 0 18px 34px rgba(210, 70, 51, 0.34);
}

.MNQuickCreateMenu {
  position: fixed;
  right: 1rem;
  bottom: 11.4rem;
  z-index: 1047;
  visibility: hidden;
  display: none;
}

.MNQuickCreateMenu__inner {
  display: grid;
  gap: 0.6rem;
  padding: 0.95rem;
  min-width: 260px;
  border: 1px solid var(--mn-border);
  border-radius: 24px;
  background: var(--mn-surface-strong);
  box-shadow: var(--mn-shadow);
}

.MNGuestPrompt {
  position: fixed;
  left: 50%;
  bottom: 0.95rem;
  transform: translateX(-50%);
  z-index: 1040;
}

.MNGuestPrompt__inner {
  padding: 1rem 1.2rem;
  border: 1px solid var(--mn-border);
  border-radius: 22px;
  background: var(--mn-surface);
  box-shadow: var(--mn-shadow);
  text-align: center;
}

.MNFooter {
  margin: 1rem 0 0;
  padding: 0 0.75rem;
}

.MNFooter__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.2rem;
  border: 1px solid var(--mn-border);
  border-radius: 24px;
  background: var(--mn-surface-soft);
  box-shadow: var(--mn-shadow-soft);
}

.MNFooter__links,
.MNFooter__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.9rem;
  color: var(--mn-muted);
  font-size: 0.92rem;
}

.MNFooter__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  background: rgba(234, 78, 57, 0.12);
  color: var(--orange-4);
  text-decoration: none;
}

.MNPanel,
.BrowseListCard,
.DashboardMapCard,
.DashboardNearbyList,
.MNMessageCard,
.MNThreadBubble,
.MNMapCard,
.MNMessageList,
.MNMessageThread,
.MNAccountHero,
.MNAccountSection {
  border: 1px solid var(--mn-border) !important;
  border-radius: 24px !important;
  background: var(--mn-surface) !important;
  box-shadow: var(--mn-shadow-soft);
  color: var(--mn-text) !important;
  backdrop-filter: blur(18px);
}

.BrowseListCard:hover,
.DashboardNearbyCard:hover {
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}

.DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black,
.DashboardMapCard.bg-white.text-dark.rounded.border.border-2.border-black,
.DashboardNearbyList.bg-white.bg-opacity-50.text-dark.rounded.border.border-2.border-black,
.BrowseListCard.bg-white.bg-opacity-75.text-black.h-100.rounded.row.border.border-2.border-black {
  border: 1px solid var(--mn-border) !important;
  background: var(--mn-surface) !important;
  color: var(--mn-text) !important;
  box-shadow: var(--mn-shadow-soft);
}

.DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black {
  min-height: 88px;
  padding: 0.85rem 1rem;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.DashboardAroundGrid .fs-4.fw-bold,
.DashboardAroundGrid .fs-5.fw-bold {
  font-size: 1.05rem !important;
  line-height: 1.2;
}

.DashboardNearbyCard {
  padding: 1rem;
  border-color: var(--mn-border) !important;
}

.DashboardNearbyBadge {
  background: rgba(234, 78, 57, 0.14);
  color: var(--mn-text);
}

.DashboardNearbyBadgeDark {
  background: rgba(255, 255, 255, 0.12);
}

.BrowseListCard {
  background: var(--mn-surface) !important;
  border: 1px solid var(--mn-border) !important;
}

.BrowseListOwner .fs-3,
.BrowseListResultCard .BrowseListOwner .fs-3 {
  color: var(--orange-2) !important;
}

.BrowseListMain .fs-3,
.BrowseListMeta,
.BrowseListDetails .text-secondary,
.BrowseListResultCard .BrowseListMeta.fs-6 {
  color: var(--mn-text-soft) !important;
}

.BrowseListAvatar,
.BrowseListPreviewImage,
.BrowseListPreviewPlaceholder,
.DashboardNearbyAvatar {
  border-color: var(--mn-border-strong);
}

.BrowseListPreviewPlaceholder,
.DashboardNearbyAvatarPlaceholder {
  background-color: var(--mn-input-bg);
}

.BrowseListBadges .badge,
.DashboardNearbyBadge,
.MNChip {
  padding: 0.36rem 0.7rem;
  border-radius: 999px;
  background: rgba(234, 78, 57, 0.14);
  color: var(--mn-text);
}

.modal.fade[id^="Skill-"] .modal-dialog,
.modal.fade[id^="Teacher-"] .modal-dialog,
.modal.fade[id^="Band-"] .modal-dialog,
.modal.fade[id^="Hardware-"] .modal-dialog,
.modal.fade[id^="Company-"] .modal-dialog,
.modal.fade[id^="Event-"] .modal-dialog,
.modal.fade[id^="Post-"] .modal-dialog {
  max-width: 960px;
}

.modal.fade[id^="Skill-"] .modal-content,
.modal.fade[id^="Teacher-"] .modal-content,
.modal.fade[id^="Band-"] .modal-content,
.modal.fade[id^="Hardware-"] .modal-content,
.modal.fade[id^="Company-"] .modal-content,
.modal.fade[id^="Event-"] .modal-content,
.modal.fade[id^="Post-"] .modal-content {
  background: var(--mn-surface-strong) !important;
  opacity: 1 !important;
}

.modal.fade[id^="Skill-"] .modal-body,
.modal.fade[id^="Teacher-"] .modal-body,
.modal.fade[id^="Band-"] .modal-body,
.modal.fade[id^="Hardware-"] .modal-body,
.modal.fade[id^="Company-"] .modal-body,
.modal.fade[id^="Event-"] .modal-body,
.modal.fade[id^="Post-"] .modal-body {
  row-gap: 0.9rem;
  padding: 0.25rem 1.6rem 1.6rem;
}

.modal.fade[id^="Skill-"] hr,
.modal.fade[id^="Teacher-"] hr,
.modal.fade[id^="Band-"] hr,
.modal.fade[id^="Hardware-"] hr,
.modal.fade[id^="Company-"] hr,
.modal.fade[id^="Event-"] hr,
.modal.fade[id^="Post-"] hr {
  border-color: var(--mn-border);
  opacity: 1;
}

.modal.fade[id^="Skill-"] .carousel,
.modal.fade[id^="Teacher-"] .carousel,
.modal.fade[id^="Band-"] .carousel,
.modal.fade[id^="Hardware-"] .carousel,
.modal.fade[id^="Company-"] .carousel,
.modal.fade[id^="Event-"] .carousel,
.modal.fade[id^="Post-"] .carousel {
  overflow: hidden;
  border-radius: 22px;
  background: var(--mn-input-bg);
}

.modal.fade[id^="Skill-"] .btn-primary.btn-lg,
.modal.fade[id^="Teacher-"] .btn-primary.btn-lg,
.modal.fade[id^="Band-"] .btn-primary.btn-lg,
.modal.fade[id^="Hardware-"] .btn-primary.btn-lg,
.modal.fade[id^="Company-"] .btn-primary.btn-lg,
.modal.fade[id^="Event-"] .btn-primary.btn-lg,
.modal.fade[id^="Post-"] .btn-primary.btn-lg {
  min-height: 68px;
  border-radius: 18px;
}

.ol-popup {
  background-color: var(--mn-map-bg);
  color: var(--mn-text);
  border: 1px solid var(--mn-border);
  box-shadow: var(--mn-shadow-soft);
}

.ol-popup:after {
  border-top-color: var(--mn-map-bg);
}

.ol-popup:before {
  border-top-color: var(--mn-border);
}

.ol-popup-closer {
  color: var(--mn-text);
}

#ResultsList,
#ResultsListAccountPost,
#ResultsListAccountSkill,
#ResultsListAccountHardware,
#ResultsListAccountEvent,
#ResultsListAccountCompany {
  color: var(--mn-text);
}

.Openmap,
.DashboardOpenmap {
  height: 360px !important;
  min-height: 340px;
  border-radius: 22px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .DashboardMapCard,
  .DashboardNearbyList {
    height: 470px;
    max-height: 470px;
  }

  .DashboardMapCard .DashboardOpenmap {
    height: 100% !important;
    min-height: 0;
  }
}

.MNMapCard {
  padding: 0.45rem;
}

.MNPagePanel,
.MNSectionPanel,
.MNAccountSection,
.MNMessageSection {
  padding: 0.50rem;
}

.MNSectionTitle {
  margin-bottom: 1rem;
  color: var(--orange-2);
  font-size: 1.35rem;
  font-weight: 800;
}

.MNAccountFormActions {
  display: flex;
  justify-content: flex-end;
}

.MNMessageList {
  display: grid;
  gap: 0;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.MNMessageCard {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  text-decoration: none;
}

.MNMessageCard__avatar {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 999px;
  border: 1px solid var(--mn-border-strong);
}

.MNMessageCard__content {
  min-width: 0;
  flex: 1 1 auto;
}

.MNMessageCard__name {
  font-size: 1rem;
  font-weight: 800;
}

.MNMessageCard__meta,
.MNMessageCard__excerpt {
  color: var(--mn-muted);
}

.MNMessageThread {
  padding: 1rem;
}

.MNThreadHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.MNMessageThreadAction {
  width: 42px;
  height: 42px;
  min-width: 42px;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.MNMessageThreadAction i {
  font-size: 1rem;
  line-height: 1;
}

.MNMessageThreadAction table {
  margin: 0;
}

.MNMessageThreadAction td {
  padding: 0;
}

.MNThreadTimeline {
  display: grid;
  gap: 0.75rem;
}

.MNThreadBubble {
  padding: 0.9rem 1rem;
  justify-self: start;
  width: fit-content;
  max-width: min(100%, 78%);
}

.MNThreadBubble.is-outgoing {
  background: rgba(234, 78, 57, 0.15) !important;
  justify-self: end;
}

.MNThreadBubble__date {
  display: block;
  margin-bottom: 0.35rem;
  color: var(--mn-muted);
  font-size: 0.82rem;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .MNThreadBubble {
    max-width: min(100%, 88%);
  }
}

.MNAccountHero {
  padding: 1.25rem;
}

.MNAccountHero__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
}

.MNAccountAside {
  display: grid;
  gap: 1rem;
}

.MNThemePicker {
  display: grid;
  gap: 0.75rem;
}

.MNThemePicker__choice {
  display: flex;
  gap: 0.8rem;
}

.MNThemePreview {
  flex: 1 1 0;
  padding: 0.9rem;
  border: 1px solid var(--mn-border);
  border-radius: 18px;
  text-align: center;
  font-weight: 700;
}

.MNThemePreview.is-dark {
  background: #131923;
  color: #f7f3ec;
}

.MNThemePreview.is-light {
  background: #ffffff;
  color: #1b1b1b;
}

@media (min-width: 768px) {
  body {
    padding-bottom: 2rem;
  }

  body.mn-connected {
    padding-left: 11.8rem;
  }

  .MNQuickCreateButton {
    right: 2rem;
    bottom: 2rem;
  }

  .MNQuickCreateMenu {
    right: 2rem;
    bottom: 7rem;
  }
}

@media (max-width: 991.98px) {
  .MNFooter__content,
  .MNAccountHero__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767.98px) {
  body {
    padding-bottom: 8.75rem;
  }

  .MNGuestPrompt {
    left: 0.75rem;
    right: 0.75rem;
    transform: none;
  }

  .MNGuestPrompt__inner {
    width: 100%;
  }

  .MNHero {
    margin-top: 0.65rem;
  }

  .MNHero__row {
    gap: 0.65rem;
    padding: 0.62rem 0.72rem;
    border-radius: 18px;
  }

  .MNHero__title {
    font-size: 0.95rem;
    letter-spacing: 0.06em;
  }

  .MNHero__subtitle {
    font-size: 0.76rem;
  }

  .MNHero__logo,
  .MNHero__avatar {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }

  .MNHero__actions .btn {
    min-height: 38px;
    padding-inline: 0.7rem;
    font-size: 0.9rem;
  }

  .MNHero__countryButton {
    padding-inline: 0.55rem;
  }

  .MNHero__flag {
    width: 24px;
    height: 18px;
  }

  .MNHero__searchLabel {
    display: none;
  }

  .MNHeaderSearchCard {
    min-height: 78px;
  }

  .MNQuickCreateMenu {
    right: 0.8rem;
    left: 0.8rem;
    bottom: 8rem;
  }

  .MNQuickCreateMenu__inner {
    min-width: 0;
  }

  .MNQuickCreateButton {
    right: 1rem;
    bottom: 7rem;
  }

  .MNFooter {
    padding-bottom: 0.35rem;
  }

  .Openmap,
  .DashboardOpenmap {
    height: 280px !important;
  }

  .MNFooter__content {
    flex-direction: column;
    align-items: flex-start;
  }

  .DashboardAroundGrid>div {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Refinements 0.20.1 */
body.mn-connected {
  padding-left: 12rem;
}

.MNDesktopRail__item--add,
.MNMobileNav__item--add {
  border: 1px dashed rgba(234, 78, 57, 0.38);
}

.MNDesktopRail__item--add:hover,
.MNMobileNav__item--add:hover {
  border-color: transparent;
}

.MNMobileNav {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding-top: 0.78rem;
  padding-bottom: calc(0.82rem + env(safe-area-inset-bottom));
}

.MNMobileNav__item {
  min-height: 76px;
}

.MNQuickCreateButton {
  display: none !important;
}

#MenuPlusDesktop {
  left: calc(1.25rem + 152px + 1rem);
  right: auto;
  bottom: 1.35rem;
}

#MenuPlusMobile {
  left: 0.75rem;
  right: 0.75rem;
  bottom: 6.7rem;
}

.MNQuickCreateMenu__inner {
  min-width: 280px;
  gap: 0.7rem;
}

.MNQuickCreateMenu__inner .btn,
.MNQuickCreateMenu__inner button,
.MNQuickCreateMenu__inner a {
  width: 100%;
}

.DashboardAroundGrid>div,
.MNLandingStatsGrid>div {
  width: 50% !important;
  max-width: 50% !important;
}

.DashboardAroundGrid .m-0.mb-1.h-100.rounded,
.MNLandingStatsGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25.rounded,
.MNLandingStatsGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25rounded {
  padding: 0 !important;
  background: transparent !important;
}

.DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black,
.MNLandingStatsGrid .bg-white.text-dark.rounded.border.border-2.border-black {
  min-height: 86px;
  padding: 0.9rem 1rem;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  align-content: center;
  gap: 0.35rem;
  flex-wrap: wrap;
  text-align: center !important;
}

.DashboardAroundGrid .fs-4.fw-bold,
.DashboardAroundGrid .fs-5.fw-bold,
.MNLandingStatsGrid .fs-5.fw-bold {
  width: auto;
  margin: 0;
  text-align: center;
}

.MNDashboardLead {
  color: var(--mn-text-soft);
  font-size: 1rem;
}

.MNDashboardCTA {
  min-width: 220px;
}

.MNPricingGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 1rem;
}

.MNPricingCard {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  border: 1px solid var(--mn-border);
  border-radius: 22px;
  overflow: hidden;
  background: var(--mn-surface-soft);
  box-shadow: var(--mn-shadow-soft);
}

.MNPricingCard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1rem 1.15rem;
  color: #ffffff;
}

.MNPricingCard--guest .MNPricingCard__header {
  background: linear-gradient(135deg, #ffb347, #ed633a);
}

.MNPricingCard--member .MNPricingCard__header {
  background: linear-gradient(135deg, #f25d43, #ea4e39);
}

.MNPricingCard--vip .MNPricingCard__header {
  background: linear-gradient(135deg, #c60d4e, #a2073b);
}

.MNPricingCard--business .MNPricingCard__header {
  background: linear-gradient(135deg, #0f1117, #000000);
}

.MNPricingCard__title {
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.MNPricingCard__status {
  font-size: 1.35rem;
}

.MNPricingCard__body {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  flex: 1 1 auto;
  padding: 1.15rem;
  background: var(--mn-surface-strong);
}

.MNPricingCard__price {
  color: var(--mn-text);
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
}

.MNPricingCard__price span {
  margin-left: 0.2rem;
  color: var(--mn-muted);
  font-size: 0.9rem;
  font-weight: 700;
}

.MNPricingCard__subprice {
  margin-top: -0.45rem;
  color: var(--mn-muted);
  font-size: 1rem;
  font-weight: 700;
}

.MNPricingCard__button {
  align-self: flex-start;
  border-radius: 14px;
}

.MNPricingCard__features {
  display: grid;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.MNPricingCard__features li {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  color: var(--mn-text-soft);
}

.MNPricingCard__features i {
  margin-top: 0.1rem;
  color: var(--orange-2);
}

.MNPricingCard.is-current {
  transform: translateY(-2px);
}

.MNDashboardListCard {
  min-height: 100%;
}

.MNDashboardListCard__title {
  margin-bottom: 0.85rem;
  color: var(--mn-text);
  font-size: 1.4rem;
  font-weight: 800;
}

.MNDashboardListCard__body {
  flex: 1 1 auto;
}

.MNDashboardListCard__link {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.MNDashboardList {
  display: grid;
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.MNDashboardList li {
  padding: 0.8rem 0.9rem;
  border: 1px solid var(--mn-border);
  border-radius: 16px;
  background: var(--mn-input-bg);
  color: var(--mn-text);
  line-height: 1.35;
}

.MNDashboardListCard__more {
  display: inline-flex;
  align-items: center;
  margin-top: 0.85rem;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: rgba(234, 78, 57, 0.12);
  color: var(--orange-2);
  font-weight: 700;
}

.MNDashboardListCard__empty {
  padding: 0.9rem 0;
  color: var(--mn-muted);
}

.MNDashboardShopCard__grid,
.MNDashboardPromoCard {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.8fr);
  align-items: center;
}

.MNDashboardShopCard__content,
.MNDashboardPromoCard__content {
  color: var(--mn-text-soft);
}

.MNDashboardShopCard__visual {
  text-align: center;
}

.MNDashboardShopCard__visual img {
  max-height: 280px;
  border-radius: 22px;
  box-shadow: var(--mn-shadow-soft);
}

.MNDashboardPromoCard__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin-left: auto;
  border-radius: 32px;
  background: linear-gradient(135deg, rgba(234, 78, 57, 0.16), rgba(162, 7, 59, 0.22));
  color: var(--orange-2);
  font-size: 2.7rem;
}

body.MNMapWindowExpanded {
  overflow: hidden;
}

.MNMapShell {
  position: relative;
  border: 1px solid var(--mn-border);
  border-radius: 22px;
  overflow: hidden;
  background: var(--mn-map-bg);
  box-shadow: var(--mn-shadow-soft);
}

.MNMapShellPlaceholder {
  display: block;
  width: 100%;
}

.MNMapShell--inline {
  padding: 0;
}

.MNMapShell .Openmap {
  margin: 0;
}

.MNMapExpandButton,
.MNMapWindowToggle {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--mn-border);
  border-radius: 16px;
  background: var(--mn-surface-strong);
  color: var(--mn-text);
  z-index: 1042;
  box-shadow: var(--mn-shadow-soft);
  pointer-events: auto;
}

.MNMapExpandButton:hover,
.MNMapWindowToggle:hover {
  background: var(--mn-input-bg);
}

.MNMapShell.is-window-expanded {
  position: fixed;
  top: 0.55rem;
  right: 0.55rem;
  bottom: 0.55rem;
  left: 11.45rem;
  z-index: 1036;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border: 0;
}

.MNMapShell.is-window-expanded .Openmap {
  height: 100% !important;
  min-height: 0;
  border-radius: 24px;
}

.MNMapShell.is-window-expanded .MNMapExpandButton {
  display: none;
}

.MNMapShell.is-window-expanded .MNMapWindowToggle {
  display: inline-flex;
}

.MNMapShell:not(.is-window-expanded) .MNMapWindowToggle {
  display: none;
}

.MNMapShell.is-window-expanded .ol-popup {
  z-index: 3;
}

.page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--mn-surface) !important;
  border: 1px solid var(--mn-border) !important;
  color: var(--mn-text) !important;
  border-radius: 14px !important;
  box-shadow: none;
  line-height: 1.2;
  min-height: 40px;
  text-align: center;
}

.page-link:hover,
.page-link:focus {
  background: var(--mn-surface-strong) !important;
  color: var(--mn-text) !important;
}

.page-item.active .page-link {
  background: linear-gradient(180deg, rgba(234, 78, 57, 0.94), rgba(210, 70, 51, 0.94)) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

.page-item.disabled .page-link {
  color: var(--mn-muted) !important;
}

.MNResultsToolbar {
  align-items: center;
  border: 1px solid var(--mn-border);
  border-radius: 16px;
  background: var(--mn-surface) !important;
  color: var(--mn-text) !important;
  box-shadow: var(--mn-shadow-soft);
}

.MNResultsToolbar .page-link {
  min-width: 56px;
}

.MNResultsToolbar .pagination {
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.MNResultsToolbar .page-item {
  display: flex;
}

.MNPageEdgeLink {
  min-width: 56px !important;
  padding-inline: 0.7rem !important;
  font-weight: 700;
}

.MNResultsToolbar__filters {
  font-weight: 700;
}

body:not(.mn-theme-light) .MNResultsToolbar {
  background: #0d121a !important;
  border-color: rgba(234, 78, 57, 0.18);
}

body:not(.mn-theme-light) .MNResultsToolbar .page-link {
  background: #111823 !important;
  border-color: rgba(234, 78, 57, 0.42) !important;
  color: #f7f3ec !important;
}

body:not(.mn-theme-light) .MNResultsToolbar .page-link:hover,
body:not(.mn-theme-light) .MNResultsToolbar .page-link:focus {
  background: #182130 !important;
}

body:not(.mn-theme-light) .MNResultsToolbar {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.autofilters-desktop,
.autofilters-mobile {
  left: auto;
  right: 1rem;
  font-size: 1rem !important;
  z-index: 1035;
}

.autofilters-desktop {
  bottom: 1.15rem;
}

.autofilters-mobile {
  bottom: 7rem;
}

.autofilters-desktop > div,
.autofilters-mobile > div {
  position: static !important;
  transform: none !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.autofilters-desktop button,
.autofilters-mobile button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border: 1px solid var(--mn-border) !important;
  border-radius: 18px !important;
  background: var(--mn-surface) !important;
  color: var(--mn-text) !important;
  box-shadow: var(--mn-shadow-soft);
}

#Modalfilters .modal-content {
  background: var(--mn-surface-strong) !important;
}

#Modalfilters .modal-body a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.45rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--mn-border);
  border-radius: 14px;
  background: var(--mn-input-bg);
  color: var(--mn-text) !important;
}

#Modalfilters .modal-body a:hover {
  background: rgba(234, 78, 57, 0.10);
}

.MNShareAccordion .accordion-item {
  overflow: hidden;
  border: 1px solid var(--mn-border);
  border-radius: 18px !important;
  background: var(--mn-input-bg);
}

.MNShareAccordion__button {
  gap: 0.8rem;
  background: transparent !important;
  color: var(--mn-text) !important;
  box-shadow: none !important;
}

.MNShareAccordion__button:not(.collapsed) {
  background: transparent !important;
}

.MNShareAccordion__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(234, 78, 57, 0.96), rgba(210, 70, 51, 0.96));
  color: #ffffff;
  font-size: 1.15rem;
}

.MNShareAccordion__label {
  font-weight: 700;
}

.MNShareIcons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
  margin: 0.85rem 0 1rem;
}

.MNShareIcons__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--mn-border);
  border-radius: 999px;
  background: var(--mn-surface);
  color: var(--mn-text);
  text-decoration: none;
  font-size: 1.2rem;
}

.MNShareAccordion__copyTitle {
  margin-bottom: 0.6rem;
  color: var(--mn-muted);
}

.MNShareCopy {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem;
  border: 1px solid var(--mn-border);
  border-radius: 18px;
  background: var(--mn-surface);
}

.MNShareCopy__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 14px;
  background: rgba(234, 78, 57, 0.12);
  color: var(--orange-2);
  font-size: 1.1rem;
}

.MNShareCopy__input {
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  background: transparent;
  color: var(--mn-text);
}

.MNShareCopy__input:focus {
  outline: 0;
}

.MNShareCopy__button {
  white-space: nowrap;
}

body .form-floating > .form-control,
body .form-floating > .form-select {
  min-height: calc(3.85rem + 2px);
  height: calc(3.85rem + 2px);
  padding-top: 1.65rem;
  padding-bottom: 0.6rem;
}

body .form-floating > textarea.form-control {
  min-height: 140px;
  height: auto;
  padding-top: 1.9rem;
}

body .form-floating > .form-control::placeholder,
body .form-floating > textarea.form-control::placeholder {
  color: transparent !important;
}

body .form-floating > label {
  padding: 0.9rem 0.95rem 0.25rem;
  color: var(--mn-muted) !important;
}

body .form-floating > .form-control:focus ~ label,
body .form-floating > .form-control:not(:placeholder-shown) ~ label,
body .form-floating > .form-select ~ label,
body .form-floating > textarea.form-control:focus ~ label,
body .form-floating > textarea.form-control:not(:placeholder-shown) ~ label {
  transform: scale(0.82) translateY(-0.72rem) translateX(0.15rem);
}

.MNBillingList {
  display: grid;
  gap: 0.85rem;
}

.MNBillingItem {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.35rem 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid var(--mn-border);
  border-radius: 18px;
  background: var(--mn-surface-soft);
}

.MNBillingItem__date,
.MNBillingItem__plan {
  color: var(--mn-text);
}

.MNBillingItem__status {
  display: inline-flex;
  align-items: center;
  margin-left: 0.35rem;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: rgba(234, 78, 57, 0.12);
  color: var(--orange-2);
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: capitalize;
}

.MNBillingItem__amount {
  grid-row: 1 / span 2;
  align-self: center;
  color: var(--mn-text);
  font-size: 1.1rem;
  font-weight: 800;
}

.MNGuestFeaturePanel,
.MNGuestRecentPanel,
.MNGuestJoinPanel,
.MNAppStorePanel,
.MNLandingStatsPanel {
  border: 1px solid var(--mn-border) !important;
  border-radius: 24px !important;
  background: var(--mn-surface) !important;
  box-shadow: var(--mn-shadow-soft);
  color: var(--mn-text) !important;
}

.MNGuestFeaturePanel {
  align-items: center;
}

.MNGuestFeaturePanel__logo {
  width: min(240px, 50%);
  float: none !important;
  margin: 0 auto 1rem;
  display: block;
}

.MNGuestFeaturePanel .btn,
.MNGuestJoinPanel .btn {
  margin: 0.2rem;
}

.MNGuestRecentPanel .col-lg-4,
.MNGuestRecentPanel .col-md-4,
.MNGuestRecentPanel .col-sm-6,
.MNGuestRecentPanel .col-6 {
  margin-bottom: 1rem;
}

.MNGuestRecentPanel img {
  object-fit: cover;
  border: 2px solid var(--mn-border-strong);
  box-shadow: var(--mn-shadow-soft);
}

.MNAppStorePanel .btn-store {
  width: 100%;
  border: 1px solid var(--mn-border);
  border-radius: 18px;
  background: var(--mn-surface-strong) !important;
  color: var(--mn-text) !important;
  box-shadow: none;
}

.MNAppStorePanel .btn-store:hover,
.MNAppStorePanel .btn-store:focus {
  background: var(--mn-input-bg) !important;
}

@media (max-width: 991.98px) {
  .MNDashboardShopCard__grid,
  .MNDashboardPromoCard,
  .MNBillingItem {
    grid-template-columns: 1fr;
  }

  .MNDashboardPromoCard__badge {
    margin-left: 0;
  }
}

@media (max-width: 767.98px) {
  body.mn-connected {
    padding-left: 0;
  }

  .MNQuickCreateMenu__inner {
    min-width: 0;
  }

  .DashboardAroundGrid>div,
  .MNLandingStatsGrid>div {
    width: 50% !important;
    max-width: 50% !important;
  }

  .DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black,
  .MNLandingStatsGrid .bg-white.text-dark.rounded.border.border-2.border-black {
    min-height: 78px;
    padding: 0.75rem 0.6rem;
  }

  .MNMobileNav__item {
    font-size: 0.64rem;
  }

  .MNMapFullscreenButton span {
    display: none;
  }

.MNMapShell.is-window-expanded {
    top: 0.45rem;
    right: 0.45rem;
    bottom: 6.35rem;
    left: 0.45rem;
    padding: 0;
    border-radius: 0;
  }

  .autofilters-mobile {
    right: 0.85rem;
    bottom: 7.2rem;
  }

  .MNGuestFeaturePanel__logo {
    width: min(220px, 68%);
  }
}

/* 0.20.2.10 */
.MNDashboardSearchControls {
  --bs-gutter-x: 0;
}

.MNDashboardStatsPanel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0.25rem 0.15rem 0 !important;
}

.MNDashboardNearbyPanel {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 0.25rem 0.15rem 0 !important;
}

.DashboardAroundGrid,
.MNDashboardNearbyGrid {
  --bs-gutter-x: 0;
}

.MNDashboardNearbyPanel .DashboardMapCard {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  border-radius: 22px !important;
}

.DashboardMapCard,
.DashboardNearbyList {
  width: 100%;
}

.DashboardAroundGrid .m-0.mb-1.h-100.rounded,
.DashboardAroundGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25.rounded,
.MNLandingStatsGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25.rounded,
.MNLandingStatsGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25rounded {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.DashboardAroundGrid .m-0.mb-1.h-100.rounded:hover .bg-white.text-dark.rounded.border.border-2.border-black,
.DashboardAroundGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25.rounded:hover .bg-white.text-dark.rounded.border.border-2.border-black,
.MNLandingStatsGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25.rounded:hover .bg-white.text-dark.rounded.border.border-2.border-black,
.MNLandingStatsGrid .m-0.mb-1.bg-dark.text-white.bg-opacity-25rounded:hover .bg-white.text-dark.rounded.border.border-2.border-black,
.DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black,
.MNLandingStatsGrid .bg-white.text-dark.rounded.border.border-2.border-black {
  transform: none !important;
  background: var(--mn-surface) !important;
  box-shadow: var(--mn-shadow-soft) !important;
  min-height: 76px;
  padding: 0.72rem 0.7rem;
  transition: none !important;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 767.98px) {
  .MNDashboardSearchControls .form-floating > label {
    padding-left: 0.8rem;
    font-size: 0.88rem;
  }

  .MNDashboardSearchControls .form-control,
  .MNDashboardSearchControls .form-select,
  .MNDashboardSearchControls .input-group-text {
    font-size: 0.92rem;
  }

  .MNDashboardSearchControls .input-group-text {
    padding-left: 0.55rem;
    padding-right: 0.55rem;
  }

  .DashboardAroundGrid .bg-white.text-dark.rounded.border.border-2.border-black,
  .MNLandingStatsGrid .bg-white.text-dark.rounded.border.border-2.border-black {
    min-height: 78px;
    padding: 0.75rem 0.6rem;
    border-width: 1px !important;
  }

  .MNDashboardNearbyPanel {
    padding-top: 0.25rem !important;
  }
}
