.mm-single { --mm-panel-pad: 24px; padding-bottom: 64px; } .mm-single .mm-container { max-width: calc(1320px + 2 * var(--mm-container-pad)); } .mm-crumbs { display: flex; align-items: center; gap: 6px; padding-top: 16px; font-size: 12px; line-height: 16px; color: var(--mm-text-muted); } .mm-crumbs a { color: var(--mm-text-muted); } .mm-crumbs a:hover { color: var(--mm-primary); } .mm-crumbs__sep { color: var(--mm-text-muted); } .mm-single__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-top: 12px; } .mm-single__headmain { min-width: 0; } .mm-single__flags { display: flex; gap: 8px; margin-bottom: 8px; } .mm-single__title { margin: 0; font-size: 24px; font-weight: var(--mm-fw-extrabold); line-height: 38px; color: #000; } .mm-single__meta { display: flex; align-items: center; gap: 24px; margin-top: 9px; } .mm-single__meta-item { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: var(--mm-fw-regular); line-height: 24px; color: var(--mm-text-muted); } .mm-single__meta-item svg, .mm-single__meta-item img { width: 20px; height: 20px; flex: none; } .mm-single__tools { display: flex; align-items: center; gap: 24px; flex: none; } .mm-single__tool { display: inline-flex; align-items: center; gap: 4px; height: 48px; padding-block: 0; padding-inline: 24px 32px; background: transparent; border: 1px solid var(--mm-primary); border-radius: 16px; font-family: inherit; font-size: 16px; font-weight: var(--mm-fw-regular); line-height: 24px; color: var(--mm-primary); cursor: pointer; transition: border-color var(--mm-transition), background-color var(--mm-transition); } .mm-single__tool:hover { border-color: var(--mm-primary); background: var(--mm-blue-50, rgba(6, 56, 190, .05)); } .mm-single__tool svg, .mm-single__tool img { width: 20px; height: 20px; flex: none; } .mm-single__tool--icon { width: 48px; padding: 0; justify-content: center; border-color: transparent; } .mm-single__tool--icon svg, .mm-single__tool--icon img { width: 24px; height: 24px; } .mm-single__tool.is-active { border-color: var(--mm-primary); background: var(--mm-primary); color: var(--mm-white); } .mm-single__gallery { position: relative; margin-top: 22px; } .mm-single__gtrack { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 3); gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; } .mm-single__gtrack::-webkit-scrollbar { display: none; } .mm-single__gitem { margin: 0; scroll-snap-align: start; } .mm-single__gitem a { display: block; aspect-ratio: 800 / 520; border-radius: 16px; overflow: hidden; background: var(--mm-gray-100, #f5f5f5); } .mm-single__gitem img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; } .mm-single__gitem a:hover img { transform: scale(1.03); } .mm-single__gnav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; background: transparent; border: 0; cursor: pointer; transition: transform var(--mm-transition); } .mm-single__gnav:hover { transform: translateY(-50%) scale(1.06); } .mm-single__gnav svg, .mm-single__gnav img { width: 48px; height: 48px; overflow: visible; display: block; } .mm-single__gnav--prev { inset-inline-start: -20px; } .mm-single__gnav--next { inset-inline-end: -20px; } .mm-single__body { display: grid; grid-template-columns: 872px 424px; gap: 24px; align-items: start; margin-top: 24px; } .mm-single__main, .mm-single__side { display: flex; flex-direction: column; gap: 24px; min-width: 0; } .mm-panel { padding: var(--mm-panel-pad); background: var(--mm-white); border-radius: 16px; box-shadow: 0 4px 12px rgba(0, 0, 0, .08); } .mm-panel__head { display: flex; align-items: center; gap: 12px; padding-bottom: 24px; border-bottom: 1px solid var(--mm-border); margin-bottom: 24px; } .mm-panel__icon { display: block; width: 48px; height: 48px; flex: none; } .mm-panel__icon svg, .mm-panel__icon img { width: 48px; height: 48px; display: block; } .mm-panel__title { margin: 0; font-size: 20px; font-weight: var(--mm-fw-semibold); line-height: 32px; color: #000; } .mm-single__prices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 24px; } .mm-pricecell { display: flex; align-items: center; gap: 12px; } .mm-pricecell__icon { display: block; width: 48px; height: 48px; flex: none; } .mm-pricecell__icon svg, .mm-pricecell__icon img { width: 48px; height: 48px; display: block; } .mm-pricecell__body { display: flex; flex-direction: column; min-width: 0; } .mm-pricecell__label { font-size: 16px; font-weight: var(--mm-fw-semibold); line-height: 24px; color: var(--mm-text); } .mm-pricecell__value { font-size: 20px; font-weight: var(--mm-fw-semibold); line-height: 32px; white-space: nowrap; } .mm-pricecell__value--blue { color: var(--mm-primary); } .mm-pricecell__value--muted { color: var(--mm-text-muted); } .mm-pricecell__value i { font-size: 12px; font-weight: var(--mm-fw-regular); font-style: normal; color: var(--mm-text-muted); } .mm-single__desc p { margin: 0 0 24px; font-size: 16px; font-weight: var(--mm-fw-regular); line-height: 28px; color: var(--mm-text); text-align: justify; } .mm-single__desc p:last-child { margin-bottom: 0; } .mm-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 24px; } .mm-specs__item { display: flex; flex-direction: column; gap: 8px; min-width: 0; } .mm-specs__item--wide { grid-column: 1 / -1; } .mm-specs__label { font-size: 16px; font-weight: var(--mm-fw-semibold); line-height: 24px; color: var(--mm-text-muted); } .mm-specs__value { font-size: 16px; font-weight: var(--mm-fw-semibold); line-height: 24px; color: var(--mm-text); } .mm-specs__item--wide .mm-specs__value { line-height: 32px; } .mm-single__video video, .mm-single__video iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; display: block; } .mm-agentcard__top { display: flex; align-items: center; gap: 12px; padding-bottom: 24px; border-bottom: 1px solid var(--mm-border); margin-bottom: 24px; } .mm-agentcard__avatar { width: 64px; height: 64px; flex: none; border-radius: 50%; overflow: hidden; background: var(--mm-gray-200); } .mm-agentcard__avatar img { width: 100%; height: 100%; object-fit: cover; } .mm-agentcard__initial { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 24px; font-weight: var(--mm-fw-bold); color: var(--mm-text-muted); } .mm-agentcard__id { flex: 1; min-width: 0; text-align: start; } .mm-agentcard__name { margin: 0; font-size: 16px; font-weight: var(--mm-fw-semibold); line-height: 24px; color: var(--mm-text); } .mm-agentcard__role { margin: 8px 0 0; font-size: 14px; font-weight: var(--mm-fw-light); line-height: 20px; color: var(--mm-text-muted); } .mm-agentcard__all { flex: none; margin-inline-start: auto; font-size: 12px; font-weight: var(--mm-fw-regular); line-height: 16px; color: var(--mm-primary); white-space: nowrap; } .mm-agentcard__rows { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; } .mm-agentcard__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; } .mm-agentcard__rowlabel { display: inline-flex; align-items: center; gap: 8px; font-size: 16px; font-weight: var(--mm-fw-regular); line-height: 24px; color: var(--mm-text-muted); } .mm-agentcard__rowlabel svg, .mm-agentcard__rowlabel img { width: 16px; height: 16px; flex: none; } .mm-agentcard__rowvalue { font-size: 14px; font-weight: var(--mm-fw-semibold); line-height: 20px; color: var(--mm-text); } .mm-agentcard__rowvalue:hover { color: var(--mm-primary); } .mm-askform__field + .mm-askform__field { margin-top: 24px; } .mm-askform__label { display: block; margin-bottom: 8px; font-size: 14px; font-weight: var(--mm-fw-semibold); line-height: 20px; color: var(--mm-text); } .mm-single .mm-askform__input, .mm-person-single .mm-askform__input { width: 100%; height: 48px; padding: 0 12px; background: transparent; border: 1px solid var(--mm-border); border-radius: 12px; font-family: inherit; font-size: 12px; font-weight: var(--mm-fw-light); color: var(--mm-text); } .mm-single .mm-askform__input::placeholder, .mm-person-single .mm-askform__input::placeholder { font-size: 12px; font-weight: var(--mm-fw-light); color: var(--mm-text-muted); } .mm-single .mm-askform__input--area, .mm-person-single .mm-askform__input--area { height: 126px; padding: 12px; resize: vertical; min-height: 126px; } .mm-single .mm-askform__input:focus, .mm-person-single .mm-askform__input:focus { outline: none; border-color: var(--mm-primary); } .mm-askform__submit { width: 100%; height: 48px; margin-top: 24px; background: transparent; border: 1px solid var(--mm-primary); border-radius: 16px; font-family: inherit; font-size: 16px; font-weight: var(--mm-fw-regular); line-height: 24px; color: var(--mm-primary); cursor: pointer; transition: background-color var(--mm-transition), color var(--mm-transition); } .mm-askform__submit:hover { background: var(--mm-primary); color: var(--mm-white); } .mm-askform__submit[disabled] { opacity: .6; pointer-events: none; } .mm-askform__note { margin: 12px 0 0; font-size: 14px; line-height: 20px; color: var(--mm-success); } .mm-askform__note.is-error { color: var(--mm-danger); } .mm-related { margin-top: 64px; } .mm-related__head { text-align: start; margin-bottom: 24px; } .mm-related__title { margin: 0; font-size: 24px; font-weight: var(--mm-fw-extrabold); line-height: 38px; color: var(--mm-text); } .mm-related__sub { margin: 5px 0 0; font-size: 12px; font-weight: var(--mm-fw-regular); line-height: 16px; color: var(--mm-text-muted); } .mm-related__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 1400px) { .mm-single__body { grid-template-columns: minmax(0, 1fr) 424px; } } @media (max-width: 1024px) { .mm-single__body { grid-template-columns: minmax(0, 1fr); } .mm-single__gtrack { grid-auto-columns: calc((100% - 24px) / 2); } .mm-related__grid { grid-template-columns: repeat(2, 1fr); } .mm-specs { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .mm-single__head { flex-direction: column; } .mm-single__tools { flex-wrap: wrap; gap: 12px; } .mm-single__gtrack { grid-auto-columns: 100%; } .mm-single__gnav { display: none; } .mm-single__prices { grid-template-columns: 1fr; } .mm-specs, .mm-related__grid { grid-template-columns: 1fr; } .mm-single__title { font-size: 20px; line-height: 32px; } } .mm-single__mine-text { margin: 0 0 16px; font-size: 14px; line-height: 24px; color: var(--mm-text-muted); } .mm-single__mine-acts { display: grid; gap: 10px; } .mm-single__mine-acts .mm-btn { width: 100%; height: 44px; border-radius: 12px; font-size: 14px; } body.mm-lb-open { overflow: hidden; } .mm-lb { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 24px; background: rgba(9, 12, 20, .96); backdrop-filter: blur(10px); animation: mm-lb-fade .18s ease-out; } .mm-lb[hidden] { display: none; } @keyframes mm-lb-fade { from { opacity: 0; } to { opacity: 1; } } .mm-lb__stage { margin: 0; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; max-width: calc(100% - 160px); height: 100%; } .mm-lb__img { max-width: 100%; max-height: 86vh; border-radius: 12px; object-fit: contain; opacity: 0; transform: scale(.985); transition: opacity .22s ease, transform .22s ease; box-shadow: 0 24px 60px rgba(0, 0, 0, .45); } .mm-lb__img.is-in { opacity: 1; transform: none; } .mm-lb__nav, .mm-lb__close { display: flex; align-items: center; justify-content: center; flex: none; border: 1px solid rgba(255, 255, 255, .28); background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; transition: background var(--mm-transition), border-color var(--mm-transition); } .mm-lb__nav { width: 56px; height: 56px; border-radius: 50%; font-size: 26px; line-height: 1; } .mm-lb__nav[hidden] { display: none; } .mm-lb__nav:hover, .mm-lb__close:hover { background: rgba(255, 255, 255, .2); border-color: rgba(255, 255, 255, .5); } .mm-lb__nav:focus-visible, .mm-lb__close:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .mm-lb__close { position: absolute; top: 20px; inset-inline-end: 20px; width: 44px; height: 44px; border-radius: 12px; font-size: 26px; line-height: 1; } .mm-lb__count { position: absolute; bottom: 20px; inset-inline-start: 50%; transform: translateX(50%); margin: 0; padding: 6px 16px; border-radius: 999px; background: rgba(255, 255, 255, .12); font-size: 14px; color: #fff; } .mm-lb__count[hidden] { display: none; } .mm-lb__count b, .mm-lb__count i { font-style: normal; font-weight: var(--mm-fw-semibold); } @media (max-width: 640px) { .mm-lb { padding: 12px; gap: 6px; } .mm-lb__stage { max-width: calc(100% - 96px); } .mm-lb__nav { width: 40px; height: 40px; font-size: 22px; } } .mm-acc { padding: 0; } .mm-acc__head { display: flex; align-items: center; gap: 12px; padding: var(--mm-panel-pad); cursor: pointer; list-style: none; user-select: none; } .mm-acc__head::-webkit-details-marker { display: none; } .mm-acc__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; } .mm-acc__hint { font-size: 13px; line-height: 20px; color: var(--mm-text-muted); } .mm-acc__chev { flex: none; width: 10px; height: 10px; margin-inline-start: 4px; border-right: 2px solid var(--mm-text-muted); border-bottom: 2px solid var(--mm-text-muted); transform: rotate(45deg) translate(-2px, -2px); transition: transform var(--mm-transition); } .mm-acc[open] .mm-acc__chev { transform: rotate(225deg) translate(-2px, -2px); } .mm-acc__head:hover .mm-acc__chev { border-color: var(--mm-primary); } .mm-acc__head:focus-visible { outline: 2px solid var(--mm-primary); outline-offset: -2px; border-radius: 16px; } .mm-acc__body { padding: 0 var(--mm-panel-pad) var(--mm-panel-pad); border-top: 1px solid var(--mm-border); padding-top: var(--mm-panel-pad); margin-top: 0; } .mm-acc[open] .mm-acc__body { animation: mm-acc-in .2s ease-out; } @keyframes mm-acc-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } } @media (prefers-reduced-motion: reduce) { .mm-acc[open] .mm-acc__body { animation: none; } .mm-acc__chev { transition: none; } .mm-lb__img { transition: none; } } .mm-phone { display: inline-flex; align-items: center; } .mm-phone__btn { display: inline-flex; align-items: center; gap: 8px; padding: 0; border: 0; background: transparent; font-family: inherit; font-size: 14px; color: var(--mm-text); cursor: pointer; } .mm-phone__masked { font-weight: var(--mm-fw-semibold); letter-spacing: .5px; unicode-bidi: plaintext; } .mm-phone__cta { padding: 3px 10px; border: 1px solid var(--mm-primary); border-radius: 8px; font-size: 12px; line-height: 18px; color: var(--mm-primary); white-space: nowrap; transition: background var(--mm-transition), color var(--mm-transition); } .mm-phone__btn:hover .mm-phone__cta, .mm-phone__btn:focus-visible .mm-phone__cta { background: var(--mm-primary); color: var(--mm-white); } .mm-agentcard__ask { width: 100%; height: 44px; margin-top: 20px; border-radius: 12px; font-size: 14px; gap: 8px; } .mm-agentcard__ask svg { width: 20px; height: 20px; flex: none; }