﻿.mbd-details-Ad .RightSide {
  width: 40%;
  order: 1;
}

.mbd-details-Ad .RightSide .AdTitleBox {
  row-gap: 0.571em;
  margin-bottom: 0.857em;
}

.mbd-details-Ad .RightSide .AdTitleBox .SharingBox {
  column-gap: 0.571em;
}

.mbd-details-Ad .RightSide .AdTitleBox .SharingBox .AdFavorite,
.mbd-details-Ad .RightSide .AdTitleBox .SharingBox .AdShare {
  position: relative;
  line-height: 0;
  background: var(--text-light-3);
  padding: 0.571em;
  cursor: pointer;
}

.mbd-details-Ad .RightSide .AdTitleBox .SharingBox .AdFavorite svg,
.mbd-details-Ad .RightSide .AdTitleBox .SharingBox .AdShare svg {
  max-width: 1.428rem;
  max-height: 1.428rem;
}

.mbd-details-Ad .RightSide .AdTitleBox .SharingBox .AdFavorite svg {
  max-width: 1.428rem;
  max-height: 1.428rem;
  stroke: var(--system-red-0);
  fill: transparent;
}

.mbd-details-Ad .RightSide .AdTitleBox .SharingBox .AdFavorite.favorited svg {
  fill: var(--system-red-0);
}

.mbd-details-Ad .RightSide .PriceBox {
  padding: 1.428rem;
  border: 0.1em solid var(--text-light-2);
  row-gap: 0.857em;
}

.mbd-details-Ad .RightSide .PriceBox .PriceTitle {
  font-size: 0.928em;
}

.mbd-details-Ad .RightSide .PriceBox .Price {
  text-align: center;
}

.mbd-details-Ad .RightSide .PriceBox .Price strong {
  font-size: 2.285rem;
}

.mbd-details-Ad .RightSide .PriceBox .Price span {
  font-size: 0.928em;
}

.mbd-details-Ad .RightSide .PriceBox .BarterBox .BarterItem {
  flex: 1 0 33%;
  padding: 0.285em;
}

.mbd-details-Ad .RightSide .PriceBox .BarterBox .BarterItem span {
  font-size: 0.928em;
}

.mbd-details-Ad .RightSide .PriceBox .BTNS {
  row-gap: 0.857em;
}

.mbd-details-Ad .RightSide .PriceBox .BTNS .BarterBTN,
.mbd-details-Ad .RightSide .PriceBox .BTNS .ContactOwner {
  padding: 0.857em;
}

.mbd-details-Ad .RightSide .Propertys .PropertysTitle {
  padding: 1.285rem 0 0.857em 0;
}

.mbd-details-Ad .RightSide .Propertys .PropertyBox {
  padding: 1.428rem;
  border: 0.1em solid var(--text-light-2);
  column-gap: 1.428rem;
  row-gap: 0.857em;
}

.mbd-details-Ad .RightSide .Propertys .PropertyBox .PropertyItem {
  flex: 1 0 47%;
  column-gap: 0.571em;
}

.mbd-details-Ad .RightSide .Propertys .PropertyBox .PropertyItem svg {
  max-width: 1.714rem;
  max-height: 1.714rem;
  fill: #00C4D8;
  stroke: #00C4D8;
}

.mbd-details-Ad .LeftSide {
  width: 57%;
  order: 2;
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-thumbs {
  margin-top: 0.714rem;
  overflow: hidden;
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-thumbs img {
  aspect-ratio: 1 !important;
  object-fit: cover;
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-thumbs .swiper-slide-thumb-active img {
  border: 0.1em solid var(--secondary-main);
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-slider img {
  object-fit: cover;
  cursor: pointer;
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-slider .PhotoLength {
  bottom: 0.571em;
  right: 0.571em;
  z-index: 2;
  border-radius: var(--Corner-Radius-Corner-Radius-8, 8px);
  background: var(--text-background-dark-dark-4, #6F6F6F);
  padding: 0.285em 0.571em;
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-slider .PhotoLength svg {
  max-width: 1.285rem;
  max-height: 1.285rem;
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-slider .Gallery-Prev,
.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-slider .Gallery-Next {
  top: 50%;
  width: 4.142rem;
  height: 4.142rem;
  z-index: 2;
  border-radius: var(--Corner-Radius-Corner-Radius-8, 8px);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(1.5px);
  transform: translate(0, -50%);
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-slider .Gallery-Next {
  right: 0.571em;
}

.mbd-details-Ad .LeftSide .AdsImageGallery .AdsImageGallery-slider .Gallery-Prev {
  left: 0.571em;
  transform: translate(0, -50%) rotate(180deg);
}

.mbd-details-Ad .Maps {
  margin-top: 1.285rem;
  width: 40%;
  order: 3;
}

.mbd-details-Ad .LeftSide-Bottom {
  width: 57%;
  order: 4;
}

.mbd-details-Ad .LeftSide-Bottom .AdDetails {
  line-break: anywhere;
}

.mbd-details-Ad .LeftSide-Bottom .AdDetails span {
  font-size: 0.928em;
  white-space: break-spaces;
}

.mbd-details-Ad .LeftSide-Bottom .BannerBox {
  padding: 4rem 1.428rem;
}

.mbd-details-Ad .SimilarAds {
  width: 100%;
  order: 5;
}

@media (max-width: 920px) {
  .AdDetails span {
    white-space: normal !important;
    text-align: justify;
  }

  .mbd-details-Ad .RightSide {
    width: 100%;
    order: 2;
  }

  .mbd-details-Ad .LeftSide {
    width: 100%;
    order: 1;
  }

  .mbd-details-Ad .LeftSide-Bottom {
    width: 100%;
    order: 3;
  }

  .mbd-details-Ad .Maps {
    order: 4;
  }
}

.similar-ads-wrapper .ads-item {
  border: 1px solid var(--text-light-2);
  padding: 0.857em;
}

.similar-ads-wrapper .ads-item .img-box {
  width: 10.71rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

.similar-ads-wrapper .ads-item .img-box:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  border-bottom-left-radius: var(--radius-8);
  border-bottom-right-radius: var(--radius-8);
  background: var(--Gradient-Gradient-Gray, linear-gradient(0deg, #313131 0%, rgba(255, 255, 255, 0) 100%));
  mix-blend-mode: multiply;
  pointer-events: none;
}

.similar-ads-wrapper .ads-item .img-box>img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-8);
  -webkit-border-radius: var(--radius-8);
  -moz-border-radius: var(--radius-8);
  -ms-border-radius: var(--radius-8);
  -o-border-radius: var(--radius-8);
  object-fit: cover;
}

.similar-ads-wrapper .ads-item .img-box .property {
  bottom: 0.85rem;
  right: 0.57rem;
  gap: 0.2rem;
}

.similar-ads-wrapper .ads-item .img-box .property span {
  color: var(--White);
  border-left: solid 1px #fff;
  line-height: 1rem;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
}

.similar-ads-wrapper .ads-item .img-box .property span:last-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}

.similar-ads-wrapper .ads-item .content-box {
  width: calc(100% - 11.3rem);
}

.similar-ads-wrapper .ads-item .content-box .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  height: 4rem;
}

.similar-ads-wrapper .ads-item .content-box .property-item {
  column-gap: 0.3rem;
  color: var(--text-light-0);
}

.similar-ads-wrapper .ads-item .content-box .property-item svg {
  max-width: 1.285rem;
  max-height: 1.285rem;
  stroke: var(--text-light-0);
}

.similar-ads-wrapper .ads-item .content-box .property-item .Urgent {
  background: var(--system-orange-3);
}

.similar-ads-wrapper .ads-item .content-box .property-item .price {
  color: var(--text-dark-0);
}

.similar-ads-wrapper .ads-item .content-box .property-item .Barter {
  color: var(--text-light-0);
}

.similar-ads-wrapper .ads-item .content-box .property-item .Barter svg {
  width: 1.14rem;
  height: 1.14rem;
  stroke: var(--text-light-0);
}

.similar-ads-wrapper .ads-item .btns-wrapper {
  flex-wrap: wrap;
}

.similar-ads-wrapper .ads-item .btns-wrapper .btn {
  width: 48%;
  min-width: max-content;
  min-height: 2.86rem;
  padding: 0.45rem 0.57rem;
  border-radius: var(--radius-8);
  -webkit-border-radius: var(--radius-8);
  -moz-border-radius: var(--radius-8);
  -ms-border-radius: var(--radius-8);
  -o-border-radius: var(--radius-8);
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--White);
  white-space: nowrap;
  cursor: pointer;
}

.similar-ads-wrapper .ads-item .btns-wrapper .btn svg {
  width: 1.42rem;
  height: 1.42rem;
  stroke: var(--White);
  fill: transparent;
}

.similar-ads-wrapper .ads-item .btns-wrapper .btn.btn-delete {
  background: var(--system-red-1);
}

.similar-ads-wrapper .ads-item .btns-wrapper .btn.btn-share {
  background: var(--secondary-darker);
}

@media (max-width: 990px) {
  .similar-ads-wrapper .ads-item .img-box {
    width: 100%;
  }

  .similar-ads-wrapper .ads-item .content-box {
    width: 100%;
  }
}

.maximize-btn {
  position: absolute;
  top: 1rem;
  left: 1rem;
  cursor: pointer;
  z-index: 1;
}

.maximize-btn svg {
  width: 15px;
  height: 15px;
  stroke: #1b2c65;
}

.maximize-image {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000000000;
  background-color: rgba(0, 0, 0, 0.9);
}

.maximize-image .AdsImageGallery-slider .AdsImageGalleryPagination {
  bottom: 0;
  z-index: 2;
}

.maximize-image .AdsImageGallery-slider .AdsImageGalleryPagination .swiper-pagination-bullet {
  background: #fff;
}

.maximize-image .AdsImageGallery-slider .AdsImageGalleryPagination .swiper-pagination-bullet-active {
  background: var(--primary-main) !important;
}

.maximize-image .AdsImageGallery-slider .Gallery-Prev,
.maximize-image .AdsImageGallery-slider .Gallery-Next {
  top: 50%;
  width: 4.142rem;
  height: 4.142rem;
  z-index: 2;
  border-radius: var(--Corner-Radius-Corner-Radius-8, 8px);
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(1.5px);
  transform: translate(0, -50%);
}

.maximize-image .AdsImageGallery-slider .Gallery-Prev.swiper-button-disabled,
.maximize-image .AdsImageGallery-slider .Gallery-Next.swiper-button-disabled {
  opacity: 0;
}

.maximize-image .AdsImageGallery-slider .Gallery-Next {
  right: 0.571em;
}

.maximize-image .AdsImageGallery-slider .Gallery-Prev {
  left: 0.571em;
  transform: translate(0, -50%) rotate(180deg);
}

.maximize-image .layout .close {
  width: 3rem;
  height: 3rem;
  top: 0;
  left: 0;
  border-bottom-right-radius: 5px;
  background-color: #fff;
  border: solid 2px #000;
  cursor: pointer;
  z-index: 2;
}

.maximize-image .layout .close svg {
  width: 1rem;
  height: 1rem;
  fill: #000;
}

.CallBTN {
  border: 0.1em solid var(--system-red-0);
}

.ContactOwnerPopUp {
  width: 35.714rem !important;
  opacity: 0;
  z-index: -10;
  pointer-events: none;
  position: fixed;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  padding: 6.571rem 4.428rem;
}

.ContactOwnerPopUp.show {
  z-index: 44444;
  opacity: 1;
  transition: all 0.4s ease-in-out;
  pointer-events: visible;
}

@media screen and (max-width: 576px) {
  .ContactOwnerPopUp {
    padding: 2rem;
  }
}

.LayerBGPopUp {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0rem;
  left: 0;
  z-index: -10;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.LayerBGPopUp.active {
  z-index: 4444;
  opacity: 1;
}

.no-page strong {
  font-size: 2rem;
}

.page-breadcrumbs .center {
  display: block;
  clear: both;
  white-space: normal;
  vertical-align: middle;
  border-top: 0.1em solid var(--text-light-2);
  border-bottom: 0.1em solid var(--text-light-2);
  padding: 0.571em 0;
}

.page-breadcrumbs>.container {
  padding-top: 0;
}

.detail-page-wrapper {
  z-index: 100;
}