.mhdl {
--mhdl-green: #275f35;
--mhdl-gold: #c3912b;
--mhdl-ink: #362f2d;
--mhdl-muted: #69717e;
--mhdl-line: #e7e8ea;
--mhdl-soft: #f6f6f5;
color: var(--mhdl-ink);
font-family: "rig-sans";
width: 100%;
}
.mhdl * {
box-sizing: border-box;
}
.mhdl-home-search {
--mhdl-green: #275f35;
--mhdl-gold: #c3912b;
--mhdl-ink: #362f2d;
--mhdl-muted: #69717e;
color: var(--mhdl-ink);
font-family: "rig-sans";
max-width: 1220px;
width: 100%;
}
.mhdl-home-search * {
box-sizing: border-box;
}
.mhdl-home-search__tabs {
display: flex;
gap: 4px;
}
.mhdl-home-search__tabs button {
background: rgba(255, 255, 255, 0.74);
border: 0;
border-radius: 8px 8px 0 0;
color: #3b3838 !important;
cursor: pointer;
font: inherit;
font-size: 16px;
min-height: 56px;
min-width: 154px;
padding: 0 28px;
}
.mhdl-home-search__tabs button.is-active {
background: #fff;
color: #3b3838 !important;
}
.mhdl-home-search__tabs button:hover,
.mhdl-home-search__tabs button:focus,

.mhdl-home-search__tabs button[aria-pressed="true"] {
color: #3b3838 !important;
}
.mhdl-home-search__tabs button:hover {
background-color: white !important;
}
.mhdl-home-search__form {
align-items: stretch;
background: #fff;
border-radius: 0 8px 0 0;
box-shadow: 0 14px 36px rgba(31, 35, 30, 0.12);
display: grid;
grid-template-columns: 1.25fr 1fr 1fr 1fr 74px;
min-height: 94px;
overflow: hidden;
padding: 0 20px 0 28px;
}
.mhdl-home-search__form label {
align-items: center;
border-right: 1px solid #dedede;
display: flex;
gap: 14px;
min-width: 0;
padding: 0 24px 0 0;
}
.mhdl-home-search__form label + label {
padding-left: 24px;
}
.mhdl-home-search__form svg {
fill: none;
height: 24px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
width: 24px;
}
.mhdl-home-search__form select {
appearance: none;
background: #fff url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23666b70' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;
border: 0;
color: #5f6267;
font: inherit;
font-size: 16px;
min-height: 52px;
padding: 0 34px 0 0;
width: 100%;
}

.mhdl-home-search__submit {
align-items: center;
align-self: center;
background: var(--mhdl-gold);
border: 0;
border-radius: 8px;
color: #fff;
cursor: pointer;
display: inline-flex;
height: 62px;
justify-content: center;
line-height: 0;
margin-left: 20px;
padding: 0;
width: 62px;
}
.mhdl-home-search__submit svg {
height: 31px;
width: 31px;
}
.mhdl-home-search__valuation {
align-items: center;
background: var(--mhdl-green);
border-radius: 0 0 8px 8px;
color: #fff;
display: flex;
gap: 24px;
justify-content: space-between;
padding: 28px 34px;
}
.mhdl-home-search__valuation strong {
display: block;
font-size: 28px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 12px;
}
.mhdl-home-search__valuation p {
color: rgba(255, 255, 255, 0.78);
font-size: 16px;
line-height: 1.45;
margin: 0;
}
.mhdl-home-search__valuation a {
background: #fff;
border-radius: 8px;
color: var(--mhdl-green);
flex: 0 0 auto;
font-size: 16px;
font-weight: 500;
line-height: 1;

padding: 20px 28px;
text-decoration: none;
}
.mhdl-home-search .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.mhdl__head {
margin-bottom: 28px;
}
.mhdl__title {
color: var(--mhdl-ink);
font-family: "the-seasons", "Times New Roman", serif;
font-size: 52px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.05;
margin: 0 0 14px;
text-transform: uppercase;
}
.mhdl__intro {
color: var(--mhdl-ink);
font-size: 19px;
line-height: 1.45;
margin: 0;
}
.mhdl__filters {
display: grid;
grid-template-columns: 1.35fr repeat(4, 1fr);
gap: 16px;
margin-bottom: 12px;
}
.mhdl__filters label {
display: grid;
gap: 8px;
color: var(--mhdl-muted);
font-size: 16px;
font-weight: 500;
}
.mhdl__filters select {
appearance: none;
background: #fff url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23a2a8b1' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;
border: 1px solid #dedfe3;
border-radius: 8px;
color: #8a8f98;
font: inherit;
min-height: 48px;
padding: 0 42px 0 14px;
width: 100%;
}
.mhdl__subbar {
align-items: center;
border-bottom: 1px solid var(--mhdl-line);
display: flex;
justify-content: space-between;
gap: 18px;
margin-bottom: 48px;
padding: 0 0 14px;
}
.mhdl__tabs,
.mhdl__links {
align-items: center;
display: flex;
gap: 16px;
}
.mhdl__tabs button,
.mhdl__more button {
background: var(--mhdl-gold);
border: 0;
border-radius: 7px;
color: #fff;
cursor: pointer;
font: inherit;
min-height: 38px;
padding: 0 22px;
}
.mhdl__tabs button:not(.is-active) {
background: var(--mhdl-soft);
color: #4a4d52;
}
.mhdl__links button {
align-items: center;
background: transparent !important;
border: 0 !important;
border-radius: 8px;
color: #68717e !important;
cursor: pointer;
display: inline-flex;
font: inherit;
gap: 10px;
line-height: 1;
min-height: 50px;
padding: 0 20px !important;
white-space: nowrap;

}
.mhdl__links button:hover,
.mhdl__links button:focus,
.mhdl__links button:focus-visible,
.mhdl__links button:active {
background: #f4f4f3 !important;
box-shadow: none !important;
color: #34383e !important;
outline: 0;
}
.mhdl__links svg {
fill: none;
height: 20px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
width: 20px;
}
.mhdl__status {
color: var(--mhdl-muted);
font-size: 15px;
min-height: 22px;
margin: -28px 0 20px;
}
.mhdl__status.is-error {
color: #a73737;
}
.mhdl__grid {
display: grid;
gap: 42px 28px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mhdl-card {
background: #fff;
border: 1px solid #dfe3e7;
border-radius: 8px;
box-shadow: 0 6px 18px rgba(22, 29, 37, 0.09);
cursor: pointer;
min-width: 0;
overflow: hidden;
transform: translateY(0) scale(1);
transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease,
transform 180ms ease;
}
.mhdl-card:hover {
background: #f7f7f6;
border-color: #cfd5d8;
box-shadow: 0 12px 28px rgba(22, 29, 37, 0.15);
transform: translateY(-3px) scale(1.012);

}
.mhdl-card__media {
aspect-ratio: 1.72 / 1;
background: #d9ded9;
display: block;
overflow: hidden;
position: relative;
}
.mhdl-card__media::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.32));
content: "";
inset: 0;
pointer-events: none;
position: absolute;
}
.mhdl-card__media img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.mhdl-card__image-link {
display: block;
height: 100%;
text-decoration: none;
width: 100%;
}
.mhdl-card__placeholder {
height: 100%;
width: 100%;
}
.mhdl-card__badge {
background: var(--mhdl-gold);
border-radius: 4px;
color: #fff;
font-size: 13px;
left: 18px;
line-height: 1;
padding: 8px 13px;
position: absolute;
top: 18px;
z-index: 2;
}
.mhdl-card__arrow {
align-items: center;
background: transparent;
border: 0;
color: #fff;
cursor: pointer;
display: flex;

font-size: 34px;
height: 46px;
justify-content: center;
line-height: 1;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 34px;
z-index: 2;
}
.mhdl-card__arrow--left {
left: 18px;
}
.mhdl-card__arrow--right {
right: 18px;
}
.mhdl-card__count {
align-items: center;
background: rgba(58, 64, 66, 0.65);
border-radius: 4px;
bottom: 18px;
color: #fff;
display: flex;
font-size: 12px;
gap: 4px;
left: 22px;
line-height: 1;
padding: 5px 8px;
position: absolute;
z-index: 2;
}
.mhdl-card__count svg {
fill: none;
height: 16px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
width: 16px;
}
.mhdl-card__dots {
bottom: 23px;
display: flex;
gap: 5px;
left: 50%;
position: absolute;
transform: translateX(-50%);
z-index: 2;
}
.mhdl-card__dots button {

background: rgba(255, 255, 255, 0.9);
border: 0;
border-radius: 999px;
cursor: pointer;
display: block;
height: 6px;
padding: 0;
width: 6px;
}
.mhdl-card__dots button.is-active {
background: #fff;
width: 18px;
}
.mhdl-card__body {
padding: 20px 24px 24px;
}
.mhdl-card__top {
align-items: center;
display: flex;
justify-content: space-between;
gap: 12px;
}
.mhdl-card__price {
color: var(--mhdl-ink);
font-size: 23px;
font-weight: 600;
letter-spacing: 0;
line-height: 1.1;
text-decoration: none;
}
.mhdl-card__heart {
appearance: none !important;
-webkit-appearance: none !important;
align-items: center;
background: transparent !important;
border: 0 !important;
border-color: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
color: #3e7a4d !important;
cursor: pointer;
display: inline-flex;
height: 38px;
justify-content: center;
line-height: 0;
margin: 0;
min-height: 0 !important;
min-width: 0 !important;
outline: 0 !important;
padding: 0 !important;
width: 38px;
}

.mhdl-card__heart:hover,
.mhdl-card__heart:focus,
.mhdl-card__heart:focus-visible,
.mhdl-card__heart:active,
.mhdl-card__heart.is-saved {
background: transparent !important;
border: 0 !important;
border-color: transparent !important;
box-shadow: none !important;
outline: 0;
}
.mhdl-card__heart svg {
color: #3e7a4d !important;
fill: transparent !important;
height: 34px;
stroke: #3e7a4d !important;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
transition: fill 150ms ease, transform 150ms ease;
width: 34px;
}
.mhdl-card__heart:hover svg {
transform: scale(1.06);
}
.mhdl-card__heart.is-saved svg {
fill: var(--mhdl-gold) !important;
stroke: #3e7a4d !important;
}
.mhdl-card__heart[aria-pressed="true"] svg {
fill: var(--mhdl-gold) !important;
stroke: #3e7a4d !important;
}
.mhdl-card__heart:not(.is-saved)[aria-pressed="false"] svg {
fill: transparent !important;
stroke: #3e7a4d !important;
}
.mhdl-card__address {
color: #565b62;
font-size: 16px;
line-height: 1.35;
margin: 10px 0 22px;
min-height: 43px;
}
.mhdl-card__meta {
display: flex;
flex-wrap: wrap;
gap: 9px;
}

.mhdl-chip {
align-items: center;
background: #f1f1f1;
border-radius: 7px;
color: #5c6065;
display: inline-flex;
font-size: 14px;
gap: 7px;
min-height: 36px;
padding: 0 12px;
}
.mhdl-chip svg {
fill: none;
height: 20px;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
width: 20px;
}
.mhdl__more {
display: flex;
justify-content: center;
margin-top: 54px;
}
.mhdl__more button {
min-height: 50px;
min-width: 132px;
}
.mhdl__more button[hidden] {
display: none;
}
.mhdl-detail {
--mhdl-green: #275f35;
--mhdl-gold: #c3912b;
--mhdl-ink: #362f2d;
--mhdl-muted: #69717e;
--mhdl-line: #e7e8ea;
color: var(--mhdl-ink);
font-family: inherit;
width: 100%;
}
.mhdl-detail * {
box-sizing: border-box;
}
.mhdl-detail--error {
color: #a73737;
margin: 32px auto;
max-width: 1180px;

}
.mhdl-virtual-detail-page {
background: #fff;
min-height: 60vh;
width: 100%;
}
.mhdl-detail svg {
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.8;
}
.mhdl-detail__gallery {
display: grid;
gap: 8px;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
margin: 0 auto 46px;
max-width: 1340px;
min-height: 390px;
overflow: hidden;
width: 100%;
}
.mhdl-detail__gallery-main,
.mhdl-detail__gallery-grid button {
appearance: none !important;
-webkit-appearance: none !important;
background: #d9ded9;
border: 0 !important;
border-color: transparent !important;
box-shadow: none !important;
cursor: pointer;
display: block;
margin: 0;
min-height: 0;
outline: 0 !important;
overflow: hidden;
padding: 0;
position: relative;
text-align: left;
}
.mhdl-detail button.mhdl-detail__gallery-main,
.mhdl-detail .mhdl-detail__gallery-grid button,
.mhdl-detail button.mhdl-detail__gallery-main:hover,
.mhdl-detail button.mhdl-detail__gallery-main:focus,
.mhdl-detail button.mhdl-detail__gallery-main:focus-visible,
.mhdl-detail button.mhdl-detail__gallery-main:active,
.mhdl-detail .mhdl-detail__gallery-grid button:hover,
.mhdl-detail .mhdl-detail__gallery-grid button:focus,
.mhdl-detail .mhdl-detail__gallery-grid button:focus-visible,
.mhdl-detail .mhdl-detail__gallery-grid button:active {
border: 0 !important;

border-color: transparent !important;
box-shadow: none !important;
outline: 0 !important;
}
.mhdl-detail__gallery-main:hover,
.mhdl-detail__gallery-main:focus,
.mhdl-detail__gallery-main:focus-visible,
.mhdl-detail__gallery-main:active,
.mhdl-detail__gallery-grid button:hover,
.mhdl-detail__gallery-grid button:focus,
.mhdl-detail__gallery-grid button:focus-visible,
.mhdl-detail__gallery-grid button:active {
border: 0 !important;
border-color: transparent !important;
box-shadow: none !important;
outline: 0 !important;
}
.mhdl-detail__gallery-main img,
.mhdl-detail__gallery-grid img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.mhdl-detail__gallery-grid {
display: grid;
gap: 8px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mhdl-detail__gallery-grid span {
align-items: center;
background: #fff;
border-radius: 3px;
bottom: 22px;
color: #363a40;
display: inline-flex;
font-size: 13px;
gap: 8px;
min-height: 38px;
padding: 0 14px;
position: absolute;
right: 22px;
}
.mhdl-detail__gallery-grid svg {
height: 18px;
width: 18px;
}
.mhdl-detail__wrap {
align-items: start;
display: grid;
gap: 72px;

grid-template-columns: minmax(0, 1fr) 340px;
margin: 0 auto;
max-width: 1180px;
padding: 0 24px;
}
.mhdl-detail__header {
align-items: flex-start;
display: flex;
gap: 24px;
justify-content: space-between;
margin-bottom: 34px;
}
.mhdl-detail__header h1 {
color: var(--mhdl-ink);
font-size: clamp(34px, 4vw, 52px);
font-weight: 650;
letter-spacing: 0;
line-height: 1.05;
margin: 0 0 14px;
}
.mhdl-detail__address,
.mhdl-detail__listed {
align-items: center;
color: #565c66;
display: flex;
gap: 9px;
line-height: 1.4;
margin: 0 0 8px;
}
.mhdl-detail__address {
font-size: 18px;
}
.mhdl-detail__listed {
font-size: 14px;
}
.mhdl-detail__address svg,
.mhdl-detail__listed svg {
color: #68717e;
flex: 0 0 auto;
height: 18px;
width: 18px;
}
.mhdl-detail__actions {
display: flex;
gap: 10px;
}
.mhdl-detail__actions button {
align-items: center;
background: #fff;

border: 1px solid var(--mhdl-line);
border-radius: 8px;
color: var(--mhdl-green);
cursor: pointer;
display: inline-flex;
height: 38px;
justify-content: center;
padding: 0;
width: 38px;
}
.mhdl-detail__actions button:hover,
.mhdl-detail__actions button:focus,
.mhdl-detail__actions button:focus-visible,
.mhdl-detail__actions button.is-saved {
background: #fff !important;
box-shadow: none !important;
outline: 0;
}
.mhdl-detail__actions button.is-copied {
border-color: var(--mhdl-gold);
color: var(--mhdl-gold);
}
.mhdl-detail__actions svg {
color: var(--mhdl-green) !important;
fill: transparent !important;
height: 20px;
stroke: var(--mhdl-green) !important;
width: 20px;
}
.mhdl-detail__actions button.is-saved svg,
.mhdl-detail__actions button[aria-pressed="true"] svg {
fill: var(--mhdl-gold) !important;
stroke: var(--mhdl-green) !important;
}
.mhdl-detail__actions button:not(.is-saved)[aria-pressed="false"] svg {
fill: transparent !important;
stroke: var(--mhdl-green) !important;
}
.mhdl-detail__facts {
border: 1px solid var(--mhdl-line);
border-radius: 8px;
display: grid;
gap: 0;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 0 0 40px;
overflow: hidden;
}
.mhdl-detail__facts div {
padding: 22px 26px;
}

.mhdl-detail__facts div + div {
border-left: 1px solid var(--mhdl-line);
}
.mhdl-detail__facts dt {
color: var(--mhdl-muted);
font-size: 13px;
margin: 0 0 10px;
}
.mhdl-detail__facts dd {
color: #34383e;
font-size: 16px;
font-weight: 650;
margin: 0;
}
.mhdl-detail__section {
border-top: 1px solid var(--mhdl-line);
padding: 34px 0;
}
.mhdl-detail__section h2,
.mhdl-detail__panel h2,
.mhdl-detail__similar h2 {
color: var(--mhdl-ink);
font-family: Georgia, "Times New Roman", serif;
font-size: 23px;
font-weight: 500;
letter-spacing: 0;
line-height: 1.15;
margin: 0 0 18px;
text-transform: uppercase;
}
.mhdl-detail__copy {
color: #4f5661;
font-size: 15px;
line-height: 1.75;
}
.mhdl-detail__copy p {
margin: 0 0 16px;
}
.mhdl-detail__features {
column-gap: 60px;
columns: 2;
list-style: none;
margin: 0;
padding: 0;
}
.mhdl-detail__features li {
break-inside: avoid;
color: #4f5661;

font-size: 15px;
line-height: 1.5;
margin: 0 0 12px;
padding-left: 18px;
position: relative;
}
.mhdl-detail__features li::before {
background: var(--mhdl-green);
border-radius: 50%;
content: "";
height: 7px;
left: 0;
position: absolute;
top: 8px;
width: 7px;
}
.mhdl-detail__map {
border: 0;
display: block;
height: 310px;
width: 100%;
}
.mhdl-detail__aside {
display: grid;
gap: 18px;
position: sticky;
top: 110px;
}
.mhdl-detail__panel {
background: #fff;
border: 1px solid #dfe3e7;
border-radius: 8px;
box-shadow: 0 10px 24px rgba(22, 29, 37, 0.08);
padding: 24px;
}
.mhdl-detail__panel > span {
color: var(--mhdl-muted);
display: block;
font-size: 13px;
letter-spacing: 0.03em;
margin-bottom: 10px;
text-transform: uppercase;
}
.mhdl-detail__panel strong {
color: var(--mhdl-ink);
display: block;
font-size: 20px;
margin-bottom: 18px;
}
.mhdl-detail__gold,

.mhdl-detail__form button {
align-items: center;
background: var(--mhdl-gold) !important;
border: 1px solid var(--mhdl-gold) !important;
border-radius: 6px;
color: #fff !important;
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 14px;
font-weight: 650;
justify-content: center;
min-height: 42px;
padding: 0 18px;
text-decoration: none;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease,
transform 160ms ease;
width: 100%;
}
.mhdl-detail__gold:hover,
.mhdl-detail__gold:focus,
.mhdl-detail__form button:hover,
.mhdl-detail__form button:focus {
background: #ab7c1f !important;
border-color: #ab7c1f !important;
box-shadow: 0 10px 22px rgba(195, 145, 43, 0.24);
color: #fff !important;
outline: 0;
text-decoration: none;
transform: translateY(-1px);
}
.mhdl-detail__gold:active,
.mhdl-detail__form button:active {
background: #926818 !important;
border-color: #926818 !important;
box-shadow: 0 5px 12px rgba(195, 145, 43, 0.18);
color: #fff !important;
transform: translateY(0);
}
.mhdl-detail__panel p {
color: var(--mhdl-muted);
font-size: 12px;
line-height: 1.5;
margin: 14px 0 0;
text-align: center;
}
.mhdl-detail__form {
display: grid;
gap: 10px;
}
.mhdl-detail__form input,
.mhdl-detail__form textarea {

border: 1px solid var(--mhdl-line);
border-radius: 0;
color: #4f5661;
font: inherit;
font-size: 14px;
min-height: 42px;
padding: 0 12px;
width: 100%;
}
.mhdl-detail__form textarea {
min-height: 88px;
padding-top: 12px;
resize: vertical;
}
.mhdl-detail__similar {
border-top: 1px solid var(--mhdl-line);
margin: 64px auto 0;
max-width: 1180px;
padding: 58px 24px 20px;
}
.mhdl-detail__similar-head {
align-items: end;
display: flex;
gap: 24px;
justify-content: space-between;
margin-bottom: 34px;
}
.mhdl-detail__similar-head h2 {
font-size: clamp(30px, 4vw, 42px);
margin-bottom: 8px;
}
.mhdl-detail__similar-head p {
color: var(--mhdl-muted);
margin: 0;
}
.mhdl-detail__similar-head a {
border: 1px solid var(--mhdl-line);
border-radius: 6px;
color: #5f6570;
flex: 0 0 auto;
font-size: 14px;
padding: 10px 16px;
text-decoration: none;
}
.mhdl-detail__similar-grid {
display: grid;
gap: 28px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mhdl-detail-card .mhdl-card__media::after {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.26));
}
.mhdl-saved {
--mhdl-green: #275f35;
--mhdl-gold: #c3912b;
--mhdl-ink: #362f2d;
--mhdl-muted: #69717e;
--mhdl-line: #e7e8ea;
color: var(--mhdl-ink);
font-family: inherit;
margin: 0 auto;
max-width: 1180px;
padding: 72px 24px;
width: 100%;
}
.mhdl-saved * {
box-sizing: border-box;
}
.mhdl-saved__head {
align-items: end;
display: flex;
gap: 24px;
justify-content: space-between;
margin-bottom: 34px;
}
.mhdl-saved__head h1 {
font-size: clamp(38px, 5vw, 58px);
line-height: 0.95;
margin: 0 0 12px;
}
.mhdl-saved__head p,
.mhdl-saved__status {
color: var(--mhdl-muted);
font-size: 16px;
margin: 0;
}
.mhdl-saved__head a,
.mhdl-saved__status a {
border: 1px solid var(--mhdl-line);
border-radius: 6px;
color: #5f6570;
flex: 0 0 auto;
font-size: 14px;
padding: 10px 16px;
text-decoration: none;
}
.mhdl-saved__status {
margin-bottom: 24px;
}

.mhdl-saved__status:empty {
display: none;
}
.mhdl-saved__status.is-error {
color: #a73737;
}
.mhdl-saved__grid {
display: grid;
gap: 28px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mhdl-featured {
--mhdl-green: #275f35;
--mhdl-gold: #c3912b;
--mhdl-ink: #362f2d;
--mhdl-muted: #69717e;
--mhdl-line: #e7e8ea;
color: var(--mhdl-ink);
font-family: inherit;
width: 100%;
}
.mhdl-featured * {
box-sizing: border-box;
}
.mhdl-featured--empty {
color: #a73737;
font-size: 15px;
}
.mhdl-featured__head {
align-items: end;
display: flex;
gap: 24px;
justify-content: space-between;
margin-bottom: 34px;
}
.mhdl-featured__head h2 {
color: var(--mhdl-ink);
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(30px, 4vw, 42px);
font-weight: 500;
letter-spacing: 0;
line-height: 1.15;
margin: 0 0 8px;
text-transform: uppercase;
}
.mhdl-featured__head p {
color: var(--mhdl-muted);
margin: 0;

}
.mhdl-featured__head a {
border: 1px solid var(--mhdl-line);
border-radius: 6px;
color: #5f6570;
flex: 0 0 auto;
font-size: 14px;
padding: 10px 16px;
text-decoration: none;
}
.mhdl-featured__grid {
display: grid;
gap: 28px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mhdl-map-open {
overflow: hidden;
}
.mhdl-map-modal {
--mhdl-green: #275f35;
--mhdl-gold: #c3912b;
--mhdl-ink: #362f2d;
--mhdl-muted: #69717e;
--mhdl-line: #e7e8ea;
background: rgba(23, 28, 25, 0.58);
inset: 0;
padding: 28px;
position: fixed;
z-index: 999998;
}
.mhdl-map-modal__panel {
background: #fff;
border-radius: 10px;
box-shadow: 0 22px 70px rgba(0, 0, 0, 0.24);
display: grid;
grid-template-rows: auto minmax(0, 1fr);
height: 100%;
overflow: hidden;
}
.mhdl-map-modal__head {
align-items: center;
border-bottom: 1px solid var(--mhdl-line);
display: flex;
justify-content: space-between;
gap: 20px;
padding: 20px 24px;
}
.mhdl-map-modal__head h2 {
color: var(--mhdl-ink);
font-size: 24px;

line-height: 1.1;
margin: 0 0 6px;
}
.mhdl-map-modal__head p {
color: var(--mhdl-muted);
font-size: 14px;
line-height: 1.4;
margin: 0;
}
.mhdl-map-modal__head button {
align-items: center;
background: #f3f3f1;
border: 0;
border-radius: 999px;
color: #34383e;
cursor: pointer;
display: inline-flex;
flex: 0 0 auto;
font-size: 30px;
height: 42px;
justify-content: center;
line-height: 1;
padding: 0;
width: 42px;
}
.mhdl-map-modal__body {
display: grid;
grid-template-columns: minmax(330px, 39%) minmax(0, 1fr);
min-height: 0;
}
.mhdl-map-modal__list {
border-right: 1px solid var(--mhdl-line);
min-height: 0;
overflow: auto;
padding: 18px;
}
.mhdl-map-modal__filters {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.mhdl-map-modal__filters span {
background: #f1f1f1;
border-radius: 999px;
color: #5c6065;
font-size: 13px;
line-height: 1;
padding: 8px 11px;
}

.mhdl-map-modal__map {
background: #dbe4dc;
min-height: 360px;
}
.mhdl-map-card {
border: 1px solid transparent;
border-radius: 8px;
cursor: pointer;
display: grid;
gap: 14px;
grid-template-columns: 112px minmax(0, 1fr);
margin-bottom: 12px;
padding: 10px;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.mhdl-map-card:hover,
.mhdl-map-card.is-active {
background: #f7f7f6;
border-color: var(--mhdl-gold);
box-shadow: 0 8px 18px rgba(22, 29, 37, 0.08);
}
.mhdl-map-card__image {
aspect-ratio: 1.25 / 1;
background: #d9ded9;
border-radius: 6px;
display: block;
overflow: hidden;
}
.mhdl-map-card__image img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.mhdl-map-card__price {
color: var(--mhdl-ink);
display: inline-block;
font-size: 18px;
font-weight: 650;
line-height: 1.15;
margin: 4px 0 7px;
text-decoration: none;
}
.mhdl-map-card__body {
min-width: 0;
}
.mhdl-map-card__top {
align-items: flex-start;
display: flex;
gap: 10px;

justify-content: space-between;
}
.mhdl-map-card__view {
align-items: center;
background: #c3912b !important;
border: 1px solid #c3912b !important;
border-radius: 6px;
color: #fff !important;
display: inline-flex;
flex: 0 0 auto;
font-size: 12px;
font-weight: 650;
justify-content: center;
line-height: 1;
min-height: 34px;
padding: 0 12px;
text-decoration: none !important;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.mhdl-map-card__view:hover,
.mhdl-map-card__view:focus {
background: #ab7c1f !important;
border-color: #ab7c1f !important;
color: #fff !important;
outline: 0;
transform: translateY(-1px);
}
.mhdl-map-card__view:active {
background: #926818 !important;
border-color: #926818 !important;
color: #fff !important;
transform: translateY(0);
}
.mhdl-map-card p {
color: #565b62;
font-size: 14px;
line-height: 1.35;
margin: 0 0 8px;
}
.mhdl-map-card span {
color: var(--mhdl-muted);
font-size: 13px;
}
.mhdl-map-marker {
background: transparent;
border: 0;
}
.mhdl-map-marker span {
background: #fff;
border: 2px solid var(--mhdl-green);

border-radius: 999px;
box-shadow: 0 4px 12px rgba(22, 29, 37, 0.22);
color: var(--mhdl-green);
display: inline-flex;
font-size: 14px;
font-weight: 700;
line-height: 1;
padding: 8px 11px;
transform: translate(-50%, -50%);
white-space: nowrap;
}
.mhdl-map-marker.is-active span {
background: var(--mhdl-gold);
border-color: var(--mhdl-gold);
color: #fff;
transform: translate(-50%, -50%) scale(1.08);
}
.mhdl-map-modal__error {
align-items: center;
color: #a73737;
display: flex;
height: 100%;
justify-content: center;
padding: 28px;
text-align: center;
}
.mhdl-lightbox-open {
overflow: hidden;
}
.mhdl-lightbox {
align-items: center;
background: rgba(17, 20, 18, 0.92);
display: flex;
inset: 0;
justify-content: center;
padding: 58px 76px;
position: fixed;
z-index: 999999;
}
.mhdl-lightbox__figure {
margin: 0;
max-height: 100%;
max-width: min(1120px, 100%);
}
.mhdl-lightbox__figure img {
display: block;
max-height: calc(100vh - 150px);
max-width: 100%;
object-fit: contain;
}

.mhdl-lightbox__figure figcaption {
color: rgba(255, 255, 255, 0.82);
font-size: 14px;
line-height: 1.4;
margin-top: 14px;
min-height: 20px;
text-align: center;
}
.mhdl-lightbox__close,
.mhdl-lightbox__nav {
align-items: center;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 999px;
color: #fff;
cursor: pointer;
display: inline-flex;
justify-content: center;
padding: 0;
position: absolute;
}
.mhdl-lightbox__close {
font-size: 36px;
height: 46px;
line-height: 1;
right: 28px;
top: 24px;
width: 46px;
}
.mhdl-lightbox__nav {
font-size: 52px;
height: 58px;
line-height: 1;
top: 50%;
transform: translateY(-50%);
width: 58px;
}
.mhdl-lightbox__nav--prev {
left: 28px;
}
.mhdl-lightbox__nav--next {
right: 28px;
}
.mhdl-lightbox__count {
bottom: 24px;
color: rgba(255, 255, 255, 0.82);
font-size: 14px;
left: 50%;
position: absolute;
transform: translateX(-50%);
}

@media (max-width: 1024px) {
.mhdl-home-search__form {
border-radius: 0 8px 0 0;
grid-template-columns: repeat(2, minmax(0, 1fr)) 74px;
min-height: auto;
padding: 18px;
}
.mhdl-home-search__form label {
border-right: 0;
border-bottom: 1px solid #dedede;
min-height: 64px;
padding: 0;
}
.mhdl-home-search__form label + label {
padding-left: 0;
}
.mhdl-home-search__submit {
grid-row: span 2;
}
.mhdl-home-search__valuation {
align-items: flex-start;
flex-direction: column;
}
.mhdl__filters {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mhdl__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mhdl-detail__gallery {
grid-template-columns: 1fr;
}
.mhdl-detail__gallery-main {
aspect-ratio: 1.6 / 1;
}
.mhdl-detail__gallery-grid {
aspect-ratio: 2 / 1;
}
.mhdl-detail__wrap {
gap: 34px;
grid-template-columns: 1fr;
}
.mhdl-detail__aside {
position: static;
}

.mhdl-detail__similar-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mhdl-featured__grid,
.mhdl-saved__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mhdl-map-modal {
padding: 14px;
}
.mhdl-map-modal__body {
grid-template-columns: 1fr;
grid-template-rows: minmax(220px, 42%) minmax(320px, 58%);
}
.mhdl-map-modal__list {
border-right: 0;
border-bottom: 1px solid var(--mhdl-line);
order: 2;
}
.mhdl-map-modal__map {
order: 1;
}
}
@media (max-width: 680px) {
.elementor-widget-shortcode:has(.mhdl),
.elementor-widget-shortcode:has(.mhdl-detail),
.elementor-widget-container:has(> .mhdl),
.elementor-widget-container:has(> .mhdl-detail) {
margin-top: -72px;
}
.mhdl,
.mhdl-detail {
margin-top: 0;
}
.mhdl__head {
margin-bottom: 22px;
}
.mhdl__subbar {
margin-bottom: 28px;
}
.mhdl-home-search__tabs button {
flex: 1;
min-width: 0;
}
.mhdl-home-search__form {
border-radius: 0 8px 0 0;
grid-template-columns: 1fr;
}
.mhdl-home-search__submit {
height: 54px;
margin: 14px 0 0;
width: 100%;
}
.mhdl-home-search__valuation {
padding: 24px;
}
.mhdl-home-search__valuation a {
text-align: center;
width: 100%;
}
.mhdl__filters,

.mhdl__grid {
grid-template-columns: 1fr;
}
.mhdl__subbar {
align-items: stretch;
flex-direction: column;
margin-bottom: 34px;
}
.mhdl__links {
justify-content: space-between;
}
.mhdl-card__body {
padding: 18px;
}
.mhdl-detail__gallery {
gap: 4px;
margin-bottom: 34px;
min-height: 0;
}
.mhdl-detail__wrap {
padding: 0 22px;
}
.mhdl-detail__header {
margin-bottom: 28px;
}
.mhdl-detail__similar,
.mhdl-saved {
margin-top: 36px;
padding-top: 36px;
}
.mhdl-detail__gallery-grid {
display: none;
}
.mhdl-detail__header,
.mhdl-detail__similar-head,
.mhdl-featured__head,
.mhdl-saved__head {
align-items: flex-start;
flex-direction: column;
}
.mhdl-detail__facts,
.mhdl-detail__similar-grid,
.mhdl-featured__grid,
.mhdl-saved__grid {
grid-template-columns: 1fr;
}
.mhdl-detail__facts div + div {
border-left: 0;
border-top: 1px solid var(--mhdl-line);
}
.mhdl-detail__features {
columns: 1;
}
.mhdl-lightbox {
padding: 54px 18px;
}
.mhdl-map-card__top {
align-items: flex-start;

flex-direction: column;
}
.mhdl-map-card__view {
width: 100%;
}
.mhdl-lightbox__nav {
bottom: 18px;
height: 46px;
top: auto;
transform: none;
width: 46px;
}
.mhdl-lightbox__nav--prev {
left: 18px;
}
.mhdl-lightbox__nav--next {
right: 18px;
}
.mhdl-lightbox__count {
bottom: 30px;
}
.mhdl-map-modal {
padding: 0;
}
.mhdl-map-modal__panel {
border-radius: 0;
}
.mhdl-map-modal__head {
padding: 16px;
}
.mhdl-map-card {
grid-template-columns: 92px minmax(0, 1fr);
}
}