/* Start:/local/assets/css/style.css?1782733292863174*/
@charset "UTF-8";
@font-face {
  font-family: "ALS Sirius";
  src: url("/local/assets/css/../fonts/als_sirius/als_sirius-bold.woff2") format("woff2"), url("/local/assets/css/../fonts/als_sirius/als_sirius-bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ALS Sirius";
  src: url("/local/assets/css/../fonts/als_sirius/als_sirius-regular.woff2") format("woff2"), url("/local/assets/css/../fonts/als_sirius/als_sirius-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ALS Gorizont";
  src: url("/local/assets/css/../fonts/als_gorizont/als_gorizont-extra_bold_expanded.woff2") format("woff2"), url("/local/assets/css/../fonts/als_gorizont/als_gorizont-extra_bold_expanded.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* stylelint-disable declaration-no-important */
/* stylelint-disable property-no-vendor-prefix */
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
em,
strike,
strong,
s,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
main {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
main,
menu,
picture {
  display: block;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-overflow-style: scrollbar;
  box-sizing: border-box;
}

body {
  text-align: left;
  background-color: var(--color-white);
  color: var(--color-text-primary);
  font: 400 16px/1.375 "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
}

[data-theme=dark] {
  background-color: var(--color-bg-primary-new);
  color: var(--color-text-primary-reverse);
}

html,
body {
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-padding-top: 40px;
}

a {
  background: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  text-decoration-skip: objects;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:hover,
a:active {
  outline: 0;
}

a,
area,
button,
input:not([type=range]),
label,
select,
textarea,
.btn {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

ol,
ul,
menu {
  list-style: none;
}

img {
  border-style: none;
  user-select: none;
  vertical-align: middle;
}

b,
strong {
  font-weight: 700;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none !important;
}

table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  empty-cells: show;
}

td,
td img {
  vertical-align: top;
}

th {
  text-align: inherit;
}

input,
textarea,
select,
optgroup,
button {
  color: inherit;
  font-family: inherit;
  line-height: 0.7272727273;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  border-radius: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=checkbox] {
  vertical-align: baseline;
}

input[type=radio] {
  vertical-align: text-bottom;
}

button,
label,
input[type=button],
input[type=submit],
input[type=reset] {
  cursor: pointer;
}

button,
select {
  text-transform: none;
}

button,
input {
  overflow: visible;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
  border-style: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
  cursor: pointer;
}

input[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
  border-radius: 0;
  padding: 0;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

input[placeholder] {
  text-overflow: ellipsis;
}

.swiper-slide,
.swiper-slide * {
  box-sizing: border-box;
}

:root {
  --header-height: 57px;
  --container-padd: 16px;
  --gap: 16px;
  --font-family: ALS Sirius, Trebuchet MS, Helvetica CY, sans-serif;
  --font-family-title: ALS Gorizont, Times New Roman, Times CY, Nimbus Roman No9 L, serif;
  --color-white: #fff;
  --color-black: #000;
  --color-transparent: rgba(0, 0, 0, 0);
  --color-succsess: #16c25b;
  --color-fail: #f33;
  --color-bg-primary: #fff;
  --color-bg-primary-transparent: rgba(255, 255, 255, 0.7);
  --color-bg-primary-hover: #b5b5b5;
  --color-bg-primary-new: #322b3c;
  --color-bg-primary-new-hover: #272030;
  --color-bg-primary-new-2: #2e233d;
  --color-bg-primary-reverse: #322b3c;
  --color-bg-primary-secondary: rgba(255, 255, 255, 0.1);
  --color-bg-secondary: rgba(0, 0, 0, 0.05);
  --color-bg-secondary-10: rgba(0, 0, 0, 0.1);
  --color-bg-secondary-new: #3c3546;
  --color-bg-secondary-hover: rgba(18, 18, 18, 0.1);
  --color-bg-secondary-light: rgba(18, 18, 18, 0.05);
  --color-bg-secondary-reverse: #3c334a;
  --color-bg-tetriary: #202020;
  --color-bg-accent: #6c3f99;
  --color-bg-accent-dark: #271F30;
  --color-bg-accent-2: #8367a0;
  --color-bg-accent-hover: #8a5db7;
  --color-bg-overlay: rgba(18, 18, 18, 0.3);
  --color-bg-darken: #1e1e1e;
  --color-bg-lighten: #ebebeb;
  --color-bg-scroll: rgba(151, 151, 151, 0.3);
  --color-bg-filter-hover: #373737;
  --color-bg-filter-dark: #73499E;
  --color-bg-handler-hover: #504a59;
  --color-bg-grey: #f2f2f2;
  --color-bg-feature: #474050;
  --color-bg-feature-highlight: #7E57A6;
  --color-bd-primary: #e7e7e7;
  --color-bd-primary-new: rgba(255, 255, 255, 0.1);
  --color-bd-primary-new-2: rgba(255, 255, 255, 0.4);
  --color-bd-primary-hover: #b5b5b5;
  --color-bd-primary-reverse: #121211;
  --color-bd-primary-reverse2: #363636;
  --color-bd-primary-rgb: 231 231 231;
  --color-bd-secondary-30: rgba(0, 0, 0, 0.3);
  --color-bd-accent: #6c3f99;
  --color-text-primary: #121212;
  --color-text-primary-60: rgba(18, 18, 18, 0.6);
  --color-text-primary-reverse: #fff;
  --color-text-primary-reverse-60: rgba(255, 255, 255, 0.6);
  --color-text-primary-reverse-50: rgba(255, 255, 255, 0.5);
  --color-text-secondary: rgba(18, 18, 18, 0.6);
  --color-text-secondary-reverse: rgba(255, 255, 255, 0.8);
  --color-text-ternary: rgb(208, 195, 223);
  --color-text-ternary-60: rgba(208, 195, 223, 0.6);
  --color-text-tetriary: rgba(18, 18, 18, 0.3);
  --color-text-tetriary-reverse: rgba(255, 255, 255, 0.4);
  --color-text-tetriary-reverse2: rgba(255, 255, 255, 0.3);
  --color-text-accent: #6c3f99;
  --color-text-accent-dark: #997ab9;
  --color-text-accent-light: #a87bd5;
  --color-text-ghost: rgba(18, 18, 18, 0.1);
  --color-text-dark-30: rgba(0, 0, 0, 0.3);
  --color-icn-primary: #121212;
  --color-icn-secondary: rgba(18, 18, 18, 0.6);
  --color-icn-accent: #6c3f99;
  --color-icn-accent-hover: #9467c1;
  --color-icn-tertiary: #a0a0a0;
  --color-icn-placeholder: #d9d9d9;
  --color-icn-dark: #322b3c;
  --color-select-opt-hover: rgba(255, 255, 255, 0.1);
  --color-range-bg: rgba(0, 0, 0, 0.05);
  --color-range-handler: rgba(18, 18, 18, 0.4);
  --trans-fast: 0.1s ease;
  --trans-base: 0.3s ease;
  --trans-long: 0.5s ease;
  --trans-superlong: 0.8s ease;
  --radius-base: 4px;
  --radius-medium: 8px;
  --radius-large: 20px;
  --radius-super: 24px;
  --shadow-block: 0 0 8px 0 rgba(0, 0, 0, 0.16);
  --shadow-drop: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  --shadow-toast: 0 0 4px 0 rgba(0, 0, 0, 0.16);
}

@media only screen and (max-width: 1024px) {
  :root {
    --container-padd: 0;
  }
}
.noscript {
  background: #f00;
  color: #808080;
  text-align: center;
}

[data-tooltip] {
  cursor: help;
}

::selection {
  background: rgba(108, 63, 153, 0.34);
}

[data-theme=dark] ::selection {
  background: rgba(108, 63, 153, 0.2);
}

.goverlay {
  background: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(8px);
}

.no-wrap {
  white-space: nowrap;
}

.visually-hidden {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.icn {
  display: inline-block;
  fill: currentColor;
  flex: 0 0 auto;
  user-select: none;
}

.anim-load {
  animation: load 0.4s linear infinite;
}

@keyframes load {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes display-none {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ring {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20% {
    transform: rotate(0deg);
  }
}
@keyframes show-panel {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(0);
  }
  6.25% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(-50%);
  }
  56.25% {
    transform: translateY(0);
  }
  to {
    transform: translateY(0);
  }
}
/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: none;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom,
.glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left,
.glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe,
.gslide video {
  outline: none !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-top .gslide-image img,
.desc-bottom .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img,
.desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  /* max-width: 160vmin; */
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-top .gslide-media,
.desc-bottom .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left,
.gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom,
.gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

/*
 * Description for mobiles
 * something like facebook does the description
 * for the photos
*/
.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: bold;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gprev,
.gnext,
.gclose {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gprev svg,
.gnext svg,
.gclose svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gprev.disabled,
.gnext.disabled,
.gclose.disabled {
  opacity: 0.1;
}

.gprev .garrow,
.gnext .garrow,
.gclose .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gnext,
.glightbox-closing .gprev,
.glightbox-closing .gclose {
  opacity: 0 !important;
}

/*Skin */
.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: normal;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext,
.glightbox-clean .gclose {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gprev path,
.glightbox-clean .gnext path,
.glightbox-clean .gclose path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

/*CSS Animations*/
.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image,
  .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left,
  .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0px rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner,
  .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gprev,
  .glightbox-clean .gnext,
  .glightbox-clean .gclose {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gprev:hover,
  .glightbox-clean .gnext:hover,
  .glightbox-clean .gclose:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

:root {
  --hystmodal-speed: 0.5s;
}

.hystmodal {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: clip;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: none;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 0 min-content 0;
  justify-content: center;
  align-content: space-between;
  visibility: hidden;
  z-index: 999;
}

.hystmodal::-webkit-scrollbar {
  display: none;
}

.hystmodal::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-bg-overlay);
  opacity: 0;
  pointer-events: none;
}

.hystmodal--animated::before {
  transition: opacity var(--hystmodal-speed) ease;
}

.hystmodal--active::before {
  opacity: 1;
}

.hystmodal--moved, .hystmodal--active {
  opacity: 1;
  pointer-events: none;
  visibility: visible;
}

.hystmodal--active {
  pointer-events: auto;
}

.hystmodal__wrap {
  display: block;
  min-width: 0;
  grid-row: 2/3;
}

.hystmodal__window {
  min-width: 0;
  grid-row: 2/3;
  position: relative;
  z-index: 10;
  box-sizing: border-box;
  flex-shrink: 0;
  flex-grow: 0;
  background: #fff;
  width: 100%;
  max-width: calc(100% - 32px);
  overflow: clip;
  transform: scale(0.95);
  opacity: 0;
  margin: 16px auto;
  border-radius: var(--radius-large);
  height: calc(100vh - 32px);
}

.hystmodal--center .hystmodal__window {
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}

.hystmodal__window--loading {
  min-height: 400px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='105' height='105' viewBox='0 0 105 105' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Ccircle cx='12.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='0s' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='52.5' r='12.5' fill-opacity='.5'%3E%3Canimate attributeName='fill-opacity' begin='100ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='300ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='600ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='12.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='800ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='52.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='400ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='12.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='700ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='52.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='500ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='92.5' cy='92.5' r='12.5'%3E%3Canimate attributeName='fill-opacity' begin='200ms' dur='1s' values='1;.2;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 48px;
}

.hystmodal--animated .hystmodal__window {
  transition: transform var(--hystmodal-speed) ease 0s, opacity var(--hystmodal-speed) ease 0s;
}

.hystmodal--active .hystmodal__window {
  transform: none;
  opacity: 1;
}

.hystmodal__close {
  display: none;
}

.hystmodal--fit {
  padding: 16px 8px 34px;
}

.hystmodal--fit .hystmodal__window {
  max-width: fit-content;
  height: fit-content;
  border-radius: var(--radius-large);
  min-height: unset;
}

.hystmodal--fullscreen .hystmodal__window {
  height: auto;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .hystmodal--fit .hystmodal__wrap {
    grid-row: -1;
  }
  .hystmodal__window {
    max-width: 100%;
    margin: -2px 0 0;
    min-height: calc(100 * var(--vh, 1vh));
    border-radius: 0;
  }
}
/* stylelint-disable property-no-vendor-prefix */
/* stylelint-disable declaration-no-important */
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content::before,
.simplebar-content::after {
  content: " ";
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar::before {
  content: "";
  position: absolute;
  top: 2px;
  right: 4px;
  bottom: 2px;
  left: 0;
  width: 2px;
  background: var(--color-bg-scroll);
  border-radius: 7px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 10px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* stylelint-disable */
:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: var(--color-bg-secondary);
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: transparent;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 8px;
}

.ss-hide {
  display: none !important;
}

.ss-main {
  pointer-events: all !important;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  color: var(--color-text-tetriary);
  width: 100%;
  height: 40px;
  padding: 3px 15px;
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing), color var(--trans-fast);
  overflow: hidden;
}

.ss-main.is-filled, .is-changed .ss-main {
  color: var(--color-text-primary);
}

.ss-main.is-dark {
  background: var(--color-bg-secondary-new);
  color: var(--color-text-tetriary-reverse2);
}

[data-theme=dark] .ss-main.is-dark {
  background: var(--color-bg-primary-reverse);
  color: var(--color-text-primary-reverse-60);
}

.is-filled .ss-main.is-dark, .is-changed .ss-main.is-dark {
  color: var(--color-text-primary-reverse);
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed;
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color);
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed;
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ss-main .ss-values .ss-max {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
}

.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0 auto var(--ss-spacing-s);
  white-space: nowrap;
}

.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box;
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-deselect {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 8px;
  height: 8px;
  margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m);
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px;
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-main .ss-arrow {
  width: 12px;
  height: 12px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: auto 0 auto 8px;
  opacity: 0.6;
  background: var(--color-icn-primary);
  -webkit-mask-image: url("data: image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' %3E%3Cpath d='M6 10L9.4641 4H2.5359L6 10Z' fill='%23f33' /%3E%3C/svg%3E");
  mask-image: url("data: image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' %3E%3Cpath d='M6 10L9.4641 4H2.5359L6 10Z' fill='%23f33' /%3E%3C/svg%3E");
  transition: var(--trans-base);
  transition-property: background-color, opacity;
}

.ss-main .ss-arrow path {
  display: none;
}

.ss-main.is-dark .ss-arrow {
  background-color: var(--color-white);
}

.ss-main:hover .ss-arrow {
  opacity: 1;
}

.ss-main.ss-open-below .ss-arrow, .ss-main.ss-open-above .ss-arrow {
  transform: rotate(180deg);
  background-color: var(--color-icn-accent-hover);
  opacity: 1;
}

.ss-content {
  pointer-events: all !important;
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  background-color: var(--color-bg-primary);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000;
  border-radius: 8px;
  box-shadow: var(--shadow-drop);
}

[data-theme=dark] .ss-content {
  --color-bg-secondary-new: var(--color-bg-primary);
  --color-text-primary-reverse: var(--color-text-primary);
  --color-select-opt-hover: var(--color-range-bg);
  --color-text-accent-light: var(--color-text-accent);
}

.ss-content.is-dark {
  background: var(--color-bg-secondary-new);
}

.ss-content.ss-relative {
  position: relative;
  height: 100%;
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1) translateY(-8px);
  transform-origin: center bottom;
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1) translateY(8px);
  transform-origin: center top;
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box;
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle;
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px var(--ss-primary-color);
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m);
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ss-content .ss-list[data-simplebar=init] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
}

.ss-content .ss-list[data-simplebar=init]::-webkit-scrollbar {
  display: none;
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: 0.5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color);
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px;
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing);
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3);
}

.ss-content .ss-list .ss-option {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  padding: 8px 16px;
  color: var(--color-text-primary);
  cursor: pointer;
  user-select: none;
}

.ss-content .ss-list .ss-option:hover {
  background-color: var(--color-bg-secondary);
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--color-text-accent);
  background-color: var(--color-bg-secondary);
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color);
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color);
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  background-color: var(--ss-highlight-color);
}

.ss-content.is-dark .ss-list .ss-option {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-text-primary-reverse);
}

.ss-content.is-dark .ss-list .ss-option:hover {
  background-color: var(--color-select-opt-hover);
}

.ss-content.is-dark .ss-list .ss-option.ss-highlighted, .ss-content.is-dark .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--color-text-accent-light);
  background-color: var(--color-select-opt-hover);
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.tippy-box[data-theme~=dark] {
  color: var(--color-text-primary-reverse);
  box-shadow: 0px 1.7px 6.8px 0px rgba(0, 0, 0, 0.16);
  background-color: #4F4958;
}

/* stylelint-disable */
/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding: 10px 12px;
  color: var(--color-text-primary-reverse);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-tetriary);
  position: fixed;
  opacity: 0;
  box-shadow: var(--shadow-toast);
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  max-width: calc(50% - 20px);
  z-index: 999999;
}

.toastify.success {
  background: var(--color-succsess);
}

.toastify.fail {
  background: var(--color-fail);
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  width: 16px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  color: var(--color-text-primary-reverse);
  cursor: pointer;
  margin-left: 12px;
  transition: opacity var(--trans-base), transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transform-origin: center center;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"%3E%3Cpath d="M8.50085 8.98983L12.0059 12.4948L12.9958 11.5049L9.4908 7.99988L12.9958 4.49483L12.0059 3.50488L8.50085 7.00993L4.99581 3.50488L4.00586 4.49483L7.5109 7.99988L4.0059 11.5049L4.99585 12.4948L8.50085 8.98983Z" fill="white"/%3E%3C/svg%3E') no-repeat center center;
  overflow: hidden;
  line-height: 1;
  font-size: 0;
  text-indent: -1000em;
}

.toast-close:hover {
  opacity: 0.95;
  transform: rotate(180deg);
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  margin: -7px 5px;
  border-radius: 2px;
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

@media only screen and (max-width: 360px) {
  .toastify-right,
  .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
  }
}
.btn-control {
  --size: 40px;
  width: var(--size);
  height: var(--size);
  display: grid;
  justify-items: center;
  align-items: center;
  background-color: var(--color-bg-primary);
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-bd-primary);
  color: var(--color-text-primary);
  transition: border-color var(--trans-base), background-color var(--trans-base), color var(--trans-base), opacity var(--trans-base);
  pointer-events: all;
  padding: 0;
}

.btn-control:hover {
  border-color: var(--color-bd-primary-hover);
}

.btn-control:active, .btn-control.is-active {
  border-color: var(--color-bd-primary-reverse);
}

.btn-control--transparent {
  background-color: var(--color-transparent);
  color: var(--color-icn-tertiary);
}

.btn-control--secondary:active, .btn-control--secondary.is-active {
  background-color: var(--color-bg-accent);
  border-color: var(--color-bg-accent);
  color: var(--color-text-primary-reverse);
}

.btn-control .icn {
  grid-row: 1/2;
  grid-column: 1/2;
}

.btn-control.is-disabled {
  opacity: 0;
  pointer-events: none;
}

.btn-fold {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  background-color: var(--color-transparent);
  border: none;
  box-shadow: none;
  padding: 0;
}

.btn-fold__item {
  grid-row: 1/2;
  grid-column: 1/2;
  display: grid;
  column-gap: 4px;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  justify-items: start;
  align-items: center;
  transition: opacity 0.1s ease-in;
  color: var(--color-text-secondary);
}

.btn-fold__item:first-child {
  transition-delay: 0.1s;
}

.btn-fold__item:last-child {
  opacity: 0;
}

.btn-fold.is-active .btn-fold__item:first-child {
  opacity: 0;
  transition-delay: 0s;
}

.btn-fold.is-active .btn-fold__item:last-child {
  opacity: 1;
  transition-delay: 0.1s;
}

.btn-fold__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  padding: 1px 0 3px;
}

.btn-fold__text::first-letter {
  text-transform: uppercase;
}

.btn {
  user-select: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1.25;
  text-align: center;
  transition: background var(--trans-base), color var(--trans-base), border var(--trans-base), opacity var(--trans-base);
  position: relative;
  bottom: 0;
  box-sizing: border-box;
  border: 1px solid transparent;
  max-width: 100%;
  opacity: 1;
  text-overflow: ellipsis;
}

.btn--with-icn {
  gap: 4px;
  line-height: 1;
}

.btn:hover {
  text-decoration: none;
  cursor: pointer;
}

.btn:focus {
  outline: none;
}

.btn:disabled {
  cursor: default;
  opacity: 0.5;
}

.btn.is-load {
  cursor: wait;
}

.btn--size-small {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  height: 24px;
  padding-left: 12px;
  padding-right: 12px;
  border-radius: 8px;
}

.btn--size-smedium {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  height: 36px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 8px;
}

.btn--size-base {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  border-radius: 8px;
}

.btn--size-medium {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 8px;
}

.btn--var-primary {
  background: var(--color-bg-accent);
  color: var(--color-text-primary-reverse);
}

.btn--var-primary:not(.is-load):hover {
  background: var(--color-bg-darken);
}

.btn--var-primary:not(.is-load):active {
  background: var(--color-bg-accent);
}

[data-theme=dark] .btn--var-primary {
  color: var(--text-primary-reverse);
}

.btn--var-primary-reverse {
  background: var(--color-bg-secondary-reverse);
  color: var(--color-text-primary-reverse);
}

.btn--var-primary-reverse:not(.is-load):hover {
  background: var(--color-bg-accent);
}

.btn--var-primary-reverse:not(.is-load):active {
  background: var(--color-bg-accent);
}

.btn--var-primary-light {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.btn--var-primary-light:not(.is-load):hover {
  color: var(--color-text-primary);
  background: var(--color-bg-primary-transparent);
}

.btn--var-primary-light:not(.is-load):active {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.btn--var-accent {
  background: var(--color-bg-accent);
  color: var(--color-text-primary-reverse);
}

.btn--var-accent:not(.is-load):hover {
  background: var(--color-bg-accent-hover);
}

.btn--var-accent:not(.is-load):active {
  background: var(--color-bg-accent);
}

.btn--var-simple {
  background: var(--color-bg-primary);
  border-color: var(--color-bd-primary);
  color: var(--color-text-primary);
}

.btn--var-simple:not(.is-load):not(:disabled):hover {
  border-color: var(--color-bd-primary-hover);
}

.btn--var-simple:not(.is-load).is-active {
  border-color: var(--color-bd-primary-reverse);
}

.btn--var-filled {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

.btn--var-filled:not(.is-load):hover {
  background: var(--color-bg-lighten);
}

.btn--var-filled:not(.is-load):active {
  background: var(--color-bg-secondary);
}

.btn--var-transparent {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  background: none;
  border: none;
  color: var(--color-text-tetriary);
}

@media (hover: hover) {
  .btn--var-transparent:hover {
    color: var(--color-text-secondary);
  }
}
.btn--var-transparent:active, .btn--var-transparent.is-active {
  color: var(--color-text-sprimary);
}

.btn--var-transparent:active .icn, .btn--var-transparent.is-active .icn {
  color: var(--color-icn-accent);
}

.btn--fluid {
  width: 100%;
  display: flex;
}

.btn--secondary {
  padding: 0 8px;
}

.btn--secondary .btn__text {
  padding: 1px 0 3px;
}

.btn__loader {
  position: absolute;
  left: calc(50% - 8px);
  top: calc(50% - 8px);
  z-index: 2;
  fill: transparent;
  opacity: 0;
  transition: opacity var(--trans-base);
}

.btn.is-load .btn__loader {
  animation: load 0.4s linear infinite;
  opacity: 1;
}

.btn__text {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: opacity var(--trans-base);
}

.btn__text::first-letter {
  text-transform: uppercase;
}

.btn.is-load .btn__text {
  opacity: 0;
}

.checkbox,
.radio {
  --control-size: 20px;
  --control-size-radio: 20px;
  --control-padding: 12px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  max-width: 100%;
}

.checkbox__title,
.radio__title {
  display: inline-block;
  vertical-align: top;
  user-select: none;
  font-size: inherit;
  line-height: inherit;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.checkbox__title:empty,
.radio__title:empty {
  line-height: 0;
}

.checkbox__title::before, .checkbox__title::after,
.radio__title::before,
.radio__title::after {
  content: "";
  position: absolute;
}

.checkbox input,
.radio input {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  visibility: visible;
}

.checkbox--size-small, .checkbox--size-smaller {
  --control-size: 16px;
}

.checkbox--size-smaller {
  --control-padding: 10px;
}

.checkbox {
  min-height: var(--control-size);
}

.checkbox__title {
  padding-left: calc(var(--control-size) + var(--control-padding));
}

.checkbox--var-form .checkbox__title {
  color: var(--color-text-tetriary-reverse);
}

.checkbox--var-form-dark .checkbox__title {
  color: var(--color-text-dark-30);
}

.checkbox--size-small .checkbox__title, .checkbox--size-smaller .checkbox__title {
  letter-spacing: 0;
}

.checkbox--size-small .checkbox__title {
  line-height: 17px;
}

.checkbox--size-smaller .checkbox__title {
  font-size: 13px;
  line-height: 13.2px;
}

.checkbox__title:empty {
  padding-left: var(--control-size);
}

.checkbox__title::before {
  width: var(--control-size);
  height: var(--control-size);
  border-radius: 4px;
  background: var(--color-bg-primary);
  left: 0;
  top: 50%;
  margin-top: calc(var(--control-size) / 2 * -1);
  border: 1px solid var(--color-bd-primary);
  transition: opacity var(--trans-fast), transform var(--trans-fast), border var(--trans-long);
}

.checkbox--var-form .checkbox__title::before, .checkbox--var-form-dark .checkbox__title::before {
  background: var(--color-bd-primary-new);
  margin-top: unset;
}

.checkbox--var-form .checkbox__title::before {
  border-color: var(--color-bd-primary-new-2);
  top: 1px;
}

.checkbox--var-form-dark .checkbox__title::before {
  border-color: var(--color-bd-secondary-30);
  top: unset;
}

.checkbox--size-small .checkbox__title::before {
  border-radius: 3px;
}

.checkbox--size-smaller .checkbox__title::before {
  border-radius: 2.34px;
}

.checkbox__title::after {
  width: var(--control-size);
  height: var(--control-size);
  border-radius: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 7.5L7 10.5L12.5 5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
  background-size: var(--control-size);
  left: 0;
  top: 50%;
  margin-top: calc(var(--control-size) / 2 * -1);
  position: absolute;
  opacity: 0;
  transform: translateY(-5px);
  transition: opacity var(--trans-fast), transform var(--trans-fast), border var(--trans-long);
}

.checkbox--var-form .checkbox__title::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 7.5L7 10.5L12.5 5' stroke='rgba(255,255,255,.4)' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
  top: 1px;
}

.checkbox--var-form-dark .checkbox__title::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 7.5L7 10.5L12.5 5' stroke='rgba(0,0,0,.3)' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
  top: 0px;
}

input:disabled ~ .checkbox__title {
  cursor: default;
}

input:disabled ~ .checkbox__title::before {
  opacity: 0.7;
  filter: grayscale(1);
}

input:checked ~ .checkbox__title::before {
  background: var(--color-bg-accent);
  border-color: transparent;
}

.checkbox--var-form input:checked ~ .checkbox__title::before, .checkbox--var-form-dark input:checked ~ .checkbox__title::before {
  background: var(--color-bd-primary-new);
}

.checkbox--var-form input:checked ~ .checkbox__title::before {
  border-color: var(--color-bd-primary-new-2);
}

.checkbox--var-form-dark input:checked ~ .checkbox__title::before {
  border-color: var(--color-bd-secondary-30);
}

.checkbox--var-form input.has-error ~ .checkbox__title::before, .checkbox--var-form-dark input.has-error ~ .checkbox__title::before {
  border-color: var(--color-fail);
}

.checkbox--var-form-dark input.has-error ~ .checkbox__title {
  color: var(--color-fail);
  opacity: 60%;
}

input:checked ~ .checkbox__title::after {
  opacity: 1;
  transform: translateY(0);
}

.checkbox--var-form input:checked ~ .checkbox__title::after, .checkbox--var-form-dark input:checked ~ .checkbox__title::after {
  transform: translateY(8px);
}

.custom-checkbox:hover input:not(:checked) ~ .checkbox__title::before, .checkbox:hover input:not(:checked) ~ .checkbox__title::before {
  border-color: var(--color-bg-accent-hover);
}

.checkbox--var-form:hover input:not(:checked) ~ .checkbox__title::before {
  border-color: var(--color-white);
}

.checkbox--var-form-dark:hover input:not(:checked) ~ .checkbox__title::before {
  border-color: var(--color-black);
}

.checkbox input:focus + .checkbox__title::before {
  border-color: var(--color-bg-accent-hover);
}

.checkbox--var-form input:focus + .checkbox__title::before {
  border-color: var(--color-bd-primary-new-2);
}

.checkbox--var-form-dark input:focus + .checkbox__title::before {
  border-color: var(--color-bd-secondary-30);
}

.checkbox--var-form input.has-error:focus ~ .checkbox__title::before, .checkbox--var-form-dark input.has-error:focus ~ .checkbox__title::before {
  border-color: var(--color-fail);
}

@media only screen and (max-width: 768px) {
  .checkbox--size-small, .checkbox--size-smaller {
    --control-size: 14px;
  }
  .checkbox--size-small {
    --control-padding: 9px;
  }
  .checkbox--size-small .checkbox__title, .checkbox--size-smaller .checkbox__title {
    font-size: 10px;
    line-height: 13.2px;
  }
  .checkbox--size-small .checkbox__title::before {
    border-radius: 2.34px;
  }
  .checkbox--size-smaller .checkbox__title::before {
    border-radius: 2.5px;
  }
  .checkbox--var-form .checkbox__title::before, .checkbox--var-form-dark .checkbox__title::before {
    background: var(--color-bd-primary-new);
    top: unset;
    margin-top: unset;
  }
  .checkbox--var-form .checkbox__title::before {
    border-color: var(--color-bd-primary-new-2);
  }
  .checkbox--var-form-dark .checkbox__title::before {
    border-color: var(--color-bd-secondary-30);
  }
  .checkbox--var-form .checkbox__title::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 7.5L7 10.5L12.5 5' stroke='rgba(255,255,255,.4)' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
  }
  .checkbox--var-form-dark .checkbox__title::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 7.5L7 10.5L12.5 5' stroke='rgba(0,0,0,.3)' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
  }
  .checkbox--var-form input:checked ~ .checkbox__title::after {
    transform: translateY(6px);
  }
  .checkbox--var-form-dark input:checked ~ .checkbox__title::after {
    transform: translateY(7px);
  }
}
.radio {
  min-height: var(--control-size-radio);
}

.radio__title {
  padding-left: calc(var(--control-size-radio) + var(--control-padding));
}

.radio__title:empty {
  padding-left: var(--control-size-radio);
}

.radio__title::before {
  width: var(--control-size-radio);
  height: var(--control-size-radio);
  line-height: var(--control-size-radio);
  background: var(--color-bg-primary);
  left: 0;
  top: 50%;
  margin-top: calc(var(--control-size-radio) / 2 * -1);
  border-radius: 50%;
  border: 1px solid var(--color-bd-primary);
  box-sizing: border-box;
  text-align: center;
  transition: opacity var(--trans-fast), transform var(--trans-fast), border var(--trans-long);
}

.radio__title::after {
  width: 8px;
  height: 8px;
  background: var(--color-bg-primary);
  position: absolute;
  left: 6px;
  top: 50%;
  margin-top: -4px;
  border-radius: 50%;
  opacity: 0;
  transition: opacity var(--trans-base), transform var(--trans-base), border var(--trans-long);
  transform: scale(0);
}

input:checked ~ .radio__title::before {
  background: var(--color-bg-accent);
  border-color: transparent;
}

input:checked ~ .radio__title::after {
  opacity: 1;
  transform: scale(1);
}

input:disabled ~ .radio__title {
  cursor: default;
}

input:disabled ~ .radio__title::before {
  opacity: 0.9;
}

input:disabled ~ .radio__title::before, input:disabled ~ .radio__title::after {
  filter: grayscale(1);
}

.custom-checkbox:hover input:not(:checked) ~ .radio__title::before, .radio:hover input:not(:checked) ~ .radio__title::before {
  border-color: var(--color-bd-primary-hover);
}

.custom-checkbox {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 8px;
  background: var(--color-bg-secondary);
  padding: 8px;
  cursor: pointer;
  user-select: none;
  gap: 8px;
  min-height: 40px;
  box-shadow: inset 0 0 0 1px var(--color-bd-primary);
}

.custom-checkbox::first-letter {
  text-transform: uppercase;
}

.custom-checkbox--size-medium {
  padding-left: 12px;
  padding-right: 16px;
}

.custom-checkbox--var-dark {
  background: var(--color-bg-primary-secondary);
  color: var(--color-text-primary-reverse);
  box-shadow: none;
}

.custom-checkbox--var-white {
  background: var(--color-bg-primary);
  color: var(--color-text-accent);
  box-shadow: none;
}

.custom-checkbox--fluid {
  display: flex;
  width: 100%;
}

.custom-checkbox .checkbox {
  margin-left: auto;
}

.field {
  width: 100%;
  display: block;
  flex: 0 1 auto;
}

.field.visually-hidden {
  max-width: 100%;
  width: unset;
}

.field__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  display: block;
  margin-bottom: 8px;
}

.field__title::first-letter {
  text-transform: uppercase;
}

.field--dark .field__title {
  color: var(--color-text-primary-reverse);
}

.field__wrapper {
  display: block;
  position: relative;
}

.field__error, .field__validate-error {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-accent);
}

.is-dark .field__error, .is-dark .field__validate-error {
  color: var(--color-fail);
}

.hide-error .field__error, .hide-error .field__validate-error {
  display: none;
}

.field--dark .field__error, .field--dark .field__validate-error {
  color: var(--color-fail);
}

.field__error {
  display: none;
}

.field.has-error .field__error, .field.has-error ~ .field__validate-error {
  display: block;
}

.field-line {
  position: relative;
}

.field-line__label {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.4s ease-in-out;
}

input:not(:placeholder-shown) ~ .field-line__label {
  top: 0;
  transform: translateY(-150%);
  opacity: 0;
}

input:focus ~ .field-line__label {
  top: 0;
  transform: translateY(-150%);
  opacity: 0;
}

/* stylelint-disable number-max-precision */
:root {
  --bs-gutter-x: var(--gap);
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.input,
.textarea {
  border: 1px solid transparent;
  transition: border var(--trans-base), background-color var(--trans-base);
  background: transparent;
  width: 100%;
  resize: none;
  text-overflow: ellipsis;
}

.input[data-direction=rtl],
.textarea[data-direction=rtl] {
  text-align: right;
}

textarea.input, .textarea {
  overflow: hidden;
}

.input::placeholder,
.textarea::placeholder {
  opacity: 1;
  transition: all var(--trans-base);
}

.input:focus,
.textarea:focus {
  outline: none;
}

.input--var-primary,
.textarea--var-primary {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
}

.input--var-primary::placeholder,
.textarea--var-primary::placeholder {
  color: var(--color-text-tetriary);
}

.input--var-primary:hover::placeholder,
.textarea--var-primary:hover::placeholder {
  color: var(--color-text-secondary);
}

.input--var-dark,
.textarea--var-dark {
  border-radius: 8px;
  background: var(--color-bg-secondary-new);
  color: var(--color-text-primary-reverse);
}

.input--var-dark::placeholder,
.textarea--var-dark::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

.input--var-dark:placeholder-shown:hover::placeholder,
.textarea--var-dark:placeholder-shown:hover::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.input--var-dark:focus,
.textarea--var-dark:focus {
  color: var(--color-text-primary-reverse);
}

.input--var-dark-opacity,
.textarea--var-dark-opacity {
  border-radius: 8px;
  background: var(--color-bg-primary-secondary);
  color: var(--color-text-primary-reverse);
}

.input--var-dark-opacity::placeholder,
.textarea--var-dark-opacity::placeholder {
  color: var(--color-text-tetriary-reverse);
}

.input--var-dark-opacity:placeholder-shown:hover::placeholder,
.textarea--var-dark-opacity:placeholder-shown:hover::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.input--var-dark-opacity:focus,
.textarea--var-dark-opacity:focus {
  color: var(--color-text-primary-reverse);
}

.input--var-line-dark,
.textarea--var-line-dark {
  max-width: 567px;
  color: var(--color-icn-placeholder);
  border-bottom: 1px solid var(--color-icn-placeholder);
  border-radius: 0;
}

.input--var-line-dark::placeholder,
.textarea--var-line-dark::placeholder {
  color: var(--color-icn-placeholder);
}

.input--var-line-dark:hover::placeholder,
.textarea--var-line-dark:hover::placeholder {
  color: var(--color-text-accent);
}

.input--var-secondary,
.textarea--var-secondary {
  max-width: 567px;
  color: var(--color-text-primary-60);
  border-bottom: 1px solid var(--color-text-primary-60);
  border-radius: 0;
}

.input--var-secondary::placeholder,
.textarea--var-secondary::placeholder {
  color: var(--color-text-primary-60);
}

.input--var-secondary:hover::placeholder,
.textarea--var-secondary:hover::placeholder {
  color: var(--color-text-accent);
}

.input--size-base,
.textarea--size-base {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  height: 40px;
  border-radius: 8px;
  padding-left: 16px;
  padding-right: 16px;
}

.input--size-small,
.textarea--size-small {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding-left: 16px;
  padding-right: 16px;
}

.input--size-smedium,
.textarea--size-smedium {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  height: 36px;
  padding-right: 16px;
}

textarea.input, .textarea--size-base {
  min-height: 80px;
  padding-top: 16px;
  padding-bottom: 16px;
}

textarea.input, .textarea--size-sm {
  height: 42px;
}

.input.has-error,
.textarea.has-error {
  border-color: var(--color-fail);
}

.input.is-disabled,
.textarea.is-disabled {
  pointer-events: none;
}

.input--var-line-dark.has-error,
.textarea--var-line-dark.has-error {
  border: 0;
  border-bottom: 1px solid var(--color-bg-accent);
}

.link {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
  border: none;
  background: none;
}

.link:hover {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 1px;
}

.link--accent {
  color: var(--color-text-accent);
  transition: opacity var(--trans-base);
}

.link--accent:hover {
  opacity: 0.5;
}

.modal {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  flex: 0 0 auto;
  width: 100%;
  overflow: auto;
}

.modal.modal--agents {
  overscroll-behavior: auto;
}

.modal::-webkit-scrollbar {
  display: none;
}

.modal--center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.modal--video {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  min-height: calc(calc(100 * var(--vh, 1vh)) - 32px);
  background-color: var(--color-black);
}

.modal--col-2 {
  display: grid;
  grid-template-columns: 1fr 66.2%;
  grid-template-rows: auto 1fr;
}

.modal__head {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-medium) var(--radius-medium) 0 0;
  flex: 0 0 auto;
}

.modal--col-2 .modal__head {
  padding: 24px;
  border-radius: 0;
  grid-column: 1/2;
  grid-row: 1/2;
}

.modal__heading {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.modal__heading::first-letter {
  text-transform: uppercase;
}

.modal__close {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-medium);
  line-height: 1;
  margin-left: auto;
}

.modal--video .modal__close {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 1;
}

.modal--col-2 .modal__close {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 4;
}

.modal__info {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  cursor: default;
}

.modal__info-icn {
  color: var(--color-icn-accent);
}

.modal__info-text {
  color: var(--color-text-secondary);
}

.modal__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  text-align: left;
  cursor: default;
  color: var(--color-text-primary);
}

.modal__title::first-letter {
  text-transform: uppercase;
}

.modal__body {
  position: relative;
  flex: 0 1 auto;
}

.modal__video {
  width: 100%;
  border-radius: var(--radius-large);
  overflow: hidden;
  display: flex;
  justify-content: stretch;
  align-items: stretch;
}

.modal__video iframe {
  display: block;
  width: calc(100% - 80px);
  height: 100%;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
  border-radius: var(--radius-large);
}

.modal__video-frame {
  width: 100%;
}

.modal--center .modal__body {
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 72px;
}

.modal--fit .modal__body {
  padding-top: 66px;
  padding-bottom: 0;
}

.modal--3d .modal__body {
  padding-bottom: 0;
  height: 100%;
}

.modal--col-2 .modal__body {
  grid-column: 1/2;
  grid-row: 2/3;
  padding: 8px 24px 24px;
}

.modal__aside {
  border-radius: 0 var(--radius-medium) var(--radius-medium) 0;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.modal__aside .carousel,
.modal__aside .swiper {
  height: 100%;
}

.modal [data-finishing-type] {
  display: none;
}

.modal [data-finishing-type].is-active {
  display: block;
}

.modal--col-2 .modal__aside {
  grid-column: 2/3;
  grid-row: 1/3;
}

.modal__3d {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  user-select: none;
}

.modal__3d iframe {
  width: 100%;
  height: 100%;
  height: 100%;
  min-height: 200px;
  border: 0;
  flex: 0 0 auto;
  border-radius: 20px;
}

.modal--fullscreen {
  border: 4px solid var(--color-white);
}

.modal--fullscreen .modal__body {
  padding: 0;
}

.modal--fullscreen .modal__head {
  position: absolute;
  background: none;
  border: none;
}

.modal--fullscreen picture {
  border-radius: var(--radius-large);
  max-height: calc(100vh - 32px);
}

@media only screen and (max-width: 1440px) {
  .modal--col-2 {
    grid-template-columns: 1fr 72.44%;
  }
  .modal--col-2 .modal__body {
    padding: 8px 24px 20px;
  }
}
@media only screen and (max-width: 1280px) {
  .modal__heading {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    padding-right: 56px;
  }
  .modal--col-2 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto) 1fr;
  }
  .modal--col-2 .modal__head {
    padding: 21px 16px;
    position: sticky;
    top: 0;
  }
  .modal--col-2 .modal__aside {
    grid-column: 1/2;
    grid-row: 2/3;
    border-radius: 0;
    height: min-content;
  }
  .modal--col-2 .modal__body {
    grid-row: 3/4;
    padding: 16px;
  }
}
@media only screen and (min-width: 1025px) {
  .modal--fit {
    padding: 16px;
  }
  .modal--fit .modal__head {
    margin-bottom: 57px;
  }
  .modal--fit .modal__title {
    max-width: min-content;
  }
  .modal--fit .modal__body {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .modal {
    position: relative;
  }
  .modal--video {
    min-height: calc(100 * var(--vh, 1vh));
    background-color: var(--color-bg-primary-reverse);
  }
  .modal:not(.modal--fullscreen) .modal__head {
    border-bottom: 1px solid var(--color-bd-primary);
    align-items: center;
  }
  .modal__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .modal__info {
    display: none;
  }
  .modal__body {
    width: 100%;
  }
  .modal--video .modal__close {
    right: 8px;
    top: 8px;
  }
  .modal:not(.modal--fullscreen) .modal--center .modal__body {
    height: 100%;
    align-items: stretch;
    justify-content: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .modal--col-2 .modal__close {
    position: fixed;
    right: 32px;
    top: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .modal--col-2 .modal__close {
    right: 16px;
    top: 16px;
  }
  .modal--fit .modal__head {
    border-bottom: 1px solid var(--color-bd-primary);
  }
}
.range-input {
  display: block;
}

[data-theme=dark] .range-input {
  --color-bg-primary-secondary: var(--color-range-bg);
  --color-bg-secondary-new: var(--color-bg-primary-reverse);
  --color-text-primary-reverse: var(--color-text-primary-reverse-60);
  --color-text-primary-reverse-50: var(--color-text-ternary-60);
  --color-bg-handler-hover: #ddd;
}

.range-input__core {
  position: relative;
  border-radius: 8px;
  margin-bottom: 8px;
}

.range-input__label, .range-input__post-label {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: none;
}

.range-input__label {
  left: 16px;
  color: var(--color-text-tetriary);
}

.range-input--var-dark .range-input__label {
  color: var(--color-text-primary-reverse-50);
}

.range-input__post-label {
  right: 16px;
  color: var(--color-text-secondary);
}

.range-input--rtl .range-input__label, .range-input--invert .range-input__label {
  padding-right: calc(24px + var(--label-offset, 0));
}

.range-input:not(.range-input--no-label) .input {
  padding-left: 36px;
}

.range-input--rtl .input, .range-input--invert .input {
  padding-left: 0;
  text-align: right;
}

.range-input__slider {
  padding-left: 8px;
  padding-right: 8px;
}

.range-input .noUi-target {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  box-shadow: none;
  border-color: transparent;
  pointer-events: none;
  border: 0;
}

.range-input .noUi-handle {
  height: 12px;
  width: 12px;
  box-shadow: none;
  border: 0;
  top: 0;
  top: 100%;
  right: -8px;
  border-radius: 8px;
  background: transparent;
  cursor: grab;
  transition: background var(--trans-base);
  pointer-events: all;
  transform: translateY(-8px);
}

.range-input .noUi-handle:hover, .range-input .noUi-handle.noUi-active {
  background: #ddd;
}

.range-input .noUi-handle.noUi-active {
  cursor: grabbing;
}

.range-input .noUi-handle::before {
  content: none;
}

.range-input .noUi-handle::after {
  background: var(--color-range-handler);
  height: 12px;
  width: 12px;
  border-radius: 6px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background var(--trans-base);
}

.range-input--var-dark .noUi-handle:hover, .range-input--var-dark .noUi-handle.noUi-active {
  background: var(--color-bg-handler-hover);
  background: transparent;
}

.range-input--var-dark .noUi-handle::after {
  background: var(--color-bg-primary);
  border-radius: 10px;
  width: 12px;
}

.range-input .noUi-origin {
  height: 100%;
}

.range-input .noUi-origin::before {
  content: none;
  width: calc(100% + 16px);
  left: -8px;
  position: absolute;
  height: 100%;
  z-index: -2;
  border-radius: 8px;
  isolation: isolate;
  background: var(--color-range-bg);
  top: 0;
}

.range-input .on-start .noUi-origin::before {
  opacity: 0;
}

.range-input .noUi-rtl .noUi-origin::before {
  transform: translateX(calc(100% - 16px));
}

.range-input .is-invert .noUi-origin::before {
  transform: translateX(calc(100% - 16px));
}

.range-input .noUi-connect {
  background: transparent;
}

.input-test {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.select {
  display: inline-block;
  vertical-align: middle;
}

[data-theme=dark] .select {
  --color-bg-primary: var(--color-range-handler);
  --color-bg-primary-secondary: var(--color-range-bg);
  --color-bg-secondary-new: var(--color-bg-filter-dark);
  --color-text-primary-reverse: var(--color-text-ternary);
  --color-text-primary-reverse-50: var(--color-text-secondary);
  --color-text-tetriary-reverse2: var(--color-text-ternary-60);
}

.select--fluid {
  display: block;
  width: 100%;
}

.select__multiple.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  color: var(--color-white);
}

.select__multiple.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  stroke: var(--color-white);
}

.select__multiple.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--color-text-accent-light);
}

.select__multiple.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  color: var(--ss-font-placeholder-color);
  font-weight: normal;
}

.select__multiple.ss-content .ss-list .ss-optgroup .ss-option {
  padding-left: 1em;
  margin: 0 8px 5px;
  border-radius: 0.5em;
}

.select__multiple.ss-main .ss-values .ss-value .ss-value-text {
  color: var(--color-white);
}

.select__multiple.ss-main .ss-values .ss-value .ss-value-delete {
  border-color: var(--color-white);
}

.select__multiple.ss-main .ss-values .ss-value .ss-value-delete svg path {
  stroke: var(--color-white);
}

.select__multiple.ss-main .ss-values .ss-max,
.select__multiple.ss-main .ss-values .ss-value {
  color: var(--color-white);
  background-color: var(--color-bg-accent);
}

.select .has-error {
  border-color: var(--color-bg-accent);
}

.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: "";
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  width: 100%;
  height: 40px;
  border: 0;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding-left: 17px;
  padding-right: 17px;
  border-radius: 8px;
}

.select select::-ms-expand {
  display: none;
}

.select select:focus {
  outline: none;
}

.select select.is-dark {
  background: var(--color-bg-secondary-new);
  color: var(--color-text-primary-reverse);
}

[data-theme=dark] .select select.is-dark {
  background: var(--color-bg-primary-reverse);
  color: var(--color-text-primary-reverse-60);
}

.tab {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  background-color: var(--color-transparent);
  color: var(--color-text-primary);
  position: relative;
  transition: color var(--trans-base);
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 2px 0;
  white-space: nowrap;
}

[data-theme=dark] .tab {
  color: var(--color-text-primary-reverse);
}

.tab::first-letter {
  text-transform: uppercase;
}

.tab::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0;
  transition: opacity var(--trans-base), transform var(--trans-base);
  transform: translateY(200%);
}

.tab.is-active {
  color: var(--color-text-accent);
  cursor: default;
  pointer-events: none;
}

[data-theme=dark] .tab.is-active {
  color: var(--color-text-primary-reverse);
}

.tab.is-active::after {
  opacity: 1;
  transform: translateY(0);
}

@media (hover: hover) {
  .tab:hover:not(.is-active) {
    color: var(--color-text-accent);
  }
  [data-theme=dark] .tab:hover {
    color: var(--color-text-accent-light);
  }
}
.tab--button {
  padding: 4px 24px;
  color: var(--color-text-primary-reverse);
}

.tab--button::after {
  content: none;
}

.tab--button.is-active {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  border-radius: var(--radius-medium);
}

@media (hover: hover) {
  .tab--button:hover:not(.is-active) {
    color: var(--color-text-primary-reverse-50);
  }
}
.togglers-group {
  user-select: none;
}

.togglers-group--fluid {
  display: block;
  width: 100%;
}

.togglers-group__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.togglers-group--fluid .togglers-group__list {
  flex-wrap: nowrap;
}

.togglers-group input {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.togglers-group--fluid .togglers-group__item {
  width: 100%;
  flex: 0 1 auto;
}

.togglers-group__el {
  display: block;
  width: 100%;
}

.togglers-group__btn {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  width: 40px;
  height: 40px;
  background-color: var(--color-bg-secondary-new);
  color: var(--color-text-primary-reverse);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: background var(--trans-base), color var(--trans-base);
}

.togglers-group__btn:hover {
  background-color: var(--color-bg-primary-secondary);
}

input:checked ~ .togglers-group__btn {
  cursor: default;
  color: var(--color-text-accent-light);
  background: var(--color-bg-primary);
  opacity: 1;
}

[data-theme=dark] .togglers-group__btn {
  background: var(--color-bg-primary-reverse);
  color: var(--color-text-primary-reverse-60);
}

[data-theme=dark] .togglers-group__btn:hover {
  background-color: var(--color-bg-secondary-hover);
}

[data-theme=dark] input:checked ~ .togglers-group__btn {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.togglers-group--fluid .togglers-group__btn {
  width: 100%;
}

.arrow-btn {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  width: 36px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--color-bd-primary);
  background: var(--color-bg-primary);
  color: var(--color-icn-primary);
  transition: background var(--trans-base), opacity var(--trans-base), color var(--trans-base);
}

[data-theme=dark] .arrow-btn {
  --color-icn-primary: var(--color-icn-dark);
  --color-icn-secondary: var(--color-bg-accent);
}

.arrow-btn:hover {
  color: var(--color-icn-secondary);
}

.arrow-btn .icn {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.arrow-btn.is-invert .icn {
  transform: rotate(180deg);
}

.arrow-btn.is-disabled {
  opacity: 0;
  pointer-events: none;
}

.base-drop {
  position: absolute;
  padding-top: 8px;
  min-width: 125px;
  visibility: hidden;
  transform: translate(0, 30%);
  opacity: 0;
  pointer-events: none;
  transition: transform var(--trans-base), opacity var(--trans-base), visibility var(--trans-base);
}

[data-theme=dark] .base-drop {
  --color-bg-primary: var(--color-bg-primary-reverse);
  --color-bg-secondary: var(--color-bg-darken);
  --color-text-primary: var(--color-text-primary-reverse);
}

.mega-menu__city.is-active .base-drop, .base-drop.is-open, .user-menu__item:hover .base-drop:not(.is-disabled) {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
  visibility: visible;
}

.mega-menu__city.is-active .base-drop {
  transform: translate(-50%, 0);
}

.base-drop__core {
  padding-top: 4px;
  padding-bottom: 4px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-drop);
  max-height: 300px;
  overflow: auto;
}

.base-drop__el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding: 1px 8px 3px;
  display: block;
  color: var(--color-text-primary);
  transition: color var(--trans-base), background var(--trans-base);
}

.base-drop__el.is-active {
  color: var(--color-text-accent);
  cursor: default;
}

.base-drop__el:not(.is-active):hover {
  background: var(--color-bg-secondary);
}

.call-link {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  color: var(--color-text-accent);
  gap: 4px;
}

.call-link__icn {
  flex: 0 0 auto;
}

.call-link__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  position: relative;
}

.call-link__text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 1;
  transition: opacity var(--trans-fast), transform var(--trans-base);
}

.call-link:hover .call-link__text::before {
  transform: translate(0, 200%);
  opacity: 0;
}

.cedro {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

[data-theme=dark] .cedro {
  --color-icn-secondary: rgba(255, 255, 255, 0.6);
}

.cedro__icn {
  color: var(--color-icn-secondary);
  transition: color var(--trans-base), opacity var(--trans-base);
}

.cedro__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
}

.cedro:hover .cedro__icn, .cedro:hover .cedro__text {
  color: var(--color-text-accent);
}

.control-complex {
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-bd-primary);
  padding: 7px 9px 7px 11px;
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: background-color var(--trans-base);
  min-width: 1px;
}

.control-complex--primary {
  background-color: var(--color-bg-primary);
  border-color: var(--color-bg-primary);
}

.control-complex--secondary {
  background-color: var(--color-bg-primary);
}

.control-complex--secondary:has(:checked) {
  background-color: var(--color-bg-secondary);
}

.control-complex__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
}

.control-complex__title::first-letter {
  text-transform: uppercase;
}

.radio + .control-complex__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.control-complex__value {
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
}

.control-complex--secondary:has(:checked) .control-complex__value {
  color: var(--color-text-accent);
}

.control-complex--third {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-bg-secondary);
}

.control-complex__control {
  padding: 2px 0;
  line-height: 1;
}

.control-complex__control .link {
  padding: 0;
}

.control-complex__control .link::first-letter {
  text-transform: uppercase;
}

.control-complex[inert] .link,
.control-complex[inert] .tab {
  opacity: 0.5;
  pointer-events: none;
}

.control-complex[inert] input {
  pointer-events: none;
}

[data-spoiler],
[data-features-spoiler] {
  cursor: pointer;
}

[data-spoiler] > span::first-letter,
[data-features-spoiler] > span::first-letter {
  text-transform: uppercase;
}

[data-spoiler] .on-hide,
[data-features-spoiler] .on-hide {
  display: none;
}

[data-spoiler].is-open .on-show,
[data-features-spoiler].is-open .on-show {
  display: none;
}

[data-spoiler].is-open .on-hide,
[data-features-spoiler].is-open .on-hide {
  display: inline;
}

.family-parking {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--trans-base), transform var(--trans-base);
}

.family-parking.is-show {
  pointer-events: all;
  opacity: 1;
}

.family-parking__block {
  background: var(--color-bg-primary);
  width: 332px;
  max-width: 100%;
  padding: 16px;
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-drop);
  transform: scale(0.95);
  transition: transform var(--trans-base);
}

.family-parking.is-show .family-parking__block {
  transform: scale(1);
}

.family-parking__img {
  margin-bottom: 16px;
}

.family-parking__img,
.family-parking__img img {
  display: block;
  border-radius: var(--radius-base);
  width: 100%;
}

.family-parking__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: default;
}

.family-parking__btn {
  display: none;
  width: 100%;
  margin-top: 16px;
}

@media only screen and (max-width: 768px) {
  .family-parking {
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    position: fixed;
    background: var(--color-bg-overlay);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 34px 8px;
  }
  .family-parking__block {
    max-width: 480px;
    width: 100%;
  }
  .family-parking__btn {
    display: inline-flex;
  }
}
.filter-tabs {
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.filter-tabs__item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary-reverse-50);
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}

.filter-tabs__item::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0;
  transform: translate(0, 200%);
  transition: opacity var(--trans-base), transform var(--trans-base);
}

.filter-tabs__item.is-active {
  color: var(--color-text-accent-light);
  cursor: default;
  pointer-events: none;
}

.filter-tabs__item:hover::before, .filter-tabs__item.is-active::before {
  opacity: 1;
  transform: translate(0, 0);
}

.filtres-btn {
  background: var(--color-bg-primary-new);
}

.filtres-btn__icn {
  margin-right: 4px;
  transition: color var(--trans-base);
}

.filtres-btn:hover .filtres-btn__icn {
  color: var(--color-text-primary-reverse);
}

.filtres-btn__num {
  color: var(--color-text-secondary-reverse);
  margin-left: 4px;
}

.fullscreen-btn {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  width: 36px;
  height: 36px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--color-bg-primary);
  color: var(--color-icn-primary);
  transition: background var(--trans-base), opacity var(--trans-base), color var(--trans-base);
}

[data-theme=dark] .fullscreen-btn {
  --color-icn-primary: var(--color-icn-dark);
  --color-icn-secondary: var(--color-bg-accent);
}

.fullscreen-btn:hover {
  color: var(--color-icn-secondary);
}

.fullscreen-btn .icn {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.fullscreen-btn.is-disabled {
  opacity: 0;
  pointer-events: none;
}

.gallery-pag {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border-radius: 24px;
  background: var(--color-bg-primary);
  user-select: none;
}

.gallery-pag:empty {
  display: none;
}

[data-theme=dark] .gallery-pag {
  --color-bg-primary: var(--color-bg-primary-new);
  --color-icn-accent: var(--color-icn-accent-hover);
  --color-icn-secondary: var(--color-text-tetriary-reverse);
}

.gallery-pag__item,
.gallery-pag .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  border-radius: 50%;
  transition: background var(--trans-base);
}

.gallery-pag__item::before,
.gallery-pag .swiper-pagination-bullet::before {
  width: 4px;
  height: 4px;
  content: "";
  border-radius: 50%;
  flex: 0 0 auto;
  display: inline-block;
  vertical-align: top;
  background: var(--color-icn-secondary);
  opacity: 0.3;
  transition: background var(--trans-base), opacity var(--trans-base);
}

[data-theme=dark] .gallery-pag__item::before,
[data-theme=dark] .gallery-pag .swiper-pagination-bullet::before {
  opacity: 1;
}

.gallery-pag__item.is-active,
.gallery-pag .swiper-pagination-bullet.is-active {
  background: var(--color-icn-accent);
}

.gallery-pag__item.is-active::before,
.gallery-pag .swiper-pagination-bullet.is-active::before {
  opacity: 0;
}

.label {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  border-radius: 100px;
  padding: 2px 8px;
}

.label--dark {
  color: var(--color-text-primary-reverse);
  background-color: var(--color-bg-primary-reverse);
}

.label--accent {
  color: var(--color-text-primary-reverse);
  background-color: var(--color-bg-accent);
}

.panzoom__controls {
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.panzoom__button {
  --size: 44px;
}

.panzoom__button:hover {
  opacity: 50%;
}

@media only screen and (max-width: 620px) {
  .panzoom__controls {
    /* display: none; */
  }
}
.prop {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 4px;
  align-items: center;
}

.prop__icon {
  color: var(--color-text-accent);
  display: flex;
}

.prop__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.schema__hidden {
  display: none;
}

.tag {
  border-radius: 24px;
  background-color: var(--color-bg-primary);
  padding: 0 8px;
  border: none;
  display: flex;
  align-items: center;
}

.tag--transparent {
  background-color: var(--color-transparent);
}

.tag__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  width: max-content;
  padding: 1px 4px 3px;
}

.tag__text::first-letter {
  text-transform: uppercase;
}

.accordeon__item {
  border-bottom: 1px solid var(--color-bd-primary);
}

.accordeon__item .width {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 16px;
  padding: 16px 32px;
}

.accordeon__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  grid-column: 1/6;
  color: var(--color-text-secondary);
  transform: translateY(8px);
  transition: transform var(--trans-base), color var(--trans-base), padding var(--trans-base);
  cursor: default;
  padding-bottom: 8px;
}

.is-active .accordeon__title {
  color: var(--color-text-primary);
  transform: translateY(0);
  padding-bottom: 0;
}

.accordeon__panel {
  display: grid;
  grid-template-rows: 0fr;
  grid-column: 7/11;
  grid-row: 1/2;
  transition: grid-template-rows var(--trans-base);
}

.accordeon__panel-inner {
  overflow: hidden;
}

.is-active .accordeon__panel {
  grid-template-rows: 1fr;
}

.accordeon__control {
  grid-column: 12/13;
  justify-self: end;
  position: relative;
}

.accordeon__control .icn {
  transition: transform var(--trans-base);
}

.is-active .accordeon__control .icn {
  transform: rotateZ(-180deg);
}

.is-active .accordeon__control .icn:first-child {
  transform: rotateZ(-180deg) scaleY(0);
}

@media only screen and (max-width: 1024px) {
  .accordeon__item .width {
    grid-template-columns: 1fr auto;
  }
  .accordeon__title {
    grid-column: 1/2;
    transform: translateY(0);
    padding-bottom: 0;
  }
  .accordeon__control {
    grid-column: 2/3;
  }
  .accordeon__panel {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media only screen and (max-width: 767px) {
  .accordeon__item .width {
    padding: 16px;
  }
}
.agent-info-block {
  width: 100%;
  max-width: 50vw;
  padding: 0 16px;
  opacity: 0;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  z-index: 91;
  visibility: hidden;
  pointer-events: none;
  transition: var(--trans-base);
  transition-property: transform, opacity, visibility;
}

.agent-info-block.is-visible {
  transform: translate(-50%, -50%);
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.agent-info-block__inner {
  padding: 5px 8px 8px;
  background: var(--color-bg-primary);
  border-radius: 8px;
  box-shadow: var(--shadow-drop);
}

[data-theme=dark] .agent-info-block__inner {
  color: var(--color-text-primary-reverse);
  background: var(--color-bg-primary-reverse);
}

.agent-info-block__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.agent-info-block__text::first-letter {
  text-transform: uppercase;
}

.agent-info-block__text a {
  text-decoration: underline;
  color: var(--color-text-accent);
}

.agent-info-block__text a:hover {
  text-decoration: none;
}

.agent-info-block__footer {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 11px;
}

@media only screen and (max-width: 480px) {
  .agent-info-block {
    max-width: 100%;
  }
}
.banner {
  display: grid;
  grid-template-columns: 1.43fr 1fr;
  align-items: end;
  background-color: var(--color-bg-secondary);
  border-radius: 20px;
}

.banner__main {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, auto) 1fr;
  row-gap: 16px;
  padding: 20px 20px 24px 24px;
  align-self: start;
  height: 100%;
}

.banner__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-bg-primary-reverse);
}

.banner__title::first-letter {
  text-transform: uppercase;
}

.banner__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  max-width: 550px;
}

.banner__features {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-top: 8px;
}

.banner__features-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.banner__aside {
  margin-top: auto;
}

.banner__img {
  display: flex;
}

.banner__img picture,
.banner__img img {
  display: block;
  max-width: 100%;
  height: auto;
}

.banner__img img {
  background-size: contain;
}

.banner__img-sized {
  justify-content: center;
  padding-top: 20px;
}

.banner__img-sized picture,
.banner__img-sized img {
  max-height: 390px;
  width: auto;
}

.banner .link-app {
  display: none;
}

@media only screen and (max-width: 768px) {
  .banner {
    grid-template-columns: 1fr 1fr;
  }
  .banner__main {
    padding: 16px;
    row-gap: 8px;
    width: 343px;
  }
  .banner__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .banner__aside {
    margin-top: 8px;
  }
  .banner .link-qr {
    display: none;
  }
  .banner .link-app {
    display: grid;
  }
  .banner .link-app img {
    max-height: 40px;
  }
}
@media only screen and (max-width: 620px) {
  .banner {
    grid-template-columns: 1fr;
  }
}
.base-slider {
  position: relative;
  user-select: none;
  background: var(--color-bg-secondary);
  border-radius: 20px;
  overflow: hidden;
}

.base-slider__pag {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.base-slider__prev, .base-slider__next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}

.base-slider__prev {
  left: 16px;
}

.base-slider__next {
  right: 16px;
}

.base-slider__pic {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  aspect-ratio: 1.5466666667;
}

.base-slider__pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.base-slider__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 32px;
  color: var(--color-text-primary-reverse);
}

.base-slider__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  max-width: 760px;
}

.base-slider__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  margin-top: 16px;
}

@media only screen and (max-width: 1280px) {
  .base-slider__content {
    padding: 16px;
  }
  .base-slider__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
    max-width: 328px;
  }
}
@media only screen and (max-width: 768px) {
  .base-slider__prev, .base-slider__next {
    display: none;
  }
  .base-slider__pag {
    bottom: 16px;
  }
  .base-slider__content {
    padding: 24px 16px;
  }
  .base-slider__pic {
    aspect-ratio: 1.7523809524;
  }
}
@media only screen and (max-width: 620px) {
  .base-slider__pic {
    aspect-ratio: 1.0088235294;
  }
}
@media only screen and (max-width: 480px) {
  .base-slider__pag {
    bottom: 8px;
  }
  .base-slider__text {
    margin-top: 12px;
  }
}
[data-tabs-blocks] {
  position: relative;
  isolation: isolate;
}

[data-tabs-blocks] > * {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  opacity: 0;
}

[data-tabs-blocks] > *.is-active {
  position: static;
  opacity: 1;
}

[data-tabs-blocks] > .filter__val {
  position: static;
  display: none;
  opacity: 0;
}

[data-tabs-blocks] > .filter__val.is-active {
  opacity: 1;
  display: flex;
  animation: none;
}

.base-thumbs-slider {
  position: relative;
  user-select: none;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-medium);
}

.base-thumbs-slider__pag {
  z-index: 2;
  display: none;
  width: 100%;
}

.base-thumbs-slider__prev, .base-thumbs-slider__next {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
}

.base-thumbs-slider__prev {
  right: 88px;
  left: initial;
  bottom: 40px;
  top: initial;
  transform: initial;
}

.base-thumbs-slider__next {
  right: 40px;
  left: initial;
  bottom: 40px;
  top: initial;
  transform: initial;
}

.base-thumbs-slider__pic {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-medium);
  aspect-ratio: 1407/684;
}

.base-thumbs-slider__pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right center;
  border-radius: var(--radius-medium);
}

.base-thumbs-slider__content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  width: -webkit-fill-available;
  padding: 40px;
  color: var(--color-text-primary-reverse);
  z-index: 10;
  display: flex;
  flex-direction: column;
}

.base-thumbs-slider__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  max-width: 760px;
  margin-top: auto;
}

.base-thumbs-slider__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  font-size: 16px;
  margin-top: 18px;
  max-width: 420px;
}

.base-thumbs-slider__link {
  margin-top: 28px;
  margin-top: 78px;
  align-self: flex-start;
}

.base-thumbs-slider__link .btn,
.base-thumbs-slider__link .btn__text {
  white-space: nowrap;
}

.base-thumbs-slider__tags {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  z-index: 3;
  left: 32px;
  top: 32px;
  display: flex;
  gap: 8px;
}

.base-thumbs-slider__tag {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: middle;
  border-radius: var(--radius-super);
  padding: 3.5px 16.5px;
  background: rgba(18, 18, 18, 0.3);
  color: #ffffff99;
  white-space: nowrap;
  backdrop-filter: blur(45px);
}

.base-thumbs-slider__thumbs {
  width: calc(25% - 8px);
  position: absolute;
  z-index: 85;
  bottom: 32px;
  left: 75%;
  right: 8px;
}

.base-thumbs-slider__el-thumbs {
  padding: 16px;
  padding-right: 0;
  border-radius: var(--radius-medium);
  height: 124px;
  display: grid;
  grid-template-columns: 92px 1fr;
  align-items: center;
  gap: 16px;
  background-color: var(--color-bg-overlay);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  will-change: backdrop-filter;
  color: var(--color-text-primary-reverse);
  background: var(--color-bg-overlay);
}

.base-thumbs-slider__el-thumbs:hover img {
  transform: scale(1);
  transition: transform var(--trans-superlong);
}

.base-thumbs-slider__el-thumbs:hover img {
  transform: scale(1.05);
}

.base-thumbs-slider__name {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
}

.base-thumbs-slider__progress {
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}

.base-thumbs-slider__progress-body {
  width: 100%;
}

.base-thumbs-slider__progress-body .base-thumbs-slider__pag {
  background: transparent;
  gap: 6px;
}

.base-thumbs-slider__progress-body .swiper-pagination-bullet::before {
  display: none;
}

.base-thumbs-slider__progress-body .swiper-pagination-bullet {
  flex-grow: 1;
  border-radius: initial;
  height: 2px;
  background-color: var(--color-bg-primary-transparent);
}

.base-thumbs-slider__el::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 43, 60, 0.3);
  z-index: 5;
  border-radius: var(--radius-medium);
}

@media only screen and (max-width: 1440px) {
  .base-thumbs-slider__pic {
    aspect-ratio: 1407/614;
  }
}
@media only screen and (max-width: 1280px) {
  .base-thumbs-slider__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
    max-width: 328px;
  }
  .base-thumbs-slider__link {
    margin-top: auto;
  }
}
@media only screen and (max-width: 768px) {
  .base-thumbs-slider__prev, .base-thumbs-slider__next {
    display: none;
  }
  .base-thumbs-slider__pag {
    display: inline-flex;
  }
  .base-thumbs-slider__content {
    padding: 24px;
    justify-content: flex-end;
  }
  .base-thumbs-slider__pic {
    aspect-ratio: 1.7523809524;
  }
  .base-thumbs-slider__title {
    margin-top: auto;
    font-size: 32px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    max-width: min(100%, 320px);
  }
  .base-thumbs-slider__text {
    max-width: min(100%, 320px);
  }
  .base-thumbs-slider__link {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 620px) {
  .base-thumbs-slider__pic {
    aspect-ratio: 1.0088235294;
  }
  .base-thumbs-slider__swiper .base-thumbs-slider__pic {
    min-height: 467px;
  }
  .base-thumbs-slider__thumbs {
    width: initial;
    right: 9.5px;
    bottom: 12.5px;
    left: 9.5px;
  }
  .base-thumbs-slider__title {
    font-size: 28px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    max-width: min(100%, 320px);
  }
  .base-thumbs-slider__text {
    max-width: min(100%, 320px);
  }
}
@media only screen and (max-width: 480px) {
  .base-thumbs-slider__title {
    margin-top: auto;
  }
  .base-thumbs-slider__text {
    margin-top: 12px;
  }
}
.bread {
  padding-top: 16px;
  padding-bottom: 16px;
  user-select: none;
  position: relative;
  z-index: 1;
  max-width: 100%;
  flex: 0 0 auto;
}

[data-theme=dark] .bread {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bd-primary: var(--color-bg-primary-secondary);
  --color-bg-primary: var(--color-bg-primary-reverse);
  --color-bg-secondary: var(--color-bg-secondary-new);
  --color-text-accent: var(--color-text-accent-light);
}

.bread__core {
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bread__list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}

.bread__aside {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  column-gap: 8px;
}

.bread__aside > :first-child {
  padding-left: 0;
}

.bread__aside > :last-child {
  padding-right: 0;
}

.bread__item {
  position: relative;
}

.bread__text::first-letter {
  text-transform: uppercase;
}

.bread__drop {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 8px;
  width: max-content;
  min-width: 120px;
  max-width: 200px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(0, 30%) scale(0.9);
  transition: opacity var(--trans-long), transform var(--trans-long), visibility var(--trans-long);
}

.bread__item:hover .bread__drop {
  visibility: visible;
  pointer-events: all;
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.bread__drop-list {
  background: var(--color-bg-primary);
  border-radius: 12px;
  box-shadow: var(--shadow-drop);
  padding-top: 4px;
  padding-bottom: 4px;
  max-height: 300px;
  overflow: auto;
}

.bread__drop-el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  padding: 1px 8px 3px;
  color: var(--color-text-primary);
  transition: background var(--trans-base);
}

.bread__drop-el.is-active {
  pointer-events: none;
  color: var(--color-text-accent);
}

.bread__drop-el:hover {
  background: var(--color-bg-secondary);
}

.bread__drop-icn {
  transform: translate(0, 1px) rotate(180deg);
  transition: transform var(--trans-fast);
}

.bread__item:hover .bread__drop-icn {
  transform: rotate(0);
}

.bread__back, .bread__link, .bread__el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid var(--color-bd-primary);
  color: var(--color-text-primary);
  padding: 1px 8px 3px;
  border-radius: 8px;
  transition: border var(--trans-base);
  gap: 4px;
}

.bread__back {
  display: none;
}

.bread__back-text::first-letter {
  text-transform: uppercase;
}

.bread__link:hover {
  border-color: var(--color-bd-primary-hover);
}

.bread__el {
  color: var(--color-text-secondary);
}

.bread__el.bread__el--current {
  color: var(--color-text-secondary);
}

[data-theme=dark] .bread__el.bread__el--current {
  color: #ADAAB1;
}

.bread__el.has-drop {
  color: var(--color-text-primary);
}

.bread__icn {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .bread__item:not(:first-child) {
    display: none;
  }
  .bread.has-backlink .bread__item {
    display: none;
  }
  .bread__back {
    display: inline-flex;
  }
  .bread__icn {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .bread__aside > :not([data-fav]) {
    display: none;
  }
}
.calc-block {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding-top: 16px;
}

.calc-block__desc, .calc-block__form, .calc-block__res {
  min-width: 1px;
}

.calc-block__desc {
  min-width: 1px;
  cursor: default;
  padding-left: var(--container-padd);
}

.calc-block__desc::first-letter {
  text-transform: uppercase;
}

.calc-block__desc-block {
  position: sticky;
  top: calc(16px + var(--header-height));
  right: 0;
}

.calc-block__desc-title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
  cursor: default;
}

.calc-block__desc-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  max-width: 366px;
}

.calc-block__form {
  min-width: 1px;
}

.calc-block__form-row {
  margin-top: 16px;
}

.calc-block__form-row:first-child {
  margin-top: 0;
}

.calc-block__form-tab {
  padding-top: 16px;
  display: none;
}

.calc-block__form-tab.is-active {
  display: block;
}

.calc-block__form-title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  margin-bottom: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

.calc-block__form-title::first-letter {
  text-transform: uppercase;
}

.calc-block__date {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  user-select: none;
}

.calc-block__date-btn {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
}

.calc-block__date-btn:focus {
  outline: none;
}

.calc-block__date-btn:hover {
  color: var(--color-text-primary);
}

.calc-block__date-btn.is-active {
  color: var(--color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  pointer-events: none;
}

.calc-block__form-send {
  margin-top: 16px;
}

.calc-block__res {
  min-width: 1px;
  position: relative;
}

.calc-block__res-block {
  display: none;
  height: 100%;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  position: sticky;
  top: calc(16px + var(--header-height));
  right: 0;
  padding: 12px 16px;
  border-radius: 20px;
  background: var(--color-bg-secondary);
}

.calc-block__res-block.is-active {
  display: flex;
}

.calc-block__res-row {
  padding-bottom: 16px;
}

.calc-block__res-row--summ {
  padding-top: 12px;
  border-top: 1px solid var(--color-bd-primary);
}

.calc-block__res-row:only-child, .calc-block__res-row--summ:only-child {
  border: 0;
  padding-top: 0;
}

.calc-block__res-from {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-secondary);
}

.calc-block__res-title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-primary);
  cursor: default;
}

.calc-block__res-title::first-letter {
  text-transform: uppercase;
}

.calc-block__res-title--sub {
  color: var(--color-text-secondary);
}

.calc-block__res-val {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  white-space: nowrap;
  display: block;
  cursor: default;
}

.calc-block__res-val--accent {
  color: var(--color-text-accent);
}

.calc-block__res-val svg {
  fill: transparent;
  position: relative;
  top: -0.1em;
}

.calc-block__res-about {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  margin-top: auto;
  padding-top: 84px;
  cursor: default;
}

.calc-block__send {
  display: none;
  margin-top: 16px;
}

@media only screen and (max-width: 1024px) {
  .calc-block {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 2;
    gap: var(--gap);
    padding-top: 32px;
  }
  .calc-block__desc {
    grid-column: span 2;
  }
  .calc-block__desc-title, .calc-block__desc-text {
    max-width: 526px;
  }
  .calc-block__desc-title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .calc-block__desc-text {
    max-width: 526px;
  }
  .calc-block__form-send {
    display: none;
  }
  .calc-block__send {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  .calc-block {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
  }
  .calc-block__desc {
    grid-column: unset;
  }
}
.carousel-finishing {
  position: relative;
}

.carousel-finishing [data-carousel-finishing=tabs] {
  width: calc(100% + 32px);
  margin-left: -16px;
  padding: 0 16px;
  position: relative;
  user-select: none;
}

.carousel-finishing [data-carousel-finishing=tabs]::before,
.carousel-finishing [data-carousel-finishing=tabs]::after {
  content: "";
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0;
  display: block;
  z-index: 2;
}

.carousel-finishing [data-carousel-finishing=tabs]::before {
  left: 0;
  background: linear-gradient(90deg, #fff, #fff 25%, rgba(255, 255, 255, 0));
}

.carousel-finishing [data-carousel-finishing=tabs]::after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
}

.carousel-finishing [data-carousel-finishing=object-filters] {
  width: calc(100% + 16px);
  margin-left: -8px;
  padding: 0 8px;
}

.carousel-finishing [data-carousel-finishing=info]:not(.swiper-initialized) .swiper-wrapper {
  --column-width: calc((100% - 32px) / 3);
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--column-width));
  grid-auto-columns: var(--column-width);
  column-gap: 16px;
  grid-auto-flow: column;
}

.carousel-finishing [data-carousel-finishing=object-filters]:not(.swiper-initialized) .swiper-wrapper {
  --column-width: 215px;
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--column-width));
  grid-auto-columns: var(--column-width);
  column-gap: 8px;
  grid-auto-flow: column;
  justify-content: center;
}

.carousel-finishing [data-carousel-finishing=object-filters] .swiper-wrapper.is-center {
  justify-content: center;
}

.carousel-finishing [data-carousel-finishing=feature]:not(.swiper-initialized) .swiper-wrapper,
.carousel-finishing [data-carousel-finishing=type-buy]:not(.swiper-initialized) .swiper-wrapper,
.carousel-finishing [data-carousel-finishing=similar-flat]:not(.swiper-initialized) .swiper-wrapper {
  --column-width: calc((100% - 48px) / 4);
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--column-width));
  grid-auto-columns: var(--column-width);
  column-gap: 16px;
  grid-auto-flow: column;
}

.carousel-finishing [data-carousel-finishing=tabs]:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 16px;
}

.carousel-finishing [data-carousel-finishing=feature].swiper-initialized .swiper-slide,
.carousel-finishing [data-carousel-finishing=type-buy].swiper-initialized .swiper-slide,
.carousel-finishing [data-carousel-finishing=similar-flat].swiper-initialized .swiper-slide {
  width: calc((100% - 48px) / 4);
}

.carousel-finishing [data-carousel-finishing=tabs].swiper-initialized .swiper-slide {
  width: auto;
}

.carousel-finishing [data-carousel-finishing=object-filters].swiper-initialized .swiper-slide {
  width: 215px;
}

.carousel-finishing [data-carousel-finishing=object-finishing] .swiper-slide {
  display: flex;
}

.carousel-finishing__navigation {
  display: none;
  justify-content: space-between;
  position: absolute;
  width: calc(100% + 16px);
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
}

.carousel-finishing__navigation .btn-control:not(.is-disabled) {
  pointer-events: all;
}

.swiper-initialized .carousel-finishing__navigation, .swiper-initialized ~ .carousel-finishing__navigation {
  display: flex;
}

[data-carousel-finishing=object-finishing] ~ .carousel-finishing__navigation {
  width: 100%;
  padding: 0 16px;
  left: 0;
}

.carousel-finishing__pagination {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

@media only screen and (max-width: 1440px) {
  .carousel-finishing__navigation {
    width: calc(100% + 16px);
    left: -8px;
  }
}
@media only screen and (max-width: 1280px) {
  .carousel-finishing [data-carousel-finishing=object-finishing] {
    width: 100%;
    aspect-ratio: 768/615;
  }
  [data-carousel-finishing=object-finishing] ~ .carousel-finishing__navigation {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .carousel-finishing [data-carousel-finishing=info],
  .carousel-finishing [data-carousel-finishing=feature],
  .carousel-finishing [data-carousel-finishing=type-buy],
  .carousel-finishing [data-carousel-finishing=similar-flat] {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0 16px;
  }
  .carousel-finishing [data-carousel-finishing=tabs]::before,
  .carousel-finishing [data-carousel-finishing=tabs]::after {
    display: none;
  }
  .carousel-finishing [data-carousel-finishing=info]:not(.swiper-initialized) .swiper-wrapper {
    --column-width: 343px;
    column-gap: 8px;
  }
  .carousel-finishing [data-carousel-finishing=info] .swiper-slide {
    width: 343px;
  }
  .carousel-finishing [data-carousel-finishing=feature]:not(.swiper-initialized) .swiper-wrapper {
    --column-width: 260px;
    column-gap: 8px;
  }
  .carousel-finishing [data-carousel-finishing=feature].swiper-initialized .swiper-slide {
    width: 260px;
  }
  .carousel-finishing [data-carousel-finishing=type-buy]:not(.swiper-initialized) .swiper-wrapper,
  .carousel-finishing [data-carousel-finishing=similar-flat]:not(.swiper-initialized) .swiper-wrapper {
    --column-width: 343px;
    column-gap: 8px;
  }
  .carousel-finishing [data-carousel-finishing=type-buy].swiper-initialized .swiper-slide,
  .carousel-finishing [data-carousel-finishing=similar-flat].swiper-initialized .swiper-slide {
    width: 343px;
  }
  .swiper-initialized .carousel-finishing__navigation, .swiper-initialized ~ .carousel-finishing__navigation, .carousel-finishing__navigation {
    display: none;
  }
  .carousel-finishing__pagination {
    bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-finishing [data-carousel-finishing=object-finishing] {
    aspect-ratio: 375/300;
  }
}
.carousel {
  position: relative;
}

.carousel [data-carousel=tabs] {
  width: calc(100% + 32px);
  margin-left: -16px;
  padding: 0 16px;
  position: relative;
  user-select: none;
}

.carousel [data-carousel=tabs]::before,
.carousel [data-carousel=tabs]::after {
  content: "";
  width: 16px;
  height: 100%;
  position: absolute;
  top: 0;
  display: block;
  z-index: 2;
}

.carousel [data-carousel=tabs]::before {
  left: 0;
  background: linear-gradient(90deg, #fff, #fff 25%, rgba(255, 255, 255, 0));
}

.carousel [data-carousel=tabs]::after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff);
}

.carousel [data-carousel=object-filters] {
  width: calc(100% + 16px);
  margin-left: -8px;
  padding: 0 8px;
}

.carousel [data-carousel=info]:not(.swiper-initialized) .swiper-wrapper {
  --column-width: calc((100% - 32px) / 3);
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--column-width));
  grid-auto-columns: var(--column-width);
  column-gap: 16px;
  grid-auto-flow: column;
}

.carousel [data-carousel=object-filters]:not(.swiper-initialized) .swiper-wrapper {
  --column-width: 215px;
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--column-width));
  grid-auto-columns: var(--column-width);
  column-gap: 8px;
  grid-auto-flow: column;
  justify-content: center;
}

.carousel [data-carousel=object-filters] .swiper-wrapper.is-center {
  justify-content: center;
}

.carousel [data-carousel=feature]:not(.swiper-initialized) .swiper-wrapper,
.carousel [data-carousel=type-buy]:not(.swiper-initialized) .swiper-wrapper,
.carousel [data-carousel=similar-flat]:not(.swiper-initialized) .swiper-wrapper {
  --column-width: calc((100% - 48px) / 4);
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--column-width));
  grid-auto-columns: var(--column-width);
  column-gap: 16px;
  grid-auto-flow: column;
}

.carousel [data-carousel=tabs]:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
  column-gap: 16px;
}

.carousel [data-carousel=feature].swiper-initialized .swiper-slide,
.carousel [data-carousel=type-buy].swiper-initialized .swiper-slide,
.carousel [data-carousel=similar-flat].swiper-initialized .swiper-slide {
  width: calc((100% - 48px) / 4);
}

.carousel [data-carousel=tabs].swiper-initialized .swiper-slide {
  width: auto;
}

.carousel [data-carousel=object-filters].swiper-initialized .swiper-slide {
  width: 215px;
}

.carousel [data-carousel=object-finishing] .swiper-slide {
  display: flex;
}

.carousel__navigation {
  display: none;
  justify-content: space-between;
  position: absolute;
  width: calc(100% + 16px);
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
}

.carousel__navigation .btn-control:not(.is-disabled) {
  pointer-events: all;
}

.swiper-initialized .carousel__navigation, .swiper-initialized ~ .carousel__navigation {
  display: flex;
}

[data-carousel=object-finishing] ~ .carousel__navigation {
  width: 100%;
  padding: 0 16px;
  left: 0;
}

.carousel__pagination {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

@media only screen and (max-width: 1440px) {
  .carousel__navigation {
    width: calc(100% + 16px);
    left: -8px;
  }
}
@media only screen and (max-width: 1280px) {
  .carousel [data-carousel=object-finishing] {
    width: 100%;
    aspect-ratio: 768/615;
  }
  [data-carousel=object-finishing] ~ .carousel__navigation {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .carousel [data-carousel=info],
  .carousel [data-carousel=feature],
  .carousel [data-carousel=type-buy],
  .carousel [data-carousel=similar-flat] {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding: 0 16px;
  }
  .carousel [data-carousel=tabs]::before,
  .carousel [data-carousel=tabs]::after {
    display: none;
  }
  .carousel [data-carousel=info]:not(.swiper-initialized) .swiper-wrapper {
    --column-width: 343px;
    column-gap: 8px;
  }
  .carousel [data-carousel=info] .swiper-slide {
    width: 343px;
  }
  .carousel [data-carousel=feature]:not(.swiper-initialized) .swiper-wrapper {
    --column-width: 260px;
    column-gap: 8px;
  }
  .carousel [data-carousel=feature].swiper-initialized .swiper-slide {
    width: 260px;
  }
  .carousel [data-carousel=type-buy]:not(.swiper-initialized) .swiper-wrapper,
  .carousel [data-carousel=similar-flat]:not(.swiper-initialized) .swiper-wrapper {
    --column-width: 343px;
    column-gap: 8px;
  }
  .carousel [data-carousel=type-buy].swiper-initialized .swiper-slide,
  .carousel [data-carousel=similar-flat].swiper-initialized .swiper-slide {
    width: 343px;
  }
  .swiper-initialized .carousel__navigation, .swiper-initialized ~ .carousel__navigation, .carousel__navigation {
    display: none;
  }
  .carousel__pagination {
    bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel [data-carousel=object-finishing] {
    aspect-ratio: 375/300;
  }
}
.city-change {
  z-index: 99;
  display: inline-block;
  vertical-align: top;
  border-radius: var(--radius-medium);
  background: var(--color-bg-primary-reverse);
  box-shadow: var(--shadow-drop);
  max-width: 252px;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transform: translate(0, 0);
  transition: opacity var(--trans-base), transform var(--trans-base), visibility var(--trans-base);
}

.city-change.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(0, 100%);
}

.city-change__core {
  padding: 4px 8px 8px;
}

.city-change__info {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: default;
  color: var(--color-text-secondary-reverse);
  padding-top: 1px;
}

.city-change__info b {
  font-weight: 400;
  color: var(--color-text-primary-reverse);
}

.city-change__controls {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  white-space: nowrap;
}

.city-change__controls .btn {
  padding-left: 10px;
  padding-right: 10px;
}

.contact-prop {
  display: grid;
  grid-template-columns: repeat(3, auto);
  column-gap: 4px;
  justify-content: start;
  justify-items: start;
}

.contact-prop__icon {
  --size-icon: 16px;
  width: var(--size-icon);
  height: var(--size-icon);
  color: var(--color-icn-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
}

.contact-prop__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 4px;
  align-self: center;
  padding-bottom: 2px;
}

.contact-prop__btn {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  border: none;
  background-color: var(--color-transparent);
  opacity: 0.6;
  transition: opacity var(--trans-base), color var(--trans-base);
}

.contact-prop__btn:hover {
  opacity: 1;
}

.contact-prop__btn:active {
  color: var(--color-icn-accent);
}

.contact-prop__btn .icn {
  fill: var(--color-transparent);
  stroke: currentColor;
}

@media (hover: hover) {
  .contact-prop__text[href]:hover {
    color: var(--color-text-accent);
  }
}
.cookie-block {
  position: fixed;
  right: 0;
  bottom: 16px;
  transform: translateX(100%);
  z-index: 90;
  width: 100%;
  max-width: 352px;
  padding: 0 16px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--trans-base);
  transition-property: transform, opacity, visibility;
}

.cookie-block.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateX(0);
}

.cookie-block__inner {
  padding: 5px 8px 8px;
  background: var(--color-bg-primary);
  border-radius: 8px;
  box-shadow: var(--shadow-drop);
}

[data-theme=dark] .cookie-block__inner {
  color: var(--color-text-primary-reverse);
  background: var(--color-bg-primary-reverse);
}

.cookie-block__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.cookie-block__text::first-letter {
  text-transform: uppercase;
}

.cookie-block__text a {
  text-decoration: underline;
  color: var(--color-text-accent);
}

.cookie-block__text a:hover {
  text-decoration: none;
}

.cookie-block__footer {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-top: 11px;
}

@media only screen and (max-width: 480px) {
  .cookie-block {
    right: auto;
    left: 50%;
    max-width: 100%;
  }
  .cookie-block.is-visible {
    transform: translateX(-50%);
  }
}
.faq {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
  justify-items: center;
  padding-top: 32px;
}

.faq .accordeon__panel {
  color: var(--color-text-secondary);
}

.faq__controls .btn {
  border: none;
  color: var(--color-text-tetriary);
  flex-direction: row-reverse;
}

.faq__controls .btn:hover {
  color: var(--color-text-secondary);
}

.faq__controls .btn:active {
  color: var(--color-text-primary);
}

@media only screen and (max-width: 1024px) {
  .faq {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
  }
  .faq .text {
    padding-top: 16px;
  }
  .faq__controls {
    padding: 4px 0;
  }
}
@media only screen and (max-width: 767px) {
  .faq {
    padding-left: 0;
    padding-right: 0;
  }
}
.features-carousel {
  position: relative;
}

.features-carousel__prev, .features-carousel__next {
  position: absolute;
  top: 50%;
  z-index: 2;
  transform: translate(0, -50%);
}

.features-carousel__prev {
  left: -8px;
}

.features-carousel__next {
  right: -8px;
}

.features-carousel__core {
  margin-left: -8px;
  margin-right: -8px;
}

.features-carousel__list {
  align-items: stretch;
}

.features-carousel__item {
  padding-left: 8px;
  padding-right: 8px;
  width: 25%;
  height: unset;
}

.features-carousel__item--large {
  width: 50%;
}

@media only screen and (max-width: 1440px) {
  .features-carousel__core {
    overflow: visible;
  }
  .features-carousel__item {
    width: 356px;
  }
  .features-carousel__item--large {
    width: 712px;
  }
}
@media only screen and (max-width: 1024px) {
  .features-carousel__core {
    margin-left: -4px;
    margin-right: -4px;
  }
  .features-carousel__prev, .features-carousel__next {
    display: none;
  }
  .features-carousel__item {
    padding-left: 4px;
    padding-right: 4px;
    width: 268px;
  }
  .features-carousel__item--large {
    width: 491px;
  }
}
@media only screen and (max-width: 768px) {
  .features-carousel__item--large {
    width: 260px;
  }
}
.feedback__core {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
}

.feedback__main {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  row-gap: 24px;
  background-color: var(--color-bg-accent);
  border-radius: 20px;
  padding: 20px 24px;
  min-height: 468px;
}

.feedback__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
}

.feedback__title::first-letter {
  text-transform: uppercase;
}

.feedback__note {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 4px;
  align-items: center;
  color: var(--color-text-primary-reverse);
}

.feedback__note .icn {
  margin-top: 0.1em;
}

.feedback__cover picture,
.feedback__cover img {
  display: block;
  height: 100%;
  width: 100%;
}

.feedback__cover img {
  border-radius: 20px;
  object-fit: cover;
}

.feedback .form--hr {
  padding-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
  .feedback__core {
    grid-template-columns: 1fr;
  }
  .feedback__main {
    padding-right: 56px;
    min-height: initial;
  }
  .feedback__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .feedback__note {
    margin-top: 56px;
  }
  .feedback__cover {
    display: none;
  }
  .feedback .form--hr {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .feedback__main {
    padding: 12px 16px;
  }
  .feedback__cover picture,
  .feedback__cover img {
    height: auto;
  }
}
@media only screen and (max-width: 620px) {
  .feedback__note {
    align-items: start;
  }
}
.filter {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--color-bg-primary-reverse);
  padding: 20px;
  border-radius: 20px;
  color: var(--color-text-secondary);
  user-select: none;
}

[data-theme=dark] .filter {
  background: var(--color-bg-accent-dark);
}

.filter__head {
  width: 100%;
  padding: 12px 16px;
  position: sticky;
  left: 0;
  top: 0;
  display: none;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-bd-primary-reverse2);
  background: var(--color-bg-primary-reverse);
}

.filter__head-core {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}

.filter__head-title {
  font-size: 18px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  cursor: default;
}

.filter__head-title::first-letter {
  text-transform: uppercase;
}

.filter__head-reset {
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  font-family: var(--font-family);
  border-radius: 100px;
  padding: 2px 8px;
  background: transparent;
  color: var(--color-text-primary-reverse);
  opacity: 0.4;
  transition: opacity var(--trans-base);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.filter__head-reset:hover, .filter__head-reset:active {
  opacity: 1;
  text-decoration: underline;
}

.filter__head-reset .icn {
  position: relative;
  bottom: -1px;
}

.filter__head-close {
  width: 40px;
  height: 40px;
  background: transparent;
  color: var(--color-text-primary-reverse);
  border: 1px solid var(--color-bd-primary-reverse2);
  border-radius: var(--radius-base);
}

.filter__head-close:hover, .filter__head-close:active {
  background: var(--color-text-primary-reverse);
  color: var(--color-text-primary);
}

.filter__row {
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.filter__row.is-hidden {
  max-height: 0 !important;
}

.filter__row + .filter__row .filter__row-core {
  padding-top: 24px;
}

.filter--catalog .filter__col--end-mob {
  display: none;
}

.filter__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  margin-bottom: 8px;
  color: var(--color-text-primary-reverse);
  cursor: default;
}

.filter__title::first-letter {
  text-transform: uppercase;
}

[data-theme=dark] .filter__title {
  color: var(--color-text-primary-reverse-60);
}

.filter__val {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2px;
  width: 100%;
}

.filter__range {
  width: 100%;
  flex: 0 1 auto;
}

.filter__custom-check {
  white-space: nowrap;
}

.filter__tags {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  user-select: none;
}

.filter__tags-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--color-text-primary-reverse);
  padding: 0 12px;
  min-height: 24px;
  border-radius: var(--radius-super);
  background: var(--color-bg-secondary-new);
  transition: background var(--trans-base), color var(--trans-base), opacity var(--trans-base);
}

.filter__tags-wrapper:hover {
  opacity: 0.8;
}

.filter__tags-wrapper:has(input:checked) {
  background: var(--color-bg-primary);
  color: var(--color-text-accent-light);
}

.filter__tags-hint {
  cursor: pointer;
}

.filter__tags-item {
  display: block;
}

.filter__tags-item input {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
}

.filter__tags-el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  vertical-align: top;
  justify-content: center;
  align-items: center;
}

.filter__options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter__show {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  color: var(--color-text-primary-reverse);
  position: relative;
  display: inline-block;
  transition: color var(--trans-base);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.filter__show:hover {
  color: var(--color-text-accent-light);
}

.filter__reset {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-tetriary-reverse);
  transition: color var(--trans-base);
}

.filter__reset::first-letter {
  text-transform: uppercase;
}

.filter__reset:hover {
  color: var(--color-text-primary-reverse);
}

.filter__reset-text {
  padding-bottom: 2px;
}

.filter__footer {
  display: none;
  background: var(--color-bg-primary-reverse);
  margin-top: auto;
  position: sticky;
  bottom: 0;
  left: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  width: 100%;
  z-index: 1;
}

.filter--commercial {
  padding: 16px;
}

.filter--commercial .filter__body {
  display: flex;
  flex-direction: column;
}

.filter--commercial:not(:has(.filter__show.is-open)) .filter__body {
  min-height: 0;
  position: relative;
  padding-bottom: 24px;
}

.filter--commercial:not(:has(.filter__show.is-open)) .filter__row--controls {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin-top: 0;
}

.filter--commercial:not(:has(.filter__show.is-open)) .filter__row--controls .filter__row-core {
  padding-top: 0;
}

.filter--commercial .filter__row {
  max-height: none;
}

.filter--commercial .filter__row-core {
  gap: 16px 0;
}

.filter--commercial .filter__row--controls {
  margin-top: auto;
}

.filter--commercial .filter__row--controls .filter__row-core {
  width: 100%;
}

.filter--commercial .filter__col--project,
.filter--commercial .filter__col--house,
.filter--commercial .filter__col--deadline {
  width: 16.6666666667%;
}

.filter--commercial .filter__col--purchase {
  width: 210px;
}

.filter--commercial .filter__col--commercial-price {
  width: 33.3333333333%;
}

.filter--commercial .filter__col--floor:not(.filter__col--commercial-price) {
  width: 16.6666666667%;
}

.filter--commercial .filter__col--total_area {
  width: 16.6666666667%;
}

.filter--commercial .filter__col--business {
  width: 16.6666666667%;
  padding-top: 28px;
}

.filter--commercial .filter__col--business .filter__title {
  display: none;
}

.filter--commercial .filter__col--business .filter__custom-check {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.filter--commercial .filter__tags-wrapper {
  min-height: 24px;
  padding: 1px 12px 3px;
  background: #3c3546;
}

.filter--commercial .filter__tags-wrapper:has(input:checked) {
  background: #fff;
  color: var(--color-text-accent-light);
}

@media only screen and (max-width: 1440px) {
  .filter--parking .filter__row {
    flex-wrap: wrap;
    gap: 16px 0;
  }
  .filter--full-project .filter__row {
    flex-wrap: nowrap;
  }
  .filter--full-project .filter__col--date {
    width: 100%;
    flex: 0 1 auto;
  }
  .filter--full-project .filter__col--rooms, .filter--full-project .filter__col--send {
    width: min-content;
  }
  .filter--pantry .filter__col--price {
    width: 50%;
  }
  .filter--pantry .filter__col--project, .filter--pantry .filter__col--s {
    width: 25%;
  }
}
@media only screen and (max-width: 1439px) {
  .filter--catalog .filter__row-core {
    flex-wrap: wrap;
    gap: 16px 0;
  }
  .filter--catalog .filter__col--project, .filter--catalog .filter__col--s, .filter--catalog .filter__col--rooms {
    width: 33.3333333333%;
  }
  .filter--catalog .filter__col--floor {
    width: 50%;
  }
  .filter--commercial .filter__col--commercial-price {
    width: 33.3333333333%;
  }
  .filter--commercial .filter__col--project,
  .filter--commercial .filter__col--house,
  .filter--commercial .filter__col--deadline,
  .filter--commercial .filter__col--total_area,
  .filter--commercial .filter__col--floor:not(.filter__col--commercial-price),
  .filter--commercial .filter__col--business {
    width: 16.6666666667%;
  }
  .filter--commercial .filter__col--purchase {
    width: 210px;
  }
}
@media only screen and (max-width: 1280px) {
  .filter--parking .filter__col {
    width: 50%;
  }
  .filter--catalog .filter__col--rules, .filter--catalog .filter__col--parking, .filter--catalog .filter__col--end {
    width: 33.3333333333%;
  }
  .filter--catalog .filter__col--locked, .filter--catalog .filter__col--business {
    width: 25%;
  }
  .filter--full-project .filter__row, .filter--projects .filter__row {
    flex-wrap: wrap;
    gap: 16px 0;
  }
  .filter--projects .filter__col--price {
    width: 50%;
  }
  .filter--full-project .filter__col--price, .filter--full-project .filter__col--floor {
    width: 41.6666666667%;
  }
  .filter--full-project .filter__col--floor {
    width: 33.3333333333%;
  }
  .filter--projects .filter__col--date, .filter--projects .filter__col--how, .filter--projects .filter__col--parking, .filter--projects .filter__col--business, .filter--full-project .filter__col--rooms, .filter--full-project .filter__col--send {
    width: 25%;
  }
  .filter--catalog .filter__col--locked .filter__title, .filter--catalog .filter__col--business .filter__title {
    display: none;
  }
  .filter--full-project .filter__col--date {
    width: 66.6666666667%;
    flex: 0 0 auto;
  }
  .filter--commercial .filter__col--commercial-price {
    width: 33.3333333333%;
  }
  .filter--commercial .filter__col--project,
  .filter--commercial .filter__col--house,
  .filter--commercial .filter__col--deadline,
  .filter--commercial .filter__col--total_area,
  .filter--commercial .filter__col--floor:not(.filter__col--commercial-price),
  .filter--commercial .filter__col--business {
    width: 16.6666666667%;
  }
  .filter--commercial .filter__col--purchase {
    width: 210px;
  }
}
@media only screen and (max-width: 1024px) {
  .filter:not(.filter--full-project) {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    transform: translate(0, 100%);
    pointer-events: none;
    visibility: hidden;
    overflow: auto;
    opacity: 0;
    padding: 0;
    transition: transform var(--trans-base), opacity var(--trans-base);
  }
  .filter.is-open {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
    transform: translate(0, 0);
  }
  .filter__head {
    display: flex;
    z-index: 3;
  }
  .filter:not(.filter--full-project) .filter__body {
    padding: 16px;
  }
  .filter__row--controls {
    display: none;
  }
  .filter--pantry .filter__row {
    flex-wrap: wrap;
    gap: 16px 0;
  }
  .filter--projects .filter__col, .filter--catalog .filter__col, .filter--pantry .filter__col {
    width: 50%;
  }
  .filter--catalog .filter__col--end-mob {
    display: block;
  }
  .filter--catalog .filter__col--end {
    display: none;
  }
  .filter--projects .filter__col--price {
    width: 100%;
    order: -1;
  }
  .filter [data-spoiler-target=filter-all] {
    max-height: unset !important;
  }
  .filter__footer {
    display: block;
  }
}
@media only screen and (max-width: 960px) {
  .filter--full-project .filter__col {
    width: 50%;
  }
  .filter--full-project .filter__col--send {
    width: 100%;
  }
  .filter--full-project .filter__col--send .filter__title {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .filter--projects .filter__col, .filter--catalog .filter__col, .filter--pantry .filter__col, .filter--parking .filter__col {
    width: 100%;
  }
  .filter--full-project .filter__col--price, .filter--full-project .filter__col--floor {
    width: 100%;
  }
  .filter--projects .filter__col--business .filter__title, .filter--parking .filter__col--parking .filter__title {
    display: none;
  }
}
@media only screen and (max-width: 620px) {
  .filter--full-project .filter__col {
    width: 100%;
  }
}
.floor-plan {
  position: relative;
}

.floor-plan__layout {
  position: absolute;
  width: 100%;
  height: 100%;
}

.floor-plan__layout-item {
  opacity: 0.5;
  fill: var(--color-bg-accent);
}

.footer-accepts {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

.footer-accepts__item {
  line-height: 1;
}

.footer-accepts__el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
}

.footer-accepts__el:hover {
  color: var(--color-text-accent);
}

@media only screen and (max-width: 960px) {
  .footer-accepts {
    width: 100%;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .footer-accepts {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer-menu {
  user-select: none;
}

.footer-menu__item {
  margin-bottom: 8px;
}

.footer-menu__item:last-child {
  margin-bottom: 0;
}

.footer-menu__el {
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  vertical-align: top;
  padding-top: 4px;
  padding-bottom: 6px;
}

.footer-menu__el--badge {
  padding-top: 3px;
  padding-bottom: 3px;
}

.footer-menu__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  transition: color var(--trans-base);
}

[data-theme=dark] .footer-menu__text {
  color: var(--color-text-primary-reverse);
}

.footer-menu__el:hover .footer-menu__text {
  color: var(--color-text-accent);
}

.footer-menu__icn {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-right: 4px;
  color: var(--color-icn-accent);
}

.footer-menu__badge {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  color: var(--color-text-primary-reverse);
  padding: 2px 8px;
  border-radius: 100px;
  background: var(--color-bg-primary-reverse);
  margin-left: 8px;
  min-height: 24px;
}

.footer-menu__badge--light {
  background: var(--color-bg-secondary);
  color: var(--color-icn-accent);
}

[data-theme=dark] .footer-menu__badge {
  color: var(--color-text-accent-light);
  background-color: var(--color-bg-primary);
}

[data-theme=dark] .footer-menu__badge--light {
  color: var(--color-text-primary-reverse);
  background-color: var(--color-bg-accent);
}

.gallery-slider {
  position: relative;
  user-select: none;
  overflow: hidden;
}

.gallery-slider__swiper {
  border-radius: var(--radius-medium);
}

.gallery-slider__pag {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.gallery-slider__prev, .gallery-slider__next, .gallery-slider__fullscreen {
  position: absolute;
  z-index: 2;
}

.gallery-slider__prev, .gallery-slider__next {
  top: 50%;
  transform: translate(0, -50%);
}

.gallery-slider__prev {
  left: 16px;
}

.gallery-slider__next, .gallery-slider__fullscreen {
  right: 16px;
}

.gallery-slider__fullscreen {
  bottom: 16px;
}

.gallery-slider__pic {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/0.6253561254;
}

.gallery-slider__pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-slider__pic--lobby {
  aspect-ratio: 1/0.6358173077;
}

@media only screen and (max-width: 1024px) {
  .gallery-slider__fullscreen {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .gallery-slider__pag {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .gallery-slider__prev, .gallery-slider__next {
    display: none;
  }
  .gallery-slider__pag {
    bottom: 16px;
  }
}
@media only screen and (max-width: 620px) {
  .gallery-slider__pic {
    aspect-ratio: 1.5590909091;
  }
}
@media only screen and (max-width: 480px) {
  .gallery-slider__pag {
    bottom: 8px;
  }
}
.header-menu {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding-left: 8px;
  padding-right: 8px;
  user-select: none;
}

.header-menu__item {
  position: relative;
}

.header-menu__item--drop {
  display: none;
}

.header-menu__el {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  color: var(--color-text-primary);
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: background var(--trans-base), color var(--trans-base), opacity var(--trans-base);
}

.header-menu__el--has-icn {
  padding-left: 4px;
}

.header-menu__el--has-icn-right {
  padding-right: 4px;
}

.has-menu .header-menu__el--menu, .has-more-menu .header-menu__el--menu-more {
  background: var(--color-text-primary);
  color: var(--color-text-primary-reverse);
}

.header-menu__el:hover {
  color: var(--color-text-accent);
  background: var(--color-bg-secondary);
}

.has-menu .header-menu__el--menu:hover, .has-more-menu .header-menu__el--menu-more:hover {
  background: var(--color-text-primary);
  color: var(--color-text-primary-reverse);
  opacity: 0.7;
}

.has-menu .header-menu__icn, .has-more-menu .header-menu__icn-more, .header-menu__icn--close, .header-menu__icn-more--close {
  display: none;
}

.has-menu .header-menu__icn--close, .has-more-menu .header-menu__icn-more--close {
  display: inline-block;
}

[data-theme=dark] .header-menu__el {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bg-secondary: var(--color-bg-secondary-new);
}

[data-theme=dark].has-menu .header-menu__el--menu, [data-theme=dark].has-more-menu .header-menu__el--menu-more {
  background: var(--color-bg-secondary-new);
}

.header-menu__item--drop:hover .header-menu__el {
  color: var(--color-text-accent);
  background: var(--color-bg-secondary);
}

.header-menu__text {
  display: inline-block;
  vertical-align: middle;
  padding-top: 2px;
  padding-bottom: 4px;
  white-space: nowrap;
}

.header-menu__drop {
  position: absolute;
  left: 8px;
  top: 100%;
  padding-top: 8px;
  min-width: 125px;
  visibility: hidden;
  transform: translate(0, 30%);
  opacity: 0;
  transition: transform var(--trans-base), opacity var(--trans-base), visibility var(--trans-base);
}

.header-menu__item:hover .header-menu__drop {
  opacity: 1;
  transform: translate(0, 0);
  visibility: visible;
}

.header-menu__drop-core {
  padding-top: 4px;
  padding-bottom: 4px;
  background: var(--color-bg-primary);
  border-radius: var(--radius-medium);
  box-shadow: var(--shadow-drop);
  max-height: 300px;
  overflow: auto;
}

[data-theme=dark] .header-menu__drop-core {
  --color-bg-primary: var(--color-bg-primary-reverse);
  --color-bg-secondary: var(--color-bg-darken);
  --color-text-primary: var(--color-text-primary-reverse);
}

.header-menu__drop-el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding: 1px 8px 3px;
  display: block;
  color: var(--color-text-primary);
  transition: color var(--trans-base), background var(--trans-base);
}

.header-menu__drop-el.is-active {
  color: var(--color-text-accent);
  cursor: default;
}

.header-menu__drop-el:not(.is-active):hover {
  background: var(--color-bg-secondary);
}

@media only screen and (max-width: 1439px) {
  .header-menu__item {
    display: none;
  }
  .header-menu__item:nth-child(1), .header-menu__item:nth-child(2), .header-menu__item:nth-child(3), .header-menu__item:nth-child(4), .header-menu__item--more, .header-menu__item--drop {
    display: block;
  }
}
@media only screen and (max-width: 1279px) {
  .header-menu {
    gap: 0;
  }
}
.help-menu {
  user-select: none;
  pointer-events: all;
}

[data-theme=dark] .help-menu {
  --color-text-tetriary: var(--color-text-primary-reverse);
  --color-text-primary: var(--color-text-tetriary-reverse2);
}

.help-menu__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

.help-menu__el {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  vertical-align: top;
  color: var(--color-text-tetriary);
  transition: color var(--trans-base);
}

.help-menu__el:hover {
  color: var(--color-text-primary);
}

.help-menu__icn {
  fill: transparent;
}

.hero-page {
  padding: 80px 0 16px;
}

.hero-page:has(.hero-page__cover) {
  padding: 80px 0;
}

.hero-page__body {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 80px;
}

.hero-page__main {
  padding: 0 var(--container-padd);
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
}

.hero-page--object .hero-page__main {
  row-gap: 8px;
}

.hero-page__aside {
  margin-top: 16px;
  display: grid;
  grid-auto-flow: column;
  gap: 16px;
  justify-content: start;
  align-items: center;
  justify-items: start;
}

.hero-page__heading {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-bg-primary-reverse);
  display: block;
  cursor: default;
  max-width: 912px;
}

.hero-page__heading::first-letter {
  text-transform: uppercase;
}

.hero-page--object .hero-page__heading {
  max-width: none;
}

.hero-page__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  max-width: 580px;
}

.hero-page__descript::first-letter {
  text-transform: uppercase;
}

.hero-page__descript .icn {
  color: var(--color-icn-accent);
  margin-top: 2px;
}

.hero-page__cover {
  border-radius: 20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: end;
  justify-items: center;
}

.hero-page__cover-img {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  aspect-ratio: 1.9555555556;
}

.hero-page__cover-img picture,
.hero-page__cover-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.hero-page__cover-img img {
  background-size: contain;
}

.hero-page__cover-aside {
  grid-column: 1/2;
  grid-row: 1/2;
  padding: 16px;
  width: 100%;
  min-width: 0;
}

.hero-page__cover-aside .list-achieve {
  width: calc(100% + 32px);
  margin-left: -16px;
  padding: 0 16px;
  overflow: auto;
  scrollbar-width: none;
  cursor: pointer;
}

@media only screen and (max-width: 1024px) {
  .hero-page {
    padding: 16px 0;
  }
  .hero-page:has(.hero-page__cover) {
    padding: 16px 0 40px;
  }
  .hero-page__body {
    row-gap: 56px;
  }
  .hero-page__main {
    row-gap: 8px;
  }
  .hero-page__heading {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
    max-width: 407px;
  }
  .hero-page__descript {
    max-width: 410px;
  }
  .hero-page__aside {
    margin-top: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
  .hero-page__aside .btn {
    width: 100%;
  }
  .hero-page__aside .btn:only-child {
    grid-column: 1/-1;
  }
  .hero-page__cover-img {
    aspect-ratio: 1.84;
  }
  .hero-page__cover-aside {
    padding: 8px;
  }
  .hero-page__cover-aside .list-achieve {
    width: calc(100% + 16px);
    margin-left: -8px;
    padding: 0 8px;
  }
}
@media only screen and (max-width: 767px) {
  .hero-page__aside {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    row-gap: 8px;
  }
  .hero-page__cover-img {
    aspect-ratio: 0.7145833333;
  }
}
.link-app {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  gap: 8px;
}

.link-app__link {
  height: 40px;
}

.link-qr {
  color: var(--color-text-secondary);
  padding-top: 16px;
}

.link-qr__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  margin-bottom: 16px;
  cursor: default;
}

.link-qr__list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}

.link-qr__item {
  padding: 12px 12px 8px;
  border-radius: 8px;
  background: var(--color-bg-primary);
}

.link-qr__img {
  width: 120px;
  height: 120px;
  user-select: none;
  display: block;
  margin-top: 4px;
}

.link-qr__img img {
  width: 100%;
  height: 100%;
  background-size: contain;
}

.link-qr__footer {
  color: var(--color-text-primary);
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.link-qr__icn {
  display: inline-block;
  vertical-align: middle;
}

.list-achieve {
  --column-width: calc((100% - 48px) / 4);
  display: grid;
  grid-template-columns: repeat(auto-fill, var(--column-width));
  grid-auto-columns: var(--column-width);
  grid-auto-flow: column;
  column-gap: 16px;
}

.list-achieve__item {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--color-bg-overlay);
  backdrop-filter: blur(20px);
  user-select: none;
}

.list-achieve__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
}

.list-achieve__title sup {
  font-size: inherit;
  vertical-align: inherit;
}

.list-achieve__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary-reverse);
}

@media only screen and (max-width: 1024px) {
  .list-achieve {
    --column-width: 220px;
    column-gap: 8px;
  }
  .list-achieve__item {
    padding: 8px;
    row-gap: 4px;
  }
  .list-achieve__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
.list-docs {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 40px;
}

.list-docs__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

.list-docs__controls {
  width: 100%;
  max-width: 218px;
}

.list-docs__item {
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 8px;
  align-items: start;
  background-color: var(--color-bg-secondary);
  padding: 16px;
}

.list-docs__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.list-docs__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

@media only screen and (max-width: 1024px) {
  .list-docs__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 620px) {
  .list-docs {
    gap: 24px;
  }
  .list-docs__list {
    grid-template-columns: 1fr;
  }
}
.list-jobs {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
}

.list-jobs__item {
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 16px;
  align-items: start;
  background-color: var(--color-bg-secondary);
  padding: 16px;
}

.list-jobs__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.list-jobs__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

@media only screen and (max-width: 1024px) {
  .list-jobs__item {
    grid-template-columns: 1fr;
    row-gap: 4px;
  }
}
.map-object {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: start;
  width: 100%;
  background: var(--color-bg-lighten);
  border-radius: 8px;
  overflow: hidden;
}

[data-theme=dark] .map-object {
  background: var(--color-bg-secondary);
}

.map-object__map, .map-object__controls {
  grid-column: 1/2;
  grid-row: 1/2;
}

.map-object__map {
  width: 100%;
  min-width: 0;
  height: 590px;
  min-height: 0;
}

.map-object__controls {
  position: relative;
  z-index: 90;
  width: 204px;
  min-width: 0;
  margin: 19px 0 0 17px;
  padding: 0;
  pointer-events: none;
}

.map-object__filter-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 204px;
  height: 450px;
  padding: 12px;
  border-radius: 8px;
  background: var(--color-white);
  pointer-events: auto;
}

.map-object__filter-panel.is-collapsed {
  height: auto;
}

.map-object__filter-panel.is-collapsed > .map-object__filter {
  display: none;
}

.map-object__filter-panel.is-collapsed .map-object__filter-toggle img {
  transform: rotate(180deg);
}

.map-object__filter-head {
  display: grid;
  grid-template-columns: minmax(0, 152px) 16px;
  align-items: center;
  column-gap: 12px;
  width: 180px;
}

.map-object__filter {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 117px) 16px;
  align-items: center;
  column-gap: 12px;
  width: 180px;
  min-height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text-primary);
  font: 400 14px/16px var(--font-family);
  letter-spacing: -0.03em;
  text-align: left;
  cursor: pointer;
}

.map-object__filter.is-hidden {
  display: none;
}

.map-object__filter--all {
  grid-template-columns: 28px minmax(0, 117px);
  width: 152px;
}

.map-object__filter-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--color-white);
  color: var(--color-bg-accent);
  box-shadow: 0 4px 15.6px rgba(120, 120, 120, 0.25);
}

.map-object__filter-icon .icn {
  width: 16px;
  height: 16px;
}

.map-object__filter-icon img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.map-object__filter-icon .map-object__filter-img--active {
  display: none;
}

.map-object__filter.is-active .map-object__filter-icon {
  background: var(--color-bg-accent);
  color: var(--color-white);
}

.map-object__filter.is-active .map-object__filter-icon img {
  filter: brightness(0) invert(1);
}

.map-object__filter.is-active .map-object__filter-icon img:not(.map-object__filter-img--active) {
  opacity: 0.98;
}

.map-object__filter.is-active .map-object__filter-icon .map-object__filter-img--default {
  display: none;
}

.map-object__filter.is-active .map-object__filter-icon .map-object__filter-img--active {
  display: block;
  filter: none;
}

.map-object__filter-title,
.map-object__filter-count {
  display: block;
}

.map-object__filter-title {
  min-width: 0;
}

.map-object__filter-count {
  text-align: left;
}

.map-object__filter-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-bg-accent);
  cursor: pointer;
}

.map-object__filter-toggle img {
  display: block;
  width: 11px;
  height: 6px;
  transition: transform 0.2s ease;
}

.map-object .custom-checkbox {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .map-object__map {
    height: 590px;
  }
}
@media only screen and (max-width: 767px) {
  .map-object__map {
    height: 480px;
  }
  .map-object__controls {
    width: auto;
    max-width: calc(100% - 24px);
    margin: 12px 0 0 12px;
  }
  .map-object__filter-panel {
    width: 44px;
    height: auto;
    max-height: 420px;
    padding: 8px;
    overflow: auto;
  }
  .map-object__filter {
    display: block;
    width: 28px;
  }
  .map-object__filter-title,
  .map-object__filter-count {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
.map-object--project-location .map__controls {
  z-index: 90;
  align-content: start;
  row-gap: 12px;
  padding: 20px 16px 20px 0;
}

.map-object--project-location .map__controls .btn-control {
  --size: 36px;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  color: var(--color-white);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  box-shadow: 0 4px 15.6px rgba(120, 120, 120, 0.25);
}

.map-object--project-location [data-map-control=fullscreen] {
  position: absolute;
  right: 16px;
  bottom: 19px;
}

.map-location-modal {
  z-index: 20000;
}

.map-location-modal .hystmodal__wrap {
  width: 100%;
}

.map-location-modal .hystmodal__window {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
}

.map-location-modal__body,
.map-location-modal .map-object,
.map-location-modal .map-object__map,
.map-location-modal .map {
  height: 100%;
}

.map-location-modal .map-object {
  border-radius: inherit;
}

.map-location-modal .map-object__map {
  min-height: 0;
}

.map-location-modal .map__controls {
  padding-top: 68px;
}

.map-location-modal__close {
  --size: 36px;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10003;
  border: 0;
  background: rgba(0, 0, 0, 0.5);
  color: var(--color-white);
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  box-shadow: 0 4px 15.6px rgba(120, 120, 120, 0.25);
}

.map {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
}

.map__marker {
  --size: 28px;
  width: var(--size);
  height: var(--size);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.map__marker svg {
  display: block;
  width: 100%;
  height: 100%;
}

.map__marker rect,
.map__marker path {
  transition: var(--trans-base);
}

.map__marker.is-active rect {
  fill: var(--color-bg-accent);
}

.map__marker.is-active path:last-child {
  fill: var(--color-white);
}

.map__marker.is-active {
  z-index: 4;
}

.map__marker:hover, .map__marker:focus-visible {
  z-index: 10000;
}

.map .is-map-marker-hovered {
  z-index: 80 !important;
}

.map *:has(.map__marker:hover),
.map *:has(.map__marker:focus-visible) {
  z-index: 80 !important;
}

.map__marker--filter {
  background-color: var(--color-white);
  color: var(--color-bg-accent);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 15.6px rgba(120, 120, 120, 0.25);
}

.map__marker--filter svg {
  display: block;
  width: 16px;
  height: 16px;
}

.map__marker--filter img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.map__marker--project {
  --size: 40px;
  z-index: 5;
}

.map__project-marker {
  position: relative;
  z-index: 8;
  display: block;
  width: 66px;
  height: 66px;
  border-radius: 8px;
  background: var(--color-white);
  transform: translate(-50%, -50%);
  box-shadow: 0 4px 15.6px rgba(120, 120, 120, 0.25);
  color: var(--color-text-primary);
  text-decoration: none;
  cursor: pointer;
}

.map__project-marker:hover, .map__project-marker:focus-visible {
  z-index: 12;
}

.map__project-marker-image {
  position: absolute;
  inset: 5px;
  overflow: hidden;
  border-radius: 4px;
}

.map__project-marker-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map__project-card {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  width: max-content;
  min-width: 275px;
  max-width: min(520px, calc(100vw - 48px));
  height: 100px;
  padding: 12px;
  border-radius: 8px;
  background: var(--color-white);
  box-shadow: 0 4px 15.6px rgba(120, 120, 120, 0.25);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) scale(0.96);
  transition: opacity var(--trans-base), visibility var(--trans-base), transform var(--trans-base);
  pointer-events: none;
}

.map__project-marker:hover .map__project-card,
.map__project-marker:focus-visible .map__project-card {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%) scale(1);
}

.map__project-card-image {
  display: block;
  width: 76px;
  height: 76px;
  flex: 0 0 76px;
  overflow: hidden;
  border-radius: 4px;
}

.map__project-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map__project-card-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin-left: 20px;
  margin-top: -2px;
}

.map__project-card-title {
  display: block;
  font-family: var(--font-family-title);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--color-text-primary);
}

.map__project-card-address {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  white-space: nowrap;
}

.map__project-card-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  white-space: nowrap;
}

.map__project-card-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 1px 8px 3px;
  border-radius: 100px;
  background: var(--color-bg-primary-reverse);
  color: var(--color-text-primary-reverse);
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
}

.map__project-card-price {
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
  color: var(--color-bg-accent);
}

.map__marker-hint {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  z-index: 10001;
  transform: translate(-50%, 8px);
  min-width: max-content;
  max-width: 220px;
  padding: 8px 10px;
  border-radius: 8px;
  background-color: rgba(50, 43, 60, 0.92);
  color: var(--color-white);
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--trans-base), transform var(--trans-base), visibility var(--trans-base);
}

.map__marker-hint::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(50, 43, 60, 0.92);
}

.map__marker:hover .map__marker-hint,
.map__marker:focus-visible .map__marker-hint {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

.map__marker-wrap {
  display: flex;
  align-items: center;
  --size: 28px;
  height: var(--size);
  column-gap: 8px;
  transform: translate(-50%, -50%);
}

.map__marker-wrap .map__marker {
  transform: translate(0, 0);
}

.map__marker-wrap.is-active rect {
  fill: var(--color-bg-accent);
}

.map__marker-wrap.is-active path:last-child {
  fill: var(--color-white);
}

.map__cluster {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: var(--color-bg-accent);
  color: var(--color-white);
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  box-shadow: 0 8px 24px rgba(50, 43, 60, 0.18);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.map__marker-text {
  display: flex;
  align-items: center;
  background-color: var(--color-bg-primary);
  color: var(--color-text-accent);
  border-radius: var(--radius-medium);
  height: var(--size);
  padding-left: 11px;
  padding-right: 11px;
  font-weight: 600;
}

.map__controls {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 16px 16px 16px 0;
  pointer-events: none;
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  row-gap: 4px;
  height: 100%;
}

.map__controls .btn-control {
  pointer-events: auto;
}

.map__controls [data-map-control=close] {
  position: absolute;
  top: 16px;
  display: none;
}

@media only screen and (max-width: 1024px) {
  .map__controls [data-map-control=close] {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.master-plan {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.9555555556;
  border-radius: var(--radius-large);
}

.master-plan__cover, .master-plan__tooltip {
  grid-column: 1/2;
  grid-row: 1/2;
}

.master-plan__cover {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-y: contain;
}

.master-plan__cover::-webkit-scrollbar {
  display: none;
}

.master-plan__img {
  position: relative;
  width: 100%;
  height: 100%;
  transition: opacity var(--trans-base);
}

.master-plan__img.is-changing {
  opacity: 0.35;
}

.master-plan__img picture,
.master-plan__img img {
  display: block;
  width: 100%;
  height: 100%;
}

.master-plan__img img {
  object-fit: cover;
}

.master-plan__floor-markup {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.master-plan__floor-item {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  pointer-events: none;
}

.master-plan__floor-item:focus {
  outline: none;
}

.master-plan__floor-item:focus-visible {
  outline: none;
}

.master-plan__floor-item.is-hidden {
  display: none;
}

.master-plan__floor-item.is-selected, .master-plan__floor-item.is-hovered {
  z-index: 5;
}

.master-plan__floor-item.is-selected .master-plan__floor-area {
  fill: rgba(111, 65, 159, 0.18);
  stroke: #6f419f;
  stroke-width: 1.5;
}

.master-plan__floor-polygons {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.master-plan__floor-polygons--boxed {
  inset: auto;
}

.master-plan__floor-area {
  fill: rgba(111, 65, 159, 0.01);
  stroke: rgba(111, 65, 159, 0);
  stroke-width: 0.8;
  vector-effect: non-scaling-stroke;
  pointer-events: visiblePainted;
  transition: fill var(--trans-base), stroke var(--trans-base), stroke-width var(--trans-base);
}

.master-plan__floor-area:focus, .master-plan__floor-area:focus-visible {
  outline: none;
}

.master-plan__floor-item.is-hovered .master-plan__floor-area,
.master-plan__floor-item.is-card-pinned .master-plan__floor-area,
.master-plan__floor-area:hover {
  fill: rgba(111, 65, 159, 0.18);
  stroke: #6f419f;
  stroke-width: 1.5;
}

.master-plan__floor-point {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.master-plan__floor-point::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 1px;
  height: 24px;
  background-color: #fff;
  transform: translateX(-50%);
}

.master-plan__floor-point--interactive {
  pointer-events: auto;
  cursor: pointer;
}

.master-plan__floor-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(48, 40, 58, 0.16);
  color: #6c3f99;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.master-plan__floor-badge:focus, .master-plan__floor-badge:focus-visible {
  outline: none;
}

.master-plan__floor-item[data-genplan-level=phase] .master-plan__floor-badge {
  width: auto;
  height: 24px;
  min-width: 88px;
  padding: 2px 10px 4px;
  border-radius: 8px;
  background-color: #6f419f;
  box-shadow: none;
  color: #fff;
  font-family: "ALS Sirius", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.03em;
}

.master-plan__floor-item[data-genplan-level=phase] .master-plan__floor-point::before {
  display: none;
}

.master-plan__floor-card {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 24px);
  display: flex;
  flex-direction: column;
  width: 320px;
  padding: 16px;
  border-radius: 20px;
  background-color: #fff;
  color: #121212;
  font-family: "ALS Sirius", Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 20px;
  opacity: 0;
  transform: translateX(-50%) translateY(calc(8px + var(--genplan-card-shift-y, 0px)));
  transition: opacity var(--trans-base);
  pointer-events: none;
  z-index: 20;
}

.master-plan__floor-item[data-genplan-level=phase] .master-plan__floor-card {
  top: calc(100% + 24px);
  bottom: auto;
}

.master-plan__floor-item.is-card-align-left .master-plan__floor-card {
  left: 0;
  transform: translateX(0) translateY(calc(8px + var(--genplan-card-shift-y, 0px)));
}

.master-plan__floor-item.is-card-align-right .master-plan__floor-card {
  right: 0;
  left: auto;
  transform: translateX(0) translateY(calc(8px + var(--genplan-card-shift-y, 0px)));
}

.master-plan__floor-item.is-card-below .master-plan__floor-card {
  top: calc(100% + 24px);
  bottom: auto;
}

.master-plan__floor-item[data-genplan-level=phase].is-card-below .master-plan__floor-card {
  top: auto;
  bottom: calc(100% + 24px);
}

.master-plan__floor-item.is-card-side-right .master-plan__floor-card {
  top: 50%;
  bottom: auto;
  left: calc(100% + 24px);
  transform: translateY(calc(-50% + 8px + var(--genplan-card-shift-y, 0px)));
}

.master-plan__floor-item.is-card-side-left .master-plan__floor-card {
  top: 50%;
  right: calc(100% + 24px);
  bottom: auto;
  left: auto;
  transform: translateY(calc(-50% + 8px + var(--genplan-card-shift-y, 0px)));
}

.master-plan__floor-item.is-hovered .master-plan__floor-card,
.master-plan__floor-item.is-card-pinned .master-plan__floor-card {
  opacity: 1;
  transform: translateX(-50%) translateY(var(--genplan-card-shift-y, 0px));
  pointer-events: auto;
}

.master-plan__floor-item.is-card-hiding .master-plan__floor-card {
  opacity: 0;
  transform: translateX(-50%) translateY(var(--genplan-card-shift-y, 0px));
}

.master-plan__floor-item.is-card-align-left.is-hovered .master-plan__floor-card,
.master-plan__floor-item.is-card-align-left.is-card-pinned .master-plan__floor-card,
.master-plan__floor-item.is-card-align-left.is-card-hiding .master-plan__floor-card,
.master-plan__floor-item.is-card-align-right.is-hovered .master-plan__floor-card,
.master-plan__floor-item.is-card-align-right.is-card-pinned .master-plan__floor-card,
.master-plan__floor-item.is-card-align-right.is-card-hiding .master-plan__floor-card {
  transform: translateX(0) translateY(var(--genplan-card-shift-y, 0px));
}

.master-plan__floor-item.is-card-side-right.is-hovered .master-plan__floor-card,
.master-plan__floor-item.is-card-side-right.is-card-pinned .master-plan__floor-card,
.master-plan__floor-item.is-card-side-right.is-card-hiding .master-plan__floor-card,
.master-plan__floor-item.is-card-side-left.is-hovered .master-plan__floor-card,
.master-plan__floor-item.is-card-side-left.is-card-pinned .master-plan__floor-card,
.master-plan__floor-item.is-card-side-left.is-card-hiding .master-plan__floor-card {
  transform: translateY(calc(-50% + var(--genplan-card-shift-y, 0px)));
}

.master-plan__floor-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.master-plan__floor-card-title {
  width: min-content;
  min-width: 103px;
  color: #6c3f99;
  font-family: "ALS Gorizont", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.03em;
}

.master-plan__floor-card-tag {
  flex: 0 0 auto;
  padding: 1px 12px 3px;
  border-radius: 999px;
  background-color: #7e57a6;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
}

.master-plan__floor-card-meta {
  display: block;
  color: rgba(18, 18, 18, 0.6);
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.03em;
}

.master-plan__floor-card-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  min-height: 32px;
  color: #6c3f99;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.master-plan__floor-card-row span:last-child {
  color: #121212;
  text-align: right;
  white-space: nowrap;
}

.master-plan__floor-card-row span:nth-child(2):not(:last-child) {
  min-width: 54px;
  color: rgba(18, 18, 18, 0.6);
}

.master-plan__floor-card-row--summary,
.master-plan__floor-card-row--divider {
  border-top: 1px solid #d9d9d9;
}

.master-plan__floor-card-row--summary {
  margin-top: 12px;
  padding-top: 8px;
  min-height: 40px;
}

.master-plan__floor-card-row--summary span:first-child {
  color: #6c3f99;
}

.master-plan__floor-card-row--divider {
  margin-top: 8px;
  padding-top: 8px;
}

a.master-plan__floor-card-row {
  transition: color var(--trans-base);
}

a.master-plan__floor-card-row:hover {
  color: #6c3f99;
}

.master-plan__floor-card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 24px;
  margin: 12px 0 8px;
  padding: 3px 12px 5px;
  border-radius: 8px;
  background-color: #6c3f99;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-decoration: none;
}

.master-plan__floor-card-tags {
  position: relative;
  display: flex;
  gap: 8px;
  margin: 18px -16px -16px;
  padding: 0 16px 16px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  cursor: grab;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-overflow-scrolling: touch;
}

.master-plan__floor-card-tags::-webkit-scrollbar {
  display: none;
}

.master-plan__floor-card-tags.is-dragging {
  cursor: grabbing;
}

.master-plan__floor-card-tags.is-scrollable:not(.is-scroll-end) {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 52px), rgba(0, 0, 0, 0));
  mask-image: linear-gradient(90deg, #000 calc(100% - 52px), rgba(0, 0, 0, 0));
}

.master-plan__floor-card-chip {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 1px 12px 3px;
  border-radius: 999px;
  background-color: #e0e1e2;
  color: #808080;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
}

.master-plan__floor-card-chip--accent {
  background-color: #7e57a6;
  color: #fff;
}

.master-plan__infra-item {
  position: absolute;
  z-index: 3;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}

.master-plan__infra-item--interactive:hover, .master-plan__infra-item--interactive:focus-within {
  z-index: 12;
}

.master-plan__infra-item--interactive:hover .master-plan__infra-card, .master-plan__infra-item--interactive:focus-within .master-plan__infra-card {
  opacity: 1;
  transform: translateY(var(--genplan-card-shift-y, 0px));
}

.master-plan__infra-item.is-card-align-right .master-plan__infra-card {
  right: calc(100% + 8px);
  left: auto;
}

.master-plan__infra-item.is-card-align-left .master-plan__infra-card {
  right: auto;
  left: calc(100% + 8px);
}

.master-plan__infra-item.is-card-below .master-plan__infra-card {
  top: calc(100% + 8px);
}

.master-plan__infra-item.is-hidden {
  display: none;
}

.master-plan__infra-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}

.master-plan__infra-icon img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.master-plan__infra-card {
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 235px;
  padding: 14px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  color: #121212;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--trans-base);
  pointer-events: none;
}

.master-plan__infra-card-img {
  display: block;
  width: 100%;
  height: 130px;
  overflow: hidden;
  border-radius: 4px;
}

.master-plan__infra-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.master-plan__infra-card-title {
  color: #121212;
  font-size: 14px;
  line-height: 20px;
}

.master-plan__infra-card-text {
  color: rgba(18, 18, 18, 0.6);
  font-size: 12px;
  line-height: 18px;
}

.master-plan__infra-toggle {
  position: absolute;
  left: 16px;
  bottom: 27px;
  z-index: 15;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 193px;
  min-height: 36px;
  padding: 8px 12px;
  border: 0;
  border-radius: 4px;
  background-color: rgba(48, 40, 58, 0.7);
  color: #fff;
  font: inherit;
  pointer-events: auto;
  cursor: pointer;
}

.master-plan__infra-toggle[hidden] {
  display: none;
}

.master-plan__infra-toggle.is-active .master-plan__infra-toggle-check::after {
  opacity: 1;
}

.master-plan__infra-toggle-check {
  position: relative;
  display: inline-flex;
  width: 30px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 4px;
}

.master-plan__infra-toggle-check::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #fff;
  opacity: 0;
  transition: opacity var(--trans-base);
}

.master-plan__infra-toggle-text {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

.master-plan__back {
  position: absolute;
  left: 16px;
  bottom: 27px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  height: 36px;
  padding: 1px 14px 3px;
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(48, 40, 58, 0.16);
  color: #30283a;
  font: inherit;
  pointer-events: auto;
  cursor: pointer;
}

.master-plan__back[hidden] {
  display: none;
}

.master-plan__scroll-hint {
  display: none;
}

.master-plan__tooltip {
  width: calc(100% - 16px);
  max-width: 547px;
  align-self: end;
  justify-self: center;
  margin-bottom: 24px;
  height: calc(100% - 40px);
  display: flex;
  align-items: end;
  pointer-events: none;
}

.master-plan__tooltip .tooltip__controls {
  display: none;
}

.master-plan .tooltip {
  max-height: calc(100% - 40px);
  pointer-events: all;
}

@media only screen and (max-width: 1024px) {
  .master-plan {
    aspect-ratio: 1.9542619543;
  }
}
@media only screen and (max-width: 768px) {
  .master-plan {
    width: 100%;
    max-width: 704px;
    height: 360px;
    margin: 0 auto;
    aspect-ratio: initial;
    overflow: hidden;
  }
  .master-plan__img {
    width: 736px;
  }
  .master-plan__tooltip {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .master-plan {
    height: 480px;
  }
  .master-plan__img {
    width: 940px;
    height: 480px;
  }
  .master-plan__img picture,
  .master-plan__img img {
    width: 100%;
    height: 100%;
  }
  .master-plan__floor-point::before {
    height: 15px;
  }
  .master-plan__floor-badge {
    width: 22.5px;
    height: 22.5px;
    border-radius: 5px;
    font-size: 10.5px;
  }
  .master-plan__floor-card {
    display: none;
  }
  .master-plan__scroll-hint {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 375px;
    height: 480px;
    padding: 0 24px;
    background-color: rgba(48, 40, 58, 0.2);
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    pointer-events: none;
  }
}
.mega-menu {
  position: fixed;
  left: 0;
  top: calc(var(--header-height) + 16px);
  z-index: 98;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(0, -100%) scale(0.95);
  transition: opacity var(--trans-base), visibility var(--trans-base), transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme=dark] .mega-menu {
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bg-overlay: rgba(18, 18, 18, 0.8);
}

.mega-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0) scale(1);
}

.mega-menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 97;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.7);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: visibility var(--trans-base), opacity var(--trans-base);
}

.mega-menu.is-open ~ .mega-menu__overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.mega-menu__core {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--gap);
  pointer-events: none;
}

.mega-menu.is-open .mega-menu__core {
  pointer-events: all;
}

.mega-menu__main {
  width: calc(66.6666666667% - 8px);
  position: relative;
  border-radius: 20px;
  background: var(--color-bg-primary);
  aspect-ratio: 2/1;
  overflow: hidden;
}

[data-theme=dark] .mega-menu__main {
  --color-bg-primary: var(--color-bg-primary-new);
  --color-bd-primary: var(--color-bd-primary-reverse2);
  box-shadow: var(--shadow-drop);
}

.mega-menu__head {
  display: none;
  position: sticky;
  top: 0;
  left: 0;
  padding: 16px 16px 0;
  width: 100%;
  background: var(--color-bg-primary);
  border-radius: 20px 20px 0 0;
}

.mega-menu__head-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mega-menu__head-back {
  padding-top: 16px;
  padding-bottom: 16px;
  display: none;
}

.has-category .mega-menu__head-back {
  display: block;
}

.mega-menu__back-btn {
  padding-left: 8px;
  padding-right: 12px;
}

.mega-menu__back-btn .btn__text {
  line-height: 1;
}

[data-theme=dark] .mega-menu__back-btn {
  --color-bd-primary: var(--color-bd-primary-new);
}

.mega-menu__head-title {
  font-size: 24px;
  line-height: 1.1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
}

.mega-menu__close {
  width: 40px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
}

.mega-menu__cats {
  position: sticky;
  left: 0;
  top: 0;
  background: var(--color-bg-primary);
  border-radius: 20px 20px 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--gap);
  user-select: none;
  padding: 5px 16px;
  border-bottom: 1px solid var(--color-bd-primary);
}

.mega-menu__cats-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
  offset-distance: 2px;
}

.mega-menu__cats-item:hover {
  color: var(--color-text-accent);
}

.mega-menu__cats-item.is-active {
  cursor: default;
  color: var(--color-text-accent);
}

.mega-menu__cats-item.on-mob {
  display: none;
}

a.mega-menu__cats-item .icn {
  display: none;
}

.mega-menu__cats-text {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 6px;
}

.is-active > .mega-menu__cats-text {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.mega-menu__cats-rarr {
  display: none;
  color: var(--color-icn-tertiary);
}

.mega-menu__cats-item .mega-menu__cats-rarr:active {
  color: var(--color-icn-accent);
}

.mega-menu__content {
  padding: 16px;
  max-height: calc(100% - 41px);
}

.mega-menu__content-tab {
  display: none;
}

.mega-menu__content-tab.is-active {
  display: block;
}

.mega-menu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px 8px;
}

.mega-menu__list-item {
  width: 370px;
}

.mega-menu__cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  max-width: 855px;
}

.mega-menu__cols--more {
  grid-template-columns: 1fr;
}

.mega-menu__footer {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  display: none;
}

.mega-menu__feedback {
  width: 100%;
  margin-bottom: 16px;
}

.mega-menu__tel {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding-top: 9px;
  padding-bottom: 11px;
  color: var(--color-text-primary);
}

.mega-menu__tel:active {
  color: var(--color-text-accent);
}

.mega-menu__tel-icn {
  color: var(--color-icn-accent);
}

.mega-menu__tel-text {
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 4px;
}

.mega-menu__city {
  position: relative;
}

.mega-menu__city .base-drop {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 30%);
}

.mega-menu__city-el {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
  cursor: pointer;
}

.mega-menu__city-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  padding-top: 2px;
  padding-bottom: 4px;
}

.mega-menu__city-icn {
  color: var(--color-icn-accent);
}

.mega-menu__side {
  flex: 0 0 auto;
  width: calc(33.3333333333% - 8px);
}

.mega-menu__best {
  aspect-ratio: 1/1;
}

@media only screen and (max-width: 1024px) {
  .mega-menu {
    top: unset;
    bottom: 16px;
    z-index: 101;
    transform: translate(0, 100%) scale(1);
    overflow: auto;
    max-height: calc(calc(100 * var(--vh, 1vh)) - 32px);
  }
  .mega-menu .width {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
  }
  .mega-menu__core {
    max-height: 574px;
  }
  .mega-menu__main {
    width: 100%;
    aspect-ratio: unset;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
  }
  .mega-menu__head {
    display: block;
    flex: 0 0 auto;
  }
  .mega-menu__content {
    padding-top: 0;
    padding-bottom: 0;
    max-height: calc(100% - var(--megamenu-header-height, 114px) - var(--megamenu-footer-height, 165px));
  }
  .mega-menu__cats {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    border: 0;
  }
  .has-category .mega-menu__cats {
    display: none;
  }
  .mega-menu__cats-item {
    width: 100%;
    justify-content: space-between;
    color: var(--color-text-primary);
    border-top: 1px solid var(--color-bd-primary);
    padding-top: 11px;
    padding-bottom: 12px;
    cursor: pointer;
  }
  .mega-menu__cats-item:first-child {
    border-top: 0;
  }
  .mega-menu__cats-item.is-active {
    color: var(--color-text-primary);
    text-decoration: none;
  }
  .mega-menu__cats-item.on-mob {
    display: inline-flex;
  }
  .mega-menu__cats-icn {
    display: none;
  }
  .mega-menu__cats-rarr {
    display: inline-block;
  }
  .mega-menu__cats-text {
    padding: 0;
  }
  .is-active .mega-menu__cats-text {
    text-decoration: none;
  }
  .mega-menu__list {
    gap: 16px 4px;
  }
  .mega-menu .menu-col-card {
    padding-left: 0;
    padding-right: 0;
  }
  .mega-menu .menu-col-card:hover {
    background: transparent;
  }
  .mega-menu .menu-card {
    padding: 0;
  }
  .mega-menu .menu-card:hover {
    background: transparent;
  }
  .mega-menu__side {
    display: none;
  }
  .mega-menu__overlay {
    z-index: 100;
  }
  .mega-menu__footer {
    display: block;
    padding-top: 16px;
    margin-top: auto;
    padding-bottom: 9px;
  }
}
@media only screen and (max-width: 620px) {
  .mega-menu .width {
    padding-right: 8px;
    padding-left: 8px;
  }
  .mega-menu__cols {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 480px) {
  .mega-menu__list-item {
    width: auto;
  }
}
.modal-form {
  width: 100%;
}

.modal-form__core {
  max-width: 672px;
  padding: 0 16px 16px;
  margin-left: auto;
  margin-right: auto;
}

.modal-form__head {
  margin-bottom: 40px;
}

.modal-form__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  text-align: center;
  cursor: default;
}

.modal-form__title::first-letter {
  text-transform: uppercase;
}

[data-theme=dark] .modal-form__title {
  color: var(--color-text-primary);
}

.modal-form__row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap);
}

.modal-form__row + .modal-form__row {
  margin-top: 16px;
}

.modal-form__footer {
  padding-top: 40px;
}

.modal-form--fit .modal-form__footer {
  padding-top: 22px;
}

.modal-form--agents .modal-form__footer {
  padding-top: 24px;
}

body.has-agent-binding-toast {
  overflow: hidden;
}

/* TODO remove or rework after temporary agent-binding toast flow is no longer needed */
.agent-binding-toast-root {
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  visibility: hidden;
  transition: opacity 0.2s ease;
  z-index: 1000001;
}

.agent-binding-toast-root.is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

.agent-binding-toast-root__overlay {
  background: rgba(18, 18, 18, 0.7);
  backdrop-filter: blur(10px);
  inset: 0;
  position: absolute;
}

.agent-binding-toast {
  color: #17181f;
  bottom: 24px;
  max-width: 760px;
  pointer-events: none;
  position: absolute;
  left: 50%;
  right: auto;
  top: 50%;
  bottom: auto;
  transform: translate(-50%, -50%);
  width: min(760px, calc(100% - 48px));
}

.agent-binding-toast__content {
  align-items: flex-start;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 8px 30px rgba(24, 24, 24, 0.12);
  display: flex;
  gap: 24px;
  padding: 40px;
  pointer-events: auto;
  position: relative;
}

.agent-binding-toast__main {
  max-width: 520px;
}

.agent-binding-toast__title-row {
  align-items: center;
  display: flex;
  gap: 12px;
  padding-right: 56px;
}

.agent-binding-toast__status-icon {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  width: 24px;
}

.agent-binding-toast__status-icon svg {
  display: block;
  height: 24px;
  width: 24px;
}

.agent-binding-toast__title {
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
}

.agent-binding-toast__description {
  font-family: "ALS Sirius", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 20px;
  margin-top: 20px;
}

.agent-binding-toast__close {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(23, 24, 31, 0.12);
  border-radius: 12px;
  color: #17181f;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  height: 40px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 40px;
  top: 40px;
  transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
  width: 40px;
}

.agent-binding-toast__close:hover {
  transform: translateY(-1px);
}

.agent-binding-toast__close svg {
  display: block;
  height: 16px;
  width: 16px;
}

.agent-binding-toast[data-state=processing] .agent-binding-toast__status-icon,
.agent-binding-toast[data-state=duplicate] .agent-binding-toast__status-icon,
.agent-binding-toast[data-state=error] .agent-binding-toast__status-icon {
  color: #ff3333;
}

.agent-binding-toast[data-state=success] .agent-binding-toast__status-icon {
  color: #16c25b;
}

.modal-form__btn {
  width: 100%;
}

.modal-form__checkboxes {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-tetriary);
  display: flex;
  flex-direction: column;
  row-gap: 13px;
  margin-top: 18px;
}

.modal-form__checkboxes > :first-child {
  max-width: 350px;
}

.modal-form__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.modal-form__checkboxes a:hover {
  color: var(--color-text-accent);
}

@media only screen and (max-width: 1440px) {
  .modal-form__core {
    max-width: 480px;
  }
  .modal-form--reserve .modal-form__row, .modal-form--calc .modal-form__row {
    flex-direction: column;
  }
  .modal-form__footer {
    padding-top: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .modal-form {
    width: 100%;
  }
  .modal-form__core {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
  }
  .agent-binding-toast {
    bottom: auto;
    width: calc(100% - 32px);
  }
  .agent-binding-toast__content {
    border-radius: 20px;
    gap: 20px;
    padding: 24px;
  }
  .agent-binding-toast__main {
    max-width: none;
  }
  .agent-binding-toast__title {
    font-size: 20px;
    line-height: 1.15;
  }
  .agent-binding-toast__title-row {
    align-items: flex-start;
    padding-right: 52px;
  }
  .agent-binding-toast__description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
  }
  .agent-binding-toast__close {
    border-radius: 12px;
    height: 40px;
    right: 24px;
    top: 24px;
    width: 40px;
  }
  .modal-form__body, .modal-form__wrapper {
    width: 100%;
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
  }
  .modal-form__wrapper {
    min-height: 100%;
  }
  .modal-form__head {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .modal-form__row {
    flex-direction: column;
  }
}
.more-menu {
  position: fixed;
  left: 50%;
  top: calc(var(--header-height) + 16px);
  z-index: 98;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, -100%) scale(0.95);
  transition: opacity var(--trans-base), visibility var(--trans-base), transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

[data-theme=dark] .more-menu {
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bg-overlay: rgba(18, 18, 18, 0.8);
}

.more-menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0) scale(1);
}

.more-menu__overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 97;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.7);
  backdrop-filter: blur(10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: visibility var(--trans-base), opacity var(--trans-base);
}

.more-menu.is-open ~ .more-menu__overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.more-menu__core {
  width: max-content;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: var(--gap);
  pointer-events: none;
  margin-left: auto;
  margin-right: auto;
}

.more-menu.is-open .more-menu__core {
  pointer-events: all;
}

.more-menu__main {
  width: 491px;
  position: relative;
  border-radius: 20px;
  background: var(--color-bg-primary);
  overflow: hidden;
}

[data-theme=dark] .more-menu__main {
  --color-bg-primary: var(--color-bg-primary-new);
  --color-bd-primary: var(--color-bd-primary-reverse2);
  box-shadow: var(--shadow-drop);
}

.more-menu__head {
  display: none;
  position: sticky;
  top: 0;
  left: 0;
  padding: 16px 16px 0;
  width: 100%;
  background: var(--color-bg-primary);
  border-radius: 20px 20px 0 0;
}

.more-menu__head-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.more-menu__head-back {
  padding-top: 16px;
  padding-bottom: 16px;
  display: none;
}

.has-category .more-menu__head-back {
  display: block;
}

.more-menu__back-btn {
  padding-left: 8px;
  padding-right: 12px;
}

.more-menu__back-btn .btn__text {
  line-height: 1;
}

[data-theme=dark] .more-menu__back-btn {
  --color-bd-primary: var(--color-bd-primary-new);
}

.more-menu__head-title {
  font-size: 24px;
  line-height: 1.1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
}

.more-menu__close {
  width: 40px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
}

.more-menu__content {
  padding: 25px 38px;
  max-height: 100%;
}

.more-menu__cols {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 350px;
  flex-wrap: wrap;
}

.more-menu__col-title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  opacity: 0.4;
  margin-bottom: 12px;
}

.more-menu__col--social {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}

.more-menu__socials {
  display: flex;
  align-items: center;
  gap: 10px;
}

.more-menu__social {
  display: inline-flex;
  transition: opacity var(--trans-base);
}

.more-menu__social:hover {
  opacity: 0.6;
}

.more-menu__social-icon {
  display: block;
  width: 36px;
  height: 36px;
}

.more-menu__socials--mobile {
  display: none;
}

.more-menu__list {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
}

.more-menu__list-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  transition: color var(--trans-base);
}

.more-menu__list-item:hover {
  color: var(--color-text-accent);
}

.more-menu__footer {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 8px;
  display: none;
}

.more-menu__feedback {
  width: 100%;
  margin-bottom: 16px;
}

.more-menu__side {
  flex: 0 0 auto;
  width: calc(33.3333333333% - 8px);
}

.more-menu__best {
  aspect-ratio: 1/1;
}

@media only screen and (max-width: 1024px) {
  .more-menu {
    left: unset;
    top: unset;
    bottom: 16px;
    z-index: 101;
    transform: translate(0, 100%) scale(1);
    overflow: auto;
    max-height: calc(calc(100 * var(--vh, 1vh)) - 32px);
  }
  .more-menu.is-open {
    transform: translate(0, 0) scale(1);
  }
  .more-menu .width {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
  }
  .more-menu__core {
    width: 100%;
  }
  .more-menu__main {
    width: 100%;
    aspect-ratio: unset;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    padding-bottom: 8px;
  }
  .more-menu__head {
    display: block;
    flex: 0 0 auto;
  }
  .more-menu__content {
    padding-top: 0;
    padding-bottom: 0;
    max-height: calc(100% - var(--megamenu-header-height, 114px));
  }
  .more-menu__list {
    gap: 16px 4px;
  }
  .more-menu .menu-col-card {
    padding-left: 0;
    padding-right: 0;
  }
  .more-menu .menu-col-card:hover {
    background: transparent;
  }
  .more-menu .menu-card {
    padding: 0;
  }
  .more-menu .menu-card:hover {
    background: transparent;
  }
  .more-menu__side {
    display: none;
  }
  .more-menu__overlay {
    z-index: 100;
  }
  .more-menu__footer {
    display: block;
  }
  .more-menu__col--social {
    display: none;
  }
  .more-menu__socials--mobile {
    display: flex;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 620px) {
  .more-menu .width {
    padding-right: 8px;
    padding-left: 8px;
  }
  .more-menu__cols {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 480px) {
  .more-menu__list-item {
    width: auto;
  }
}
.news-carousel {
  position: relative;
}

.news-carousel__prev, .news-carousel__next {
  position: absolute;
  z-index: 2;
  top: 176px;
  transform: translate(0, -50%);
}

.news-carousel__prev {
  left: -8px;
}

.news-carousel__next {
  right: -8px;
}

.news-carousel__core {
  margin-left: -8px;
  margin-right: -8px;
}

.news-carousel__core:not(.swiper-initialized) .news-carousel__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.news-carousel__item {
  padding-left: 8px;
  padding-right: 8px;
  min-width: 1px;
}

.news-carousel__core:not(.swiper-initialized) .news-carousel__item:nth-child(4) ~ * {
  display: none;
}

@media only screen and (max-width: 1440px) {
  .news-carousel__core {
    overflow: visible;
  }
  .news-carousel__item {
    width: 356px;
  }
}
@media only screen and (max-width: 1024px) {
  .news-carousel__core {
    margin-left: -4px;
    margin-right: -4px;
  }
  .news-carousel__prev, .news-carousel__next {
    display: none;
  }
  .news-carousel__item {
    width: 268px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
.no-result {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

.no-result__icn {
  width: 64px;
  height: 64px;
  color: var(--color-icn-placeholder);
}

.no-result__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  cursor: default;
  color: var(--color-bg-primary-reverse);
}

.no-result__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  margin-top: 16px;
  color: var(--color-text-secondary);
}

@media only screen and (max-width: 768px) {
  .no-result__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
.object-around {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--gap);
}

.object-around__tabs {
  padding: 0 var(--container-padd);
}

.object-around__tabs .tab {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
}

.object-around__panels {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: start;
  width: 100%;
  min-width: 0;
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.object-around__panel {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0fr;
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  min-width: 0;
  opacity: 0;
  transition: grid-template-rows 0.3s ease 0.3s, opacity 0.3s ease 0s;
}

.object-around__panel.is-active {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: grid-template-rows 0.3s ease 0s, opacity 0.3s ease 0s;
}

.object-around__panel-inner {
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .object-around {
    row-gap: 8px;
  }
  .object-around__tabs {
    padding: 0;
  }
}
.object-detail {
  display: flex;
  justify-content: center;
  align-items: center;
}

.object-detail__img {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
}

.object-detail__img picture {
  display: flex;
  width: 100%;
  height: 100%;
  max-height: 100%;
  justify-content: center;
}

.object-detail__img img {
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  height: 100%;
}

.object-detail__img .icn {
  color: var(--color-icn-placeholder);
}

@media only screen and (max-width: 620px) {
  .object-detail__img {
    width: 100%;
    aspect-ratio: 1.3346303502;
  }
}
.object-details {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  align-content: space-between;
  border-radius: 20px;
  border: 1px solid var(--color-bd-primary);
  row-gap: 68px;
  padding: 16px 16px 12px;
  min-width: 0;
  width: 100%;
  flex: 0 0 auto;
}

.object-details__labels {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 8px;
}

.object-details__main {
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: 480px;
  width: calc(100% + 32px);
  margin-left: -16px;
  align-self: center;
  grid-row: 2/3;
}

.object-details__main .carousel,
.object-details__main .swiper,
.object-details__main .object-detail {
  height: 100%;
}

.object-details__controls {
  padding-top: 4px;
  grid-row: 3/4;
}

.object-details__pagination {
  display: none;
}

.object-details__tabs {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  overflow: auto;
  width: calc(100% + 32px);
  position: relative;
  left: -16px;
}

.object-details__tabs::-webkit-scrollbar {
  display: none;
}

.object-details__tabs-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  white-space: nowrap;
  padding-left: 16px;
}

.object-details__tabs-list::after {
  content: "";
  display: block;
  width: 1px;
  height: 1px;
  pointer-events: none;
  flex: 0 0 auto;
}

@media only screen and (max-width: 1024px) {
  .object-details {
    padding: 7px 8px 8px;
    row-gap: 35px;
  }
  .object-details__labels {
    padding-bottom: 8px;
  }
  .object-details__main {
    width: calc(100% + 16px);
    margin-left: -8px;
    max-height: 330px;
  }
  .object-details .is-alone {
    aspect-ratio: 1;
  }
  .object-details__controls {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 100%;
    min-width: 1px;
  }
  .object-details__pagination {
    display: flex;
    justify-content: center;
    order: -1;
    align-self: center;
  }
  .object-details__tabs {
    margin-top: 12px;
    width: calc(100% + 24px);
    left: -12px;
    order: 2;
  }
  .object-details__tabs-list {
    padding-left: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .object-details {
    row-gap: 64px;
  }
  .object-details__labels {
    padding-bottom: 23px;
  }
  .object-details__tabs {
    width: calc(100% + 16px);
    left: -8px;
  }
  .object-details__tabs-list {
    gap: 8px;
  }
}
.object-props {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: grid;
  grid-template-columns: 1fr;
}

.object-props__header {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  column-gap: 8px;
}

.object-props__header .btn-fold {
  justify-items: end;
  padding-right: 0;
  padding-left: 0;
}

.object-props__title::first-letter {
  text-transform: uppercase;
}

.object-props__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
  overflow: hidden;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--trans-base);
}

.object-props.is-active .object-props__list {
  grid-template-rows: 1fr;
}

.object-props__list-inner {
  overflow: hidden;
}

.object-props__list-item {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 8px;
  align-items: start;
  padding-top: 8px;
}

.object-props__list-item:first-child {
  padding-top: 16px;
}

.object-props__list-item:not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-bd-primary);
}

.object-props__prop-name {
  color: var(--color-text-secondary);
}

.object-props__prop-value::first-letter {
  text-transform: uppercase;
}

.object {
  display: grid;
  grid-template-columns: 1fr 348px;
  column-gap: 16px;
  align-items: start;
}

.section.section--lot-page {
  background-color: #F2F2F2;
  padding: 27px 0 64px;
}

.section.section--lot-page .width {
  max-width: 1440px;
}

.object--lot-page {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 459px);
  gap: 16px;
  align-items: stretch;
  height: 808px;
  min-height: 808px;
}

.object--lot-page .object-detail__lightbox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.object--lot-page .object-detail__img--layout,
.object--lot-page .object-detail__img--with-sun-widget {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.object--lot-page .object-detail__img picture {
  transition: width 0.35s ease, height 0.35s ease, max-width 0.35s ease, max-height 0.35s ease;
}

.object--lot-page .object-details {
  position: relative;
  grid-template-rows: auto 1fr auto;
  align-content: start;
  min-height: 808px;
  height: 100%;
  padding: 28px;
  border: 0;
  border-radius: 8px;
  background-color: #FFFFFF;
  row-gap: 0;
  overflow: hidden;
}

.object--lot-page .object-details__labels {
  display: none;
}

.object--lot-page .object-details__sun-settings {
  position: absolute;
  z-index: 5;
  top: 28px;
  right: 28px;
  left: 28px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: nowrap;
  margin-top: 0;
}

.object--lot-page .object-details__main {
  position: relative;
  grid-row: 2/3;
  display: flex;
  align-items: center;
  width: 100%;
  max-height: none;
  margin-left: 0;
  padding: 86px 82px 70px;
}

.object--lot-page .object-detail,
.object--lot-page .object-details__main .carousel,
.object--lot-page .object-details__main .swiper,
.object--lot-page .object-details__main .swiper-wrapper,
.object--lot-page .object-details__main .swiper-slide {
  height: 100%;
}

.object--lot-page .object-details__main .carousel,
.object--lot-page .object-details__main .swiper,
.object--lot-page .object-details__main .swiper-wrapper,
.object--lot-page .object-details__main .swiper-slide {
  width: 100%;
  min-width: 0;
}

.object--lot-page .object-details__main .swiper-slide {
  flex: 0 0 100%;
}

.object--lot-page .object-details__main .swiper-wrapper {
  align-items: center;
}

.object--lot-page .object-detail__img {
  width: 100%;
  height: auto;
  min-height: 0;
}

.object--lot-page .object-detail__img--with-sun-widget {
  position: absolute;
  inset: 0;
  display: block;
  height: 100%;
}

.object--lot-page .object-detail__img picture,
.object--lot-page .object-detail__lightbox {
  width: min(100%, 640px);
  height: auto;
}

.object--lot-page .object-detail__img--with-sun-widget .object-detail__lightbox {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: min(78%, 640px);
  aspect-ratio: 1/1;
  background-image: var(--lot-plan-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translate(-50%, -50%);
  transition: width 0.35s ease;
}

.object--lot-page .object-detail__img--with-sun-widget.is-sun-visual-active .object-detail__lightbox {
  width: min(52%, 427px);
}

.object--lot-page .object-detail__img--with-sun-widget picture {
  width: 100%;
}

.object--lot-page .object-detail__img--with-sun-widget .object-detail__lightbox img {
  opacity: 0;
}

.object--lot-page .object-details__main .swiper,
.object--lot-page .object-details__main .swiper-wrapper,
.object--lot-page .object-details__main .swiper-slide--master-plan {
  overflow: visible;
}

.object--lot-page .swiper-slide--master-plan {
  position: relative;
}

.object--lot-page .swiper-slide--master-plan .object-detail {
  position: absolute;
  inset: -114px -110px -136px;
  display: block;
  width: auto;
  height: auto;
}

.object--lot-page .swiper-slide--master-plan .object-detail__img--master-plan,
.object--lot-page .swiper-slide--master-plan .object-detail__lightbox,
.object--lot-page .swiper-slide--master-plan picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.object--lot-page .swiper-slide--master-plan .object-detail__img--master-plan {
  border-radius: 8px;
  overflow: hidden;
}

.object--lot-page .swiper-slide--master-plan .object-detail__lightbox {
  max-width: none;
}

.object--lot-page .swiper-slide--master-plan .object-detail__img--master-plan img {
  width: 100% !important;
  height: 100% !important;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
}

.object--lot-page .object-detail__img img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
}

.object--lot-page .object-details__controls {
  position: relative;
  z-index: 6;
  grid-row: 3/4;
  align-self: end;
  min-width: 0;
  transform: translateY(2px);
}

.object--lot-page .object-details__pagination {
  display: none;
}

.object--lot-page .object-details__tabs {
  width: 100%;
  left: auto;
  overflow: visible;
}

.object--lot-page .object-details__tabs-list {
  justify-content: center;
  gap: 12px;
  padding-left: 0;
  overflow: visible;
}

.object--lot-page .object-details__tabs-item {
  flex: 0 0 auto;
}

.object--lot-page .object-details__tabs .tab {
  min-height: 24px;
  padding: 1px 8px 3px;
  border-radius: 8px;
  color: #8A8A8A;
  background-color: transparent;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.object--lot-page .object-details__tabs .tab::after {
  display: none;
}

.object--lot-page .object-details__tabs .tab.is-active {
  color: #FFFFFF;
  background-color: #30283A;
  font-weight: 400;
}

.object--lot-page .object-details.is-master-plan-active .object-details__tabs .tab:not(.is-active):not(:disabled) {
  color: #757575;
  background-color: #FFFFFF;
}

.object--lot-page .object-details.is-master-plan-active .object-details__tabs-item:not(:last-child) .tab--disabled {
  color: #757575;
  background-color: #FFFFFF;
}

.object--lot-page .object-details.is-master-plan-active .object-details__actions .object-details__action {
  background-color: #FFFFFF;
  border-radius: 8px;
}

.object--lot-page .object-details__tabs .tab:disabled,
.object--lot-page .object-details__tabs .tab--disabled {
  color: #8A8A8A;
  opacity: 1;
  cursor: default;
}

@media (hover: hover) {
  .object--lot-page .object-details__tabs .tab:hover:not(.is-active):not(:disabled) {
    color: #30283A;
  }
}
.object-details__actions {
  position: absolute;
  z-index: 6;
  right: 40px;
  top: 289px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 10px;
}

.object-details__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  padding: 0;
  color: #2F2938;
  background: transparent;
  cursor: pointer;
}

.object-details__action .icn {
  width: 16px;
  height: 16px;
}

.object-details__action[data-fav] .icn {
  height: 14px;
}

.object-details__action[data-fav] .icn path {
  fill: none;
}

.object-details__action > * {
  pointer-events: none;
}

.object-details__action[data-fav].is-active {
  color: #7B4AA6;
}

.object-details__action[data-fav].is-active .icn path {
  fill: currentColor;
  stroke: currentColor;
}

.lot-share-popover {
  position: absolute;
  z-index: 6;
  top: 245px;
  left: 657px;
  width: 192px;
  min-height: 183px;
  padding: 16px 14px 16px 17px;
  border-radius: 8px;
  color: #7A7A7A;
  background-color: #FFFFFF;
  box-shadow: 0 8px 24px rgba(47, 41, 56, 0.14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.object-details.is-share-open .lot-share-popover {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.lot-share-popover__copy,
.lot-share-popover__link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 24px;
  border: 0;
  padding: 5px 7px;
  margin-left: -7px;
  border-radius: 8px;
  color: inherit;
  background: transparent;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
}

.lot-share-popover__copy {
  cursor: pointer;
}

.lot-share-popover .icn {
  flex: 0 0 auto;
  color: #7B4AA6;
}

.lot-share-popover__divider {
  width: 161px;
  height: 1px;
  margin: 15px 0 15px 1px;
  background-color: #D9D9D9;
}

.lot-share-popover__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 11px;
}

.lot-share-popover__link {
  width: max-content;
  min-height: 24px;
}

.lot-share-popover__link:hover,
.lot-share-popover__copy:hover,
.lot-share-popover__copy:focus-visible,
.lot-share-popover__link:focus-visible {
  background-color: #F0F0F0;
}

.lot-mortgage-modal .hystmodal__window {
  max-width: min(1180px, calc(100% - 32px));
  height: auto;
  min-height: 0;
  max-height: calc(100vh - 32px);
}

.lot-mortgage-modal .modal--lot-mortgage {
  width: 100%;
  max-height: calc(100vh - 32px);
  overflow: visible;
}

.lot-mortgage-modal .modal__close {
  position: absolute;
  z-index: 4;
  top: 16px;
  right: 16px;
}

.lot-mortgage-modal .modal__body {
  min-height: 100%;
  max-height: calc(100vh - 32px);
  overflow: auto;
}

.lot-mortgage-modal .calc-section {
  padding-top: 0;
  padding-bottom: 40px;
}

.lot-mortgage-modal .calc-section__head-core {
  padding-top: 56px;
}

.calc-block__mobile-type-tabs,
.calc-block__res-row--mobile-total {
  display: none;
}

html.hystmodal__opened .comagic-c-buttons,
html.hystmodal__opened .cookie-block,
html.hystmodal__opened .tabbar {
  display: none !important;
}

.object--lot-page .object__aside {
  position: static;
  top: auto;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  gap: 14px;
  height: 100%;
  padding-top: 1px;
}

.lot-project-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: #FFFFFF;
}

.lot-project-card__main {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 0;
}

.lot-project-card__name,
.lot-project-card__class,
.lot-project-card__link {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
}

.lot-project-card__name {
  overflow: hidden;
  color: #121212;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lot-project-card__class {
  color: #9A9A9A;
  white-space: nowrap;
}

.lot-project-card__link {
  color: #2F2938;
  text-decoration: none;
  white-space: nowrap;
}

.object--lot-page .card-object-data {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 745px;
  min-height: 0;
  padding: 23px 19px 20px;
  border-radius: 8px;
  background-color: #FFFFFF;
  row-gap: 14px;
  overflow: visible;
}

.object--lot-page .card-object-data__header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid #E8E8E8;
}

.object--lot-page .card-object-data__title {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  letter-spacing: 0;
}

.object--lot-page .card-object-data__address {
  display: none;
}

.object--lot-page .card-object-data__price {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: 28px;
  line-height: normal;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  letter-spacing: 0;
}

.object--lot-page .card-object-data__price-current {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}

.object--lot-page .card-object-data__price-old {
  margin-left: 2px;
  color: #CECECE;
  font-size: 20px;
  line-height: normal;
  font-weight: 700;
  text-decoration: line-through;
}

.object--lot-page .card-object-data__price-old::after {
  display: none;
}

.object--lot-page .card-object-data__price-old.is-hidden {
  display: none;
}

.lot-price-note,
.lot-promo-chips,
.lot-feature-chips {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}

.object--lot-page .card-object-data__header,
.lot-price-note,
.lot-meta,
.lot-feature-chips,
.lot-buy-ways,
.lot-extra-options {
  flex: 0 0 auto;
}

.lot-feature-chips {
  min-height: 26px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.lot-feature-chips::-webkit-scrollbar {
  display: none;
}

.lot-promo-chip,
.lot-feature-chip {
  min-width: 0;
  max-width: 100%;
  padding: 5px 12px;
  border-radius: 999px;
  color: #7E7E7E;
  background-color: #E6E6E6;
  font-size: 12px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lot-feature-chip {
  flex: 0 0 auto;
}

.lot-meta {
  display: inline-grid;
  grid-template-columns: repeat(3, max-content);
  column-gap: 48px;
  row-gap: 0;
  justify-content: flex-start;
  max-width: 100%;
  padding-bottom: 2px;
}

.lot-meta__item {
  min-width: 0;
  font-size: 14px;
  line-height: 20px;
  color: #121212;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lot-aside-heading {
  margin: 0;
  color: #121212;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}

.lot-buy-ways,
.lot-extra-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.lot-buy-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.lot-buy-row,
.lot-extra-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(242, 242, 242, 0.6);
  border-radius: 8px;
  background-color: #FFFFFF;
}

.lot-buy-row {
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.lot-buy-row.is-active {
  border-color: #F1F1F1;
  background-color: #F1F1F1;
}

.lot-extra-row.is-active {
  border-color: #F1F1F1;
  background-color: #F1F1F1;
}

.lot-buy-row:focus-visible {
  outline: 2px solid #7B4AA6;
  outline-offset: 2px;
}

@media (hover: hover) {
  .lot-buy-row:hover {
    border-color: #E0D6E8;
    background-color: #FAF8FC;
  }
  .lot-buy-row.is-active:hover {
    border-color: #F1F1F1;
    background-color: #F1F1F1;
  }
}
.lot-buy-row--cash {
  min-height: 62px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.lot-buy-row > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  min-width: 0;
}

.lot-buy-row--has-action > div {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

.lot-buy-row strong {
  color: #121212;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}

.lot-buy-row > div span {
  min-width: 0;
  color: rgba(18, 18, 18, 0.6);
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lot-buy-row b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  min-height: 24px;
  padding: 1px 8px 3px;
  border-radius: 999px;
  color: #FFFFFF;
  background-color: #7B4AA6;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0;
}

.lot-buy-row--cash b {
  align-self: start;
}

.lot-buy-row__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 1px 8px 3px;
  border: 0;
  border-radius: 8px;
  color: #FFFFFF;
  background-color: #30283A;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.lot-buy-row.is-active .lot-buy-row__btn {
  background-color: #7B4AA6;
}

.lot-buy-row__action {
  position: relative;
  display: inline-flex;
  justify-self: end;
}

.lot-buy-tooltip {
  position: absolute;
  z-index: 20;
  top: calc(100% + 24px);
  right: -141px;
  width: min(365px, calc(100vw - 32px));
  padding: 16px;
  border-radius: 8px;
  color: #30283A;
  background-color: #FFFFFF;
  box-shadow: 0 8px 22px rgba(47, 41, 56, 0.16);
  font-size: 14px;
  line-height: 16px;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.lot-buy-tooltip__close {
  display: none;
}

.lot-buy-row__action:hover .lot-buy-tooltip,
.lot-buy-row__action:focus-within .lot-buy-tooltip,
.lot-buy-row__action.is-tooltip-open .lot-buy-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.lot-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #121212;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.lot-checkbox input {
  width: 16px;
  height: 16px;
  accent-color: #7B4AA6;
}

.object--lot-page .card-object-data__controls {
  display: none;
}

.object--lot-page .card-object-data__props {
  margin-top: 0;
}

.object--lot-page .card-object-data__props + .card-object-data__props {
  display: none;
}

.object--lot-page .object-props {
  position: relative;
  font-size: 14px;
  letter-spacing: 0;
}

.object--lot-page .object-props__header {
  min-height: 20px;
  align-items: center;
}

.object--lot-page .object-props__title {
  color: #121212;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.object--lot-page .object-props__header .btn-fold {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  padding: 0;
  margin-left: auto;
}

.object--lot-page .object-props__header .btn-fold__item,
.object--lot-page .object-props__header .btn-fold__text {
  display: none;
}

.object--lot-page .object-props__header .btn-fold .icn {
  display: none;
}

.object--lot-page .object-props__header .btn-fold::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L8 6L12 10' stroke='%2330283A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
  transition: transform 0.12s ease;
}

.object--lot-page .object-props__header .btn-fold:not(.is-active)::before {
  transform: rotate(180deg);
}

.object--lot-page .object-props__list-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  min-height: 20px;
  padding-top: 0;
  margin-bottom: 8px;
  color: #7D7D7D;
  border-bottom: 0;
}

.object--lot-page .object-props__list-item:last-child {
  margin-bottom: 0;
}

.object--lot-page .object-props__prop-value {
  color: #6B6B6B;
  text-align: right;
}

.object--lot-page .object-props__list {
  position: relative;
  margin-top: 16px;
  max-height: 121px;
  overflow: hidden;
}

.object--lot-page .object-props__list::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 104px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 5%, #FFFFFF 82%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease;
}

.object--lot-page .object-props.is-scrollable:not(.is-scroll-end) .object-props__list::after {
  opacity: 1;
}

.object--lot-page .object-props__list-inner {
  max-height: 121px;
  box-sizing: border-box;
  padding: 0 11px;
  overflow-y: auto;
  scrollbar-width: none;
}

.object--lot-page .object-props__list-inner::-webkit-scrollbar {
  display: none;
}

.object--lot-page .card-object-data__bottom-actions {
  position: absolute;
  right: 19px;
  bottom: 18px;
  left: 19px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 0;
}

.object--lot-page .card-object-data--commercial {
  height: 745px;
  min-height: 0;
}

.object--lot-page .card-object-data--without-extra-options .card-object-data__props {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

.object--lot-page .card-object-data--without-extra-options .card-object-data__props + .card-object-data__props {
  display: none;
}

.object--lot-page .card-object-data--without-extra-options .object-props {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.object--lot-page .card-object-data--without-extra-options .object-props.is-active .object-props__list {
  flex: 1 1 auto;
  max-height: none;
}

.object--lot-page .card-object-data--without-extra-options .object-props.is-active .object-props__list-inner {
  max-height: none;
}

.object--lot-page .card-object-data--without-extra-options .card-object-data__bottom-actions {
  position: static;
  margin-top: auto;
}

.object--lot-page .card-object-data__bottom-actions .btn {
  min-height: 40px;
  border-radius: 8px;
}

.object--lot-page .card-object-data__bottom-actions .btn--var-secondary {
  background-color: #F0F0F0;
  color: #30283A;
}

.section.section--lot-features {
  padding-top: 72px;
}

.section.section--lot-features .section__head:has(.section__heading) {
  border-bottom: 0;
}

.section--lot-features .section__header {
  flex-direction: row;
  justify-content: flex-start;
}

.section--lot-features .section__heading {
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.section.section--lot-features.section--fold .section__body-inner > :first-child {
  padding-top: 48px;
}

.section.section--lot-similar .section__head:has(.section__heading) {
  border-bottom: 0;
}

.section.section--lot-similar .section__header {
  flex-direction: row;
  justify-content: flex-start;
}

.section.section--lot-similar .section__heading {
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}

.section.section--lot-similar .section__controls {
  display: none;
}

.section.section--lot-similar.section--fold .section__body-inner > :first-child {
  padding-top: 48px;
}

@media only screen and (max-width: 1280px) {
  .section--lot-page .width {
    max-width: 1180px;
  }
  .object--lot-page {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
    height: 760px;
    min-height: 760px;
  }
  .object--lot-page .object-details {
    min-height: 760px;
  }
  .object--lot-page .object-details__main {
    padding-right: 64px;
    padding-left: 64px;
  }
  .object--lot-page .card-object-data {
    height: 695px;
  }
}
@media only screen and (max-width: 1024px) {
  .section--lot-page {
    padding-top: 20px;
  }
  .object--lot-page {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
  }
  .object--lot-page .object-details,
  .object--lot-page .card-object-data {
    min-height: 0;
  }
  .object--lot-page .object__aside {
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .section--lot-page {
    padding: 8px 0 40px;
  }
  .object--lot-page {
    gap: 16px;
  }
  .object--lot-page .object__aside {
    display: contents;
  }
  .object--lot-page .object__details {
    order: 2;
  }
  .lot-project-card {
    order: 1;
    min-height: 48px;
    padding: 12px 16px;
  }
  .object--lot-page .object-details {
    order: 2;
  }
  .object--lot-page .object-details {
    height: 443px;
    min-height: 443px;
    width: 100%;
    padding: 10px 14px 13px;
  }
  .object--lot-page .card-object-data {
    order: 3;
  }
  .object--lot-page .object-details__sun-settings {
    top: auto;
    right: 14px;
    bottom: 58px;
    left: 14px;
    height: 40px;
  }
  .object--lot-page .object-details__main {
    padding: 76px 0 50px;
  }
  .object--lot-page .floor-plan {
    width: auto;
    max-width: 100%;
    height: 100%;
  }
  .object--lot-page .floor-plan img {
    width: auto;
    height: 100%;
    max-height: 100%;
  }
  .object--lot-page .floor-plan__layout {
    inset: 0;
  }
  .object--lot-page .object-details__main .swiper {
    overflow: visible;
  }
  .object--lot-page .object-details.is-master-plan-active {
    height: 403px;
    min-height: 403px;
    padding: 0;
  }
  .object--lot-page .object-details.is-master-plan-active::after {
    content: "";
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    left: 0;
    height: 64px;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0%, rgba(18, 18, 18, 0.22) 100%);
    pointer-events: none;
  }
  .object--lot-page .object-details.is-master-plan-active .object-details__main {
    position: absolute;
    inset: 0;
    height: 100%;
    padding: 0;
  }
  .object--lot-page .object-details.is-master-plan-active .object-details__main .carousel,
  .object--lot-page .object-details.is-master-plan-active .object-details__main .swiper,
  .object--lot-page .object-details.is-master-plan-active .object-details__main .swiper-wrapper,
  .object--lot-page .object-details.is-master-plan-active .object-details__main .swiper-slide {
    height: 100%;
  }
  .object--lot-page .object-details.is-master-plan-active .swiper-slide--master-plan .object-detail {
    inset: 0;
    height: 100%;
  }
  .object--lot-page .object-details.is-master-plan-active .swiper-slide--master-plan .object-detail__img--master-plan {
    border-radius: 8px;
  }
  .object--lot-page .object-details.is-master-plan-active .swiper-slide--master-plan .object-detail__img--master-plan img {
    object-position: center center;
  }
  .object--lot-page .object-detail__img--with-sun-widget .object-detail__lightbox {
    top: 50%;
    width: min(89%, 306px);
  }
  .object--lot-page .object-detail__img--with-sun-widget.is-sun-visual-active .object-detail__lightbox {
    width: min(59%, 204px);
  }
  .object-details__actions {
    top: 20px;
    right: 16px;
    width: 116px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    row-gap: 0;
  }
  .object-details__action {
    background-color: #FFFFFF;
    border-radius: 8px;
  }
  .lot-share-popover {
    top: 56px;
    right: 16px;
    left: auto;
  }
  .object--lot-page .object-details__controls {
    position: absolute;
    z-index: 6;
    right: 0;
    bottom: 13px;
    left: 14px;
    transform: none;
  }
  .object--lot-page .object-details__tabs {
    overflow: auto;
  }
  .object--lot-page .object-details__tabs-list {
    justify-content: flex-start;
    gap: 16px;
    padding-bottom: 2px;
  }
  .lot-project-card,
  .object--lot-page .card-object-data {
    padding-right: 16px;
    padding-left: 16px;
  }
  .lot-project-card__main {
    gap: 12px;
  }
  .object--lot-page .card-object-data {
    height: auto;
    min-height: 772px;
    padding-top: 15px;
    padding-bottom: 16px;
    row-gap: 14px;
  }
  .object--lot-page .card-object-data__header {
    gap: 8px;
    padding-bottom: 14px;
  }
  .object--lot-page .card-object-data__price {
    flex-wrap: nowrap;
    gap: 12px;
    font-size: 24px;
  }
  .object--lot-page .card-object-data__price-old {
    font-size: 16px;
  }
  .lot-meta {
    grid-template-columns: repeat(3, max-content);
    column-gap: 32px;
    row-gap: 0;
  }
  .object--lot-page .card-object-data__bottom-actions {
    grid-template-columns: 1fr;
    position: static;
    right: 16px;
    bottom: 16px;
    left: 16px;
    gap: 13px;
    margin-top: 13px;
  }
  .object--lot-page .object-props:not(.is-active) .object-props__list {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
  }
  .object--lot-page .object-props:not(.is-active) .object-props__list-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .object--lot-page .object-props.is-active .object-props__list-inner {
    height: 220px;
    max-height: 220px;
  }
  .object--lot-page .object-props.is-active .object-props__list {
    height: 220px;
    max-height: 220px;
  }
  .object--lot-page .card-object-data--commercial {
    height: auto;
    min-height: 0;
  }
  .object--lot-page .card-object-data--without-extra-options .object-props.is-active .object-props__list,
  .object--lot-page .card-object-data--without-extra-options .object-props.is-active .object-props__list-inner {
    flex: initial;
    height: auto;
    max-height: none;
  }
  .lot-buy-tooltip {
    position: fixed;
    z-index: 120;
    top: min(348px, calc(50vh - 58px));
    right: auto;
    left: 50%;
    width: calc(100vw - 16px);
    max-width: 359px;
    min-height: 116px;
    padding: 17px 16px 18px;
    font-size: 14px;
    line-height: 16px;
    transform: translate(-50%, -4px);
  }
  .lot-buy-row__action::before {
    content: "";
    position: fixed;
    z-index: 119;
    inset: 0;
    background: rgba(18, 18, 18, 0.28);
    backdrop-filter: blur(6px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.18s ease, visibility 0.18s ease;
  }
  .lot-buy-row__action.is-tooltip-open::before {
    opacity: 1;
    visibility: visible;
  }
  .lot-buy-tooltip__close {
    position: fixed;
    z-index: 121;
    top: calc(min(348px, calc(50vh - 58px)) - 43px);
    right: max(8px, calc((100vw - 359px) / 2));
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 8px;
    color: #ffffff;
    background-color: rgba(48, 40, 58, 0.42);
    pointer-events: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.18s ease, visibility 0.18s ease;
  }
  .lot-buy-row__action.is-tooltip-open .lot-buy-tooltip__close {
    opacity: 1;
    visibility: visible;
  }
  .lot-buy-row__action:hover .lot-buy-tooltip,
  .lot-buy-row__action:focus-within .lot-buy-tooltip,
  .lot-buy-row__action.is-tooltip-open .lot-buy-tooltip {
    transform: translate(-50%, 0);
  }
  .lot-buy-row__action:not(.is-tooltip-open):hover .lot-buy-tooltip,
  .lot-buy-row__action:not(.is-tooltip-open):focus-within .lot-buy-tooltip {
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -4px);
  }
  .lot-mortgage-modal .hystmodal__window {
    width: 100%;
    max-width: 100%;
    height: calc(100 * var(--vh, 1vh));
    min-height: calc(100 * var(--vh, 1vh));
    max-height: none;
    margin: -2px 0 0;
    border-radius: 0;
  }
  .lot-mortgage-modal .modal--lot-mortgage,
  .lot-mortgage-modal .modal__body {
    height: 100%;
    max-height: none;
  }
  .lot-mortgage-modal .modal__body {
    overflow-y: auto;
  }
  .lot-mortgage-modal .modal__close,
  #modal-finishing .modal__close {
    top: 32px;
    right: 16px;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    color: #ffffff;
    background-color: rgba(48, 40, 58, 0.24);
  }
  .lot-mortgage-modal .modal__close .btn-control,
  #modal-finishing .modal__close .btn-control {
    width: 100%;
    height: 100%;
    color: #ffffff;
    background-color: transparent;
    border-radius: inherit;
  }
  .lot-mortgage-modal .calc-section {
    min-height: 100%;
    padding: 29px 0 24px;
  }
  .lot-mortgage-modal .width {
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
  .lot-mortgage-modal .calc-section__head {
    border-bottom: 0;
  }
  .lot-mortgage-modal .calc-section__head-core {
    display: block;
    padding: 0 16px 14px;
  }
  .lot-mortgage-modal .calc-section__title {
    max-width: 210px;
    color: #30283a;
    font-size: 24px;
    line-height: 1.1;
  }
  .lot-mortgage-modal .calc-section__title-accent {
    color: #6c3f99;
  }
  .lot-mortgage-modal .calc-section__title::first-letter {
    text-transform: none;
  }
  .lot-mortgage-modal .calc-block {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 16px 24px;
  }
  .lot-mortgage-modal .calc-block__desc {
    order: 0;
    padding-left: 0;
  }
  .lot-mortgage-modal .calc-block__desc-title {
    display: none;
  }
  .lot-mortgage-modal .calc-block__desc-text {
    max-width: none;
    font-size: 12px;
    line-height: 16px;
  }
  .lot-mortgage-modal .calc-block__mobile-type-tabs {
    order: 1;
    display: flex;
    gap: 16px;
    width: 100%;
    overflow: hidden;
  }
  .lot-mortgage-modal .calc-block__mobile-type-tab {
    border: 0;
    padding: 0;
    color: #757575;
    background: transparent;
    font: inherit;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap;
  }
  .lot-mortgage-modal .calc-block__mobile-type-tab.is-active {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .lot-mortgage-modal .calc-block__res {
    order: 2;
  }
  .lot-mortgage-modal .calc-block__res-block {
    position: static;
    height: 238px;
    min-height: 238px;
    gap: 12px;
    padding: 14px;
    border-radius: 8px;
  }
  .lot-mortgage-modal .calc-block__res-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .lot-mortgage-modal .calc-block__res-row {
    padding-bottom: 0;
  }
  .lot-mortgage-modal .calc-block__res-row--start {
    display: none;
  }
  .lot-mortgage-modal .calc-block__res-row--mobile-total {
    display: block;
  }
  .lot-mortgage-modal .calc-block__res-row--summ {
    margin-top: 0;
    padding-top: 11px;
  }
  .lot-mortgage-modal .calc-block__res-title {
    color: #757575;
    font-size: 12px;
    line-height: 17px;
    letter-spacing: -0.24px;
  }
  .lot-mortgage-modal .calc-block__res-val {
    color: #121212;
    font-size: 24px;
    line-height: 1;
  }
  .lot-mortgage-modal .calc-block__res-val--accent {
    color: #6c3f99;
  }
  .lot-mortgage-modal .calc-block__res-about {
    margin-top: auto;
    padding-top: 0;
    color: #757575;
    font-size: 12px;
    line-height: normal;
  }
  .lot-mortgage-modal .calc-block__form {
    display: contents;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=type] {
    order: 1;
    margin-top: 0;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=type] .calc-block__form-title,
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=type] .select {
    display: none;
  }
  .lot-mortgage-modal .calc-block__form-tab.is-active {
    display: contents;
  }
  .lot-mortgage-modal .calc-block__form-row {
    margin-top: 0;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=price] {
    order: 3;
    margin-top: 16px;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=first] {
    order: 4;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=date] {
    order: 5;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=date] + .calc-block__form-field {
    order: 6;
    margin-top: -16px;
  }
  .lot-mortgage-modal .calc-block__form-title {
    margin-bottom: 8px;
    color: #757575;
    font-size: 14px;
    line-height: 20px;
  }
  .lot-mortgage-modal .calc-block__date {
    display: none;
  }
  .lot-mortgage-modal .range-input__core {
    margin-bottom: 7px;
  }
  .lot-mortgage-modal .range-input .input {
    height: 39px;
    border-color: #f2f2f2;
    background-color: #f2f2f2;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=price] .range-input .input {
    color: #b3b3b3;
  }
  .lot-mortgage-modal .calc-block__form-send,
  .lot-mortgage-modal .calc-block__send {
    height: 39px;
    margin-top: 16px;
    border-radius: 8px;
  }
  .lot-mortgage-modal .calc-block__form-send {
    order: 7;
    display: flex;
  }
  .lot-mortgage-modal .calc-block__send {
    display: none;
  }
  #modal-finishing .hystmodal__window {
    width: 100%;
    max-width: 100%;
    height: calc(100 * var(--vh, 1vh));
    min-height: calc(100 * var(--vh, 1vh));
    margin: 0;
    border-radius: 0;
  }
  #modal-finishing .modal--col-2 {
    display: grid;
    grid-template-rows: 304px 1fr;
    height: 100%;
  }
  #modal-finishing .modal__aside {
    grid-row: 1/2;
    height: 304px;
    border-radius: 0;
  }
  #modal-finishing .modal__body {
    z-index: 2;
    grid-row: 2/3;
    margin-top: -1px;
    padding: 37px 16px 16px;
    border-radius: 8px 8px 0 0;
    background-color: #ffffff;
  }
  #modal-finishing .modal__head {
    position: absolute;
    z-index: 3;
    top: 304px;
    left: 0;
    padding: 37px 16px 0;
    background: transparent;
  }
  #modal-finishing .modal__heading {
    max-width: none;
    padding-right: 0;
    color: #30283a;
    font-size: 24px;
    line-height: 1.1;
    white-space: nowrap;
  }
  #modal-finishing .modal__heading-accent {
    color: #6c3f99;
  }
  #modal-finishing .form-finishing {
    gap: 16px;
    padding-top: 74px;
  }
  #modal-finishing .form-finishing__legend,
  #modal-finishing .form-finishing__controls .control-complex--third {
    display: none;
  }
  #modal-finishing .form-finishing__inputs--type {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 23px;
    row-gap: 0;
  }
  #modal-finishing .control-complex {
    min-height: 40px;
    padding: 9px 12px;
    background-color: #ffffff;
    border-color: #f2f2f2;
  }
  #modal-finishing .control-complex--secondary:has(:checked) {
    background-color: #ffffff;
  }
  #modal-finishing .control-complex__title {
    color: #121212;
  }
  #modal-finishing .control-complex__value,
  #modal-finishing .control-complex--secondary:has(:checked) .control-complex__value {
    color: #6c3f99;
  }
  #modal-finishing .radio {
    --control-size-radio: 16px;
    --control-padding: 8px;
    min-height: 16px;
  }
  #modal-finishing .radio__title::before {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 4px;
    border-color: #6c3f99;
    background-color: #ffffff;
  }
  #modal-finishing .radio__title::after {
    left: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 4px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.5L7 10.5L12.5 5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E") center/16px 16px no-repeat;
    transform: translateY(-4px);
  }
  #modal-finishing .radio input:checked ~ .radio__title::before {
    background-color: #6c3f99;
    border-color: #6c3f99;
  }
  #modal-finishing .radio input:checked ~ .radio__title::after {
    transform: translateY(0);
  }
  #modal-finishing .form-finishing__bottom {
    row-gap: 24px;
  }
  #modal-finishing .form-finishing__table {
    color: #121212;
  }
  #modal-finishing .form-finishing__tbody {
    row-gap: 15px;
  }
  #modal-finishing .form-finishing__tfooter {
    margin-top: 14px;
    padding-top: 16px;
  }
  #modal-finishing .form-finishing__tr {
    min-height: 20px;
    padding-bottom: 8px;
  }
  #modal-finishing .form-finishing__th,
  #modal-finishing .form-finishing__td,
  #modal-finishing .form-finishing__tfooter .form-finishing__th,
  #modal-finishing .form-finishing__tfooter .form-finishing__td {
    color: #121212;
  }
  .object--lot-page .sun-visual__arc-label--day,
  .object--lot-page .sun-visual__arc-label--evening {
    display: none;
  }
  .object--lot-page .sun-visual__compass--overlay {
    z-index: 6;
    top: -76px;
    left: 0;
    width: 58px;
    height: 58px;
  }
  .object--lot-page .sun-visual__periods {
    --period-label-start-width: 32px;
    --period-label-end-width: 38px;
    --period-label-gap: 11px;
    overflow: visible;
  }
  .object--lot-page .sun-visual__toolbar {
    position: relative;
    z-index: 5;
    align-items: center;
  }
  .object--lot-page .sun-visual__arc {
    width: min(88%, 277px);
    height: min(88%, 277px);
    margin-top: 8px;
  }
  .lot-buy-row--has-action > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .lot-buy-row__btn {
    justify-self: end;
  }
  .section.section--lot-features {
    padding-top: 56px;
  }
  .section--lot-features .section__heading {
    color: #322b3c;
  }
  .section.section--lot-features.section--fold .section__body-inner > :first-child {
    padding-top: 24px;
    padding-bottom: 40px;
  }
  .section.section--lot-similar.section--fold .section__body-inner > :first-child {
    padding-top: 24px;
  }
  .section--lot-features .features-carousel {
    width: calc(100% + 16px);
    overflow: hidden;
  }
  .section--lot-features .features-carousel__core {
    margin-right: -16px;
    margin-left: 0;
    overflow: visible;
  }
  .section--lot-features .features-carousel__list {
    column-gap: 16px;
  }
  .section--lot-features .features-carousel__item,
  .section--lot-features .features-carousel__item--large {
    flex: 0 0 274px;
    width: 274px;
    height: 249px;
    padding-right: 0;
    padding-left: 0;
  }
  .section--lot-features .features-card__cover,
  .section--lot-features .features-card--large .features-card__cover {
    height: 249px;
    aspect-ratio: auto;
  }
}
.sun-visual {
  --sun-visual-angle: 18deg;
  --sun-visual-progress: 0;
  --sun-visual-progress-angle: 0deg;
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.sun-visual.is-hidden .sun-visual__arc {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%) rotate(var(--sun-visual-angle)) scale(0.98);
}

.sun-visual.is-hidden .sun-visual__sun {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.88);
}

.sun-visual.is-hidden .sun-visual__compass {
  opacity: 0;
  transform: translate3d(0, 8px, 0) scale(0.94);
}

.sun-visual.is-hidden .sun-visual__arc-label {
  opacity: 0;
  transform: translate3d(0, 6px, 0);
}

.sun-visual__compass {
  position: absolute;
  right: 20px;
  top: 20px;
  bottom: auto;
  width: 64px;
  height: 62px;
  pointer-events: none;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  transition: opacity 0.28s ease, transform 0.28s ease;
}

.sun-visual__compass > svg,
.sun-visual__compass-labels {
  width: 100%;
  height: 100%;
  transform: rotate(var(--sun-visual-angle));
  transform-origin: 50% 50%;
  transition: transform 0.35s ease;
}

.sun-visual__compass-labels {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.sun-visual__compass-label {
  position: absolute;
  display: block;
  transform: translate(-50%, -50%) rotate(calc(-1 * var(--sun-visual-angle)));
  transform-origin: center;
}

.sun-visual__compass-label svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.sun-visual__compass-label--north {
  left: 50%;
  top: 8.935%;
  width: 17.188%;
  aspect-ratio: 11/10;
}

.sun-visual__compass-label--east {
  left: 89.781%;
  top: 50%;
  width: 14.063%;
  aspect-ratio: 1/1;
}

.sun-visual__compass-label--west {
  left: 10.219%;
  top: 50%;
  width: 14.063%;
  aspect-ratio: 9/10;
}

.sun-visual__controls {
  display: none;
  pointer-events: none;
}

.sun-visual__switch {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  flex: 0 0 auto;
}

.sun-visual__switch-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sun-visual__switch-core {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #F2F2F2;
  transition: background 0.25s ease, box-shadow 0.25s ease;
  position: relative;
}

.sun-visual__switch-core::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 26px;
  height: 26px;
  background-color: #6C3F99;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13C19 16.3137 16.3137 19 13 19C9.68629 19 7 16.3137 7 13C7 9.68629 9.68629 7 13 7C16.3137 7 19 9.68629 19 13Z' fill='white' stroke='white' stroke-width='2'/%3E%3Cpath d='M13 1V2.8M13 23.2V25M21.485 21.4855L20.2122 20.2128M5.78711 5.78711L4.51432 4.51432M25 13H23.2M2.8 13H1M21.4855 4.51445L20.2128 5.78725M5.7877 20.2129L4.5149 21.4857' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13C19 16.3137 16.3137 19 13 19C9.68629 19 7 16.3137 7 13C7 9.68629 9.68629 7 13 7C16.3137 7 19 9.68629 19 13Z' fill='white' stroke='white' stroke-width='2'/%3E%3Cpath d='M13 1V2.8M13 23.2V25M21.485 21.4855L20.2122 20.2128M5.78711 5.78711L4.51432 4.51432M25 13H23.2M2.8 13H1M21.4855 4.51445L20.2128 5.78725M5.7877 20.2129L4.5149 21.4857' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.sun-visual__switch-input:checked + .sun-visual__switch-core {
  background: #6C3F99;
  box-shadow: none;
}

.sun-visual__switch-input:checked + .sun-visual__switch-core::after {
  background-color: #FFFFFF;
}

.sun-visual__switch-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sun-visual__toolbar {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  flex: 1 1 auto;
}

.sun-visual__periods {
  --period-label-start-width: 32px;
  --period-label-end-width: 38px;
  --period-label-gap: 10px;
  --timeline-start: calc(var(--period-label-start-width) + var(--period-label-gap));
  --timeline-end: calc(var(--period-label-end-width) + var(--period-label-gap));
  --timeline-span: calc(100% - var(--timeline-start) - var(--timeline-end));
  position: relative;
  display: block;
  width: 360px;
  min-height: 28px;
  max-width: 100%;
  padding: 0;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  transform: translateY(0);
  transform-origin: left center;
  transition: opacity 0.25s ease, transform 0.25s ease, max-width 0.25s ease;
  overflow: hidden;
}

.sun-visual__periods::before {
  content: "";
  position: absolute;
  left: var(--timeline-start);
  right: var(--timeline-end);
  top: 50%;
  height: 2px;
  background: #6C3F99;
  transform: translateY(-50%);
}

.sun-visual__periods::after {
  content: "";
  position: absolute;
  left: calc(var(--timeline-start) + (var(--timeline-span) * var(--sun-visual-progress, 0)));
  top: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #6C3F99;
  transform: translate(-50%, -50%);
  transition: left 0.35s ease;
}

.object-details__sun-settings.is-hidden .sun-visual__periods {
  opacity: 0;
  transform: translateY(-6px);
  max-width: 0;
  pointer-events: none;
}

.sun-visual__period-label {
  position: absolute;
  top: 50%;
  user-select: none;
  pointer-events: none;
  transform: translateY(-50%);
  line-height: 0;
}

.sun-visual__period-label svg {
  display: block;
  width: 100%;
  height: auto;
}

.sun-visual__period-label--morning {
  left: 0;
  width: 32px;
}

.sun-visual__period-label--evening {
  right: 0;
  width: 38px;
}

.sun-visual__arc-labels {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.sun-visual__arc-label {
  position: absolute;
  user-select: none;
  pointer-events: none;
  line-height: 0;
  transform: translate(-50%, -50%) rotate(calc(-1 * var(--sun-visual-angle)));
  transform-origin: center;
}

.sun-visual__arc-label svg {
  display: block;
  width: 100%;
  height: auto;
}

.sun-visual__arc-label--morning,
.sun-visual__arc-label--day {
  width: 32px;
}

.sun-visual__arc-label--evening {
  width: 38px;
}

.sun-visual__period-hit {
  position: absolute;
  top: 50%;
  height: 32px;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
}

.sun-visual__period-hit--morning {
  left: calc(var(--timeline-start) - 12px);
  width: 44px;
}

.sun-visual__period-hit--day {
  left: calc(var(--timeline-start) + (var(--timeline-span) / 2));
  width: 56px;
  transform: translate(-50%, -50%);
}

.sun-visual__period-hit--evening {
  right: calc(var(--timeline-end) - 12px);
  width: 44px;
}

.sun-visual__period-hit--day::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 2px;
  height: 12px;
  background: #6C3F99;
  transform: translate(-50%, -50%);
}

.sun-visual__arc {
  position: absolute;
  z-index: 2;
  inset: 0;
  margin: auto;
  width: min(100%, 820px);
  height: min(100%, 820px);
  aspect-ratio: 1/1;
  opacity: 1;
  visibility: visible;
  transform: rotate(var(--sun-visual-angle)) scale(1);
  transform-origin: center;
  transition: opacity 0.28s ease, visibility 0.28s ease, transform 0.28s ease;
}

.sun-visual__arc svg,
.sun-visual__sun svg {
  width: 100%;
  height: 100%;
}

.sun-visual__arc-path {
  stroke: rgba(108, 63, 153, 0.28);
  stroke-width: 2;
  stroke-linecap: round;
}

.sun-visual__arc-base {
  stroke: rgba(211, 198, 225, 1);
  stroke-width: 1.5;
  stroke-linecap: round;
}

.sun-visual__sun {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  transition: transform 0.35s ease, opacity 0.25s ease;
}

.sun-visual__compass--panel {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  flex: 0 0 auto;
}

.sun-visual__compass--overlay {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .object--lot-page .object-details__sun-settings {
    gap: 10px;
  }
  .sun-visual__compass {
    right: 12px;
    top: 12px;
    bottom: auto;
    width: 72px;
    height: 72px;
  }
  .sun-visual__periods {
    width: 300px;
    min-height: 28px;
  }
  .sun-visual__arc {
    width: min(100%, 460px);
    height: min(100%, 461px);
  }
  .sun-visual__sun {
    width: 38px;
    height: 38px;
  }
}
@media only screen and (max-width: 767px) {
  .object--lot-page .object-details {
    grid-template-rows: auto 1fr auto auto;
  }
  .object--lot-page .object-details__sun-settings {
    grid-row: 3/4;
    align-items: center;
    flex-wrap: nowrap;
  }
  .object--lot-page .object-details__main {
    grid-row: 2/3;
  }
  .object--lot-page .object-details__controls {
    grid-row: 4/5;
  }
  .sun-visual__toolbar {
    gap: 12px;
  }
  .sun-visual__compass--panel {
    display: none;
  }
  .sun-visual__compass--overlay {
    display: block;
  }
  .object-details__sun-settings.is-hidden .sun-visual__periods {
    width: 0;
  }
}
@media only screen and (max-width: 620px) {
  .object-details__sun-settings {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .sun-visual__compass {
    top: 14px;
    left: 14px;
    right: auto;
    bottom: auto;
    width: 56px;
    height: 56px;
  }
  .sun-visual__periods {
    width: calc(100% - 52px);
    min-height: 28px;
  }
  .sun-visual__period-hit--morning,
  .sun-visual__period-hit--evening {
    width: 36px;
  }
  .sun-visual__period-hit--day {
    width: 48px;
  }
  .sun-visual__sun {
    width: 34px;
    height: 34px;
  }
}
.object__details {
  display: flex;
  height: 100%;
  max-width: 100%;
  min-width: 1px;
}

.object__aside {
  position: sticky;
  top: 73px;
  max-width: 100%;
  min-width: 1px;
}

@media only screen and (max-width: 1024px) {
  .object {
    grid-template-columns: 1fr;
    row-gap: 16px;
    max-width: 100%;
    min-width: 1px;
  }
  .object__aside {
    position: initial;
    top: initial;
  }
}
.offices-list__body {
  display: grid;
  grid-template-columns: 364px 1fr;
  column-gap: 16px;
  align-items: start;
  position: relative;
}

.offices-list__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  position: sticky;
  top: calc(var(--header-height) + 16px);
  left: 0;
}

.offices-list__list-item {
  width: 100%;
  grid-column: 1/2;
  grid-row: 1/2;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--trans-base), visibility 0s ease 0.3s;
  overflow: hidden;
  user-select: none;
}

.offices-list__list-item.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity var(--trans-base) 0.3s, visibility 0s ease 0s;
}

.offices-list__map {
  border-radius: 20px;
  background-color: var(--color-bg-secondary);
  height: 688px;
  width: 100%;
  min-width: 0;
}

@media only screen and (max-width: 1024px) {
  .offices-list__body {
    grid-template-columns: 1fr;
  }
  .offices-list__list {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
    background-color: var(--color-bg-primary);
    position: static;
  }
  .offices-list__list[data-drag-scroll] {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, 343px);
    grid-auto-columns: 343px;
    overflow: auto;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: grab;
  }
  .offices-list__list[data-drag-scroll]::-webkit-scrollbar {
    display: none;
  }
  .offices-list__list[data-drag-scroll].is-grabbing {
    cursor: grabbing;
  }
  .offices-list__list-item {
    visibility: visible;
    opacity: 1;
    grid-column: initial;
    grid-row: initial;
  }
  .offices-list__list-item:only-child {
    grid-column: 1/-1;
  }
  .offices-list__map {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    transform: translateX(100%);
    transition: transform var(--trans-base);
  }
  .offices-list__map.is-open {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 767px) {
  .offices-list__list {
    grid-template-columns: 1fr;
  }
}
.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination__pages {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 8px;
}

.pagination__el {
  width: 40px;
  padding-left: 0;
  padding-right: 0;
}

.pagination__el.is-active {
  cursor: default;
}

.pagination__more-btn {
  min-width: 130px;
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (max-width: 767px) {
  .pagination {
    flex-direction: column;
    gap: 16px;
  }
  .pagination__main {
    width: calc(100% + 32px);
  }
  .pagination__pages {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    overflow: auto;
    flex: 0 0 auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  .pagination__pages::-webkit-scrollbar {
    display: none;
  }
  .pagination__more {
    width: 100%;
  }
  .pagination__more-btn {
    width: 100%;
  }
}
.project-about {
  position: relative;
}

[data-theme=dark] .project-about {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bd-primary: var(--color-bd-primary-new);
  --color-text-tetriary: rgba(255, 255, 255, 0.3);
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-accent: var(--color-text-primary-reverse);
}

.project-about__core {
  display: grid;
  grid-auto-flow: row;
  gap: 56px;
  grid-template-columns: max-content auto;
}

.project-about__captions {
  user-select: none;
  display: flex;
  column-gap: 16px;
}

.project-about__captions-el {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-primary);
  cursor: pointer;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.project-about__captions-el::first-letter {
  text-transform: uppercase;
}

.project-about__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > .project-about__captions-el, .project-about__captions-el.is-active {
  color: var(--color-text-accent);
  text-decoration: underline;
  cursor: default;
}

[data-theme=dark] .project-about__captions-el {
  color: var(--color-text-primary-reverse-60);
}

[data-theme=dark] .project-about__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > [data-theme=dark] .project-about__captions-el, [data-theme=dark] .project-about__captions-el.is-active {
  color: var(--color-text-accent);
}

.project-about__tab {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 386px auto;
  gap: 110px;
}

.project-about__title {
  max-width: 680px;
}

.project-about__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 24px;
  cursor: default;
}

.project-about__text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-text-secondary);
  cursor: default;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.project-about__text.is-hidden {
  max-height: calc(4lh + 1.2em) !important;
}

.project-about__text.is-hidden::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%);
}

[data-theme=dark] .project-about__text.is-hidden::after {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, var(--color-bg-primary-new) 100%);
}

.project-about__text p {
  transition: opacity var(--trans-fast);
}

.project-about__text p + p {
  margin-top: 16px;
}

.project-about__text ul li {
  position: relative;
  padding-left: 3em;
}

.project-about__text ul li::before {
  content: "-";
  position: absolute;
  display: block;
  left: 0;
  padding-left: 2em;
}

.project-about__more {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: none;
  vertical-align: top;
  margin-top: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-accent);
  align-items: center;
  gap: 4px;
}

.project-about__more.is-visible {
  display: inline-flex;
}

.project-about__more span {
  padding: 1px 0 3px;
}

.project-about__more .icn {
  transform: rotate(180deg);
}

.project-about__more.is-open .icn {
  transform: rotate(0deg);
}

.project-about__more:hover {
  text-decoration: none;
}

.project-about__gallery .gallery-slider__prev,
.project-about__gallery .gallery-slider__next {
  bottom: 15px;
  top: unset;
  transform: none;
}

.project-about__gallery .gallery-slider__prev {
  left: calc(50% - 6px - 36px);
}

.project-about__gallery .gallery-slider__next {
  left: calc(50% + 6px);
}

.project-about__gallery .gallery-slider__fullscreen {
  right: 17px;
  top: 19px;
}

@media only screen and (min-width: 1025px) {
  .project-about__side {
    padding-left: 16px;
  }
  .project-about__captions {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 16px;
    padding: 29px 0;
  }
  .project-about__content {
    padding: 29px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .project-about__core {
    gap: 8px;
    grid-template-columns: 229px 1fr;
  }
  .project-about--variants .project-about__core {
    gap: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-about__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .project-about__more {
    margin-top: 16px;
  }
  .project-about__tab {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    gap: 16px;
  }
  .project-about__pic {
    aspect-ratio: 1/0.6413994169;
  }
}
@media only screen and (max-width: 960px) {
  .project-about__title {
    max-width: 467px;
  }
}
@media only screen and (max-width: 768px) {
  .project-about--variants {
    padding-top: 0;
  }
}
@media only screen and (max-width: 620px) {
  .project-about__core {
    gap: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-about__captions {
    text-wrap-mode: nowrap;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .project-about__captions::-webkit-scrollbar {
    display: none;
  }
  .project-about__tab {
    row-gap: 20px;
  }
}
.project-description {
  position: relative;
}

[data-theme=dark] .project-description {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bd-primary: var(--color-bd-primary-new);
  --color-text-tetriary: rgba(255, 255, 255, 0.3);
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-accent: var(--color-text-primary-reverse);
}

.project-description--variants {
  padding-top: 64px;
  padding-top: 16px;
}

.project-description__core {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: var(--gap);
}

.project-description__side {
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.project-description__captions {
  user-select: none;
  text-wrap-mode: nowrap;
  display: flex;
  column-gap: 16px;
}

.project-description__captions-el {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-primary);
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.project-description__captions-el::first-letter {
  text-transform: uppercase;
}

.project-description__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > .project-description__captions-el, .project-description__captions-el.is-active {
  color: var(--color-text-accent);
  text-decoration: underline;
  cursor: default;
}

[data-theme=dark] .project-description__captions-el {
  color: var(--color-text-primary-reverse-60);
}

[data-theme=dark] .project-description__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > [data-theme=dark] .project-description__captions-el, [data-theme=dark] .project-description__captions-el.is-active {
  color: var(--color-text-accent);
}

.project-description__tab {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
}

.project-description--description .project-description__tab {
  row-gap: 32px;
}

.project-description--ways-to-buy .project-description__tab {
  row-gap: 36px;
}

.project-description__title {
  max-width: 680px;
}

.project-description__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 12px;
  cursor: default;
}

.project-description--description .project-description__title {
  margin-bottom: 21px;
}

.project-description--ways-to-buy .project-description__title {
  margin-bottom: 12px;
}

.project-description__text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-text-secondary);
  cursor: default;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.project-description__text.is-hidden {
  max-height: calc(5lh + 1.2em) !important;
}

.project-description__text.is-hidden::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%);
}

[data-theme=dark] .project-description__text.is-hidden::after {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, var(--color-bg-primary-new) 100%);
}

.project-description__text p {
  transition: opacity var(--trans-fast);
}

.project-description__text p + p {
  margin-top: 16px;
}

.project-description__text ul li {
  position: relative;
  padding-left: 3em;
}

.project-description__text ul li::before {
  content: "-";
  position: absolute;
  display: block;
  left: 0;
  padding-left: 2em;
}

.project-description__more {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: none;
  vertical-align: top;
  margin-top: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-accent);
  align-items: center;
  gap: 4px;
}

.project-description__more.is-visible {
  display: inline-flex;
}

.project-description__more span {
  padding: 1px 0 3px;
}

.project-description__more .icn {
  transform: rotate(180deg);
}

.project-description__more.is-open .icn {
  transform: rotate(0deg);
}

.project-description__more:hover {
  text-decoration: none;
}

.project-description--description .project-description__more {
  margin-top: 32px;
}

.project-description__features {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.project-description__features-item {
  padding: 16px;
  width: 100%;
  flex: 0 content;
}

.project-description__features-title, .project-description__features-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: default;
}

.project-description__features-title::first-letter, .project-description__features-text::first-letter {
  text-transform: uppercase;
}

.project-description__features-title {
  font-size: 24px;
  line-height: 1.1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.project-description__features-text {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--color-text-tetriary);
  margin-top: 8px;
}

.project-description__btn {
  width: max-content;
  padding: 0 16px 4px 16px;
}

[data-theme=dark] .project-description__btn {
  color: var(--color-bg-primary-new);
  background: var(--color-bg-primary);
}

[data-theme=dark] .project-description__btn:hover {
  color: var(--color-bg-primary);
  background: var(--color-bg-feature);
}

@media only screen and (min-width: 1025px) {
  .project-description__captions {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 16px;
  }
  .project-description__features-item {
    background-color: var(--color-bg-secondary-light);
    border-radius: var(--radius-medium);
  }
  [data-theme=dark] .project-description__features-item {
    background-color: var(--color-bg-feature);
  }
}
@media only screen and (max-width: 1024px) {
  .project-description__core {
    gap: 8px;
    grid-template-columns: 229px 1fr;
  }
  .project-description--variants .project-description__core {
    gap: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-description__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .project-description--description .project-description__title {
    margin-bottom: 8px;
  }
  .project-description--ways-to-buy .project-description__title {
    margin-bottom: 8px;
  }
  .project-description__more {
    margin-top: 16px;
  }
  .project-description--description .project-description__more {
    margin-bottom: 8px;
  }
  .project-description__btn {
    height: 32px;
  }
}
@media only screen and (max-width: 960px) {
  .project-description__title {
    max-width: 467px;
  }
}
@media only screen and (max-width: 768px) {
  .project-description--variants {
    padding-top: 0;
  }
  .project-description__text {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .project-description__more {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .project-description__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .project-description__features-title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 620px) {
  .project-description__core {
    gap: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-description__captions {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .project-description__captions::-webkit-scrollbar {
    display: none;
  }
  .project-description__tab {
    row-gap: 20px;
  }
  .project-description--description .project-description__tab {
    row-gap: 20px;
  }
  .project-description--ways-to-buy .project-description__tab {
    row-gap: 20px;
  }
  .project-description__features {
    gap: 12px;
  }
  .project-description__features-item {
    padding: 10px 8px;
    background-color: transparent;
  }
}
.project-features-carousel {
  overflow: hidden;
}

.project-features-carousel__swiper:not(.swiper-initialized) .project-features-carousel__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  user-select: none;
}

.project-features-carousel__item {
  grid-column: span 1;
  grid-row: span 1;
  height: 306px;
}

.project-features-carousel__item--large {
  grid-column: span 2;
}

@media only screen and (max-width: 1024px) {
  .project-features-carousel__swiper {
    overflow: visible;
    margin-left: -8px;
    margin-right: -8px;
  }
  .project-features-carousel__list {
    max-height: 480px;
  }
  .project-features-carousel__item {
    width: 274.31px;
    height: auto;
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media only screen and (max-width: 620px) {
  .project-features-carousel__list {
    max-height: 249px;
  }
}
.project-finishing {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--gap);
}

.project-finishing__tabs {
  padding: 0 var(--container-padd);
}

.project-finishing__tabs .tab {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
}

.project-finishing__panels {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: start;
  width: 100%;
  min-width: 0;
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.project-finishing__panel {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0fr;
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  min-width: 0;
  opacity: 0;
  transition: grid-template-rows 0.3s ease 0.3s, opacity 0.3s ease 0s;
}

.project-finishing__panel.is-active {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: grid-template-rows 0.3s ease 0s, opacity 0.3s ease 0s;
}

.project-finishing__panel-inner {
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .project-finishing {
    row-gap: 8px;
  }
  .project-finishing__tabs {
    padding: 0;
  }
}
.project-list-map__body {
  display: grid;
  grid-template-columns: 364px 1fr;
  gap: 16px;
  align-items: start;
  position: relative;
}

.project-list-map__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 18px;
}

.project-list-map__swiper {
  width: 100%;
}

.project-list-map__swiper-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 18px;
}

.project-list-map__list-item {
  width: 100%;
  transition: opacity var(--trans-base), visibility 0s ease 0.3s;
  overflow: hidden;
  border: 1px solid var(--color-bg-secondary);
  border-radius: var(--radius-medium);
}

.project-list-map__list-item.card-office {
  padding: 0;
  gap: 0;
}

.project-list-map__list-item.is-active {
  background-color: var(--color-bg-secondary);
  visibility: visible;
  opacity: 1;
  transition: opacity var(--trans-base) 0.3s, visibility 0s ease 0s;
}

.project-list-map__list-item:hover {
  background-color: var(--color-bg-secondary);
  transition: background-color var(--trans-base);
}

.project-list-map__map {
  border-radius: var(--radius-medium);
  background-color: var(--color-bg-secondary);
  height: 688px;
  width: 100%;
  min-width: 0;
}

@media only screen and (max-width: 1024px) {
  .project-list-map__body {
    grid-template-columns: 1fr;
  }
  .project-list-map__list {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap);
    background-color: var(--color-bg-primary);
    position: static;
    display: none;
  }
  .project-list-map__swiper {
    display: initial;
    width: 100%;
    overflow: hidden;
    order: 10;
  }
  .project-list-map__swiper-wrapper {
    display: flex;
    grid-template-columns: initial;
    grid-template-rows: initial;
    gap: initial;
  }
  .project-list-map__list[data-drag-scroll] {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    grid-template-rows: 1fr;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, 343px);
    grid-auto-columns: 343px;
    overflow: auto;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 16px;
    cursor: grab;
  }
  .project-list-map__list[data-drag-scroll]::-webkit-scrollbar {
    display: none;
  }
  .project-list-map__list[data-drag-scroll].is-grabbing {
    cursor: grabbing;
  }
  .project-list-map__list-item {
    visibility: visible;
    opacity: 1;
    grid-column: initial;
    grid-row: initial;
    width: 100%;
    max-width: 316px;
  }
  .project-list-map__list-item:only-child {
    grid-column: 1/-1;
  }
  .project-list-map__map {
    max-height: 434px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .project-list-map__map [data-map-control=close] {
    display: none;
  }
  .project-list-map .map__marker-text {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .project-list-map__list {
    grid-template-columns: 1fr;
  }
}
.project-lobby {
  position: relative;
}

[data-theme=dark] .project-lobby {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bd-primary: var(--color-bd-primary-new);
  --color-text-tetriary: rgba(255, 255, 255, 0.3);
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-accent: var(--color-text-primary-reverse);
}

.project-lobby__core {
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: var(--gap);
}

.project-lobby__side {
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.project-lobby__main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.project-lobby__slider {
  display: flex;
}

.project-lobby__captions {
  user-select: none;
  text-wrap-mode: nowrap;
  display: flex;
  column-gap: 16px;
}

.project-lobby__captions-el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-primary);
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.project-lobby__captions-el::first-letter {
  text-transform: uppercase;
}

.project-lobby__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > .project-lobby__captions-el, .project-lobby__captions-el.is-active {
  color: var(--color-text-accent);
  text-decoration: underline;
  cursor: default;
}

[data-theme=dark] .project-lobby__captions-el {
  color: var(--color-text-primary-reverse-60);
}

[data-theme=dark] .project-lobby__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > [data-theme=dark] .project-lobby__captions-el, [data-theme=dark] .project-lobby__captions-el.is-active {
  color: var(--color-text-accent);
}

.project-lobby__tab {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
}

.project-lobby__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  max-width: 460px;
}

.project-lobby__title {
  max-width: 460px;
}

.project-lobby__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 26px;
  cursor: default;
}

.project-lobby__subtitle {
  max-width: 460px;
}

.project-lobby__subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  font-weight: 800;
  display: block;
  margin-bottom: 26px;
  cursor: default;
}

.project-lobby__text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-text-secondary);
  cursor: default;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.project-lobby__text.is-hidden {
  max-height: calc(8lh + 1.2em) !important;
}

.project-lobby__text.is-hidden::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%);
}

[data-theme=dark] .project-lobby__text.is-hidden::after {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, var(--color-bg-primary-new) 100%);
}

.project-lobby__text p {
  transition: opacity var(--trans-fast);
}

.project-lobby__text p + p {
  margin-top: 16px;
}

.project-lobby__text ul li {
  position: relative;
  padding-left: 3em;
}

.project-lobby__text ul li::before {
  content: "-";
  position: absolute;
  display: block;
  left: 0;
  padding-left: 2em;
}

.project-lobby__more {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: none;
  vertical-align: top;
  margin-top: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-accent);
  align-items: center;
  gap: 4px;
}

.project-lobby__more.is-visible {
  display: inline-flex;
}

.project-lobby__more span {
  padding: 1px 0 3px;
}

.project-lobby__more .icn {
  transform: rotate(180deg);
}

.project-lobby__more.is-open .icn {
  transform: rotate(0deg);
}

.project-lobby__more:hover {
  text-decoration: none;
}

.project-lobby__features {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.project-lobby__features-item {
  padding: 16px;
  width: 100%;
  flex: 0 content;
}

.project-lobby__features-title, .project-lobby__features-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: default;
}

.project-lobby__features-title::first-letter, .project-lobby__features-text::first-letter {
  text-transform: uppercase;
}

.project-lobby__features-title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.project-lobby__features-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-tetriary);
  margin-top: 8px;
}

.project-lobby__btn {
  width: max-content;
  padding: 0 16px 4px 16px;
}

[data-theme=dark] .project-lobby__btn {
  color: var(--color-bg-primary-new);
  background: var(--color-bg-primary);
}

[data-theme=dark] .project-lobby__btn:hover {
  color: var(--color-bg-primary);
  background: var(--color-bg-feature);
}

@media only screen and (min-width: 1025px) {
  .project-lobby__captions {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 16px;
  }
  .project-lobby__features-item {
    background-color: var(--color-bg-secondary-light);
    border-radius: var(--radius-medium);
  }
}
[data-theme=dark] .project-lobby__features-item {
  background-color: var(--color-bg-feature);
}

@media only screen and (max-width: 1024px) {
  .project-lobby__core {
    gap: 8px;
    grid-template-columns: 229px 1fr;
  }
  .project-lobby--variants .project-lobby__core {
    gap: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-lobby__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .project-lobby__more {
    margin-top: 16px;
  }
  .project-lobby__btn {
    height: 32px;
  }
}
@media only screen and (max-width: 960px) {
  .project-lobby__title {
    max-width: 467px;
  }
}
@media only screen and (max-width: 768px) {
  .project-lobby--variants {
    padding-top: 0;
  }
  .project-lobby__text {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .project-lobby__more {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .project-lobby__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .project-lobby__subtitle {
    margin-bottom: 8px;
  }
  .project-lobby__features-title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 620px) {
  .project-lobby__core {
    gap: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-lobby__captions {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .project-lobby__captions::-webkit-scrollbar {
    display: none;
  }
  .project-lobby__tab {
    row-gap: 20px;
  }
  .project-lobby__features {
    gap: 12px;
  }
  .project-lobby__features-item {
    padding: 10px 8px;
  }
}
.project-nav-sticky {
  position: fixed;
  bottom: 16px;
  left: 50%;
  z-index: 99;
  user-select: none;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition: all var(--trans-base);
  top: 57px;
  left: 0;
  right: 0;
  bottom: initial;
  transform: initial;
  background: var(--color-bg-primary);
  margin-bottom: 13px;
  position: sticky;
  z-index: 95;
  border-bottom: 1px solid #E7E7E7;
  padding: 2px;
}

.has-project-hidden-header .project-nav-sticky {
  top: 0;
}

[data-theme=dark] .project-nav-sticky {
  --color-bg-primary: var(--color-bg-primary-reverse);
  --color-text-primary: var(--color-text-primary-reverse-60);
  --color-text-accent: var(--color-text-primary-reverse);
  border-bottom-color: var(--color-bd-primary-new);
}

.project-nav-sticky.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -100%);
}

.project-nav-sticky__core {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px;
  position: relative;
}

.project-nav-sticky__item {
  display: inline-block;
  vertical-align: top;
}

.project-nav-sticky__el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-primary-60);
  white-space: nowrap;
  padding: 6px 4px;
  transition: color var(--trans-base);
}

.project-nav-sticky__el::first-letter {
  text-transform: uppercase;
}

.project-nav-sticky__el:hover {
  color: var(--color-text-accent);
}

.project-nav-sticky__el.is-active {
  color: var(--color-text-accent);
  text-underline-offset: 2px;
  cursor: default;
}

.project-nav-sticky__title .project-nav-sticky__el {
  font-size: 16px;
  font-weight: 600;
  cursor: default;
}

.project-nav-sticky__legend {
  opacity: 1;
  height: 2px;
  background: var(--color-text-accent);
  position: absolute;
  bottom: -2px;
  left: 6px;
  pointer-events: none;
  z-index: 1;
}

[data-theme=dark] .project-nav-sticky__legend {
  background: var(--color-bg-accent);
}

[data-theme=dark] .project-nav-sticky__el {
  color: #ADAAB1;
}

[data-theme=dark] .project-nav-sticky__el.is-active {
  color: var(--color-text-accent);
}

@media only screen and (max-width: 1024px) {
  .project-nav-sticky {
    display: none;
  }
}
.project-nav {
  position: fixed;
  bottom: 16px;
  left: 50%;
  z-index: 99;
  user-select: none;
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  transition: transform var(--trans-base), opacity var(--trans-base), visibility var(--trans-base);
}

[data-theme=dark] .project-nav {
  --color-bg-primary: var(--color-bg-primary-reverse);
  --color-text-primary: var(--color-text-primary-reverse-60);
  --color-text-accent: var(--color-text-primary-reverse);
}

.project-nav.is-hidden {
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -100%);
}

.project-nav__core {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: var(--color-bg-primary);
  padding: 4px 12px;
  border-radius: 8px;
  box-shadow: var(--shadow-toast);
}

.project-nav__item {
  display: inline-block;
  vertical-align: top;
}

.project-nav__el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-primary);
  white-space: nowrap;
  padding: 6px 4px;
  transition: color var(--trans-base);
}

.project-nav__el::first-letter {
  text-transform: uppercase;
}

.project-nav__el:hover {
  color: var(--color-text-accent);
}

.project-nav__el.is-active {
  color: var(--color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: default;
}

@media only screen and (max-width: 1024px) {
  .project-nav {
    display: none;
  }
}
.project-office__body {
  position: relative;
}

.project-office__list {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 364px;
  z-index: 3;
}

.project-office__map {
  width: 100%;
  height: 720px;
  border-radius: var(--radius-medium);
}

.project-office .card-office {
  background-color: var(--color-bg-primary);
}

@media only screen and (max-width: 1024px) {
  .project-office__body {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 12px;
  }
  .project-office__list {
    position: static;
    width: initial;
  }
  .project-office__list .card-office {
    padding: 8px;
  }
  .project-office__list .card-office__img {
    display: none;
  }
  .project-office__map {
    height: 425px;
  }
}
@media only screen and (max-width: 768px) {
  .project-office__map {
    height: 225px;
  }
}
.project-parking {
  position: relative;
}

[data-theme=dark] .project-parking {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-bd-primary: var(--color-bd-primary-new);
  --color-text-tetriary: rgba(255, 255, 255, 0.3);
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-accent: var(--color-text-primary-reverse);
}

.project-parking__core {
  display: grid;
  grid-template-columns: 1fr 5fr;
  gap: var(--gap);
}

.project-parking__side {
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.project-parking__main {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.project-parking__slider {
  display: flex;
}

.project-parking__captions {
  user-select: none;
  text-wrap-mode: nowrap;
  display: flex;
  column-gap: 16px;
}

.project-parking__captions-el {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-primary);
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.project-parking__captions-el::first-letter {
  text-transform: uppercase;
}

.project-parking__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > .project-parking__captions-el, .project-parking__captions-el.is-active {
  color: var(--color-text-accent);
  text-decoration: underline;
  cursor: default;
}

[data-theme=dark] .project-parking__captions-el {
  color: var(--color-text-primary-reverse-60);
}

[data-theme=dark] .project-parking__captions-el:hover {
  color: var(--color-text-accent);
}

.is-active > [data-theme=dark] .project-parking__captions-el, [data-theme=dark] .project-parking__captions-el.is-active {
  color: var(--color-text-accent);
}

.project-parking__tab {
  display: flex;
  flex-direction: column;
  row-gap: 36px;
}

.project-parking__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.project-parking__description {
  max-width: 460px;
}

.project-parking__title {
  max-width: 460px;
}

.project-parking__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 26px;
  cursor: default;
}

.project-parking__subtitle {
  max-width: 460px;
}

.project-parking__subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  font-weight: 600;
  display: block;
  margin-bottom: 24px;
  cursor: default;
}

.project-parking__text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-text-secondary);
  cursor: default;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.project-parking__text.is-hidden {
  max-height: calc(5lh + 1.2em) !important;
}

.project-parking__text.is-hidden::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%);
}

[data-theme=dark] .project-parking__text.is-hidden::after {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, var(--color-bg-primary-new) 100%);
}

.project-parking__text p {
  transition: opacity var(--trans-fast);
}

.project-parking__text p + p {
  margin-top: 16px;
}

.project-parking__text ul li {
  position: relative;
  padding-left: 3em;
}

.project-parking__text ul li::before {
  content: "-";
  position: absolute;
  display: block;
  left: 0;
  padding-left: 2em;
}

.project-parking__more {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: none;
  vertical-align: top;
  margin-top: 0.8em;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-accent);
  align-items: center;
  gap: 4px;
}

.project-parking__more.is-visible {
  display: inline-flex;
}

.project-parking__more span {
  padding: 1px 0 3px;
}

.project-parking__more .icn {
  transform: rotate(180deg);
}

.project-parking__more.is-open .icn {
  transform: rotate(0deg);
}

.project-parking__more:hover {
  text-decoration: none;
}

.project-parking__features {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}

.project-parking__features-item {
  padding: 16px;
  width: 100%;
  flex: 0 content;
}

.project-parking__features-title, .project-parking__features-text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  cursor: default;
}

.project-parking__features-title::first-letter, .project-parking__features-text::first-letter {
  text-transform: uppercase;
}

.project-parking__features-title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.project-parking__features-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-tetriary);
  margin-top: 8px;
}

.project-parking__btn {
  width: max-content;
  padding: 0 16px 4px 16px;
}

[data-theme=dark] .project-parking__btn {
  color: var(--color-bg-primary-new);
  background: var(--color-bg-primary);
}

[data-theme=dark] .project-parking__btn:hover {
  color: var(--color-bg-primary);
  background: var(--color-bg-feature);
}

.project-parking__pic {
  width: 100%;
  height: 100%;
}

.project-parking__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-medium);
}

@media only screen and (min-width: 1025px) {
  .project-parking__captions {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 16px;
  }
  .project-parking__features-item {
    background-color: var(--color-bg-secondary-light);
    border-radius: var(--radius-medium);
  }
}
[data-theme=dark] .project-parking__features-item {
  background-color: var(--color-bg-feature);
}

@media only screen and (max-width: 1024px) {
  .project-parking__core {
    gap: 8px;
    grid-template-columns: 229px 1fr;
  }
  .project-parking--variants .project-parking__core {
    gap: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-parking__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .project-parking__more {
    margin-top: 0.8em;
  }
  .project-parking__btn {
    height: 32px;
  }
}
@media only screen and (max-width: 960px) {
  .project-parking__title {
    max-width: 467px;
  }
}
@media only screen and (max-width: 768px) {
  .project-parking--variants {
    padding-top: 0;
  }
  .project-parking__content {
    grid-template-columns: 1fr;
  }
  .project-parking__description {
    order: 4;
    margin-top: 12px;
  }
  .project-parking__text {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .project-parking__more {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .project-parking__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .project-parking__subtitle {
    margin-bottom: 8px;
  }
  .project-parking__features-title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 620px) {
  .project-parking__core {
    gap: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
  .project-parking__captions {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .project-parking__captions::-webkit-scrollbar {
    display: none;
  }
  .project-parking__tab {
    row-gap: 20px;
  }
  .project-parking__features {
    gap: 12px;
  }
  .project-parking__features-item {
    padding: 10px 8px;
  }
}
.project-related__body {
  margin-left: calc(-0.5 * var(--gap));
  margin-right: calc(-0.5 * var(--gap));
}

.project-related__item {
  min-width: 1px;
  padding-left: calc(0.5 * var(--gap));
  padding-right: calc(0.5 * var(--gap));
}

.project-related__footer {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.project-related__footer-btn {
  min-width: 216px;
}

@media only screen and (max-width: 1280px) {
  .project-related__body {
    overflow: visible;
  }
  .project-related__item {
    width: 600px;
  }
}
@media only screen and (min-width: 1025px) {
  .project-related__list {
    height: unset !important;
  }
}
@media only screen and (max-width: 1024px) {
  .project-related__footer {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .project-related__body {
    margin-left: -4px;
    margin-right: -4px;
  }
  .project-related__item {
    width: 351px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .project-related__footer-btn {
    width: 100%;
  }
}
.promotion-carousel {
  position: relative;
}

.promotion-carousel__prev, .promotion-carousel__next {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
}

.promotion-carousel__prev {
  left: -8px;
}

.promotion-carousel__next {
  right: -8px;
}

.promotion-carousel__core {
  margin-left: -8px;
  margin-right: -8px;
}

.promotion-carousel__core:not(.swiper-initialized) .promotion-carousel__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.promotion-carousel__item {
  padding-left: 8px;
  padding-right: 8px;
  min-width: 1px;
}

.promotion-carousel__core:not(.swiper-initialized) .promotion-carousel__item:nth-child(4) ~ * {
  display: none;
}

@media only screen and (max-width: 1440px) {
  .promotion-carousel__core {
    overflow: visible;
  }
  .promotion-carousel__item {
    width: 356px;
  }
}
@media only screen and (max-width: 1024px) {
  .promotion-carousel__core {
    margin-left: -4px;
    margin-right: -4px;
  }
  .promotion-carousel__prev, .promotion-carousel__next {
    display: none;
  }
  .promotion-carousel__item {
    width: 351px;
    padding-left: 4px;
    padding-right: 4px;
  }
  .promotion-carousel .promotion-card__pic {
    aspect-ratio: 0.9554317549/1;
  }
}
.restore-search {
  position: fixed;
  bottom: 16px;
  left: 50%;
  transform: translate(-50%, 110%);
  z-index: 80;
  width: max-content;
  max-width: 90%;
  padding: 6px 12px;
  background: var(--color-bg-primary);
  border-radius: 8px;
  box-shadow: var(--shadow-toast);
  user-select: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: var(--trans-base);
  transition-property: transform, opacity, visibility;
}

.restore-search.is-hidden {
  display: none !important;
}

.restore-search.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translate(-50%, 0);
}

.restore-search__core {
  display: grid;
  grid-template-columns: 1fr min-content 16px;
  column-gap: 12px;
  min-width: 1px;
}

.restore-search__options {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.restore-search__tags {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  overflow: auto;
}

.restore-search__tags::-webkit-scrollbar {
  display: none;
}

.restore-search__tags span {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-text-primary);
  display: inline-block;
  vertical-align: top;
  border-radius: var(--radius-super);
  border: 1px solid var(--color-bd-primary);
  background: var(--color-bg-primary);
  padding: 3px 12px;
  max-width: 180px;
  flex: 0 0 auto;
}

.restore-search__tags span::first-letter {
  text-transform: uppercase;
}

.restore-search__tags span:nth-child(4) ~ * {
  display: none;
}

.restore-search__accept, .restore-search__del {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: pointer;
}

.restore-search__accept {
  flex: 0 0 auto;
  color: var(--color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  white-space: nowrap;
}

.restore-search__accept:hover {
  text-decoration: none;
}

.restore-search__del {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: auto 0;
  color: var(--color-icn-secondary);
  transition: color var(--trans-base);
}

.restore-search__del:hover {
  color: var(--color-icn-accent);
}

@media only screen and (max-width: 1024px) {
  .restore-search {
    display: none;
  }
}
.similar-flat {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
}

.similar-flat__carousel {
  width: 100%;
  min-width: 0;
}

.similar-flat .swiper-wrapper {
  align-items: stretch;
}

.similar-flat .swiper-slide {
  height: unset;
}

.similar-flat__results {
  display: none;
}

.similar-flat__results.is-show {
  display: block;
}

.similar-flat__controls {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, 216px);
  justify-content: center;
}

@media only screen and (max-width: 1024px) {
  .similar-flat {
    row-gap: 32px;
  }
  .similar-flat__controls {
    grid-template-columns: 1fr;
  }
}
.simple-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  user-select: none;
}

.simple-tabs__el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-primary);
  position: relative;
}

.simple-tabs__el::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  opacity: 0;
  transform: translate(0, 200%);
  transition: background-color var(--trans-base), opacity var(--trans-base), transform var(--trans-base);
}

.simple-tabs__el:hover::before {
  opacity: 1;
  transform: translate(0, 0);
}

.simple-tabs__el.is-active {
  color: var(--color-text-accent);
  cursor: pointer;
}

.simple-tabs__el.is-active::before {
  opacity: 1;
  transform: translate(0, 0);
}

.sort-select {
  user-select: none;
}

[data-theme=dark] .sort-select {
  --color-text-primary-reverse-50: var(--color-text-ternary-60);
  --color-text-accent-light: var(--color-text-ternary) ;
}

.sort-select select {
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  border: 0;
  background: transparent;
  color: var(--color-text-accent);
  text-decoration: underline;
  appearance: none;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-top: 4px;
  padding-bottom: 4px;
  text-underline-offset: 3px;
  max-width: 100%;
}

.sort-select select::-ms-expand {
  display: none;
}

.sort-select select:focus {
  outline: none;
  opacity: 0.9;
}

.sort-select select option {
  color: var(--color-text-primary);
  padding: 4px;
  font-size: 1.2em;
}

.sort-select__list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px var(--gap);
}

.sort-select--filter .sort-select__list {
  display: flex;
  gap: 8px;
}

.sort-select__el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  cursor: pointer;
}

.sort-select__el::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0;
  transform: translate(0, 200%);
  transition: opacity var(--trans-base), transform var(--trans-base);
}

.sort-select__el.filter-tabs__item {
  color: var(--color-text-primary-reverse-50);
}

.sort-select__el.is-active, .sort-select__el.filter-tabs__item.is-active {
  color: var(--color-text-accent);
  cursor: default;
  pointer-events: none;
}

[data-theme=dark] .sort-select__el.is-active, [data-theme=dark] .sort-select__el.filter-tabs__item.is-active {
  color: var(--color-text-accent-dark);
}

.sort-select__el:hover::before, .sort-select__el.filter-tabs__item:hover::before, .sort-select__el.is-active::before, .sort-select__el.filter-tabs__item.is-active:hover::before {
  opacity: 1;
  transform: translate(0, 0);
}

.sort-select--filter .sort-select__el {
  padding-top: 0;
  padding-bottom: 0;
}

.sort-select--var-dark .sort-select__el {
  color: var(--color-text-primary-reverse-50);
}

.sort-select--var-dark .sort-select__el.is-active {
  color: var(--color-text-accent-light);
}

.tabbar {
  display: none;
  position: fixed;
  bottom: 16px;
  left: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 90;
  user-select: none;
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
  transition: opacity var(--trans-base), transform var(--trans-base), visibility var(--trans-base);
}

[data-theme=dark] .tabbar {
  --color-bg-primary: var(--color-bg-primary-reverse);
  --color-text-secondary: var(--color-text-primary-reverse);
}

.tabbar.is-hidden {
  opacity: 0;
  transform: translate(0, 100%);
  visibility: hidden;
}

.tabbar__list {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 4px 4px;
  background: var(--color-bg-primary);
  pointer-events: all;
  border-radius: 16px;
  box-shadow: var(--shadow-block);
}

.tabbar__el {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  width: 82px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
}

.tabbar__el:hover, .tabbar__el:active, .tabbar__el.is-active {
  color: var(--color-text-accent);
}

.tabbar__el[data-menu-toggle]:focus {
  color: var(--color-text-accent);
}

.tabbar__el.is-active {
  cursor: default;
}

.tabbar__title {
  font-size: 12px;
  line-height: 1.6666666667;
  font-weight: 400;
  position: relative;
}

.tabbar__title::first-letter {
  text-transform: uppercase;
}

.tabbar__el.is-active .tabbar__title {
  text-decoration: underline;
}

@media only screen and (max-width: 1023px) {
  .tabbar {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .tabbar__el {
    width: 70px;
  }
}
@media only screen and (max-width: 375px) {
  .tabbar__list {
    padding-left: 0;
    padding-right: 0;
  }
  .tabbar__el {
    width: 66px;
  }
}
.tabs {
  display: flex;
  gap: 16px;
}

.tabs .carousel {
  width: 100%;
  min-width: 0;
}

.tabs--button {
  background-color: var(--color-bg-primary-reverse);
  border-radius: var(--radius-medium);
  padding: 4px;
  gap: 0;
}

.tenders {
  background: linear-gradient(to right, var(--color-bg-accent), 70%, var(--color-bg-accent-2));
  border-radius: var(--radius-large);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 100px;
  align-items: center;
  padding: 22px 22px 22px 31px;
}

.tenders__head {
  max-width: 500px;
}

.tenders__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
}

.tenders__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  align-items: center;
  gap: 16px;
}

.tenders__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary-reverse);
}

.tenders__link {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid var(--color-bd-primary);
  background-color: var(--color-bg-primary);
  border-radius: var(--radius-medium);
  color: var(--color-black);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .tenders {
    grid-template-columns: 1fr;
    padding: 20px 24px;
    background: var(--color-bg-accent);
  }
  .tenders__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .tenders__body {
    grid-template-columns: 1fr;
    row-gap: 58px;
  }
}
.text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.text p:not(:last-child, :only-child) {
  padding-bottom: 16px;
}

.timeline-carousel {
  position: relative;
}

.timeline-carousel__prev, .timeline-carousel__next {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
}

.timeline-carousel__prev {
  left: -8px;
}

.timeline-carousel__next {
  right: -8px;
}

.timeline-carousel__core {
  margin-left: -8px;
  margin-right: -8px;
}

.timeline-carousel__core:not(.swiper-initialized) .timeline-carousel__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.timeline-carousel__item {
  padding-left: 8px;
  padding-right: 8px;
  width: 25%;
}

.timeline-carousel__core:not(.swiper-initialized) .timeline-carousel__item:nth-child(4) ~ * {
  display: none;
}

@media only screen and (max-width: 1440px) {
  .timeline-carousel__core {
    overflow: visible;
  }
}
@media only screen and (min-width: 1025px) {
  .timeline-carousel__item:nth-child(3n) {
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .timeline-carousel__core {
    margin-left: -4px;
    margin-right: -4px;
  }
  .timeline-carousel__prev, .timeline-carousel__next {
    display: none;
  }
  .timeline-carousel__item {
    width: 283px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
.tooltip-dot {
  --top: 50%;
  --left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  top: var(--top);
  left: var(--left);
  display: flex;
  justify-content: center;
  cursor: default;
}

.tooltip-dot__body {
  position: absolute;
  background-color: var(--color-bg-primary);
  border-radius: 24px;
  opacity: 0;
  transform: scaleX(0.3);
  transform-origin: center center;
  transition: opacity 0.1s ease-in 0s, transform 0s ease-in 0.1s;
}

.tooltip-dot__body > * {
  opacity: 0;
  transition: opacity 0.1s ease-in 0s;
}

.tooltip-dot.is-open .tooltip-dot__body {
  opacity: 1;
  transition: opacity 0.15s ease-out 0s, transform 0.15s ease-out 0s;
  transform: scaleX(1);
}

.tooltip-dot.is-open .tooltip-dot__body > * {
  opacity: 1;
  transition: opacity 0.15s ease-out 0.1s;
}

.tooltip-dot__control {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  border-radius: 50%;
  border: none;
  background: var(--color-bg-overlay);
  color: var(--color-text-primary-reverse);
  width: 24px;
  height: 24px;
  padding: 0;
  justify-items: center;
  align-items: center;
  transition: background-color var(--trans-base), color var(--trans-base), transform var(--trans-base);
}

.tooltip-dot__control .icn {
  grid-row: 1/2;
  grid-column: 1/2;
  transition: opacity var(--trans-base);
}

.tooltip-dot__control .icn:last-child {
  opacity: 0;
}

.tooltip-dot.is-open .tooltip-dot__control {
  background: var(--color-bg-primary);
  color: var(--color-icn-primary);
  transform: rotateZ(180deg);
}

.tooltip-dot.is-open .tooltip-dot__control .icn:first-child {
  opacity: 0;
}

.tooltip-dot.is-open .tooltip-dot__control .icn:last-child {
  opacity: 1;
}

.tooltip {
  color: var(--color-text-primary-reverse);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-items: center;
  width: 100%;
  transition: transform var(--trans-base);
  position: relative;
  cursor: initial;
  align-items: end;
}

.tooltip.is-open {
  transform: translateY(-40px);
}

.tooltip__body {
  grid-column: 1/2;
  grid-row: 1/2;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--trans-base), opacity 0.3s ease 0s;
  opacity: 0;
  max-height: 100%;
  min-height: 0;
}

.tooltip__body-inner {
  overflow: hidden;
}

.tooltip.is-open .tooltip__body {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: grid-template-rows var(--trans-base), opacity 0.3s ease-in 0.05s;
}

.tooltip__msg {
  position: relative;
  padding-left: 16px;
  padding-right: 6px;
  opacity: 0;
  transition: opacity var(--trans-base);
  overflow-y: scroll;
  height: 100%;
  overscroll-behavior: contain;
  scrollbar-color: var(--color-transparent) var(--color-transparent);
  scrollbar-width: none;
}

@supports selector(::-webkit-scrollbar) {
  .tooltip__msg {
    scrollbar-width: auto;
    scrollbar-color: initial;
  }
  .tooltip__msg::-webkit-scrollbar {
    width: 10px;
    appearance: none;
  }
  .tooltip__msg::-webkit-scrollbar-track {
    background-color: var(--color-transparent);
  }
  .tooltip__msg::-webkit-scrollbar-thumb {
    background-color: rgba(var(--color-bd-primary-rgb)/0.3);
    border-radius: 7px;
    border: 4px solid var(--color-transparent);
    background-clip: content-box;
  }
}
.tooltip.is-open .tooltip__msg {
  opacity: 1;
}

.tooltip__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  padding: 8px 0;
  border-bottom: 1px solid rgba(var(--color-bd-primary-rgb)/0.2);
}

.tooltip__title::first-letter {
  text-transform: uppercase;
}

.tooltip__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding: 8px 0 16px;
  color: var(--color-text-secondary-reverse);
}

.tooltip__aside {
  grid-column: 1/2;
  grid-row: 1/2;
  width: min-content;
  min-width: 0;
  transition: min-width var(--trans-base), min-height var(--trans-base);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-items: center;
  align-items: center;
  min-height: 0;
}

.tooltip.is-open .tooltip__aside {
  min-width: 100%;
  min-height: 100%;
}

.tooltip__overlay {
  grid-column: 1/2;
  grid-row: 1/2;
  background-color: var(--color-bg-overlay);
  backdrop-filter: blur(20px);
  border-radius: 24px;
  width: 100%;
  height: 100%;
  transition: border-radius var(--trans-base);
}

.tooltip.is-open .tooltip__overlay {
  border-radius: 8px;
}

.tooltip__controls {
  grid-column: 1/2;
  grid-row: 1/2;
  position: relative;
  transition: opacity var(--trans-base);
}

.tooltip.is-open .tooltip__controls {
  opacity: 0;
}

.tooltip__close {
  position: absolute;
  bottom: 0;
  color: var(--color-text-primary);
  transform: translateY(calc(100% + 24px));
  transition: transform var(--trans-base), opacity var(--trans-base);
  opacity: 0;
}

.tooltip.is-open .tooltip__close {
  transform: translateY(40px);
  opacity: 1;
}

.tooltip .tag .icn {
  transition: transform var(--trans-base);
}

.tooltip.is-open .tag .icn {
  transform: rotateZ(180deg);
}

.trade-programs {
  display: grid;
  grid-template-columns: 664px 1fr;
  grid-template-rows: auto 1fr;
  column-gap: 32px;
  row-gap: 32px;
  min-height: 480px;
  align-content: space-between;
  align-items: end;
  padding-left: 16px;
}

.trade-programs__tabs {
  width: 100%;
  min-width: 0;
}

.trade-programs__covers {
  grid-column: 2/3;
  grid-row: 1/3;
  border-radius: var(--radius-large);
  overflow: hidden;
  height: 480px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-self: start;
}

.trade-programs__cover {
  grid-column: 1/2;
  grid-row: 1/2;
  visibility: hidden;
  transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s, visibility 0s ease-in 0.3s;
  height: 100%;
  position: relative;
  z-index: 2;
  opacity: 0;
}

.trade-programs__cover.is-active {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transition: transform 0s ease-in 0s, opacity 0s ease-in 0s, visibility 0s ease-in 0s;
}

.trade-programs__cover picture,
.trade-programs__cover img {
  display: block;
  width: 100%;
  height: 100%;
}

.trade-programs__cover img {
  object-fit: cover;
}

.trade-programs__panels {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: end;
}

.trade-programs__panel {
  grid-column: 1/2;
  grid-row: 1/2;
  opacity: 0;
}

.trade-programs__panel.is-init {
  opacity: 1;
  visibility: hidden;
  pointer-events: none;
  max-height: 0;
  overflow: hidden;
}

.trade-programs__panel.is-active {
  visibility: visible;
  pointer-events: all;
  max-height: unset;
  animation-name: show-panel;
  animation-duration: 0.3s;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
}

@media only screen and (max-width: 1279px) {
  .trade-programs {
    grid-template-columns: 1fr;
    grid-template-rows: initial;
    row-gap: 24px;
    min-height: auto;
    padding-left: 0;
  }
  .trade-programs__panels {
    margin-bottom: 8px;
  }
  .trade-programs__covers {
    grid-column: 1/-1;
    grid-row: initial;
    height: auto;
  }
  .trade-programs__cover {
    aspect-ratio: 736/480;
  }
}
@media only screen and (max-width: 767px) {
  .trade-programs {
    row-gap: 32px;
  }
  .trade-programs__panels {
    margin-bottom: 0;
  }
  .trade-programs__cover {
    aspect-ratio: 343/236;
  }
}
.user-menu {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}

.user-menu__item {
  position: relative;
}

.user-menu__el {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  padding: 2px 8px 4px;
  color: var(--color-text-primary);
  white-space: nowrap;
  transition: color var(--trans-base);
  cursor: pointer;
}

.user-menu__el:hover {
  color: var(--color-text-accent);
}

[data-theme=dark] .user-menu__el {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-text-secondary: var(--color-text-primary-reverse-60);
}

.user-menu__item:hover .user-menu__el {
  color: var(--color-text-accent);
}

.user-menu__text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.user-menu__icn {
  color: var(--color-icn-accent);
  margin-right: 4px;
  position: relative;
  bottom: -1px;
}

.user-menu__sub {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  padding-left: 4px;
}

.user-menu__drop {
  position: absolute;
  left: 8px;
  top: 100%;
}

.user-menu__city {
  position: absolute;
  top: calc(100% + 24px);
  left: 0;
}

.user-menu__item--city-projects .user-menu__el {
  padding-top: 0;
  padding-bottom: 0;
}

.user-menu__item--city-projects .base-drop__el::after {
  content: none;
}

.user-menu__item--city-projects .user-menu__drop {
  right: 8px;
}

.user-menu__item--city-projects .base-drop, .user-menu__item--city-projects .base-drop__el {
  width: 100%;
  text-align: left;
}

@media only screen and (max-width: 1279px) {
  .user-menu__item--tel {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .user-menu {
    position: relative;
  }
  .user-menu__city {
    right: 0;
    left: unset;
  }
  .user-menu__item--fav {
    display: none;
  }
  .user-menu__item--city {
    position: static;
    order: -1;
  }
  .user-menu__item--city .user-menu__el, .user-menu__item--city .user-menu__drop {
    display: none;
  }
  .user-menu__item--tel {
    display: inline-block;
  }
}
.vacancies {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}

.vacancies__main {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
  justify-items: center;
}

.vacancies__list {
  --height-row: 148px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: var(--height-row);
  grid-auto-rows: var(--height-row);
  row-gap: 16px;
  width: 100%;
}

.vacancies__list:empty {
  --height-row: 0;
}

.vacancies__list.is-empty {
  --height-row: auto;
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  text-align: center;
}

.vacancies__controls {
  width: 100%;
  max-width: 216px;
}

.vacancies .card-vacancy {
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  .vacancies__main {
    row-gap: 32px;
  }
  .vacancies__list {
    --height-row: auto;
  }
  .vacancies__controls {
    max-width: none;
  }
}
.best-card {
  position: relative;
  display: block;
}

.best-card__badge {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
  position: absolute;
  left: 8px;
  top: 8px;
  padding: 1px 8px 3px;
  border-radius: 100px;
  z-index: 1;
  cursor: default;
}

.best-card__badge--hot {
  color: var(--color-text-primary-reverse);
  background: var(--color-bg-accent);
}

.best-card__cover {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: var(--color-bg-secondary);
  user-select: none;
}

.best-card__cover picture,
.best-card__cover img {
  width: 100%;
  height: 100%;
  display: block;
}

.best-card__cover img {
  object-fit: cover;
  transition: transform var(--trans-superlong);
}

.best-card:hover .best-card__cover img {
  transform: scale(1.05);
}

.best-card__content {
  color: var(--color-text-primary-reverse);
  padding: 16px 16px 12px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  right: 8px;
  border-radius: 12px;
  background: var(--color-bg-overlay);
  backdrop-filter: blur(32px);
}

.best-card__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  line-height: 1.2;
  display: block;
  margin-bottom: 22px;
}

.best-card__info {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.best-card__date {
  color: var(--color-text-tetriary-reverse);
}

.best-card__more {
  position: relative;
}

.best-card__more::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: translate(0, 0);
  transition: opacity var(--trans-base), transform var(--trans-base);
}

.best-card:hover .best-card__more::before {
  transform: translate(0, 200%);
  opacity: 0;
}

@media only screen and (max-width: 1280px) {
  .best-card__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 6px;
  }
  .best-card__content {
    padding: 6px 8px 8px;
  }
}
.card-doc {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  gap: 16px;
  align-items: start;
  border-radius: 20px;
  background-color: var(--color-bg-secondary);
  padding: 16px;
  min-height: 186px;
}

.card-doc__body {
  display: grid;
  grid-template-columns: 1fr 1.0375fr; /* stylelint-disable-line */
  column-gap: 16px;
  align-items: start;
}

.card-doc__header {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
  justify-items: start;
}

.card-doc__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.card-doc__tags {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}

.card-doc__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.card-doc__size {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  display: flex;
  column-gap: 8px;
}

.card-doc__links {
  display: flex;
  column-gap: 12px;
}

.card-doc__links .icn {
  fill: transparent;
}

.card-doc__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.card-doc:hover {
  cursor: pointer;
}

.card-doc:hover .card-doc__upload .btn-control {
  background-color: var(--color-bg-accent);
}

.card-doc:hover .card-doc__upload svg {
  stroke: red;
}

@media only screen and (max-width: 1024px) {
  .card-doc {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .card-doc__body {
    grid-row: 2/3;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .card-doc__header {
    row-gap: 8px;
  }
}
.card-finishing-project {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 460px;
  grid-template-rows: 1fr;
  gap: 16px;
}

[data-theme=dark] .card-finishing-project {
  --color-text-secondary: var(--color-text-secondary-reverse);
}

.card-finishing-project__img, .card-finishing-project__tooltips {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  height: 100%;
}

.card-finishing-project__img picture,
.card-finishing-project__img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-medium);
  max-height: 520px;
}

.card-finishing-project__img img {
  object-fit: cover;
}

.card-finishing-project__tooltips {
  position: relative;
}

.card-finishing-project__content {
  padding: 36px;
}

.card-finishing-project__title {
  max-width: 460px;
}

.card-finishing-project__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 24px;
  cursor: default;
}

.card-finishing-project__subtitle {
  max-width: 460px;
}

.card-finishing-project__subtitle {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  font-weight: 600;
  display: block;
  margin-bottom: 24px;
  cursor: default;
}

.card-finishing-project__text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--color-text-secondary);
  cursor: default;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.card-finishing-project__text.is-hidden {
  max-height: calc(8lh + 1.2em) !important;
}

.card-finishing-project__text.is-hidden::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%);
}

[data-theme=dark] .card-finishing-project__text.is-hidden::after {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, var(--color-bg-primary-new) 100%);
}

.card-finishing-project__text p {
  transition: opacity var(--trans-fast);
}

.card-finishing-project__text p + p {
  margin-top: 16px;
}

.card-finishing-project__text ul li {
  position: relative;
  padding-left: 3em;
}

.card-finishing-project__text ul li::before {
  content: "-";
  position: absolute;
  display: block;
  left: 0;
  padding-left: 2em;
}

.card-finishing-project__navigation {
  display: flex;
  gap: 12px;
  margin-top: 54px;
}

.card-finishing-project__navigation .btn-control.is-disabled {
  opacity: 0.5;
}

.card-finishing-project__callback {
  margin-top: 54px;
}

.card-finishing-project__callback .btn {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .card-finishing-project {
    grid-template-columns: 1fr;
  }
  .card-finishing-project__img picture,
  .card-finishing-project__img img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-medium);
    max-height: 333px;
  }
  .card-finishing-project__content {
    padding: 0;
  }
  .card-finishing-project__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .card-finishing-project__navigation {
    margin-top: 12px;
  }
  .card-finishing-project__callback {
    margin-top: 12px;
  }
  .card-finishing-project__text {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .card-finishing-project__more {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .card-finishing-project__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .card-finishing-project__subtitle {
    margin-bottom: 8px;
  }
  .card-finishing-project__features-title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
.card-finishing {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.card-finishing__img, .card-finishing__tooltips {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  height: 100%;
}

.card-finishing__img picture,
.card-finishing__img img {
  display: block;
  width: 100%;
  height: 100%;
}

.card-finishing__img img {
  object-fit: cover;
}

.card-finishing__tooltips {
  position: relative;
}

.card-info {
  display: flex;
  border-radius: 20px;
  width: 100%;
  padding-bottom: 104.5751633987%;
  position: relative;
  overflow: hidden;
}

.card-info__cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.card-info__cover picture,
.card-info__cover img {
  display: block;
  width: 100%;
  height: 100%;
}

.card-info__main {
  position: absolute;
  bottom: 16px;
  left: 16px;
  margin-top: auto;
  color: var(--color-text-primary-reverse);
  border-radius: 8px;
  padding: 16px;
  background-color: var(--color-bg-overlay);
  width: calc(100% - 32px);
  max-height: calc(100% - 32px);
  overflow: auto;
  backdrop-filter: blur(20px);
}

.card-info__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.card-info__title::first-letter {
  text-transform: uppercase;
}

.card-info__descript, .card-info__subtitle {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.card-info__descript::first-letter, .card-info__subtitle::first-letter {
  text-transform: uppercase;
}

.card-info__descript {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--trans-base), opacity var(--trans-fast);
  opacity: 0;
}

.card-info__descript-inner {
  overflow: hidden;
}

.card-info__descript-inner > p {
  padding-top: 16px;
}

@media (hover: hover) {
  .card-info:hover .card-info__descript {
    grid-template-rows: 1fr;
    opacity: 1;
    transition: grid-template-rows var(--trans-base), opacity var(--trans-long);
  }
}
@media (hover: none) {
  .card-info.is-open .card-info__descript {
    grid-template-rows: 1fr;
    opacity: 1;
    transition: grid-template-rows var(--trans-base), opacity var(--trans-long);
  }
}
.card-object-data {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
  padding: 16px;
  border-radius: 20px;
  background-color: var(--color-bg-secondary);
}

.card-object-data__header {
  display: flex;
  flex-direction: column;
  align-items: start;
}

.card-object-data__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-bg-primary-reverse);
  margin-bottom: 8px;
}

.card-object-data__title::first-letter {
  text-transform: uppercase;
}

.card-object-data__address {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-text-secondary);
  margin-bottom: 24px;
}

.card-object-data__address .icn {
  color: var(--color-icn-accent);
}

.card-object-data__price {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.card-object-data__price-old {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  position: relative;
}

.card-object-data__price-old::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 9px;
  left: 0;
  background-color: var(--color-bd-accent);
  transform: rotateZ(-6deg);
}

.card-object-data__controls {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  justify-items: stretch;
}

@media only screen and (max-width: 1024px) {
  .card-object-data {
    padding: 12px 16px 16px;
  }
}
.card-office {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 32px;
  border-radius: 16px;
  padding: 24px;
}

.card-office__img {
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 316/182;
}

.card-office__img picture,
.card-office__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-office__main {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
}

.card-office__name {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.card-office__name::first-letter {
  text-transform: uppercase;
}

.card-office__props {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}

.card-office__controls {
  display: none;
}

.card-office__controls .btn {
  width: 100%;
}

.card-office__btns .btn {
  width: 100%;
}

.card-office__btns .btn + .btn {
  margin-top: 12px;
}

@media only screen and (max-width: 1024px) {
  .card-office {
    row-gap: 16px;
    padding: 16px;
    height: 100%;
  }
  .card-office__main {
    row-gap: 8px;
  }
  .card-office__img {
    aspect-ratio: 328/182;
  }
  .card-office__controls {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .card-office__img {
    aspect-ratio: 312/182;
  }
}
.card-project-map {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 32px;
  padding: 12px 12.5px;
  cursor: pointer;
}

.card-project-map__img {
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}

.card-project-map__img picture,
.card-project-map__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform var(--trans-superlong);
}

.card-project-map:hover .card-project-map__img img {
  transform: scale(1.05);
}

.card-project-map__main {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}

.card-project-map__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-text-accent);
  transition: color var(--trans-base);
}

.card-project-map__price {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-bg-primary-reverse);
  flex: 0 0 auto;
}

.card-project-map__props {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}

.card-project-map__controls .btn {
  width: 100%;
}

.card-project-map__btns .btn {
  width: 100%;
}

.card-project-map__btns .btn + .btn {
  margin-top: 12px;
}

.card-project-map__location {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  color: var(--color-bg-primary-reverse);
}

@media only screen and (max-width: 1024px) {
  .card-project-map {
    gap: 16px;
    padding: 12px;
    height: 100%;
  }
  .card-project-map__main {
    row-gap: 8px;
  }
  .card-project-map__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .card-project-map__controls {
    display: block;
  }
}
.card-trade {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}

.card-trade__main {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
  max-width: 564px;
}

.card-trade__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.card-trade__title::first-letter {
  text-transform: uppercase;
}

.card-trade__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.card-trade__descript.is-hidden {
  max-height: calc(4lh + 1.2em) !important;
}

.card-trade__descript.is-hidden::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%);
}

[data-theme=dark] .card-trade__descript.is-hidden::after {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, var(--color-bg-primary-new) 100%);
}

.card-trade__descript p {
  transition: opacity var(--trans-fast);
}

.card-trade__props {
  display: grid;
  grid-template-columns: repeat(auto-fit, 154px);
  gap: 16px;
  align-items: start;
  border-top: 1px solid var(--color-bd-primary);
  padding-top: 24px;
}

.card-trade__prop {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}

.card-trade__prop-title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.card-trade__prop-descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-tetriary);
}

.card-trade__prop-descript::first-letter {
  text-transform: uppercase;
}

.card-trade__link {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: none;
}

.card-trade__link::first-letter {
  text-transform: uppercase;
}

.card-trade__link.is-visible {
  display: flex;
}

@media only screen and (max-width: 1024px) {
  .card-trade__main {
    max-width: 525px;
  }
  .card-trade__props {
    grid-template-columns: repeat(auto-fit, 172px);
  }
}
@media only screen and (max-width: 767px) {
  .card-trade {
    row-gap: 16px;
  }
  .card-trade__props {
    padding-top: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
  .card-trade__link {
    padding: 6px 0;
  }
}
.card-type-buy {
  padding: 16px;
  border-radius: var(--radius-large);
  background-color: var(--color-bg-secondary);
  position: relative;
  min-height: 240px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.card-type-buy__link {
  grid-column: 1/2;
  grid-row: 1/2;
  width: 100%;
  height: 100%;
}

.card-type-buy__main {
  grid-column: 1/2;
  grid-row: 1/2;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  height: 100%;
  align-content: space-between;
}

.card-type-buy__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  transition: color var(--trans-base);
}

.card-type-buy__title::first-letter {
  text-transform: uppercase;
}

.card-type-buy__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
}

.card-type-buy:has(.card-type-buy__link):hover .card-type-buy__title {
  color: var(--color-text-accent);
}

.card-vacancy {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 16px;
  align-items: start;
  border-radius: 20px;
  background-color: var(--color-bg-secondary);
  padding: 24px 16px;
}

.card-vacancy__body {
  display: grid;
  grid-template-columns: 1fr 1.0375fr; /* stylelint-disable-line */
  column-gap: 16px;
  align-items: start;
}

.card-vacancy__header {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  justify-items: start;
}

.card-vacancy__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.card-vacancy__tags {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
}

.card-vacancy__descript {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

@media only screen and (max-width: 1024px) {
  .card-vacancy {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .card-vacancy__body {
    grid-row: 2/3;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .card-vacancy__header {
    row-gap: 8px;
  }
}
.features-card {
  position: relative;
  display: block;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
}

.features-card__cover {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1.4117647059;
  overflow: hidden;
}

.features-card--large .features-card__cover {
  aspect-ratio: 1/0.6896551724;
}

.features-card__pic {
  border-radius: var(--radius-medium);
  overflow: hidden;
  background: var(--color-bg-secondary);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.features-card__pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-medium);
}

.features-card__pic .icn {
  color: var(--color-icn-placeholder);
}

[data-theme=dark] .features-card__pic {
  background: var(--color-bg-overlay);
}

[data-theme=dark] .features-card__pic .icn {
  color: var(--color-text-tetriary-reverse2);
}

.features-card__body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.features-card__content {
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  will-change: backdrop-filter;
  flex: 0 0 auto;
  width: 100%;
  color: var(--color-text-primary-reverse);
  padding: 26px 26px 56px;
  background: var(--color-bg-overlay);
  border-radius: var(--radius-medium);
  height: 100%;
  overflow: auto;
  opacity: 0;
  transform: translate(0, 50%) scaleX(0.5) scaleY(0.8);
  grid-column: 1/2;
  grid-row: 1/2;
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  will-change: transform, opacity, visibility;
  transition: grid-template-rows var(--trans-base), transform var(--trans-base), opacity var(--trans-base), visibility var(--trans-base);
}

.features-card.is-open .features-card__content {
  opacity: 1;
  grid-template-rows: 1fr;
  visibility: visible;
  transform: translate(0, 0) scaleX(1) scaleY(1);
}

.features-card__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
}

.features-card__title::first-letter {
  text-transform: uppercase;
}

.features-card__text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}

.features-card__footer {
  position: absolute;
  text-align: center;
}

.features-card__btn {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  position: relative;
  isolation: isolate;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  margin: 16px 0;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--color-text-primary-reverse);
  background-color: var(--color-transparent);
  border-radius: var(--radius-super);
  overflow: hidden;
  transition: var(--trans-base);
  transition-property: color, background-color, opacity, transform;
}

.features-card__btn--close {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 150%);
  opacity: 0;
  padding-right: 8px;
}

.features-card__btn span::first-letter {
  text-transform: uppercase;
}

.features-card__btn::before {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  will-change: backdrop-filter;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 1;
  background-color: var(--color-bg-overlay);
  transition: opacity var(--trans-base);
}

.features-card__btn.is-open {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.features-card__btn .icn {
  transform: rotate(45deg);
  transition: transform var(--trans-base);
}

.features-card.is-open .features-card__btn--show {
  opacity: 0;
  transform: translate(0, -150%);
}

.features-card.is-open .features-card__btn--close {
  transform: translate(-50%, 0);
  opacity: 1;
}

.features-card.is-open .features-card__btn, .features-card:hover .features-card__btn {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.features-card.is-open .features-card__btn::before, .features-card:hover .features-card__btn::before {
  opacity: 0;
}

.features-card.is-open .features-card__btn-close {
  transform: rotate(180deg);
}

.features-card__btn-text {
  display: inline-block;
  padding-top: 1px;
  padding-bottom: 3px;
}

@media only screen and (min-width: 769px) {
  .features-card:hover .features-card__content {
    cursor: default;
    opacity: 1;
    grid-template-rows: 1fr;
    visibility: visible;
    transform: translate(0, 0) scaleX(1) scaleY(1);
  }
}
@media only screen and (max-width: 768px) {
  .features-card__cover, .features-card--large .features-card__cover {
    aspect-ratio: 0.7807807808;
  }
  .features-card__text {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  .features-card__title {
    font-size: 14px;
  }
}
.menu-card {
  padding: 8px;
  user-select: none;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 16px;
  border-radius: var(--radius-medium);
  transition: background var(--trans-base);
}

[data-theme=dark] .menu-card {
  --color-bg-secondary: var(--color-bg-secondary-new);
  --color-bg-primary-reverse: var(--color-text-accent);
}

.menu-card:hover {
  background: var(--color-bg-secondary);
}

.menu-card__cover {
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-base);
  color: var(--color-icn-placeholder);
  overflow: hidden;
  flex: 0 0 auto;
  user-select: none;
}

.menu-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background: var(--color-bg-lighten);
  border-radius: var(--radius-base);
}

.menu-card__cover .icn {
  color: var(--color-icn-placeholder);
}

.menu-card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.menu-card__title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  line-height: 1;
  display: block;
  color: var(--color-text-primary);
}

.menu-card__address {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.menu-card__footer {
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.menu-card__price {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-accent);
}

[data-theme=dark] .menu-card__price {
  color: var(--color-text-primary-reverse);
}

.menu-card__badge {
  font-size: 14px;
  line-height: 1;
  height: 24px;
  font-weight: 500;
  background: var(--color-bg-primary-reverse);
  margin-right: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 24px;
  vertical-align: middle;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 100px;
  color: var(--color-text-primary-reverse);
}

@media only screen and (max-width: 480px) {
  .menu-card__address {
    white-space: normal;
  }
}
.menu-col-card {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding: 8px;
  user-select: none;
  display: block;
  text-decoration: none;
  color: var(--color-text-primary);
  border-radius: var(--radius-medium);
  transition: background var(--trans-base);
}

[data-theme=dark] .menu-col-card {
  --color-bg-secondary: var(--color-bg-overlay);
}

.menu-col-card:hover {
  color: var(--color-text-primary);
  background: var(--color-bg-secondary);
}

.menu-col-card__title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.menu-col-card__text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: var(--color-text-secondary);
}

.more-menu-card {
  padding-top: 11px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-bd-primary);
}

.more-menu-card--social {
  padding-top: 16px;
  padding-bottom: 9px;
  border-bottom: none;
}

.more-menu-card__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  opacity: 0.4;
  margin-bottom: 12px;
}

.more-menu-card__list {
  display: flex;
  flex-direction: column;
  gap: 12px 8px;
}

.more-menu-card__list--social {
  flex-direction: row;
}

.more-menu-card__list a {
  transition: color var(--trans-base);
}

.more-menu-card__list a:hover {
  color: var(--color-text-accent);
}

.more-menu-card__list-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
}

.news-card {
  display: block;
  color: var(--color-text-primary);
}

[data-theme=dark] .news-card {
  --color-bd-primary: var(--color-bd-primary-reverse2);
  --color-bg-primary: var(--color-bg-secondary-new);
  --color-text-primary: var(--color-text-primary-reverse);
}

.news-card:focus {
  outline: none;
}

.news-card__cover {
  margin-bottom: 16px;
  user-select: none;
}

.news-card__cover-pic {
  width: 100%;
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: var(--radius-medium);
  overflow: hidden;
  padding-bottom: 100%;
  background: var(--color-bg-secondary);
}

.news-card__cover-pic img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--radius-medium);
  transition: filter 1s ease-out;
}

.news-card__cover-pic .icn {
  color: var(--color-icn-placeholder);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

[data-theme=dark] .news-card__cover-pic {
  background: var(--color-bg-overlay);
}

[data-theme=dark] .news-card__cover-pic .icn {
  color: var(--color-text-tetriary-reverse2);
}

@media (hover: hover) {
  .news-card:hover .news-card__cover-pic img {
    filter: brightness(1.3);
  }
}
.news-section__item:nth-child(14n-11) .news-card__cover-pic, .news-section__item:nth-child(14n-2) .news-card__cover-pic {
  padding-bottom: 71.8390804598%;
}

.news-card__info {
  margin-bottom: 8px;
}

.news-card__date {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: default;
  display: inline-block;
  vertical-align: top;
  border-radius: 24px;
  border: 1px solid var(--color-bd-primary);
  background: var(--color-bg-primary);
  padding: 2px 12px 4px;
}

.news-card__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  /* autoprefixer: off */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  font-weight: 500;
  margin-top: 8px;
  transition: color var(--trans-long);
}

.news-card:hover .news-card__title {
  color: var(--color-text-accent);
}

@media only screen and (max-width: 1280px) {
  .news-section__item:nth-child(14n-11) .news-card__cover-pic, .news-section__item:nth-child(14n-2) .news-card__cover-pic {
    padding-bottom: 100%;
  }
}
.obj-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  background: var(--color-bg-secondary);
  border-radius: 20px;
  color: var(--color-text-primary);
  position: relative;
  height: 100%;
}

.obj-card.is-disabled {
  opacity: 0.4;
}

.obj-card__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}

.obj-card__link:active ~ * {
  opacity: 0.4;
}

.obj-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

.obj-card__project {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--color-text-tetriary);
}

.obj-card__fav, .obj-card__lock {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  flex: 0 0;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  user-select: none;
  color: var(--color-text-tetriary);
  position: relative;
  z-index: 2;
}

.obj-card__fav {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  transition: var(--trans-base);
  transition-property: color, opacity;
}

.obj-card__fav > * {
  pointer-events: none;
}

.obj-card__fav.is-active {
  color: var(--color-text-primary);
}

.obj-card__fav:where(:hover, :focus-visible) {
  color: var(--color-text-secondary);
}

.obj-card__fav:active {
  opacity: 0.6;
}

.obj-card__lock-text, .obj-card__fav-text {
  display: inline-block;
  padding-top: 1px;
  padding-bottom: 3px;
  white-space: nowrap;
}

.obj-card__fav-icn {
  transition: color var(--trans-base);
}

.obj-card__fav.is-active .obj-card__fav-icn, .obj-card__fav.is-active:where(:hover, :focus-visible) .obj-card__fav-icn {
  color: var(--color-icn-accent);
}

.obj-card__fav:where(:hover, :focus-visible) .obj-card__fav-icn {
  color: var(--color-icn-secondary);
}

.obj-card__labels {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  gap: 8px;
  padding: 0 1em 1em;
}

.obj-card__cover {
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  padding-bottom: 70.5882352941%;
  width: 100%;
  position: relative;
}

.obj-card__cover .icn {
  color: var(--color-icn-placeholder);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.obj-card__cover picture {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.obj-card__cover img {
  display: block;
  mix-blend-mode: multiply;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.catalog-section__item--is-large .obj-card__cover {
  padding-bottom: 290%;
}

.obj-card__cover-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.obj-card__body {
  padding: 20px 16px 16px;
}

.obj-card__title {
  font-size: 16px;
  line-height: 1.5;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  line-height: 1;
  display: block;
  margin-bottom: 4px;
}

.obj-card__details {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  line-height: 20px;
  color: var(--color-text-secondary);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.obj-card__detail-item:not(:last-child)::after {
  content: " · ";
}

.obj-card__price {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

.obj-card__price-val, .obj-card__price-new {
  color: var(--color-text-accent);
  font-weight: 700;
  font-size: 1.5em;
}

.obj-card__price-old {
  position: relative;
  color: var(--color-text-tetriary);
  font-size: 0.8em;
}

.obj-card__price-old::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 8px;
  left: 0;
  background-color: var(--color-text-tetriary);
}

.obj-card__price-slider-wrapper {
  height: 1.25em;
  overflow: hidden;
}

.obj-card__price-slider {
  animation: 8s 3.5s infinite slide-up;
}

.obj-card__price-month {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-secondary);
}

.obj-card__price-month span {
  color: var(--color-text-accent);
}

.obj-card__price-meter {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-secondary);
}

.obj-card__price-meter span {
  color: var(--color-text-accent);
}

.obj-card__footer {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  position: relative;
  padding-bottom: 16px;
  margin-top: auto;
  z-index: 2;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.obj-card__footer::-webkit-scrollbar {
  display: none;
}

.obj-card__tags {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  width: 100%;
  overflow: auto;
  min-height: 24px;
  transition: opacity var(--trans-base);
}

.obj-card__tags::-webkit-scrollbar {
  display: none;
}

.obj-card__tags-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  padding-left: 16px;
  position: relative;
  overflow-x: auto;
  scrollbar-width: none;
  cursor: grab;
}

.obj-card__tags-list.is-grabbing {
  cursor: grabbing;
}

.obj-card__tags-list::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 1px;
  flex: 0 0 auto;
  opacity: 0;
}

.obj-card__tags-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  white-space: nowrap;
  padding: 1px 8px 3px;
  background: var(--color-bg-primary);
  border-radius: 24px;
}

.obj-card__tags-item--highlight {
  background: var(--color-bg-feature-highlight);
  color: var(--color-text-primary-reverse);
}

.obj-card__tags-item::first-letter {
  text-transform: uppercase;
}

.obj-card__btn {
  opacity: 0;
  position: absolute;
  z-index: 2;
  left: 16px;
  right: 16px;
  bottom: 16px;
}

.obj-card:hover .obj-card__btn {
  opacity: 1;
}

@media (hover: none) {
  .obj-card__btn {
    margin-top: 16px;
    position: relative;
    bottom: unset;
    opacity: 1;
    width: calc(100% - 32px);
    height: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .obj-card:hover .obj-card__tags {
    opacity: 1;
  }
  .obj-card__head {
    padding-bottom: 0;
  }
  .obj-card__labels {
    padding-top: 1em;
  }
  .obj-card__cover {
    padding-bottom: 66.6666666667%;
  }
  .obj-card__body {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .obj-card__btn {
    width: calc(100% - 32px);
    height: 40px;
    margin-left: 16px;
    margin-top: 16px;
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
  }
}
.obj-super-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  border-radius: 20px;
  overflow: hidden;
}

.obj-super-card__cover {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  user-select: none;
  flex: 0 0 auto;
  height: 100%;
  aspect-ratio: 1.5818181818;
  width: 100%;
  background: var(--color-bg-secondary);
}

.obj-super-card__cover img,
.obj-super-card__cover picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 2s ease;
}

.obj-super-card__cover .icn {
  color: var(--color-icn-placeholder);
}

.obj-super-card:hover .obj-super-card__cover img,
.obj-super-card:hover .obj-super-card__cover picture {
  transform: scale(1.1);
}

.obj-super-card__head {
  position: absolute;
  left: 0;
  padding: 8px;
  width: 100%;
}

.obj-super-card__content {
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  will-change: backdrop-filter;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap);
  border-radius: 12px;
  background: var(--color-bg-overlay);
  backdrop-filter: blur(32px);
  padding: 12px 16px;
  color: var(--color-text-primary-reverse);
}

.obj-super-card__main {
  flex: 0 1 auto;
  min-width: 1px;
  max-width: 100%;
}

.obj-super-card__side {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  text-align: right;
  flex: 0 0 auto;
}

.obj-super-card__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.obj-super-card__price {
  display: block;
  margin-bottom: 4px;
}

.obj-super-card__price-val {
  display: block;
  font-size: 1.3em;
  font-weight: 700;
}

.obj-super-card__price-old {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  opacity: 0.3;
  font-size: 0.8em;
}

.obj-super-card__price-old::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 8px;
  left: 0;
  background-color: var(--color-bg-primary);
}

.obj-super-card__price-meter {
  display: block;
  opacity: 0.6;
}

.obj-super-card__project {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  padding: 0;
  color: var(--color-text-primary-reverse);
}

.obj-super-card__project-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding-top: 1px;
  padding-bottom: 3px;
}

.obj-super-card__footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  padding: 16px;
}

.obj-super-card__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  user-select: none;
}

.obj-super-card__tags-item {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  will-change: backdrop-filter;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary-reverse);
  padding: 1px 12px 3px;
  border-radius: var(--radius-super);
  background: var(--color-bg-overlay);
}

@media only screen and (max-width: 768px) {
  .obj-super-card__cover, .obj-super-card__cover-pic {
    aspect-ratio: 0.775862069;
  }
  .obj-super-card__content {
    padding: 8px;
  }
  .obj-super-card__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    max-width: unset;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    line-height: 1.05;
  }
  .obj-super-card__project {
    margin-top: 1px;
  }
  .obj-super-card__project-text {
    padding: 0;
  }
  .obj-super-card__footer {
    padding: 8px 16px;
  }
  .obj-super-card__tags {
    gap: 4px;
  }
}
@media only screen and (max-width: 480px) {
  .obj-super-card__cover-pic {
    aspect-ratio: 0.7392241379;
  }
}
.obj-promo-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  color: var(--color-text-primary-reverse);
}

.obj-promo-card__cover {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  user-select: none;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.6148491879;
  background: var(--color-bg-secondary);
}

.obj-promo-card__cover picture {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.obj-promo-card__cover img {
  position: absolute;
  top: -9.46%;
  left: -0.64%;
  width: 148.44%;
  max-width: none;
  height: 142.67%;
  object-fit: fill;
  transition: transform 2s ease;
}

.obj-promo-card__cover .icn {
  color: var(--color-icn-placeholder);
}

.obj-promo-card:hover .obj-promo-card__cover img {
  transform: scale(1.1);
}

.obj-promo-card__head {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding: 8px;
}

.obj-promo-card__content {
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  will-change: backdrop-filter;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap);
  min-height: 120px;
  border-radius: 12px;
  background: var(--color-bg-overlay);
  backdrop-filter: blur(32px);
  padding: 12px 16px 8px;
}

.obj-promo-card__main {
  flex: 1 1 auto;
  min-width: 1px;
}

.obj-promo-card__side {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  flex: 0 0 auto;
  padding-top: 4px;
  text-align: right;
}

.obj-promo-card__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  max-width: 430px;
  line-height: 1.2;
}

.obj-promo-card__price {
  display: block;
  margin-bottom: 4px;
}

.obj-promo-card__price-val {
  display: block;
  font-size: 1.3em;
  font-weight: 700;
}

.obj-promo-card__price-old {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  opacity: 0.3;
  font-size: 0.8em;
}

.obj-promo-card__price-old::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 8px;
  left: 0;
  background-color: var(--color-bg-primary);
}

.obj-promo-card__price-meter {
  display: block;
  opacity: 0.6;
}

.obj-promo-card__project {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  padding: 0;
}

.obj-promo-card__project-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding-top: 1px;
  padding-bottom: 3px;
}

.obj-promo-card__footer {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  padding: 16px;
}

.obj-promo-card__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  user-select: none;
}

.obj-promo-card__tags-item {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  will-change: backdrop-filter;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding: 1px 8px 3px;
  border-radius: var(--radius-super);
  background: var(--color-bg-overlay);
}

@media only screen and (max-width: 768px) {
  .obj-promo-card__cover, .obj-promo-card__cover-pic {
    aspect-ratio: 0.7392241379;
  }
  .obj-promo-card__cover .obj-promo-card__cover-img {
    top: -18.14%;
    left: -30.8%;
    width: 284.7%;
    max-width: none;
    height: 132.07%;
    object-fit: fill;
  }
  .obj-promo-card__content {
    min-height: 0;
    padding: 8px;
  }
  .obj-promo-card__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    max-width: unset;
    line-height: 1.05;
  }
  .obj-promo-card__side {
    padding-top: 0;
  }
  .obj-promo-card__project {
    margin-top: 1px;
  }
  .obj-promo-card__project-text {
    padding: 0;
  }
  .obj-promo-card__footer {
    padding: 8px 16px;
  }
  .obj-promo-card__tags {
    gap: 4px;
  }
}
.parking-card {
  padding: 16px;
  border-radius: 8px;
  background: var(--color-bg-secondary);
}

.parking-card.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.parking-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-bd-primary);
}

.parking-card__head-side {
  padding-left: var(--gap);
}

.parking-card__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  flex: 0 1 auto;
  display: block;
  cursor: default;
}

.parking-card__title::first-letter {
  text-transform: uppercase;
}

.parking-card__tags {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  cursor: default;
}

.parking-card__tags-item {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1px 12px 3px;
  border-radius: var(--radius-super);
  background: var(--color-bg-primary);
}

.parking-card__tags-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  user-select: none;
}

.parking-card__tags-icn {
  margin-left: 4px;
  color: var(--color-bd-primary);
}

.parking-card__body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 12px;
}

.parking-card__body-side {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-left: var(--gap);
}

.parking-card__info {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 80px;
  cursor: default;
}

.parking-card__info-item--price {
  display: none;
}

.parking-card__info-title {
  display: block;
  color: var(--color-text-tetriary);
  margin-bottom: 4px;
}

.parking-card__info-title::first-letter {
  text-transform: uppercase;
}

.parking-card__info-val {
  display: block;
}

.parking-card__info-price {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.parking-card__price {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  cursor: default;
  margin-right: 24px;
  white-space: nowrap;
  flex: 0 0 auto;
}

@media only screen and (max-width: 1280px) {
  .parking-card__info {
    gap: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .parking-card__head {
    align-items: flex-start;
    flex-direction: column;
  }
  .parking-card__head-main {
    margin-bottom: 12px;
  }
  .parking-card__head-side {
    padding-left: 0;
  }
  .parking-card__info {
    flex-direction: column;
    gap: 8px;
  }
  .parking-card__info-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid var(--color-bd-primary);
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .parking-card__info-item--price {
    display: flex;
    order: 5;
  }
  .parking-card__info-item:nth-child(3) {
    order: -2;
  }
  .parking-card__info-item:last-child {
    border-bottom: 0;
  }
  .parking-card__body {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  .parking-card__body-side {
    flex-direction: column;
    align-items: stretch;
    padding-left: 0;
    margin-top: 20px;
  }
  .parking-card__price {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .parking-card__info-title {
    margin-bottom: 0;
  }
  .parking-card__body-side {
    margin-top: 16px;
  }
  .parking-card__btn {
    width: 100%;
    max-width: 311px;
    margin: 0 auto;
  }
}
.project-card {
  color: var(--color-text-primary);
  user-select: none;
  flex: 0 0 auto;
  width: 100%;
}

[data-theme=dark] .project-card__body {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-bd-primary: var(--color-bd-primary-reverse2);
  --color-bg-secondary: var(--color-bg-primary-reverse);
}

.project-card__core {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  position: relative;
  color: var(--color-text-primary);
  transition: color var(--trans-base);
  width: 100%;
  border-radius: var(--radius-medium);
  border: 1px solid var(--color-bg-gray);
}

.project-card__cover {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  flex: 0 1 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
  aspect-ratio: 1.45;
  user-select: none;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-medium);
  overflow: hidden;
  transition: height var(--trans-base);
}

.project-card__cover .icn {
  color: var(--color-icn-placeholder);
  align-self: center;
}

[data-theme=dark] .project-card__cover {
  background: var(--color-bg-overlay);
}

[data-theme=dark] .project-card__cover .icn {
  color: var(--color-text-tetriary-reverse2);
}

.project-card__cover-img,
.project-card__cover-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.project-card__item.swiper-slide {
  height: 100%;
}

.project-card__tag {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  font-size: 16px;
  line-height: 1;
  line-height: 1.25;
  border-radius: var(--radius-super);
  padding: 3.5px 16.5px;
  background: #1212124D;
  color: #ffffff99;
  white-space: nowrap;
  backdrop-filter: blur(24px);
}

.project-card__pag {
  position: absolute;
  bottom: 16px;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, 0);
  z-index: 2;
}

.project-card__body {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 16px;
  padding: 12px 16px 16px 16px;
  position: relative;
  flex-wrap: wrap;
}

.project-card__link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-right: 10ch;
}

.project-card__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-text-primary);
  transition: color var(--trans-base);
}

.project-card__link:hover ~ .project-card__body-main .project-card__title, .project-card__link:active ~ .project-card__body-main .project-card__title {
  color: var(--color-text-accent);
}

.project-card__price {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-accent);
  flex: 0 0 auto;
}

[data-theme=dark] .project-card__price {
  color: var(--color-text-primary-reverse);
}

.project-card__more {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding-right: 0;
  padding-top: 10px;
  gap: 4px;
  background: transparent;
  z-index: 2;
  width: 100%;
  justify-content: end;
}

.project-card__more-icn {
  color: var(--color-icn-accent);
}

.project-card__more-triangle {
  display: none;
  transition: transform var(--trans-fast);
  transform: rotate(180deg);
  margin-bottom: -2px;
}

.project-card__more.is-active .project-card__more-triangle {
  transform: rotate(0deg);
}

.project-card__more-text {
  transition: color var(--trans-base);
  color: var(--color-text-secondary);
}

[data-theme=dark] .project-card__more, [data-theme=dark] .project-card__more-text {
  color: var(--color-text-primary-reverse);
}

.project-card__more:hover .project-card__more-text, .project-card__more:hover .project-card__more-triangle {
  color: var(--color-text-accent);
}

.project-card__location {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  color: var(--color-text-secondary);
}

.project-card__location-icn {
  color: var(--color-icn-accent);
}

.project-card__vars {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  box-shadow: var(--shadow-drop);
  background: var(--color-bg-primary);
  overscroll-behavior: auto;
  overflow: auto;
  flex: 0 0 auto;
  margin-top: auto;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s ease-out;
  transition-delay: 0.2s;
  position: absolute;
  right: 0;
  bottom: 28px;
  z-index: 2;
  width: 100%;
  max-width: 423px;
  max-height: calc(100% - 28px - 16px);
  border-radius: 20px;
  padding: 16px;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  transform: translate(0, 5%) scale(0.95);
}

.project-card__vars::-webkit-scrollbar {
  display: none;
}

.project-card.is-active .project-card__vars, .project-card.is-hover .project-card__vars {
  pointer-events: all;
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.project-card__vars-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.project-card__vars-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  width: 100%;
  color: var(--color-text-primary);
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  transition: background var(--trans-fast);
}

.project-card__vars-item:hover {
  cursor: pointer;
}

.project-card__vars-item::before {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-bd-primary);
  z-index: -2;
  pointer-events: none;
}

.project-card__vars-item::after {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  width: calc(100% + 8px);
  height: 100%;
  background: var(--color-bg-lighten);
  border-radius: 8px;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--trans-fast);
}

.project-card__vars-item:hover::after {
  opacity: 1;
}

.project-card__vars-a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.project-card__vars-title, .project-card__vars-price, .project-card__vars-s {
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%;
}

.project-card__vars-title span, .project-card__vars-price span, .project-card__vars-s span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background: var(--color-bg-primary);
  transition: background var(--trans-fast);
}

.project-card__vars-item:hover .project-card__vars-title span, .project-card__vars-item:hover .project-card__vars-price span, .project-card__vars-item:hover .project-card__vars-s span {
  background: var(--color-bg-lighten);
}

.project-card__vars-price, .project-card__vars-s {
  color: var(--color-text-secondary);
}

.project-card__vars-title span {
  padding-right: 4px;
}

.project-card__vars-s {
  text-align: center;
}

.project-card__vars-s span {
  padding-left: 4px;
  padding-right: 4px;
}

.project-card__vars-price {
  text-align: right;
}

.project-card__vars-price span {
  padding-left: 4px;
}

.project-card .simplebar-scrollbar::before {
  left: unset;
  right: 4px;
  top: 20px;
  bottom: 20px;
}

.project-card--grid-inside .project-card__body-vars {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--trans-superlong);
}

.project-card.is-hover-inside .project-card__body-vars {
  max-height: 350px;
}

.project-card--grid-inside .project-card__core {
  height: 100%;
  display: flex;
  grid-template-rows: 1fr auto;
  overflow: hidden;
  justify-content: initial;
  align-items: stretch;
  border: 1px solid var(--color-bg-grey);
  border-radius: var(--radius-medium);
}

.project-card--grid-inside .project-card__cover {
  transition: height var(--trans-superlong);
  width: 100%;
}

.project-card--grid-inside .project-card__vars-item {
  font-size: 15px;
  padding: 0;
}

.project-card--grid-inside .project-card__vars-item:hover .project-card__vars-title span, .project-card--grid-inside .project-card__vars-item:hover .project-card__vars-price span, .project-card--grid-inside .project-card__vars-item:hover .project-card__vars-s span {
  background: var(--transparent);
}

.project-card--grid-inside .project-card__vars-price {
  color: var(--color-black);
}

@media only screen and (max-width: 1024px) {
  .project-card--grid .project-card__title, .project-card--index .project-card__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .project-card--index .project-card__body {
    padding-bottom: 36px;
  }
  .project-card--grid .project-card__more {
    padding-top: 3px;
  }
  .project-card--index .project-card__more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    padding-top: 0;
  }
  .project-card--index .project-card__more-icn {
    display: none;
  }
  .project-card--index .project-card__more-triangle {
    display: inline-block;
  }
  .project-card--index .project-card__vars {
    max-width: 100%;
    height: calc(100% - 32px);
    max-height: calc(100% - 32px);
    bottom: 32px;
  }
}
@media only screen and (max-width: 960px) {
  .project-card--grid .project-card__body {
    padding-bottom: 36px;
  }
  .project-card--grid .project-card__more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    padding-top: 0;
  }
  .project-card--grid .project-card__more-icn {
    display: none;
  }
  .project-card--grid .project-card__more-triangle {
    display: inline-block;
  }
  .project-card--grid .project-card__vars {
    max-width: 100%;
    height: calc(100% - 32px);
    max-height: calc(100% - 32px);
    bottom: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .project-card--grid-inside .project-card__body {
    flex-direction: column;
    padding-bottom: 0;
  }
  .project-card--grid-inside .project-card__body-main {
    flex-direction: column;
    gap: 4px;
  }
  .project-card--grid-inside .project-card__more {
    justify-content: start;
    left: 8px;
    top: 30px;
    width: auto;
  }
  .project-card--grid-inside .project-card__location {
    margin-top: 12px;
  }
  .project-card--grid-inside .project-card__more-triangle {
    display: none;
  }
  .project-card--grid-inside .project-card__price {
    margin-left: 100px;
  }
  /* TODO remove after forso lots launch: temporary mobile override for forso project card price */
  .project-card--grid-inside .project-card__price--forso {
    margin-left: 0;
  }
  .project-card__cover {
    aspect-ratio: 1.5358649789;
  }
  .project-card__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .project-card__more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    padding-top: 0;
  }
  .project-card__more-icn {
    display: none;
  }
  .project-card__more-triangle {
    display: inline-block;
  }
  .project-card__vars {
    max-width: 100%;
    height: calc(100% - 32px);
    max-height: calc(100% - 32px);
    bottom: 32px;
  }
}
@media only screen and (max-width: 620px) {
  .project-card__cover {
    aspect-ratio: 1.447257384;
  }
}
.project-card {
  color: var(--color-text-primary);
  user-select: none;
  flex: 0 0 auto;
  width: 100%;
}

[data-theme=dark] .project-card__body {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-bd-primary: var(--color-bd-primary-reverse2);
  --color-bg-secondary: var(--color-bg-primary-reverse);
}

.project-card__core {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  position: relative;
  color: var(--color-text-primary);
  transition: color var(--trans-base);
  width: 100%;
  border-radius: var(--radius-medium);
  border: 1px solid var(--color-bg-gray);
}

.project-card__cover {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  flex: 0 1 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
  aspect-ratio: 1.45;
  user-select: none;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-medium);
  overflow: hidden;
  transition: height 0.2s ease-out;
  transition-delay: 0.2s;
}

.project-card__cover .icn {
  color: var(--color-icn-placeholder);
  align-self: center;
}

[data-theme=dark] .project-card__cover {
  background: var(--color-bg-overlay);
}

[data-theme=dark] .project-card__cover .icn {
  color: var(--color-text-tetriary-reverse2);
}

.project-card__cover-img,
.project-card__cover-img img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.project-card__item.swiper-slide {
  height: 100%;
}

.project-card__tags {
  position: absolute;
  z-index: 3;
  left: 8px;
  top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.project-card__tag {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  font-size: 16px;
  line-height: 1;
  line-height: 1.25;
  border-radius: var(--radius-super);
  padding: 3.5px 16.5px;
  background: #1212124D;
  color: #ffffff99;
  white-space: nowrap;
  backdrop-filter: blur(24px);
}

.project-card__pag {
  position: absolute;
  bottom: 16px;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, 0);
  z-index: 2;
}

.project-card__body {
  flex: 0 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 16px;
  padding: 12px 16px 16px 16px;
  position: relative;
  flex-wrap: wrap;
}

.project-card__link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-right: 10ch;
}

.project-card__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-text-primary);
  transition: color var(--trans-base);
}

.project-card__link:hover ~ .project-card__body-main .project-card__title, .project-card__link:active ~ .project-card__body-main .project-card__title {
  color: var(--color-text-accent);
}

.project-card__price {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-accent);
  flex: 0 0 auto;
}

[data-theme=dark] .project-card__price {
  color: var(--color-text-primary-reverse);
}

.project-card__more {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  padding-right: 0;
  padding-top: 10px;
  gap: 4px;
  background: transparent;
  z-index: 2;
  width: 100%;
  justify-content: end;
}

.project-card__more-icn {
  color: var(--color-icn-accent);
}

.project-card__more-triangle {
  display: none;
  transition: transform var(--trans-fast);
  transform: rotate(180deg);
  margin-bottom: -2px;
}

.project-card__more.is-active .project-card__more-triangle {
  transform: rotate(0deg);
}

.project-card__more-text {
  transition: color var(--trans-base);
  color: var(--color-text-secondary);
}

[data-theme=dark] .project-card__more, [data-theme=dark] .project-card__more-text {
  color: var(--color-text-primary-reverse);
}

.project-card__more:hover .project-card__more-text, .project-card__more:hover .project-card__more-triangle {
  color: var(--color-text-accent);
}

.project-card__location {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  color: var(--color-text-secondary);
}

.project-card__location-icn {
  color: var(--color-icn-accent);
}

.project-card__vars {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
  box-shadow: var(--shadow-drop);
  background: var(--color-bg-primary);
  overscroll-behavior: auto;
  overflow: auto;
  flex: 0 0 auto;
  margin-top: auto;
  transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s ease-out;
  transition-delay: 0.2s;
  position: absolute;
  right: 0;
  bottom: 28px;
  z-index: 2;
  width: 100%;
  max-width: 423px;
  max-height: calc(100% - 28px - 16px);
  border-radius: 20px;
  padding: 16px;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  transform: translate(0, 5%) scale(0.95);
}

.project-card__vars::-webkit-scrollbar {
  display: none;
}

.project-card.is-active .project-card__vars, .project-card.is-hover .project-card__vars {
  pointer-events: all;
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.project-card__vars-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}

.project-card__vars-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  width: 100%;
  color: var(--color-text-primary);
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  transition: background var(--trans-fast);
}

.project-card__vars-item:hover {
  cursor: pointer;
}

.project-card__vars-item::before {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--color-bd-primary);
  z-index: -2;
  pointer-events: none;
}

.project-card__vars-item::after {
  content: "";
  position: absolute;
  left: -4px;
  top: 0;
  width: calc(100% + 8px);
  height: 100%;
  background: var(--color-bg-lighten);
  border-radius: 8px;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--trans-fast);
}

.project-card__vars-item:hover::after {
  opacity: 1;
}

.project-card__vars-a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.project-card__vars-title, .project-card__vars-price, .project-card__vars-s {
  display: inline-block;
  vertical-align: top;
  width: 33.3333333333%;
}

.project-card__vars-title span, .project-card__vars-price span, .project-card__vars-s span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  background: var(--color-bg-primary);
  transition: background var(--trans-fast);
}

.project-card__vars-item:hover .project-card__vars-title span, .project-card__vars-item:hover .project-card__vars-price span, .project-card__vars-item:hover .project-card__vars-s span {
  background: var(--color-bg-lighten);
}

.project-card__vars-price, .project-card__vars-s {
  color: var(--color-text-secondary);
}

.project-card__vars-title span {
  padding-right: 4px;
}

.project-card__vars-s {
  text-align: center;
}

.project-card__vars-s span {
  padding-left: 4px;
  padding-right: 4px;
}

.project-card__vars-price {
  text-align: right;
}

.project-card__vars-price span {
  padding-left: 4px;
}

.project-card .simplebar-scrollbar::before {
  left: unset;
  right: 4px;
  top: 20px;
  bottom: 20px;
}

.project-card__body-vars {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--trans-base);
  margin-top: 8px;
}

.project-card.is-hover-inside .project-card__body-vars {
  max-height: 350px;
}

@media only screen and (max-width: 1024px) {
  .project-card--grid .project-card__title, .project-card--index .project-card__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .project-card--index .project-card__body {
    padding-bottom: 36px;
  }
  .project-card--grid .project-card__more {
    padding-top: 3px;
  }
  .project-card--index .project-card__more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    padding-top: 0;
  }
  .project-card--index .project-card__more-icn {
    display: none;
  }
  .project-card--index .project-card__more-triangle {
    display: inline-block;
  }
  .project-card--index .project-card__vars {
    max-width: 100%;
    height: calc(100% - 32px);
    max-height: calc(100% - 32px);
    bottom: 32px;
  }
}
@media only screen and (max-width: 960px) {
  .project-card--grid .project-card__body {
    padding-bottom: 36px;
  }
  .project-card--grid .project-card__more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    padding-top: 0;
  }
  .project-card--grid .project-card__more-icn {
    display: none;
  }
  .project-card--grid .project-card__more-triangle {
    display: inline-block;
  }
  .project-card--grid .project-card__vars {
    max-width: 100%;
    height: calc(100% - 32px);
    max-height: calc(100% - 32px);
    bottom: 32px;
  }
}
@media only screen and (max-width: 768px) {
  .project-card__body {
    padding-bottom: 36px;
  }
  .project-card__cover {
    aspect-ratio: 1.5358649789;
  }
  .project-card__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .project-card__more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    padding-top: 0;
  }
  .project-card__more-icn {
    display: none;
  }
  .project-card__more-triangle {
    display: inline-block;
  }
  .project-card__vars {
    max-width: 100%;
    height: calc(100% - 32px);
    max-height: calc(100% - 32px);
    bottom: 32px;
  }
  .project-card__tags {
    display: none;
  }
}
@media only screen and (max-width: 620px) {
  .project-card__cover {
    aspect-ratio: 1.447257384;
  }
}
.promotion-card {
  display: block;
  user-select: none;
}

[data-theme=dark] .promotion-card {
  --color-text-primary: var(--color-text-primary-reverse);
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-bg-secondary: var(--color-bg-primary-reverse);
}

.promotion-card__cover {
  position: relative;
  margin-bottom: 16px;
}

.promotion-card__badges {
  position: absolute;
  left: 8px;
  top: 8px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}

.promotion-card__badges-el {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100px;
  padding: 1px 8px 3px;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

.promotion-card__badges-el::first-letter {
  text-transform: uppercase;
}

.promotion-card__badges-el--accent {
  background: var(--color-bg-accent);
  color: var(--color-text-primary-reverse);
}

.promotion-card__pic {
  width: 100%;
  aspect-ratio: 0.7083333333/1;
  border-radius: var(--radius-large);
  overflow: hidden;
  background: var(--color-bg-secondary);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-icn-placeholder);
}

.promotion-card__pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: var(--radius-large);
}

[data-theme=dark] .promotion-card__pic {
  background: var(--color-bg-overlay);
  color: var(--color-text-tetriary-reverse2);
}

.promotion-card__title::first-letter, .promotion-card__text::first-letter {
  text-transform: uppercase;
}

.promotion-card__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--color-text-primary);
  display: block;
}

.promotion-card__text {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  margin-top: 4px;
  color: var(--color-text-secondary);
}

.subscribe-card {
  padding: 16px;
  border-radius: 20px;
  border: 1px solid var(--color-bd-primary);
}

.subscribe-card__title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
  cursor: default;
}

.subscribe-card__title::first-letter {
  text-transform: uppercase;
}

.subscribe-card__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: default;
}

.subscribe-card__text::first-letter {
  text-transform: uppercase;
}

.subscribe-card__form {
  margin-top: 68px;
}

.subscribe-card__form-label {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  margin-bottom: 8px;
}

.subscribe-card__form-label::first-letter {
  text-transform: uppercase;
}

.subscribe-card__form-field .field__title {
  color: inherit;
}

.subscribe-card__form-input {
  width: 100%;
}

.subscribe-card__btn {
  width: 100%;
  margin-top: 16px;
}

.subscribe-card__checkboxes {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin-top: 15px;
  max-width: 300px;
}

.subscribe-card__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: var(--trans-fast);
}

.subscribe-card__checkboxes a:hover {
  color: var(--color-text-primary);
}

@media only screen and (max-width: 768px) {
  .subscribe-card__form {
    margin-top: 44px;
  }
}
.timeline-card {
  position: relative;
  display: block;
  user-select: none;
  transition: opacity 0.1s ease;
  cursor: pointer;
}

.timeline-card:active {
  opacity: 0.6;
}

.timeline-card__cover {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-large);
  overflow: hidden;
  background: var(--color-bg-secondary);
  position: relative;
  aspect-ratio: 1.0759493671;
}

.timeline-card__cover img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
  border-radius: var(--radius-large);
}

[data-theme=dark] .timeline-card__cover {
  background: var(--color-bg-overlay);
}

[data-theme=dark] .timeline-card__cover .icn {
  color: var(--color-text-tetriary-reverse2);
}

.timeline-card__btn {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  will-change: backdrop-filter;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-text-primary-reverse);
  border-radius: var(--radius-super);
  background: var(--color-bg-overlay);
  white-space: nowrap;
  padding: 1px 12px 3px 8px;
  transition: background var(--trans-base), color var(--trans-base);
}

[data-theme=dark] .timeline-card__btn {
  color: var(--color-text-primary-reverse);
  background-color: var(--color-bg-overlay);
}

.timeline-card:hover .timeline-card__btn {
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
}

@media only screen and (min-width: 1025px) {
  .timeline-card__cover-large {
    aspect-ratio: 2.2025316456;
  }
}
@media only screen and (max-width: 1024px) {
  .timeline-card__cover {
    aspect-ratio: 1.0299625468;
  }
}
.fastcall-form-new {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  background: var(--color-bg-accent);
  padding: 20px 24px;
}

.fastcall-form-new__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  display: block;
  margin-bottom: 16px;
  cursor: default;
}

.fastcall-form-new__title-large {
  font-size: 40px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  display: block;
  margin-bottom: 16px;
  cursor: default;
}

.fastcall-form-new__subtitle {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--color-text-primary-reverse);
}

.fastcall-form-new__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap);
  width: 100%;
}

.fastcall-form-new__main {
  display: grid;
  grid-template-columns: 1fr 192px;
  gap: 8px 16px;
  align-items: start;
  width: 100%;
}

.fastcall-form-new .btn {
  margin-top: 28px;
}

.fastcall-form-new__checkboxes {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-tetriary-reverse);
}

.fastcall-form-new__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.fastcall-form-new__checkboxes a:hover {
  color: var(--color-text-primary-reverse);
}

.fastcall-form-new__side {
  width: 192px;
  padding-top: 28px;
}

.fastcall-form-new__info {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding-top: 40px;
  color: var(--color-text-primary-reverse);
  cursor: default;
}

.fastcall-form-new__info .icn {
  animation: ring 6s ease infinite;
}

.fastcall-form-new__fields {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

@media only screen and (max-width: 1280px) {
  .fastcall-form-new__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    max-width: 502px;
  }
}
@media only screen and (max-width: 768px) {
  .fastcall-form-new__title {
    margin-bottom: 24px;
    max-width: 100%;
  }
  .fastcall-form-new__main {
    grid-template-columns: 1fr 232px;
    row-gap: 12px;
  }
  .fastcall-form-new__info {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 620px) {
  .fastcall-form-new {
    padding: 20px 24px;
  }
  .fastcall-form-new__main {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
  }
  .fastcall-form-new__politic {
    width: 100%;
  }
}
.fastcall-form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  border-radius: 20px;
  background: var(--color-bg-accent);
  padding: 20px 24px;
}

.fastcall-form__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  display: block;
  margin-bottom: 16px;
  cursor: default;
}

.fastcall-form__title-large {
  font-size: 40px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  display: block;
  margin-bottom: 16px;
  cursor: default;
}

.fastcall-form__subtitle {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--color-text-primary-reverse);
}

.fastcall-form__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap);
  width: 100%;
}

.fastcall-form__main {
  display: grid;
  grid-template-columns: 1fr 192px;
  gap: 8px 16px;
  align-items: start;
  width: 100%;
}

.fastcall-form .btn {
  margin-top: 28px;
}

.fastcall-form__politic {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-tetriary-reverse);
}

.fastcall-form__politic a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.fastcall-form__politic a:hover {
  color: var(--color-text-primary-reverse);
}

.fastcall-form__side {
  width: 192px;
  padding-top: 28px;
}

.fastcall-form__info {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding-top: 40px;
  color: var(--color-text-primary-reverse);
  cursor: default;
}

.fastcall-form__info .icn {
  animation: ring 6s ease infinite;
}

@media only screen and (max-width: 1280px) {
  .fastcall-form__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    max-width: 502px;
  }
}
@media only screen and (max-width: 768px) {
  .fastcall-form__title {
    margin-bottom: 24px;
    max-width: 100%;
  }
  .fastcall-form__main {
    grid-template-columns: 1fr 232px;
    row-gap: 12px;
  }
  .fastcall-form__info {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 620px) {
  .fastcall-form {
    padding: 20px 24px;
  }
  .fastcall-form__main {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
  }
  .fastcall-form__politic {
    width: 100%;
  }
}
.form-filter-vacancies {
  display: grid;
  grid-template-columns: repeat(auto-fit, 216px);
  gap: 16px;
}

.form-filter-vacancies .select {
  width: 100%;
}

@media only screen and (max-width: 1024px) {
  .form-filter-vacancies {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .form-filter-vacancies {
    grid-template-columns: 1fr;
  }
}
.form-finishing {
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}

.form-finishing__legend {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.form-finishing__legend::first-letter {
  text-transform: uppercase;
}

.form-finishing__inputs {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}

.form-finishing__bottom {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 32px;
  margin-top: auto;
}

.form-finishing__table {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: grid;
  grid-template-columns: 1fr;
}

.form-finishing__tbody {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 4px;
}

.form-finishing__tfooter {
  border-top: 1px solid var(--color-bd-primary);
  padding-top: 10px;
}

.form-finishing__tr {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  padding-bottom: 8px;
  column-gap: 9px;
}

.form-finishing__th {
  color: var(--color-text-secondary);
}

.form-finishing__th::first-letter {
  text-transform: uppercase;
}

.form-finishing__tfooter .form-finishing__th {
  color: var(--color-text-primary);
}

.form-finishing__tfooter .form-finishing__td {
  color: var(--color-text-accent);
}

.form-finishing__controls {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
}

@media only screen and (max-width: 1280px) {
  .form-finishing__bottom {
    row-gap: 24px;
  }
}
.form-load {
  transition: visibility 0s ease 0s, opacity 0.3s ease-out 0s;
}

.form-load.is-hide {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0s ease 0.3s, opacity 0.3s ease-in 0s;
}

.form {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}

.form__group-inputs, .form__bottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  align-items: start;
}

.form__note {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-tetriary-reverse);
  max-width: 316px;
}

.form__note a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.form__note a:hover {
  color: var(--color-text-primary-reverse);
}

@media only screen and (max-width: 767px) {
  .form {
    row-gap: 16px;
  }
  .form__group-inputs, .form__bottom {
    grid-template-columns: 1fr;
  }
  .form__bottom {
    row-gap: 12px;
  }
}
.projectcall-pic-form {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  border-radius: var(--radius-medium);
  background: var(--color-bg-accent);
  padding: 29px 22px 31px 22px;
}

.projectcall-pic-form__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  display: block;
  margin-bottom: 52px;
  line-height: 55px;
  cursor: default;
}

.projectcall-pic-form__title-large {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
  display: block;
  margin-bottom: 52px;
  line-height: 55px;
  max-width: 600px;
  cursor: default;
}

.projectcall-pic-form__subtitle {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--color-text-primary-reverse);
}

.projectcall-pic-form__main {
  width: 100%;
}

.projectcall-pic-form__wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--gap);
  width: 100%;
}

.projectcall-pic-form__checkboxes {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  color: var(--color-text-tetriary-reverse);
}

.projectcall-pic-form__checkboxes > :first-child {
  max-width: 350px;
}

.projectcall-pic-form__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.projectcall-pic-form__checkboxes a:hover {
  color: var(--color-text-primary-reverse);
}

.projectcall-pic-form__side {
  width: 192px;
  padding-top: 28px;
}

.projectcall-pic-form__info {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  padding-top: 31px;
  color: var(--color-text-primary-reverse);
  cursor: default;
}

.projectcall-pic-form__info .icn {
  animation: ring 6s ease infinite;
}

.projectcall-pic-form__field--no-title .field__title {
  display: none;
}

.projectcall-pic-form__fields {
  display: flex;
  flex-direction: column;
  row-gap: 13px;
  max-width: 435px;
}

.projectcall-pic-form__footer {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  margin-top: 48px;
}

.projectcall-pic-form__footer .btn {
  max-width: max-content;
}

@media only screen and (max-width: 1280px) {
  .projectcall-pic-form__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    max-width: 502px;
  }
}
@media only screen and (max-width: 768px) {
  .projectcall-pic-form {
    padding: 20px 24px;
  }
  .projectcall-pic-form__title {
    margin-bottom: 24px;
    max-width: 100%;
  }
  .projectcall-pic-form__title-large {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 35px;
  }
  .projectcall-pic-form__info {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
    padding-top: 17px;
  }
  .projectcall-pic-form__footer {
    display: flex;
    flex-direction: column;
    row-gap: 13px;
    margin-top: 16px;
  }
  .projectcall-pic-form__footer .btn {
    max-width: unset;
  }
  .projectcall-pic-form__fields {
    row-gap: 16px;
  }
  .projectcall-pic-form__checkboxes {
    max-width: 270px;
  }
}
.blank-section {
  padding-top: 64px;
  padding-bottom: 80px;
  border-bottom: 1px solid var(--color-bd-primary);
}

.blank-section__head, .blank-section__body {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.blank-section__head {
  margin-bottom: 80px;
}

.blank-section__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-bg-primary-reverse);
  text-align: center;
  cursor: default;
}

.blank-section__body {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: default;
}

.blank-section__body a {
  text-decoration: underline;
  color: currentColor;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.blank-section__body a:hover {
  color: var(--color-text-accent);
}

.blank-section__body h2 {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  margin-top: 32px;
  margin-bottom: 16px;
}

.blank-section__body p + p,
.blank-section__body ul + p {
  margin-top: 8px;
}

.blank-section__body h2:first-child {
  margin-top: 0;
}

.blank-section__body h2:last-child,
.blank-section__body p:last-child {
  margin-bottom: 0;
}

.blank-section__body ul li {
  position: relative;
}

.blank-section__body ul li::before {
  content: "— ";
}

.blank-section__btn {
  min-width: 216px;
  margin-top: 32px;
}

@media only screen and (max-width: 1024px) {
  .blank-section {
    padding-top: 16px;
    padding-bottom: 40px;
  }
  .blank-section__head, .blank-section__body {
    max-width: 100%;
  }
  .blank-section__head {
    margin-bottom: 32px;
  }
  .blank-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    text-align: left;
  }
  .blank-section__body h2 {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .blank-section__body h2 {
    margin-top: 24px;
  }
}
.calc-section {
  position: relative;
  padding-top: 16px;
  padding-bottom: 80px;
  scroll-margin-top: calc(var(--header-height) + 16px);
}

.calc-section__head {
  user-select: none;
  border-bottom: 1px solid var(--color-bd-primary);
}

.calc-section__head-core {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  padding-bottom: 16px;
}

.calc-section__download {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--color-text-tetriary);
  transition: color var(--trans-base);
  user-select: none;
}

.calc-section__download:hover {
  color: var(--color-text-accent);
}

.calc-section__download .icn {
  fill: transparent;
}

.calc-section__download-text {
  display: inline-block;
  padding-top: 1px;
  padding-bottom: 3px;
}

.calc-section__download-text::first-letter {
  text-transform: uppercase;
}

.calc-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-ghost);
}

@media only screen and (max-width: 1024px) {
  .calc-section__head-core {
    padding-bottom: 8px;
    justify-content: flex-end;
  }
  .calc-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .calc-section__download {
    display: none;
  }
}
.catalog-section {
  position: relative;
  padding-top: 80px;
}

.catalog-section__share {
  width: 100%;
  position: absolute;
  z-index: 2;
  bottom: 100%;
  right: 0;
  pointer-events: none;
}

.catalog-section__share-core {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.catalog-section__head {
  margin-bottom: 24px;
}

.catalog-section__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  cursor: default;
  color: var(--color-bg-primary-reverse);
}

.catalog-section__filter {
  margin-bottom: 80px;
}

.catalog-section__btn-filter {
  display: none;
}

.catalog-section__info {
  border-bottom: 1px solid var(--color-bd-primary);
  margin-bottom: 16px;
  max-width: 100%;
  overflow: hidden;
}

.catalog-section__info-core {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.catalog-section__all {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  opacity: 0.1;
  cursor: default;
  flex: 0 0 auto;
  text-align: right;
}

.catalog-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
  padding-bottom: 16px;
}

.catalog-section__item {
  width: 100%;
  min-width: 1px;
}

.catalog-section__item--is-large {
  grid-column-start: span 2;
}

.catalog-section__pag {
  border-top: 1px solid var(--color-bd-primary);
  padding-top: 16px;
  padding-bottom: 16px;
  max-width: 100%;
  overflow: hidden;
}

@media only screen and (max-width: 1280px) {
  .catalog-section__all {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .catalog-section__list {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-section__item--is-large {
    grid-column-start: span 1;
  }
  .catalog-section__item--is-large:nth-child(22n-19) {
    order: -1;
  }
  .catalog-section__item--is-large:nth-child(22n-21) {
    order: -2;
  }
}
@media only screen and (max-width: 1024px) {
  .catalog-section {
    padding-top: 16px;
  }
  .catalog-section__head {
    margin-bottom: 16px;
  }
  .catalog-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .catalog-section__filter {
    margin-bottom: 16px;
  }
  .catalog-section__sort {
    width: 100%;
    max-width: 50%;
  }
  .catalog-section__sort select {
    display: inline-block;
    vertical-align: middle;
    visibility: unset;
    position: unset;
    width: max-content;
    height: unset;
    margin: unset;
    clip: unset;
  }
  .catalog-section__sort .sort-select__list {
    display: none;
  }
  .catalog-section__btn-filter {
    display: flex;
  }
}
@media only screen and (max-width: 960px) {
  .catalog-section__list {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  }
  .catalog-section__item--is-large:nth-child(22n-19), .catalog-section__item--is-large:nth-child(22n-21) {
    order: unset;
  }
}
@media only screen and (max-width: 768px) {
  .catalog-section__item--is-large, .catalog-section__item--is-large:nth-child(22n-19), .catalog-section__item--is-large:nth-child(22n-10) {
    grid-column-start: unset;
    order: 0;
  }
}
@media only screen and (max-width: 620px) {
  .catalog-section__info-core {
    flex-direction: column;
    row-gap: 8px;
    width: calc(100% + 32px);
    margin-left: -16px;
  }
  .catalog-section__sort {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    max-width: 100%;
    padding-left: 16px;
    padding-bottom: 2px;
  }
  .catalog-section__sort::-webkit-scrollbar {
    display: none;
  }
  .catalog-section__sort::after {
    content: "";
    flex: 0 0 auto;
    display: block;
    height: 10px;
    width: 16px;
    pointer-events: none;
    opacity: 0;
  }
  .catalog-section__sort select {
    visibility: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
  }
  .catalog-section__sort .sort-select__list {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
  }
  .catalog-section__all {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.collapsed-section {
  scroll-margin-top: calc(16px + var(--header-height));
}

.collapsed-section__head {
  border-bottom: 1px solid var(--color-bd-primary);
}

[data-theme=dark] .collapsed-section__head {
  border-bottom-color: var(--color-bd-primary-reverse2);
}

.collapsed-section__head-core {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.collapsed-section__spoiler {
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
}

.collapsed-section__spoiler:hover {
  color: var(--color-text-primary);
}

.collapsed-section__spoiler span {
  padding: 1px 0 3px;
}

.collapsed-section__spoiler .icn {
  transform: rotate(180deg);
}

.collapsed-section__spoiler.is-open .icn {
  transform: rotate(0deg);
}

[data-theme=dark] .collapsed-section__spoiler {
  color: var(--color-text-primary-reverse-50);
}

[data-theme=dark] .collapsed-section__spoiler:hover {
  color: var(--color-text-primary-reverse);
}

.collapsed-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-ghost);
  cursor: default;
  text-align: right;
}

[data-theme=dark] .collapsed-section__title {
  color: rgba(255, 255, 255, 0.1);
}

.collapsed-section__body {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.collapsed-section__body.is-hidden {
  max-height: 0 !important;
}

.collapsed-section__body-core {
  padding-top: 16px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
  .collapsed-section__head-core {
    padding-bottom: 8px;
  }
  .collapsed-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 768px) {
  .collapsed-section__body-core {
    padding-bottom: 40px;
  }
}
.empty-section {
  padding-top: 80px;
  padding-bottom: 16px;
}

.empty-section__head {
  margin-bottom: 24px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.empty-section__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  cursor: default;
  display: block;
  color: var(--color-bg-primary-reverse);
}

.empty-section__body {
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.empty-section__text {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  cursor: default;
}

.empty-section__text a {
  color: var(--color-text-accent);
  position: relative;
  transition: color var(--trans-base);
}

.empty-section__text a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  opacity: 0;
  transform: translate(0, 100%);
  transition: opacity var(--trans-base), transform var(--trans-base);
}

.empty-section__text a:hover::before {
  opacity: 1;
  transform: translate(0, 0);
}

@media only screen and (max-width: 1024px) {
  .empty-section {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .empty-section__head {
    margin-bottom: 16px;
  }
  .empty-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
}
.error-section {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: calc(calc(100 * var(--vh, 1vh)) - var(--header-height));
}

.error-section__core {
  flex: 0 0 auto;
}

.error-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  cursor: default;
}

.error-section__title::first-letter {
  text-transform: uppercase;
}

.error-section__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  cursor: default;
}

.error-section__text::first-letter {
  text-transform: uppercase;
}

.error-section__btn {
  min-width: 216px;
  margin-top: 24px;
}

@media only screen and (max-width: 768px) {
  .error-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .error-section__text {
    max-width: 280px;
    margin-top: 16px;
  }
  .error-section__btn {
    margin-top: 32px;
    min-width: 122px;
  }
}
.fastcall-section-new {
  padding-top: 16px;
  padding-bottom: 80px;
}

.fastcall-section-new__side, .fastcall-section-new__content {
  min-width: 1px;
}

.fastcall-section-new__form {
  height: 100%;
}

.fastcall-section-new__cover {
  display: block;
  height: 100%;
}

.fastcall-section-new__cover img {
  display: block;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1024px) {
  .fastcall-section-new {
    padding-bottom: 40px;
  }
  .fastcall-section-new__core {
    grid-template-columns: 1fr;
  }
  .fastcall-section-new__content {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .fastcall-section-new__core {
    grid-template-columns: 1fr;
  }
  .fastcall-section-new__cover {
    height: auto;
  }
  .fastcall-section-new__cover img {
    height: auto;
  }
}
.fastcall-section {
  padding-top: 16px;
  padding-bottom: 80px;
}

.fastcall-section__core {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap);
}

.fastcall-section__side, .fastcall-section__content {
  min-width: 1px;
}

.fastcall-section__form {
  height: 100%;
}

.fastcall-section__cover {
  display: block;
  height: 100%;
}

.fastcall-section__cover img {
  display: block;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1024px) {
  .fastcall-section {
    padding-bottom: 40px;
  }
  .fastcall-section__core {
    grid-template-columns: 1fr;
  }
  .fastcall-section__content {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .fastcall-section__core {
    grid-template-columns: 1fr;
  }
  .fastcall-section__cover {
    height: auto;
  }
  .fastcall-section__cover img {
    height: auto;
  }
}
.fav-section {
  position: relative;
  padding-top: 80px;
}

.fav-section__share {
  width: 100%;
  position: absolute;
  bottom: 100%;
  right: 0;
  pointer-events: none;
  z-index: 2;
}

.fav-section__share-core, .fav-section__head-core, .fav-section__options-core {
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.fav-section__share-core {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 16px;
}

.fav-section__sort {
  flex: 0 1 auto;
  max-width: 100%;
  width: max-content;
}

.fav-section__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  cursor: default;
  color: var(--color-bg-primary-reverse);
}

.fav-section__options {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-bd-primary);
}

.fav-section__options-core {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 100%;
}

.fav-section__num {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  white-space: nowrap;
  opacity: 0.1;
  margin-left: auto;
  cursor: default;
  padding-left: 8px;
  flex: 0 0 auto;
}

.fav-section__body {
  padding-top: 16px;
  padding-bottom: 16px;
}

.fav-section__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}

.fav-section__item {
  min-width: 1px;
}

.fav-section__pag {
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid var(--color-bd-primary);
}

@media only screen and (max-width: 1280px) {
  .fav-section__head {
    margin-bottom: 40px;
  }
  .fav-section__num {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .fav-section__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1024px) {
  .fav-section {
    padding-top: 16px;
  }
  .fav-section__head {
    margin-bottom: 32px;
  }
  .fav-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .fav-section__sort {
    width: 100%;
    max-width: 40%;
  }
  .fav-section__sort select {
    display: inline-block;
    vertical-align: middle;
    visibility: unset;
    position: unset;
    width: max-content;
    height: unset;
    margin: unset;
    clip: unset;
  }
  .fav-section__sort .sort-select__list {
    display: none;
  }
  .fav-section__body {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 960px) {
  .fav-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .fav-section__options {
    padding-bottom: 8px;
  }
}
@media only screen and (max-width: 620px) {
  .fav-section__head {
    margin-bottom: 24px;
  }
  .fav-section__grid {
    grid-template-columns: 1fr;
  }
  .fav-section__options-core {
    flex-direction: column;
    row-gap: 8px;
    width: calc(100% + 32px);
    margin-left: -16px;
    max-width: unset;
  }
  .fav-section__sort {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    max-width: 100%;
    padding-left: 16px;
    padding-bottom: 2px;
  }
  .fav-section__sort::-webkit-scrollbar {
    display: none;
  }
  .fav-section__sort::after {
    content: "";
    flex: 0 0 auto;
    display: block;
    height: 10px;
    width: 16px;
    pointer-events: none;
    opacity: 0;
  }
  .fav-section__sort select {
    visibility: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
  }
  .fav-section__sort .sort-select__list {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
  }
  .fav-section__num {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.fullnews-section {
  padding-top: 40px;
  padding-bottom: 80px;
}

.fullnews-section__core {
  max-width: 1144px;
  margin-left: auto;
  margin-right: auto;
}

.fullnews-section__head {
  margin-bottom: 48px;
  text-align: center;
}

.fullnews-section__date {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 24px;
  border-radius: 24px;
  border: 1px solid var(--color-bd-primary);
  background: var(--color-bg-primary);
  padding: 2px 14px 4px;
  user-select: none;
}

.fullnews-section__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-bg-primary-reverse);
  text-align: center;
  cursor: default;
}

.fullnews-section__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.fullnews-section__text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  flex: 0 0 auto;
  cursor: default;
}

.fullnews-section__text--narrow {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.fullnews-section__text h2 {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  margin-bottom: 16px;
  margin-top: 32px;
  display: block;
}

.fullnews-section__text p {
  margin-bottom: 8px;
}

.fullnews-section__text ol,
.fullnews-section__text ul {
  counter-reset: ol;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
}

.fullnews-section__text li {
  counter-increment: ol;
  position: relative;
}

.fullnews-section__text ul li {
  padding-left: 32px;
}

.fullnews-section__text ul li::before {
  width: 6px;
  height: 6px;
  content: "";
  border-radius: 50%;
  background: var(--color-icn-accent);
  position: absolute;
  left: 16px;
  top: 0.6em;
}

.fullnews-section__text ol li {
  padding-left: 48px;
}

.fullnews-section__text ol li::before {
  content: counter(ol) ".";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 16px;
}

.fullnews-section__text picture {
  margin-top: 48px;
  margin-bottom: 48px;
}

.fullnews-section__text img {
  display: block;
  width: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
  border-radius: 20px;
}

.fullnews-section__text picture img {
  margin-top: 0;
  margin-bottom: 0;
}

.fullnews-section__text blockquote {
  margin: 32px 0;
  padding: 16px;
  border-radius: 20px;
  background: var(--color-bg-secondary);
}

.fullnews-section__text blockquote cite {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  font-style: normal;
  color: var(--color-text-primary);
  display: block;
  margin: 16px 0 0;
}

.fullnews-section__text blockquote i {
  display: block;
  color: var(--color-text-secondary);
  font-style: normal;
}

.fullnews-section__text picture:first-child,
.fullnews-section__text img:first-child,
.fullnews-section__text p:first-child,
.fullnews-section__text h2:first-child {
  margin-top: 0;
}

.fullnews-section__text picture:last-child,
.fullnews-section__text img:last-child,
.fullnews-section__text p:last-child,
.fullnews-section__text h2:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .fullnews-section {
    padding-top: 16px;
    padding-bottom: 40px;
  }
  .fullnews-section__date {
    margin-bottom: 16px;
  }
  .fullnews-section__head {
    margin-bottom: 32px;
    text-align: left;
  }
  .fullnews-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    text-align: left;
  }
  .fullnews-section__body {
    gap: 40px;
  }
  .fullnews-section__text--narrow {
    max-width: 100%;
  }
  .fullnews-section__text h2 {
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 620px) {
  .fullnews-section__body {
    gap: 32px;
  }
  .fullnews-section__text h2 {
    margin-bottom: 16px;
  }
}
.index-jumbo-section {
  padding-top: 16px;
  padding-bottom: 80px;
}

.index-jumbo-section__core {
  display: grid;
  grid-template-columns: 8fr 4fr;
  gap: var(--gap);
  width: 100%;
  min-width: 1px;
}

.index-jumbo-section__main {
  min-width: 1px;
}

.index-jumbo-section__side {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  min-width: 1px;
}

.index-jumbo-section__info {
  height: 100%;
  flex: 0 1 auto;
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 16px;
  margin-bottom: 16px;
  background: var(--color-bg-secondary);
  border-radius: 20px;
  cursor: default;
}

.index-jumbo-section__info-title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-accent);
}

.index-jumbo-section__info-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  padding-top: 16px;
  margin-top: auto;
}

.index-jumbo-section__project {
  width: 100%;
  flex: 0 0 auto;
  height: 100%;
}

.index-jumbo-section__best {
  height: 100%;
}

@media only screen and (max-width: 1280px) {
  .index-jumbo-section__info-title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 1024px) {
  .index-jumbo-section {
    padding-bottom: 40px;
  }
  .index-jumbo-section__core {
    grid-template-columns: 1fr;
  }
  .index-jumbo-section__main {
    width: 100%;
  }
  .index-jumbo-section__side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
    width: 100%;
    padding-left: 0;
  }
  .index-jumbo-section__info, .index-jumbo-section__project {
    min-width: 1px;
  }
  .index-jumbo-section__info {
    margin-bottom: 0;
    padding: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .index-jumbo-section__main {
    padding-left: 0;
    padding-right: 0;
  }
  .index-jumbo-section__side {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
  .index-jumbo-section__info {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .index-jumbo-section__project {
    aspect-ratio: unset;
  }
  .index-jumbo-section__best {
    height: 180px;
  }
}
.index-partner-section {
  overflow: hidden;
}

.index-partner-section--index, .index-partner-section--fullnews {
  padding-bottom: 80px;
}

.index-partner-section__head {
  padding-bottom: 16px;
  padding-top: 16px;
  margin-bottom: 16px;
}

.index-partner-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  color: var(--color-bg-primary-reverse);
  display: block;
  cursor: default;
}

.index-partner-section__body-in {
  position: relative;
}

.index-partner-section__prev, .index-partner-section__next {
  position: absolute;
  z-index: 2;
  top: 176px;
  transform: translate(0, -50%);
}

.index-partner-section__prev {
  left: -8px;
}

.index-partner-section__next {
  right: -8px;
}

.index-partner-section__swiper:not(.swiper-initialized) .index-partner-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}

@media only screen and (max-width: 1400px) {
  .index-partner-section__prev, .index-partner-section__next {
    top: calc(100 * var(--vw) / 4 / 2);
  }
}
@media only screen and (max-width: 1024px) {
  .index-partner-section--fullnews {
    padding-bottom: 40px;
  }
  .index-partner-section__head {
    padding-bottom: 8px;
  }
  .index-partner-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .index-partner-section__swiper {
    overflow: visible;
  }
  .index-partner-section__item {
    width: calc(260px + var(--gap));
  }
  .index-partner-section__prev, .index-partner-section__next {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .index-partner-section--index {
    padding-bottom: 40px;
  }
}
.partner-card {
  background-color: var(--color-bg-grey);
  padding: 22px 71px 17px 16px;
  border-radius: var(--radius-medium);
  aspect-ratio: 340/248;
  display: flex;
  flex-direction: column;
}

.partner-card__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  color: var(--color-bg-primary-reverse);
  margin-bottom: 16px;
  cursor: default;
}

.partner-card__desc {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: top;
  color: var(--color-text-primary);
  font-size: 13px;
  line-height: 16px;
}

.partner-card__footer {
  margin-top: auto;
}

.index-projects-section {
  padding-top: 16px;
  padding-bottom: 80px;
}

.index-projects-section__head {
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.index-projects-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.index-projects-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  color: var(--color-bg-primary-reverse);
  cursor: default;
  display: inline-flex;
}

.index-projects-section__title .user-menu__text {
  color: var(--color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.index-projects-section__title .user-menu__drop {
  z-index: 175;
}

.index-projects-section__swiper {
  overflow: unset;
}

.index-projects-section__swiper:not(.swiper-initialized) .index-projects-section__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
  gap: 40px 16px;
}

.index-projects-section__item {
  min-width: 1px;
  align-self: end;
}

.index-projects-section__tabs {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.index-projects-section__tabs .object-around__panel-inner {
  grid-column: 1/2;
  grid-row: 1/2;
  position: relative;
  z-index: 55;
}

@media only screen and (max-width: 1024px) {
  .index-projects-section {
    padding-bottom: 40px;
    overflow: hidden;
  }
  .index-projects-section__head {
    padding-bottom: 0;
  }
  .index-projects-section__header {
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .index-projects-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .index-projects-section__swiper {
    margin-left: -4px;
    margin-right: -4px;
    overflow: visible;
  }
  .index-projects-section__item {
    padding-left: 4px;
    padding-right: 4px;
    width: 351px;
  }
}
@media only screen and (max-width: 480px) {
  .index-projects-section__title {
    font-size: 20px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .index-projects-section__title .base-drop__el {
    font-size: 12px;
    line-height: 1;
  }
}
.index-slider-with-thumbs-section {
  padding-top: 16px;
  padding-bottom: 80px;
}

.index-slider-with-thumbs-section__core {
  gap: var(--gap);
  width: 100%;
  min-width: 1px;
}

.index-slider-with-thumbs-section__main {
  min-width: 1px;
}

.index-slider-with-thumbs-section__side {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: stretch;
  min-width: 1px;
}

.index-slider-with-thumbs-section__info {
  height: 100%;
  flex: 0 1 auto;
  display: none;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 16px;
  margin-bottom: 16px;
  background: var(--color-bg-secondary);
  border-radius: 20px;
  cursor: default;
}

.index-slider-with-thumbs-section__info-title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-accent);
}

.index-slider-with-thumbs-section__info-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
  padding-top: 16px;
  margin-top: auto;
}

.index-slider-with-thumbs-section__project {
  width: 100%;
  flex: 0 0 auto;
  height: 100%;
}

.index-slider-with-thumbs-section__best {
  height: 100%;
}

@media only screen and (max-width: 1280px) {
  .index-slider-with-thumbs-section__info-title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 1024px) {
  .index-slider-with-thumbs-section {
    padding-bottom: 0px;
  }
  .index-slider-with-thumbs-section__core {
    grid-template-columns: 1fr;
  }
  .index-slider-with-thumbs-section__main {
    width: 100%;
  }
  .index-slider-with-thumbs-section__side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
    width: 100%;
    padding-left: 0;
  }
  .index-slider-with-thumbs-section__info, .index-slider-with-thumbs-section__project {
    min-width: 1px;
  }
  .index-slider-with-thumbs-section__info {
    margin-bottom: 0;
    padding: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .index-slider-with-thumbs-section__main {
    padding-left: 0;
    padding-right: 0;
  }
  .index-slider-with-thumbs-section__side {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
  .index-slider-with-thumbs-section__info {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .index-slider-with-thumbs-section__project {
    aspect-ratio: unset;
  }
  .index-slider-with-thumbs-section__best {
    height: 180px;
  }
}
.index-static-call-section--index {
  padding-bottom: 80px;
}

.index-static-call-section__core {
  background-color: var(--color-bg-primary-reverse);
  padding: 34px;
  border-radius: var(--radius-medium);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.index-static-call-section__cover {
  padding-left: 144px;
}

.index-static-call-section__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-medium);
  aspect-ratio: 529/320;
}

@media only screen and (max-width: 1024px) {
  .index-static-call-section__core {
    grid-template-columns: 1fr;
    padding: 16px;
    border-radius: 20px;
  }
  .index-static-call-section__content {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .index-static-call-section--index {
    padding-bottom: 40px;
  }
}
.index-static-call-form {
  color: var(--color-text-primary-reverse);
}

.index-static-call-form__form {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}

.index-static-call-form__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
  cursor: default;
}

.index-static-call-form__body {
  display: flex;
  flex-direction: column;
  row-gap: 44px;
}

.index-static-call-form__body .field__title {
  position: absolute;
}

.index-static-call-form__footer {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

.index-static-call-form__footer .btn {
  max-width: 221px;
}

.index-static-call-form__checkboxes {
  font-size: 14px;
  line-height: 1;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  color: var(--color-primary-reverse);
}

.index-static-call-form__checkboxes > :first-child {
  max-width: 350px;
}

.index-static-call-form__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.index-static-call-form__checkboxes a:hover {
  color: var(--color-text-accent);
}

@media only screen and (max-width: 1280px) {
  .index-static-call-form__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 768px) {
  .index-static-call-form__form {
    gap: 32px;
  }
  .index-static-call-form__title {
    font-size: 20px;
  }
  .index-static-call-form__footer {
    gap: 13px;
  }
}
.more-news-section {
  overflow: hidden;
}

.more-news-section--index, .more-news-section--fullnews {
  padding-bottom: 80px;
}

.more-news-section__head {
  padding-bottom: 16px;
  padding-top: 16px;
  margin-bottom: 16px;
}

.more-news-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  cursor: default;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  color: var(--color-bg-primary-reverse);
}

.more-news-section__body-in {
  position: relative;
}

.more-news-section__prev, .more-news-section__next {
  position: absolute;
  z-index: 2;
  top: 176px;
  transform: translate(0, -50%);
}

.more-news-section__prev {
  left: -8px;
}

.more-news-section__next {
  right: -8px;
}

.more-news-section__swiper:not(.swiper-initialized) .more-news-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}

@media only screen and (max-width: 1400px) {
  .more-news-section__prev, .more-news-section__next {
    top: calc(100 * var(--vw) / 4 / 2);
  }
}
@media only screen and (max-width: 1024px) {
  .more-news-section--fullnews {
    padding-bottom: 40px;
  }
  .more-news-section__head {
    padding-bottom: 8px;
  }
  .more-news-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .more-news-section__swiper {
    overflow: visible;
  }
  .more-news-section__item {
    width: calc(260px + var(--gap));
  }
  .more-news-section__prev, .more-news-section__next {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .more-news-section--index {
    padding-bottom: 40px;
  }
}
.news-section {
  padding-top: 72px;
}

.news-section__head {
  margin-bottom: -8px;
}

.news-section__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  cursor: default;
  color: var(--color-bg-primary-reverse);
}

.news-section__title::first-letter {
  text-transform: uppercase;
}

.news-section__options {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-bd-primary);
}

.news-section__options-core {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.news-section__all {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  opacity: 0.1;
  cursor: default;
  flex: 0 0 auto;
}

.news-section__body {
  padding-top: 16px;
}

.news-section__list {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 48px var(--gap);
}

.news-section__item {
  min-width: 1px;
  grid-column: span 3;
}

.news-section__item:nth-child(14n-11), .news-section__item:nth-child(14n-2) {
  grid-column: span 6;
}

.news-section__pag {
  border-top: 1px solid var(--color-bd-primary);
  margin-top: 48px;
  padding-top: 16px;
  padding-bottom: 16px;
}

@media only screen and (max-width: 1280px) {
  .news-section__item, .news-section__item:nth-child(14n-11), .news-section__item:nth-child(14n-2) {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 1024px) {
  .news-section__head {
    margin-bottom: 24px;
  }
  .news-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .news-section__options {
    padding-bottom: 8px;
  }
  .news-section__all {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .news-section__list {
    gap: 24px var(--gap);
  }
  .news-section__item, .news-section__item:nth-child(14n-11), .news-section__item:nth-child(14n-2) {
    grid-column: span 6;
  }
  .news-section__pag {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .news-section {
    padding-top: 16px;
  }
  .news-section__sort {
    width: 100%;
  }
  .news-section__sort select {
    display: inline-block;
    vertical-align: middle;
    visibility: unset;
    position: unset;
    width: max-content;
    height: unset;
    margin: unset;
    clip: unset;
  }
  .news-section__sort .sort-select__list {
    display: none;
  }
  .news-section__list {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .news-section__item, .news-section__item:nth-child(14n-11), .news-section__item:nth-child(14n-2) {
    grid-column: span 1;
  }
}
.parking-section {
  position: relative;
  padding-top: 80px;
}

.parking-section__share {
  position: absolute;
  right: 0;
  bottom: 100%;
  z-index: 2;
  width: 100%;
  pointer-events: none;
}

.parking-section__share-core {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.parking-section__head {
  margin-bottom: 24px;
}

.parking-section__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  cursor: default;
  color: var(--color-bg-primary-reverse);
}

.parking-section__title::first-letter {
  text-transform: uppercase;
}

.parking-section__filter {
  margin-bottom: 80px;
}

.parking-section__btn-filter {
  display: none;
}

.parking-section__info {
  border-bottom: 1px solid var(--color-bd-primary);
  margin-bottom: 16px;
}

.parking-section__info-core {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  max-width: 100%;
  overflow: hidden;
}

.parking-section__all {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  opacity: 0.1;
  cursor: default;
  flex: 0 0 auto;
}

.parking-section__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap);
  padding-bottom: 16px;
}

.parking-section__item {
  width: 100%;
  min-width: 1px;
}

.parking-section__pag {
  border-top: 1px solid var(--color-bd-primary);
  padding-top: 16px;
  padding-bottom: 16px;
}

@media only screen and (max-width: 1280px) {
  .parking-section__all {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 1024px) {
  .parking-section {
    padding-top: 16px;
  }
  .parking-section__head {
    margin-bottom: 16px;
  }
  .parking-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .parking-section__sort select {
    display: inline-block;
    vertical-align: middle;
    visibility: unset;
    position: unset;
    width: max-content;
    height: unset;
    margin: unset;
    clip: unset;
  }
  .parking-section__sort .sort-select__list {
    display: none;
  }
  .parking-section__filter {
    margin-bottom: 16px;
  }
  .parking-section__btn-filter {
    display: inline-flex;
  }
  .parking-section__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .parking-section__sort {
    flex: 0 1 auto;
    max-width: 40%;
  }
  .parking-section__sort select {
    width: 100%;
  }
  .parking-section__list {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
}
@media only screen and (max-width: 620px) {
  .parking-section__info-core {
    flex-direction: column;
    row-gap: 8px;
    width: calc(100% + 32px);
    margin-left: -16px;
    max-width: unset;
  }
  .parking-section__sort {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overscroll-behavior: contain;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    max-width: 100%;
    padding-left: 16px;
    padding-bottom: 2px;
  }
  .parking-section__sort::-webkit-scrollbar {
    display: none;
  }
  .parking-section__sort::after {
    content: "";
    flex: 0 0 auto;
    display: block;
    height: 10px;
    width: 16px;
    pointer-events: none;
    opacity: 0;
  }
  .parking-section__sort select {
    visibility: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
  }
  .parking-section__sort .sort-select__list {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
  }
  .parking-section__all {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.project-main-section-new {
  position: relative;
  padding-bottom: 84px;
}

.project-main-section-new__head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 84px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.project-main-section-new__head-side {
  flex: 0 0 auto;
  width: 216px;
}

.project-main-section-new__title, .project-main-section-new__subtitle {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
  cursor: default;
  color: var(--color-bg-primary-reverse);
}

.project-main-section-new__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.project-main-section-new__title {
  font-size: 64px;
}

.project-main-section-new__subtitle {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

[data-theme=dark] .project-main-section-new__title, [data-theme=dark] .project-main-section-new__subtitle {
  color: var(--color-text-primary-reverse);
}

.project-main-section-new__address {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}

.project-main-section-new__address-mobile {
  display: none;
}

.project-main-section-new__address a {
  color: inherit;
}

.project-main-section-new__address-icn {
  color: var(--color-icn-accent);
}

[data-theme=dark] .project-main-section-new__address {
  --color-text-primary: var(--color-text-primary-reverse);
}

.project-main-section-new__price-from, .project-main-section-new__price-month {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  text-align: right;
}

.project-main-section-new__price-month {
  margin-top: 4px;
  color: var(--color-text-secondary);
}

.project-main-section-new__price-month span {
  color: var(--color-text-accent);
}

[data-theme=dark] .project-main-section-new__price-month {
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-accent: var(--color-text-primary-reverse);
}

.project-main-section-new__figure {
  position: relative;
  margin-bottom: 60px;
}

.project-main-section-new__tags {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  z-index: 2;
  inset: 9px 0 0 9px;
  pointer-events: none;
}

.project-main-section-new__tags-item {
  font-size: 16px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: middle;
  border-radius: var(--radius-super);
  padding: 3.5px 16.5px;
  background: rgba(18, 18, 18, 0.3);
  color: #ffffff99;
  white-space: nowrap;
  backdrop-filter: blur(45px);
}

.project-main-section-new__cover {
  position: relative;
}

.project-main-section-new__swiper {
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.project-main-section-new__swiper-wrapper {
  align-items: stretch;
}

.project-main-section-new__slide {
  height: unset;
}

.project-main-section-new__next, .project-main-section-new__prev {
  position: absolute;
  z-index: 2;
  bottom: 23px;
}

[data-theme=dark] .project-main-section-new__next, [data-theme=dark] .project-main-section-new__prev {
  --color-bd-primary: unset;
  --color-bg-primary: unset;
  --color-icn-primary: unset;
  --color-icn-secondary: unset;
}

.project-main-section-new__prev {
  right: 75px;
}

.project-main-section-new__next {
  right: 23px;
}

.project-main-section-new__pag {
  display: none;
}

.project-main-section-new__pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/0.3551136364;
  border-radius: var(--radius-medium);
  overflow: hidden;
  background: var(--color-bg-secondary);
  color: var(--color-icn-placeholder);
}

.project-main-section-new__pic img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-medium);
}

.project-main-section-new__pic .icn {
  color: var(--color-icn-reverse2);
}

[data-theme=dark] .project-main-section-new__pic {
  background: var(--color-bg-overlay);
}

[data-theme=dark] .project-main-section-new__pic .icn {
  color: var(--color-text-tetriary-reverse2);
}

.project-main-section-new__filter {
  background: var(--color-bg-primary-reverse);
  padding: 16px;
  border-radius: var(--radius-medium);
}

.project-main-section-new__content .project-description__core {
  all: unset;
}

.project-main-section-new__content .project-description__text {
  max-width: 680px;
}

.project-main-section-new__content .project-description__features {
  gap: 24px 18px;
}

.project-main-section-new__content .project-description__features-item {
  padding: 0;
  background-color: transparent;
}

.project-main-section-new__video {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 3;
}

.project-main-section-new__video .btn__text {
  column-gap: 8px;
}

.project-main-section-new__video .btn__text .icn {
  fill: red;
}

@media only screen and (min-width: 1025px) {
  .project-main-section-new__filter {
    margin-bottom: 64px;
  }
  .project-main-section-new__content {
    padding: 0 16px;
  }
  .project-main-section-new__content .project-description__main {
    width: 100%;
  }
  .project-main-section-new__content .project-description__tab {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .project-main-section-new__content .project-description__features {
    gap: 44px;
  }
}
@media only screen and (max-width: 1024px) {
  .project-main-section-new {
    padding-top: 12px;
  }
  .project-main-section-new__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .project-main-section-new__subtitle {
    font-size: 20px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .project-main-section-new__content {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 768px) {
  .project-main-section-new {
    padding-bottom: 32px;
  }
  .project-main-section-new__head {
    margin-bottom: 8px;
  }
  .project-main-section-new__address {
    display: none;
  }
  .project-main-section-new__address-mobile {
    display: inline-flex;
    order: 1;
    justify-content: flex-end;
    margin-bottom: 16px;
  }
  .project-main-section-new__address-icn {
    color: var(--color-icn-accent);
  }
  .project-main-section-new__wrapper {
    display: flex;
    flex-direction: column;
  }
  .project-main-section-new__figure {
    margin-bottom: 8px;
  }
  .project-main-section-new__figure, .project-main-section-new__filter {
    order: 2;
  }
  .project-main-section-new__pic {
    aspect-ratio: 1.84;
  }
  .project-main-section-new__tags {
    position: absolute;
    inset: 9px 9px 9px 0;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    align-items: flex-end;
    height: fit-content;
  }
  .project-main-section-new__prev, .project-main-section-new__next {
    display: none;
  }
  .project-main-section-new__pag {
    display: flex;
    padding: 16px 0 12px;
  }
  [data-theme=dark] .project-main-section-new .swiper-pagination-bullet::before {
    background: var(--color-bg-primary-transparent);
  }
  [data-theme=dark] .project-main-section-new .swiper-pagination-bullet.is-active {
    background: var(--color-white);
  }
  .project-main-section-new__video {
    display: none;
  }
}
@media only screen and (max-width: 620px) {
  .project-main-section-new__head {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .project-main-section-new__pic {
    aspect-ratio: 1.5590909091;
  }
  .project-main-section-new__price-from, .project-main-section-new__price-month {
    text-align: left;
  }
}
.project-main-section {
  position: relative;
  padding-top: 80px;
}

.project-main-section__share {
  width: 100%;
  position: absolute;
  bottom: 100%;
  right: 0;
  pointer-events: none;
  z-index: 1;
}

.project-main-section__share-core {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.project-main-section__head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--gap);
  margin-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.project-main-section__head-side {
  flex: 0 0 auto;
  width: 216px;
}

.project-main-section__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 8px;
  cursor: default;
  color: var(--color-bg-primary-reverse);
}

[data-theme=dark] .project-main-section__title {
  color: var(--color-text-primary-reverse);
}

.project-main-section__address {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-primary);
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
}

[data-theme=dark] .project-main-section__address {
  --color-text-primary: var(--color-text-primary-reverse);
}

.project-main-section__address-icn {
  color: var(--color-icn-accent);
}

.project-main-section__price-from, .project-main-section__price-month {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  text-align: right;
}

.project-main-section__price-month {
  margin-top: 4px;
  color: var(--color-text-secondary);
}

.project-main-section__price-month span {
  color: var(--color-text-accent);
}

[data-theme=dark] .project-main-section__price-month {
  --color-text-secondary: var(--color-text-primary-reverse-50);
  --color-text-accent: var(--color-text-primary-reverse);
}

.project-main-section__figure {
  position: relative;
  margin-bottom: 16px;
}

.project-main-section__tags {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  position: absolute;
  z-index: 2;
  left: 16px;
  top: 16px;
  pointer-events: none;
}

.project-main-section__tags-item {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-block;
  vertical-align: middle;
  border-radius: 100px;
  padding: 2px 8px;
  background: #1212124D;
  color: #ffffff99;
  white-space: nowrap;
  backdrop-filter: blur(24px);
}

.project-main-section__tags-item--accent {
  background: var(--color-bg-accent);
}

.project-main-section__cover {
  position: relative;
}

.project-main-section__swiper {
  border-radius: var(--radius-large);
  overflow: hidden;
}

.project-main-section__swiper-wrapper {
  align-items: stretch;
}

.project-main-section__slide {
  height: unset;
}

.project-main-section__next, .project-main-section__prev {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
}

[data-theme=dark] .project-main-section__next, [data-theme=dark] .project-main-section__prev {
  --color-bd-primary: unset;
  --color-bg-primary: unset;
  --color-icn-primary: unset;
  --color-icn-secondary: unset;
}

.project-main-section__prev {
  left: -8px;
}

.project-main-section__next {
  right: -8px;
}

.project-main-section__pag {
  position: absolute;
  z-index: 2;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 16px;
}

.project-main-section__pic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1/0.5113636364;
  border-radius: var(--radius-large);
  overflow: hidden;
  background: var(--color-bg-secondary);
  color: var(--color-icn-placeholder);
}

.project-main-section__pic img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: var(--radius-large);
}

.project-main-section__pic .icn {
  color: var(--color-icn-reverse2);
}

[data-theme=dark] .project-main-section__pic {
  background: var(--color-bg-overlay);
}

[data-theme=dark] .project-main-section__pic .icn {
  color: var(--color-text-tetriary-reverse2);
}

.project-main-section__core {
  padding-bottom: 16px;
}

.project-main-section__filter {
  background: var(--color-bg-primary-reverse);
  padding: 16px;
  border-radius: var(--radius-large);
}

.project-main-section__content {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1024px) {
  .project-main-section {
    padding-top: 16px;
  }
  .project-main-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .project-main-section__core {
    padding-bottom: 40px;
  }
  .project-main-section__content {
    padding-top: 16px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .project-main-section__pic {
    aspect-ratio: 1.84;
  }
  .project-main-section__tags {
    left: 8px;
    top: 8px;
  }
  .project-main-section__prev, .project-main-section__next {
    display: none;
  }
  .project-main-section__pag {
    bottom: 8px;
  }
}
@media only screen and (max-width: 620px) {
  .project-main-section__head {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .project-main-section__pic {
    aspect-ratio: 1.5590909091;
  }
  .project-main-section__price-from, .project-main-section__price-month {
    text-align: left;
  }
}
.projectcall-pic-section {
  padding-top: 16px;
  padding-bottom: 80px;
}

.projectcall-pic-section__core {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px var(--gap);
}

.projectcall-pic-section__side, .projectcall-pic-section__content {
  min-width: 1px;
}

.projectcall-pic-section__form {
  height: 100%;
  background: linear-gradient(to right bottom, var(--color-bg-accent), 70%, var(--color-bg-accent-2));
}

[data-theme=dark] .projectcall-pic-section__form {
  background: linear-gradient(to right bottom, var(--color-bg-primary-new-2), 70%, var(--color-bg-primary-new-hover));
}

.projectcall-pic-section__cover {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/0.7916666667;
}

.projectcall-pic-section__cover img {
  display: block;
  border-radius: var(--radius-medium);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 1024px) {
  .projectcall-pic-section {
    padding-bottom: 40px;
  }
  .projectcall-pic-section__core {
    grid-template-columns: 1fr;
  }
  .projectcall-pic-section__side {
    order: 2;
  }
  .projectcall-pic-section__cover {
    aspect-ratio: 1/0.5976676385;
  }
  .projectcall-pic-section__form {
    background: var(--color-bg-accent);
  }
  [data-theme=dark] .projectcall-pic-section__form {
    background: var(--color-bg-primary-new-hover);
  }
}
.projectcall-work--dark-light .projectcall-work-form__wrap {
  background: linear-gradient(to right, var(--color-bg-accent), 70%, var(--color-bg-accent-2));
}

[data-theme=dark] .projectcall-work--dark-light .projectcall-work-form__wrap {
  background: linear-gradient(to right bottom, var(--color-bg-primary-new-2), 30%, var(--color-bg-primary-new-hover));
}

@media only screen and (max-width: 960px) {
  .projectcall-work--dark-light .projectcall-work-form__wrap {
    background: var(--color-bg-accent);
  }
}
.projectcall-work-form {
  padding-top: 16px;
}

.projectcall-work-form__wrap {
  padding: 35px 31px 32px 22px;
  border-radius: var(--radius-large);
  position: relative;
}

.projectcall-work-form__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
}

.projectcall-work-form__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 119px;
}

.projectcall-work-form__body {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
}

.projectcall-work-form__body .field:not(.visually-hidden) {
  position: relative;
}

.projectcall-work-form__body .field__title {
  display: none;
  position: relative;
}

.projectcall-work-form__fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px 16px;
}

.projectcall-work-form__footer {
  display: flex;
  flex-direction: column;
  row-gap: 21px;
}

.projectcall-work-form__footer .btn {
  max-width: 221px;
}

.projectcall-work-form__checkboxes {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  color: var(--color-text-tetriary-reverse);
}

.projectcall-work-form__checkboxes > :first-child {
  max-width: 350px;
}

.projectcall-work-form__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.projectcall-work-form__checkboxes a:hover {
  color: var(--color-text-primary-reverse);
}

.projectcall-work-form__info {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--color-text-primary-reverse);
  cursor: default;
  position: absolute;
  bottom: 32px;
}

.projectcall-work-form__info .icn {
  animation: ring 6s ease infinite;
}

@media only screen and (max-width: 1280px) {
  .projectcall-work-form__body {
    gap: 48px;
  }
}
@media only screen and (max-width: 960px) {
  .projectcall-work-form {
    padding-bottom: 48px;
  }
  .projectcall-work-form__wrap {
    padding: 20px 24px 22px;
  }
  .projectcall-work-form__form {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
  }
  .projectcall-work-form__body {
    gap: 16px;
    align-items: unset;
  }
  .projectcall-work-form__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .projectcall-work-form .field {
    grid-column: span 1;
  }
  .projectcall-work-form__fields {
    grid-template-columns: 1fr;
  }
  .projectcall-work-form__info {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
    position: static;
    margin-top: 19px;
  }
  .projectcall-work-form__footer .btn {
    max-width: unset;
  }
}
@media only screen and (max-width: 620px) {
  .projectcall-work-form__checkboxes {
    max-width: 270px;
  }
}
[data-theme=dark] .projectcall-work-form__footer .btn {
  color: var(--color-bg-primary-new);
  background: var(--color-bg-primary);
}

[data-theme=dark] .projectcall-work-form__footer .btn:hover {
  color: var(--color-bg-primary);
  background: var(--color-bg-feature);
}

.projectcall-work-form .input--var-secondary {
  font-size: 16px;
}

.projectcall-work-form .input--var-secondary::placeholder {
  color: var(--color-text-primary-60);
}

[data-theme=dark] .input--var-secondary {
  color: #D9D9D9;
  border-bottom-color: #D9D9D9;
}

[data-theme=dark] .input--var-secondary.field__error,
[data-theme=dark] .input--var-secondary.field__validate-error {
  color: #D9D9D9;
}

[data-theme=dark] .input--var-secondary::placeholder {
  color: #D9D9D9;
}

.projectcall--dark-light .projectcall-form__wrap {
  background: linear-gradient(to right, var(--color-bg-accent), 70%, var(--color-bg-accent-2));
}

.projectcall--border-large .projectcall-form__wrap {
  border-radius: var(--radius-large);
}

[data-theme=dark] .projectcall--dark-light .projectcall-form__wrap, .projectcall--dark-light [data-theme=dark].projectcall-form__wrap {
  background: linear-gradient(to right bottom, var(--color-bg-primary-new-2), 30%, var(--color-bg-primary-new-hover));
}

@media only screen and (max-width: 960px) {
  .projectcall--dark-light .projectcall-form__wrap {
    background: var(--color-bg-accent);
  }
}
.projectcall-form {
  padding-top: 16px;
  padding-bottom: 84px;
}

.projectcall-form__wrap {
  padding: 35px 31px 32px 22px;
  border-radius: var(--radius-medium);
  position: relative;
}

.projectcall-form__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary-reverse);
}

.projectcall-form__form {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.projectcall-form__body {
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  align-items: last baseline;
}

.projectcall-form__body .field:not(.visually-hidden) {
  position: relative;
}

.projectcall-form__body .field__title {
  display: none;
  position: relative;
}

.projectcall-form__fields {
  display: flex;
  flex-direction: column;
  row-gap: 13px;
  max-width: 494px;
  width: 100%;
}

.projectcall-form__footer {
  display: flex;
  flex-direction: column;
  row-gap: 21px;
}

.projectcall-form__footer .btn {
  max-width: 221px;
}

.projectcall-form__checkboxes {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  color: var(--color-text-tetriary-reverse);
}

.projectcall-form__checkboxes > :first-child {
  max-width: 350px;
}

.projectcall-form__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.projectcall-form__checkboxes a:hover {
  color: var(--color-text-primary-reverse);
}

.projectcall-form__checkboxes {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  color: var(--color-text-tetriary-reverse);
}

.projectcall-form__checkboxes > :first-child {
  max-width: 350px;
}

.projectcall-form__checkboxes a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.projectcall-form__checkboxes a:hover {
  color: var(--color-text-primary-reverse);
}

.projectcall-form__info {
  font-size: 16px;
  line-height: 1.25;
  font-weight: 400;
  margin-top: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: var(--color-text-primary-reverse);
  cursor: default;
  position: absolute;
  bottom: 32px;
}

.projectcall-form__info .icn {
  animation: ring 6s ease infinite;
}

@media only screen and (max-width: 1280px) {
  .projectcall-form__body {
    gap: 48px;
  }
}
@media only screen and (max-width: 960px) {
  .projectcall-form {
    padding-bottom: 48px;
  }
  .projectcall-form__wrap {
    padding: 20px 24px;
  }
  .projectcall-form__form {
    display: flex;
    flex-direction: column;
    row-gap: 35px;
  }
  .projectcall-form__body {
    gap: 16px;
    align-items: unset;
  }
  .projectcall-form__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .projectcall-form .field {
    grid-column: span 1;
  }
  .projectcall-form__fields {
    row-gap: 16px;
  }
  .projectcall-form__info {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 400;
    letter-spacing: -0.03em;
    position: static;
    margin-top: 19px;
  }
  .projectcall-form__footer .btn {
    max-width: unset;
  }
}
@media only screen and (max-width: 620px) {
  .projectcall-form__checkboxes {
    max-width: 270px;
  }
  .projectcall-form__checkboxes {
    max-width: 270px;
  }
}
[data-theme=dark] .projectcall-form__footer .btn {
  color: var(--color-bg-primary-new);
  background: var(--color-bg-primary);
}

[data-theme=dark] .projectcall-form__footer .btn:hover {
  color: var(--color-bg-primary);
  background: var(--color-bg-feature);
}

.projectcall-form .input--var-secondary {
  font-size: 16px;
}

.projectcall-form .input--var-secondary::placeholder {
  color: var(--color-text-primary-60);
}

[data-theme=dark] .input--var-secondary {
  color: #D9D9D9;
  border-bottom-color: #D9D9D9;
}

[data-theme=dark] .input--var-secondary.field__error,
[data-theme=dark] .input--var-secondary.field__validate-error {
  color: #D9D9D9;
}

[data-theme=dark] .input--var-secondary::placeholder {
  color: #D9D9D9;
}

.projects-section {
  padding-top: 80px;
}

.projects-section__head {
  margin-bottom: 24px;
}

.projects-section__title {
  font-size: 60px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  cursor: default;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  color: var(--color-bg-primary-reverse);
}

.projects-section__title::first-letter {
  text-transform: uppercase;
}

.projects-section__btn-filter {
  display: none;
}

.projects-section__filter {
  margin-bottom: 80px;
}

.projects-section__info {
  border-bottom: 1px solid var(--color-bd-primary);
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.projects-section__info-core {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.projects-section__all {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  opacity: 0.1;
  cursor: default;
}

.projects-section__body {
  padding-top: 16px;
}

.projects-section__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px var(--gap);
  padding-bottom: 16px;
}

.projects-section__list--index {
  gap: 16px;
}

.projects-section__item {
  min-width: 1px;
  align-self: flex-start;
}

.projects-section__pag {
  padding-top: 16px;
  padding-bottom: 16px;
  border-top: 1px solid var(--color-bd-primary);
}

@media only screen and (max-width: 1024px) {
  .projects-section {
    padding-top: 32px;
  }
  .projects-section__title {
    font-size: 36px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .projects-section__filter {
    margin-bottom: 16px;
  }
  .projects-section__btn-filter {
    display: flex;
  }
  .projects-section__all {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .projects-section__list {
    gap: 32px var(--gap);
  }
}
@media only screen and (max-width: 960px) {
  .projects-section__list {
    gap: 16px 8px;
  }
}
@media only screen and (max-width: 767px) {
  .projects-section__list {
    grid-template-columns: 1fr;
    gap: var(--gap);
  }
}
@media only screen and (max-width: 620px) {
  .projects-section__info {
    border: 0;
  }
  .projects-section__info-core {
    flex-direction: column;
    align-items: flex-start;
  }
  .projects-section__call {
    width: 100%;
    position: relative;
    padding-top: 16px;
  }
  .projects-section__call::before {
    content: "";
    width: calc(100% + 32px);
    height: 1px;
    position: absolute;
    left: -16px;
    top: 0;
    background: var(--color-bd-primary);
  }
  .projects-section__all {
    text-align: right;
    width: 100%;
    order: -1;
    padding-bottom: 8px;
  }
}
.recomendation-section {
  padding-bottom: 80px;
}

.recomendation-section__head {
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  border-bottom: 1px solid var(--color-bd-primary);
}

.recomendation-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  opacity: 0.1;
  text-align: right;
  cursor: default;
}

.recomendation-section__body {
  padding-top: 16px;
}

.recomendation-section__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px var(--gap);
}

.recomendation-section__item {
  min-width: 1px;
}

@media only screen and (max-width: 1440px) {
  .recomendation-section__grid {
    gap: 40px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .recomendation-section {
    padding-bottom: 40px;
  }
  .recomendation-section__head {
    padding-top: 16px;
    padding-bottom: 8px;
  }
  .recomendation-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
  .recomendation-section__grid {
    gap: var(--gap) 8px;
  }
}
@media only screen and (max-width: 767px) {
  .recomendation-section__head {
    padding-top: 8px;
  }
  .recomendation-section__grid {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  .recomendation-section .project-card__show {
    display: flex;
  }
}
.section {
  padding-top: 16px;
  padding-bottom: 80px;
}

.section--projects {
  overflow: hidden;
}

.section--fold {
  padding-bottom: 0;
}

.section__head:has(.section__heading) {
  border-bottom: 1px solid var(--color-bd-primary);
  margin-bottom: 16px;
}

.section--fold .section__head {
  margin-bottom: 0;
}

.section__header {
  display: flex;
  flex-direction: row-reverse;
  align-items: end;
  padding: 0 var(--container-padd);
}

.section__heading {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-ghost);
  padding-bottom: 16px;
  margin-left: auto;
  cursor: default;
  text-align: right;
}

.section__heading::first-letter {
  text-transform: uppercase;
}

.section__controls {
  margin-right: auto;
  padding-bottom: 16px;
}

.section--fold .section__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--trans-long), opacity 0s ease 0.5s;
  opacity: 0;
}

.section--fold.is-active .section__body {
  grid-template-rows: 1fr;
  opacity: 1;
  transition: grid-template-rows var(--trans-long), opacity 0.5s ease 0s;
}

.section__body {
  overflow: hidden;
}

.section--object .section__body, .section--location .section__body {
  overflow: visible;
}

.section__body-inner {
  overflow: hidden;
}

.section--fold .section__body-inner > :first-child {
  padding-top: 16px;
  padding-bottom: 80px;
}

.section__body:empty, .section__controls:empty {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .section {
    padding-bottom: 40px;
  }
  .section--fold {
    padding-bottom: 0;
  }
  .section__header {
    padding: 0;
  }
  .section__heading {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    padding-bottom: 8px;
  }
  .section__controls {
    padding-bottom: 8px;
  }
  .section__controls:not(.section--fold .section__controls) {
    display: none;
  }
  .section--fold .section__body-inner > :first-child {
    padding-bottom: 40px;
  }
}
.seo-section {
  padding-bottom: 80px;
}

.seo-section__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
  cursor: default;
}

.seo-section__body {
  cursor: default;
  position: relative;
  overflow: hidden;
  transition: max-height 0.3s linear;
}

.seo-section__body p, .seo-section__body li {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.seo-section__body.is-hidden {
  max-height: calc(4lh + 1.2em) !important;
}

.seo-section__body.is-hidden::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.75em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--color-bg-primary) 100%);
}

[data-theme=dark] .seo-section__body.is-hidden::after {
  background: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, var(--color-bg-primary-new) 100%);
}

.seo-section__body p {
  transition: opacity var(--trans-fast);
}

.seo-section__body p + p,
.seo-section__body p + h2,
.seo-section__body ul + h2 {
  margin-top: 16px;
}

.seo-section__body ul li {
  position: relative;
  padding-left: 3em;
}

.seo-section__body ul li::before {
  content: "-";
  position: absolute;
  display: block;
  left: 0;
  padding-left: 2em;
}

.seo-section__filter-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

.seo-section__filter-page-media {
  overflow: hidden;
  border-radius: 16px;
}

.seo-section__filter-page-image {
  display: block;
  width: 100%;
  height: auto;
}

.seo-section__body--filter-page {
  max-width: none;
}

.seo-section__more {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  user-select: none;
  display: none;
  vertical-align: top;
  margin-top: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.seo-section__more.is-visible {
  display: inline-flex;
}

.seo-section__more:hover {
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
  .seo-section__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    margin-bottom: 8px;
  }
  .seo-section__more {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 960px) {
  .seo-section__title, .seo-section__text {
    max-width: 467px;
  }
}
@media only screen and (min-width: 961px) {
  .seo-section__filter-page {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
    align-items: start;
  }
}
.seo-filter-faq {
  padding-top: 48px;
  padding-bottom: 80px;
  background: var(--color-bg-primary);
}

.seo-filter-faq__item {
  border-bottom: 1px solid var(--color-bd-primary);
}

.seo-filter-faq__inner {
  padding-top: 16px;
  padding-bottom: 16px;
}

.seo-filter-faq__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  column-gap: 16px;
  align-items: center;
  width: 100%;
  padding: 0;
  border: 0;
  text-align: left;
  color: inherit;
  background: transparent;
}

.seo-filter-faq__head:focus {
  outline: none;
}

.seo-filter-faq__title {
  font-size: 20px;
  line-height: 24px;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  min-height: 40px;
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
  transition: color var(--trans-base);
}

.seo-filter-faq__button {
  justify-self: end;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-bd-primary);
  border-radius: 8px;
  color: var(--color-icn-primary);
  background: transparent;
  transition: color var(--trans-base), border-color var(--trans-base), background-color var(--trans-base);
}

.seo-filter-faq__icon {
  width: 16px;
  height: 16px;
}

.seo-filter-faq__icon--minus {
  display: none;
}

.seo-filter-faq__panel {
  display: grid;
  grid-template-rows: 0fr;
  min-width: 0;
  margin-top: 0;
  transition: grid-template-rows var(--trans-base);
}

.seo-filter-faq__panel-inner {
  overflow: hidden;
}

.seo-filter-faq__answer {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.seo-filter-faq__answer p,
.seo-filter-faq__answer li,
.seo-filter-faq__answer td,
.seo-filter-faq__answer th {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
  color: var(--color-text-secondary);
}

.seo-filter-faq__answer p + p,
.seo-filter-faq__answer p + ul,
.seo-filter-faq__answer p + table,
.seo-filter-faq__answer ul + p,
.seo-filter-faq__answer p + ol,
.seo-filter-faq__answer table + p,
.seo-filter-faq__answer table + ul,
.seo-filter-faq__answer table + ol,
.seo-filter-faq__answer h2 + p,
.seo-filter-faq__answer h3 + p,
.seo-filter-faq__answer h4 + p,
.seo-filter-faq__answer h2 + ul,
.seo-filter-faq__answer h3 + ul,
.seo-filter-faq__answer h4 + ul,
.seo-filter-faq__answer h2 + ol,
.seo-filter-faq__answer h3 + ol,
.seo-filter-faq__answer h4 + ol,
.seo-filter-faq__answer h2 + table,
.seo-filter-faq__answer h3 + table,
.seo-filter-faq__answer h4 + table,
.seo-filter-faq__answer ol + p,
.seo-filter-faq__answer p + h2,
.seo-filter-faq__answer p + h3,
.seo-filter-faq__answer ul + h2,
.seo-filter-faq__answer ul + h3,
.seo-filter-faq__answer ol + h2,
.seo-filter-faq__answer ol + h3 {
  margin-top: 12px;
}

.seo-filter-faq__answer h2,
.seo-filter-faq__answer h3,
.seo-filter-faq__answer h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-primary);
}

.seo-filter-faq__answer h3 {
  font-size: 18px;
  line-height: 20px;
}

.seo-filter-faq__answer h4 {
  font-size: 16px;
  line-height: 20px;
}

.seo-filter-faq__answer ul,
.seo-filter-faq__answer ol {
  margin-bottom: 0;
  padding-left: 20px;
}

.seo-filter-faq__answer li + li {
  margin-top: 6px;
}

.seo-filter-faq__answer table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 16px;
}

.seo-filter-faq__answer td,
.seo-filter-faq__answer th {
  padding: 13px 16px 14px;
  border-top: 1px solid var(--color-bd-primary);
  border-bottom: 1px solid var(--color-bd-primary);
  text-align: center;
  font-weight: 400;
}

.seo-filter-faq__answer a {
  color: var(--color-text-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.seo-filter-faq__item.is-active .seo-filter-faq__title {
  color: var(--color-text-primary);
}

.seo-filter-faq__item.is-active .seo-filter-faq__button {
  border-color: var(--color-bg-accent);
  color: var(--color-text-primary-reverse);
  background: var(--color-bg-accent);
}

.seo-filter-faq__item.is-active .seo-filter-faq__icon--plus {
  display: none;
}

.seo-filter-faq__item.is-active .seo-filter-faq__icon--minus {
  display: block;
}

.seo-filter-faq__item.is-active .seo-filter-faq__panel {
  grid-template-rows: 1fr;
  margin-top: 16px;
}

@media only screen and (max-width: 1024px) {
  .seo-filter-faq__title {
    padding-right: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-filter-faq {
    padding-top: 16px;
    padding-bottom: 48px;
  }
  .seo-filter-faq__inner {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.staticcall--dark-light .staticcall-form__wrap {
  background-color: rgba(18, 18, 18, 0.0509803922);
}

[data-theme=dark] .staticcall--dark-light .staticcall-form__wrap {
  background-color: #474050;
}

.staticcall-form {
  padding-top: 16px;
  padding-bottom: 84px;
}

.staticcall-form__wrap {
  padding: 18px;
  border-radius: var(--radius-medium);
}

.staticcall-form__title {
  font-size: 28px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
}

.staticcall-form__form {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.staticcall-form__body {
  display: grid;
  grid-template-columns: 1fr 1fr 412px;
  gap: 146px;
}

.staticcall-form__body .field:not(.visually-hidden) {
  position: relative;
}

.staticcall-form__body .field__title {
  display: none;
  position: absolute;
}

.staticcall-form__footer {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
}

.staticcall-form__politic {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  color: var(--color-text-secondary);
}

.staticcall-form__politic a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color var(--trans-base);
}

.staticcall-form__politic a:hover {
  color: var(--color-text-accent);
}

@media only screen and (max-width: 1440px) {
  .staticcall-form__body {
    gap: 76px;
  }
}
@media only screen and (max-width: 1280px) {
  .staticcall-form__body {
    gap: 48px;
  }
}
@media only screen and (max-width: 960px) {
  .staticcall-form {
    padding-bottom: 48px;
  }
  .staticcall-form__wrap {
    padding: 16px;
  }
  .staticcall-form__form {
    gap: 32px;
  }
  .staticcall-form__body {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }
  .staticcall-form__title {
    font-size: 20px;
    line-height: 1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    letter-spacing: unset;
    font-weight: 700;
  }
  .staticcall-form .field {
    grid-column: span 1;
  }
  .staticcall-form__footer {
    grid-column: span 2;
  }
}
@media only screen and (max-width: 620px) {
  .staticcall-form__body {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .staticcall-form__footer {
    grid-column: span 1;
  }
  .staticcall-form__politic {
    font-size: 11px;
  }
}
[data-theme=dark] .staticcall-form__politic {
  color: var(--color-primary-reverse);
}

[data-theme=dark] .staticcall-form__politic a:hover {
  color: var(--color-text-accent);
}

[data-theme=dark] .staticcall-form__footer .btn {
  color: var(--color-bg-primary-new);
  background: var(--color-bg-primary);
}

[data-theme=dark] .staticcall-form__footer .btn:hover {
  color: var(--color-bg-primary);
  background: var(--color-bg-feature);
}

.staticcall-form .input--var-secondary {
  font-size: 16px;
}

.staticcall-form .input--var-secondary::placeholder {
  color: var(--color-text-primary-60);
}

[data-theme=dark] .input--var-secondary {
  color: #D9D9D9;
  border-bottom-color: #D9D9D9;
}

[data-theme=dark] .input--var-secondary.field__error,
[data-theme=dark] .input--var-secondary.field__validate-error {
  color: #D9D9D9;
}

[data-theme=dark] .input--var-secondary::placeholder {
  color: #D9D9D9;
}

.team-section {
  padding-top: 16px;
  padding-bottom: 80px;
  overflow: hidden;
}

.team-section__head {
  display: block;
  margin-bottom: 64px;
}

.team-section__title {
  font-size: 32px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  display: block;
  max-width: calc(1028px + var(--container-padd) * 2);
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
  cursor: default;
}

.team-section__title span:first-of-type {
  color: var(--color-text-accent);
}

.team-section__title span:nth-of-type(n+2) {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
}

.team-section__swiper:not(.swiper-initialized) .team-section__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
  user-select: none;
}

.team-section__item {
  grid-column: span 1;
  grid-row: span 1;
}

.team-section__item:nth-child(3), .team-section__item:nth-child(4) {
  grid-column: span 2;
  grid-row: span 2;
}

.team-section__el {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: var(--radius-medium);
  overflow: hidden;
  background: var(--color-bg-secondary);
  text-align: center;
  color: var(--color-text-secondary);
}

.team-section__el img, .team-section__el svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-medium);
  transition: transform 1s ease-out;
}

.team-section__el:hover img, .team-section__el:hover svg {
  transform: scale(1.05);
}

.team-section__el-title {
  font-size: 224px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--color-text-accent);
  display: block;
}

.team-section__el-title::first-letter {
  text-transform: uppercase;
}

.team-section__el-text {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: block;
  margin-top: 16px;
}

.team-section__el-text::first-letter {
  text-transform: uppercase;
}

@media only screen and (max-width: 1024px) {
  .team-section__swiper {
    overflow: visible;
    margin-left: -4px;
    margin-right: -4px;
  }
  .team-section__list {
    max-height: 480px;
  }
  .team-section__item {
    width: 100%;
    max-width: 712px;
    height: auto;
    padding-left: 4px;
    padding-right: 4px;
  }
  .team-section__item--first-on-mob {
    order: -1;
  }
}
@media only screen and (max-width: 768px) {
  .team-section {
    padding-bottom: 40px;
  }
  .team-section__head {
    margin-bottom: 40px;
  }
  .team-section__title {
    font-size: 18px;
    line-height: 1.2;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    max-width: 468px;
  }
  .team-section--index .team-section__title {
    max-width: 680px;
  }
}
@media only screen and (max-width: 620px) {
  .team-section__title {
    max-width: unset;
  }
  .team-section__list {
    max-height: 260px;
  }
  .team-section__el-title {
    font-size: 100px;
    line-height: 1;
  }
}
.wrapper-section {
  scroll-margin-top: calc(16px + var(--header-height));
}

[data-theme=dark] .wrapper-section__head {
  border-bottom-color: var(--color-bd-primary-reverse2);
}

.wrapper-section__head-core {
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.wrapper-section__head-core--variant-bottom {
  padding-bottom: 24px;
}

.wrapper-section__title {
  font-size: 48px;
  line-height: 1;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  color: var(--color-text-ghost);
  cursor: default;
}

[data-theme=dark] .wrapper-section__title {
  color: rgba(255, 255, 255, 0.5);
}

.wrapper-section__body {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.wrapper-section__body-core {
  padding-top: 16px;
  padding-bottom: 68px;
}

.wrapper-section__body-core--no-top {
  padding-top: 0;
}

@media only screen and (max-width: 1024px) {
  .wrapper-section__head-core {
    padding-bottom: 8px;
  }
  .wrapper-section__title {
    font-size: 24px;
    line-height: 1.1;
    font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
    font-weight: 700;
  }
}
@media only screen and (max-width: 768px) {
  .wrapper-section__body-core {
    padding-top: 8px;
    padding-bottom: 32px;
  }
}
.page {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: calc(100 * var(--vh, 1vh));
}

.page__core {
  width: 100%;
  flex: 0 0 auto;
}

.footer {
  flex: 0 0 auto;
  margin-top: auto;
  min-height: 100px;
  width: 100%;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

[data-theme=dark] .footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-top: 1px solid var(--color-bd-primary-new);
  background-color: var(--color-bg-primary-new);
}

.footer__main {
  padding-top: 80px;
  padding-bottom: 80px;
}

.footer__main-core, .footer__info-core, .footer__end-core {
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.footer__main-core {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.footer__main-col {
  flex: 0 0 auto;
  width: 17.8052325581%;
  margin-left: 1.1627906977%;
}

.footer__main-col--logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  column-span: all;
  margin-left: -8px;
}

.footer__main-col--projects {
  margin-left: auto;
}

.footer__main-col--contacts {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.footer__main-row + .footer__main-row {
  margin-top: 20px;
}

.footer__logo {
  max-width: 100%;
  color: var(--color-bg-primary-reverse);
}

[data-theme=dark] .footer__logo {
  color: var(--color-text-primary-reverse);
}

.footer__agent-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 32px;
}

.footer__agent-group {
  display: grid;
  justify-items: center;
  width: fit-content;
  border-radius: 1em;
  padding: 16px;
  background-color: var(--color-bg-grey);
}

[data-theme=dark] .footer__agent-group {
  background-color: var(--color-bg-secondary-new);
}

.footer__agent-title {
  font-family: var(--font-family-title);
}

.footer__agent-btn {
  margin-top: 12px;
  min-width: 216px;
  min-height: 30px;
}

.footer__agent-btn.btn--var-primary:hover {
  background: var(--color-bg-accent-hover);
}

[data-theme=dark] .footer__agent-btn.btn--var-primary-light {
  color: var(--color-text-primary-reverse);
  background: var(--color-bg-primary-new);
}

[data-theme=dark] .footer__agent-btn.btn--var-primary-light:hover {
  background: var(--color-bg-primary-new-hover);
}

.footer__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  color: var(--color-text-primary);
  display: block;
  opacity: 0.4;
  margin-bottom: 8px;
  cursor: default;
}

[data-theme=dark] .footer__title {
  color: var(--color-text-primary-reverse);
}

.footer__text {
  font-size: 14px;
  line-height: 1;
  font-weight: 400;
  cursor: default;
}

.footer__link {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
  color: var(--color-text-accent);
  text-decoration: underline;
}

.footer__text + .footer__link {
  margin-top: 4px;
}

.footer__socials {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer__social {
  display: inline-flex;
  transition: opacity var(--trans-base);
}

.footer__social:hover {
  opacity: 0.6;
}

.footer__social-icon {
  display: block;
  width: 36px;
  height: 36px;
}

.footer__info {
  padding-top: 16px;
  padding-bottom: 16px;
}

[data-theme=dark] .footer__info {
  --color-text-secondary: var(--color-text-primary-reverse-60);
}

.footer__info-core {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.footer__info-copy {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: -0.03em;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  color: var(--color-text-secondary);
  cursor: default;
  width: 23.8372093023%;
}

.footer__info-menu {
  padding-left: 1.4534883721%;
}

.footer__info-cedro {
  width: 17.8052325581%;
  margin-left: auto;
  padding-left: 0.2906976744%;
}

.footer__end {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 500;
  letter-spacing: -0.03em;
  border-top: 1px solid var(--color-bd-primary);
  padding-top: 16px;
  padding-bottom: 16px;
  color: var(--color-text-tetriary);
  cursor: default;
}

[data-theme=dark] .footer__end {
  border-top-color: var(--color-bd-primary-new);
  color: var(--color-text-tetriary-reverse);
}

@media only screen and (max-width: 1439px) {
  .footer__info-core {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--gap) 0;
  }
  .footer__info-copy, .footer__info-cedro {
    width: 50%;
    padding: 0;
  }
  .footer__info-menu {
    width: 100%;
    order: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
  }
  .footer__info-cedro {
    text-align: right;
  }
}
@media only screen and (max-width: 1280px) {
  .footer__main-core {
    flex-wrap: wrap;
    gap: 40px 16px;
  }
  .footer__main-col {
    width: calc(25% - 12px);
    margin-left: 0;
  }
  .footer__main-col--logo {
    margin-right: 100%;
  }
  .footer__main-col--projects {
    margin-left: 0;
  }
}
@media only screen and (max-width: 960px) {
  .footer__main {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer__main-core {
    position: relative;
    display: block;
    columns: 2;
    column-gap: var(--gap);
    margin-bottom: -16px;
  }
  .footer__main-col {
    width: 100%;
    vertical-align: top;
    overflow: hidden;
    margin-bottom: 16px;
  }
  .footer__main-col--logo {
    width: fit-content;
  }
}
@media only screen and (max-width: 480px) {
  .footer__main-core {
    display: flex;
    columns: unset;
    margin-bottom: 0;
  }
  .footer__main-col {
    margin-top: 0;
    margin-bottom: 0;
  }
  .footer__info-copy, .footer__info-cedro {
    width: 100%;
  }
  .footer__info-copy {
    order: -1;
  }
  .footer__info-cedro {
    order: 5;
    text-align: left;
  }
}
@media only screen and (max-width: 375px) {
  .footer__main-col--logo {
    width: 100%;
  }
}
.header {
  background-color: var(--color-bg-primary);
  color: var(--color-white);
  border-bottom: 1px solid var(--color-bd-primary);
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
}

[data-theme=dark] .header {
  background: var(--color-bg-primary-reverse);
  border-bottom-color: var(--color-bd-primary-new);
}

.header__core {
  height: calc(var(--header-height) - 1px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: var(--container-padd);
  padding-right: var(--container-padd);
}

.header__main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header__logo {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  vertical-align: top;
  margin-right: 24px;
  transition: opacity var(--trans-base);
  user-select: none;
  color: var(--color-bg-primary-reverse);
}

.header__logo:hover {
  opacity: 0.7;
}

[data-theme=dark] .header__logo {
  color: var(--color-text-primary-reverse);
}

.header__side {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header__feedback {
  margin-left: 24px;
}

@media only screen and (max-width: 1279px) {
  .header__logo {
    margin-right: 0;
  }
  .header__feedback {
    margin-left: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .header__feedback {
    display: none;
  }
  .header__menu {
    display: none;
  }
}
.header--project-scroll {
  transition: transform var(--trans-base);
}

.header--project-hidden {
  transform: translateY(calc(-100% - 1px));
}

.width {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 16px;
  padding-left: 16px;
  flex: 0 0 auto;
}

/* Stage lot-page transfer: trench mortgage calculator states and layout. */
.calc-block__trench-details {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding-top: 16px;
}

.calc-block__trench-card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 84px;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: #fff;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
}

.calc-block__trench-card.is-active {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
}

.calc-block__trench-card:hover {
  border-color: rgba(108, 63, 153, 0.25);
  background-color: rgba(108, 63, 153, 0.05);
}

.calc-block__trench-card-title {
  font-size: 20px;
  line-height: 1.2;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-weight: 700;
  letter-spacing: 0;
}

.calc-block__trench-card-text {
  color: #757575;
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: 0;
}

.calc-block__res-block--trench {
  gap: 16px;
  min-height: 252px;
  padding: 20px 25px 8px;
  border-radius: 8px;
  background-color: #f2f2f2;
}

.calc-block__trench-conditions-title, .calc-block__trench-condition {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 400;
  letter-spacing: 0;
}

.calc-block__trench-conditions-title {
  color: #121212;
}

.calc-block__trench-conditions-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.calc-block__trench-condition {
  padding-bottom: 8px;
  border-bottom: 1px solid #e7e7e7;
  color: rgba(18, 18, 18, 0.6);
}

.lot-mortgage-modal .modal__close {
  top: 30px;
  right: 33px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 15.6px rgba(120, 120, 120, 0.25);
}

.lot-mortgage-modal .modal__close .btn-control {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  color: #ffffff;
  background-color: transparent;
}

.lot-mortgage-modal .calc-section__head .calc-section__download {
  display: none;
}

.lot-mortgage-modal .calc-block__desc .calc-section__download--inline {
  display: inline-flex;
  margin-top: 16px;
}

@media (min-width: 769px) {
  .lot-mortgage-modal .width {
    padding-right: 34px;
    padding-left: 34px;
  }
  .lot-mortgage-modal .calc-section__head {
    border-bottom: 0;
  }
  .lot-mortgage-modal .calc-section__head-core {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 36px 0 0;
  }
  .lot-mortgage-modal .calc-section__title, .lot-mortgage-modal .calc-section__title-accent {
    color: #121212;
  }
  .lot-mortgage-modal .calc-block {
    grid-template-columns: 167px 113px minmax(320px, 1fr) 48px minmax(360px, 545px);
    column-gap: 0;
    justify-content: start;
    max-width: 100%;
    padding-top: 20px;
  }
  .lot-mortgage-modal .calc-block__desc {
    grid-column: 1/4;
    grid-row: 1;
    padding-left: 0;
  }
  .lot-mortgage-modal .calc-block__desc-title {
    display: none;
  }
  .lot-mortgage-modal .calc-block__desc-text {
    max-width: 641px;
  }
  .lot-mortgage-modal .calc-block__form {
    display: contents;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=type] {
    grid-column: 1;
    grid-row: 2;
    margin-top: 0;
  }
  .lot-mortgage-modal .calc-block__form-row[data-calc-row=type] .calc-block__form-title, .lot-mortgage-modal .calc-block__form-row[data-calc-row=type] .select {
    display: none;
  }
  .lot-mortgage-modal .calc-block__mobile-type-tabs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .lot-mortgage-modal .calc-block__mobile-type-tab {
    border: 0;
    padding: 0;
    color: #757575;
    background: transparent;
    font: inherit;
    font-size: 14px;
    line-height: 20px;
  }
  .lot-mortgage-modal .calc-block__mobile-type-tab.is-active {
    color: #6c3f99;
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .lot-mortgage-modal .calc-block__form-tab {
    grid-column: 3;
    grid-row: 2;
    padding-top: 0;
  }
  .lot-mortgage-modal .calc-block__form-tab .calc-block__form-row:first-of-type {
    margin-top: 0;
  }
  .lot-mortgage-modal .calc-block__trench-details {
    padding-top: 0;
  }
  .lot-mortgage-modal .calc-block__form-send {
    grid-column: 3;
    grid-row: 2;
    align-self: end;
  }
  .lot-mortgage-modal .calc-block__res {
    grid-column: 5;
    grid-row: 2;
    min-width: 0;
  }
  .lot-mortgage-modal .calc-block__res-block {
    position: static;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    border-radius: 8px;
  }
  .lot-mortgage-modal .calc-block__res-block--trench {
    min-height: 339px;
  }
}
@media (min-width: 769px) and (max-width: 1500px) {
  .lot-mortgage-modal .calc-block {
    grid-template-columns: 167px 74px minmax(320px, 1fr) 42px minmax(360px, 472px);
  }
}
@media (max-width: 768px) {
  .lot-mortgage-modal .calc-block__trench-details {
    order: 2;
    gap: 9px;
    padding-top: 0;
  }
  .lot-mortgage-modal .calc-block__trench-card {
    min-height: 80px;
    padding: 16px;
  }
  .lot-mortgage-modal .calc-block__trench-card-title {
    font-size: 18px;
  }
  .lot-mortgage-modal .calc-block__res-block--trench {
    height: auto;
    min-height: 0;
    gap: 16px;
    padding: 20px 25px 8px;
  }
  .lot-mortgage-modal .calc-block__trench-conditions-list {
    gap: 8px;
  }
  .lot-mortgage-modal .calc-block__trench-condition {
    padding-bottom: 8px;
  }
}

.project-main-section__audio-guide {
  position: absolute;
  left: 16px;
  bottom: 24px;
  z-index: 3;
  min-height: 36px;
  height: 36px;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #30283a;
}

.project-main-section__audio-guide:hover,
.project-main-section__audio-guide:focus-visible {
  background: #fff;
  color: #30283a;
}

.project-main-section__audio-guide .btn__text,
.project-main-section-new__audio-guide .btn__text {
  position: relative;
  padding-right: 24px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
  column-gap: 0;
}

.project-main-section-new__audio-guide {
  position: absolute;
  left: 24px;
  bottom: 24px;
  z-index: 3;
}

.project-main-section-new__audio-guide .btn {
  height: 36px;
  min-height: 36px;
  padding: 10px 16px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #30283a;
}

.project-main-section-new__audio-guide .btn:hover,
.project-main-section-new__audio-guide .btn:focus-visible {
  background: #fff;
  color: #30283a;
}

.project-main-section__audio-guide .icn,
.project-main-section-new__audio-guide .icn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  color: currentColor;
}

.project-main-section__audio-guide-pause {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  color: #322b3c;
}

.project-main-section__audio-guide-pause::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1.5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: currentColor;
}

.project-main-section__audio-guide-pause::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 5.5px;
  width: 4px;
  height: 5px;
  background: linear-gradient(90deg, #fff 0 1.33px, transparent 1.33px 2.66px, #fff 2.66px 4px);
}

.project-main-section__audio-guide.is-playing .project-main-section__audio-guide-play,
.project-main-section-new__audio-guide .btn.is-playing .project-main-section__audio-guide-play {
  display: none;
}

.project-main-section__audio-guide.is-playing .project-main-section__audio-guide-pause,
.project-main-section-new__audio-guide .btn.is-playing .project-main-section__audio-guide-pause {
  display: block;
}

.project-main-section-new__video + .project-main-section-new__audio-guide {
  left: 128px;
}

.project-nav__item--audio-guide,
.project-nav-sticky__item--audio-guide {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 32px;
  padding-left: 40px;
}

.project-nav__item--audio-guide::before,
.project-nav-sticky__item--audio-guide::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 37px;
  background: #e7e7e7;
  transform: translateY(-50%);
}

.project-description__captions-item--audio-guide {
  margin-top: 8px;
}

.project-audio-guide {
  display: flex;
  align-items: center;
  min-width: 0;
  --project-audio-guide-primary: #6c3f99;
  --project-audio-guide-panel: #f2f2f2;
  --project-audio-guide-panel-dark: #443e4d;
  --project-audio-guide-track: rgba(18, 18, 18, 0.24);
  --project-audio-guide-track-fill: #6c3f99;
  --project-audio-guide-thumb: #6c3f99;
  --project-audio-guide-close: rgba(18, 18, 18, 0.35);
  --project-audio-guide-close-hover: rgba(18, 18, 18, 0.7);
}

.project-audio-guide__audio {
  display: none;
}

.project-audio-guide__start {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 174px;
  height: 24px;
  min-height: 24px;
  padding: 2px 8px;
  border: 0;
  border-radius: 8px;
  background: #6c3f99;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
}

.project-audio-guide__start:hover,
.project-audio-guide__start:focus-visible {
  background: #6c3f99;
  color: #fff;
}

.project-audio-guide__start .btn__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  width: 100%;
  column-gap: 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.42px;
}

.project-audio-guide__start .icn {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: #fff;
}

.project-audio-guide__player {
  display: none;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.project-audio-guide.is-active .project-audio-guide__start {
  display: none;
}

.project-audio-guide.is-active .project-audio-guide__player {
  display: flex;
}

.project-audio-guide__control,
.project-audio-guide__close,
.project-audio-guide__step {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  cursor: pointer;
}

.project-audio-guide__timeline {
  width: 174px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 8px;
  background: var(--project-audio-guide-panel);
}

.project-audio-guide__control {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: var(--project-audio-guide-primary);
  color: #fff;
  transition: background var(--trans-base);
}

.project-audio-guide__control:hover {
  background: #5b3283;
}

.project-audio-guide__step {
  width: 24px;
  height: 24px;
  gap: 2px;
  border-radius: 8px;
  background: var(--project-audio-guide-panel);
  color: rgba(18, 18, 18, 0.35);
  transition: background var(--trans-base), color var(--trans-base);
}

.project-audio-guide__step:hover {
  color: var(--project-audio-guide-primary);
}

.project-audio-guide__step-mark {
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.project-audio-guide__step--back .project-audio-guide__step-mark {
  border-right: 6px solid currentColor;
}

.project-audio-guide__step--forward .project-audio-guide__step-mark {
  border-left: 6px solid currentColor;
}

.project-audio-guide__play-icn {
  display: block;
  width: 0;
  height: 0;
  margin-left: 2px;
  border-top: 5.7px solid transparent;
  border-bottom: 5.7px solid transparent;
  border-left: 9px solid currentColor;
}

.project-audio-guide__pause {
  display: none;
  width: 8px;
  height: 10px;
  border-left: 3px solid currentColor;
  border-right: 3px solid currentColor;
}

.project-audio-guide.is-playing .project-audio-guide__play-icn {
  display: none;
}

.project-audio-guide.is-playing .project-audio-guide__pause {
  display: block;
}

.project-audio-guide__range {
  --audio-guide-progress: 0%;
  width: 100%;
  height: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  appearance: none;
  cursor: pointer;
}

.project-audio-guide__range::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 100px;
  background: linear-gradient(90deg, var(--project-audio-guide-track-fill) 0, var(--project-audio-guide-track-fill) var(--audio-guide-progress), var(--project-audio-guide-track) var(--audio-guide-progress), var(--project-audio-guide-track) 100%);
}

.project-audio-guide__range::-moz-range-track {
  height: 2px;
  border-radius: 100px;
  background: var(--project-audio-guide-track);
}

.project-audio-guide__range::-moz-range-progress {
  height: 2px;
  border-radius: 100px;
  background: var(--project-audio-guide-track-fill);
}

.project-audio-guide__range::-webkit-slider-thumb {
  width: 8px;
  height: 8px;
  margin-top: -3px;
  border: 0;
  border-radius: 50%;
  background: var(--project-audio-guide-thumb);
  appearance: none;
}

.project-audio-guide__range::-moz-range-thumb {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  background: var(--project-audio-guide-thumb);
}

.project-audio-guide__time {
  display: none;
  font-size: 12px;
  line-height: 1.3333333333;
  font-weight: 400;
  letter-spacing: 0;
  white-space: nowrap;
  color: var(--color-text-secondary);
}

.project-audio-guide__close {
  width: 25px;
  height: 24px;
  margin-left: 7px;
  border-radius: 8px;
  background: var(--project-audio-guide-panel);
  color: var(--project-audio-guide-close);
  transition: color var(--trans-base);
}

.project-audio-guide__close:hover {
  color: var(--project-audio-guide-close-hover);
}

[data-theme=dark] .project-audio-guide {
  --project-audio-guide-panel: #443e4d;
  --project-audio-guide-track: rgba(255, 255, 255, 0.38);
  --project-audio-guide-track-fill: #fff;
  --project-audio-guide-thumb: #fff;
  --project-audio-guide-close: rgba(255, 255, 255, 0.55);
  --project-audio-guide-close-hover: #fff;
}

[data-theme=dark] .project-audio-guide__start,
[data-theme=dark] .project-audio-guide__timeline,
[data-theme=dark] .project-audio-guide__step,
[data-theme=dark] .project-audio-guide__close {
  background: var(--project-audio-guide-panel-dark);
}

[data-theme=dark] .project-audio-guide__start,
[data-theme=dark] .project-audio-guide__start:hover,
[data-theme=dark] .project-audio-guide__start:focus-visible {
  background: #6c3f99;
  color: #fff;
}

[data-theme=dark] .project-audio-guide__step {
  color: rgba(255, 255, 255, 0.55);
}

[data-theme=dark] .project-audio-guide__time {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme=dark] .project-nav__item--audio-guide::before,
[data-theme=dark] .project-nav-sticky__item--audio-guide::before {
  background: #443e4d;
}

.project-nav-sticky__item--all-projects {
  display: none;
}

@media (min-width: 1025px) and (max-width: 1360px) {
  .project-nav-sticky:has(.project-audio-guide) {
    overflow: hidden;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__core {
    overflow-x: auto;
    overflow-y: hidden;
    max-width: 100%;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__core::-webkit-scrollbar {
    display: none;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__item:not(.project-nav-sticky__item--audio-guide),
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__title {
    flex: 0 0 auto;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__item--audio-guide {
    flex: 0 0 auto;
    position: sticky;
    right: 12px;
    z-index: 5;
    background: var(--color-bg-primary);
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__item--audio-guide::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: -8px;
    right: -12px;
    bottom: -8px;
    left: -16px;
    background: var(--color-bg-primary);
    pointer-events: none;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__item--audio-guide::before,
  .project-nav-sticky:has(.project-audio-guide) .project-audio-guide {
    position: relative;
    z-index: 1;
  }
}
@media only screen and (max-width: 768px) {
  .project-main-section__audio-guide,
  .project-main-section-new__audio-guide,
  .project-main-section-new__video + .project-main-section-new__audio-guide {
    display: none;
  }
  .project-nav-sticky:has(.project-audio-guide) {
    display: block;
    position: sticky;
    top: 55px;
    left: 0;
    right: 0;
    z-index: 94;
    transform: none;
    margin: 0;
    padding: 8px 0;
    background: #fff;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }
  .has-project-hidden-header .project-nav-sticky:has(.project-audio-guide) {
    top: 0;
  }
  .project-nav-sticky:has(.project-audio-guide) .width {
    width: 100%;
    max-width: none;
    padding: 0 16px;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__core {
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    height: 24px;
    padding: 0;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__item:not(.project-nav-sticky__item--audio-guide):not(.project-nav-sticky__item--all-projects),
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__title,
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__legend {
    display: none;
  }

  .project-nav__item--audio-guide,
  .project-nav-sticky__item--audio-guide {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .project-nav__item--audio-guide::before,
  .project-nav-sticky__item--audio-guide::before {
    display: none;
  }
  .project-nav-sticky__item--all-projects {
    flex: 0 0 auto;
    display: block;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-nav-sticky__item--audio-guide {
    flex: 0 0 171px;
    width: auto;
    min-width: 0;
    margin-left: auto;
  }
  .project-nav-sticky:has(.project-audio-guide.is-active) .project-nav-sticky__item--all-projects {
    display: none;
  }
  .project-nav-sticky__el--all-projects {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    height: 24px;
    padding: 0 8px;
    border-radius: 8px;
    border: 1px solid var(--color-bd-primary);
    background: transparent;
    color: #322b3c;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.42px;
  }
  .project-nav-sticky__all-projects-icon {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    color: currentColor;
  }
  .project-nav-sticky__el--all-projects span {
    padding: 1px 4px 3px;
  }
  .project-nav-sticky__el--all-projects:hover,
  .project-nav-sticky__el--all-projects:focus-visible {
    border-color: var(--color-bd-primary-hover);
    color: #322b3c;
  }
  .project-nav:has(.project-audio-guide.is-active) {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 99;
    transform: none;
    background: transparent;
    border: 0;
    padding: 0;
  }
  .project-nav:has(.project-audio-guide.is-active) .project-nav__core {
    justify-content: center;
    width: 100%;
    height: 42px;
    padding: 0;
    border-radius: 0;
    background: rgba(50, 43, 60, 0.5);
    border: 0;
    box-sizing: border-box;
    box-shadow: none;
    backdrop-filter: blur(23.9px);
  }
  .project-nav:has(.project-audio-guide.is-active) .project-nav__item:not(.project-nav__item--audio-guide),
  .project-nav:has(.project-audio-guide.is-active) .project-nav__legend {
    display: none;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-audio-guide {
    width: 100%;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-audio-guide__start {
    width: 100%;
    height: 24px;
    min-height: 24px;
    padding: 0 8px;
    min-width: 0;
    background: #6c3f99;
    color: #fff;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-audio-guide__start:hover,
  .project-nav-sticky:has(.project-audio-guide) .project-audio-guide__start:focus-visible {
    background: #6c3f99;
    color: #fff;
  }
  .project-nav-sticky:has(.project-audio-guide.is-active) .project-nav-sticky__item--audio-guide {
    flex: 1 1 100%;
    margin-left: 0;
  }
  .project-nav-sticky:has(.project-audio-guide.is-active) .project-nav-sticky__core {
    height: 42px;
  }

  .project-audio-guide,
  .project-audio-guide__start,
  .project-audio-guide__player {
    width: 100%;
  }

  .project-audio-guide__player {
    justify-content: center;
    min-width: 0;
    height: 42px;
  }

  .project-audio-guide__timeline {
    width: min(180px, calc(100vw - 195px));
  }

  .project-audio-guide__control {
    width: 24px;
    height: 24px;
  }

  .project-audio-guide__close,
  .project-audio-guide__time {
    display: none;
  }
  .project-nav-sticky:has(.project-audio-guide) .project-audio-guide__close {
    display: inline-flex;
  }
}
.master-plan {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.9555555556;
  border-radius: var(--radius-large);
}
.master-plan__cover, .master-plan__tooltip {
  grid-column: 1/2;
  grid-row: 1/2;
}
.master-plan__cover {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overscroll-behavior: contain;
}
.master-plan__cover::-webkit-scrollbar {
  display: none;
}
.master-plan__cover {
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-y: contain;
}
.master-plan__img {
  position: relative;
  width: 100%;
  height: 100%;
  transition: opacity var(--trans-base);
}
.master-plan__img.is-changing {
  opacity: 0.35;
}
.master-plan__img picture,
.master-plan__img img {
  display: block;
  width: 100%;
  height: 100%;
}
.master-plan__img img {
  object-fit: cover;
}
.master-plan__floor-markup {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.master-plan__floor-item {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  pointer-events: none;
}
.master-plan__floor-item:focus {
  outline: none;
}
.master-plan__floor-item:focus-visible {
  outline: none;
}
.master-plan__floor-item.is-hidden {
  display: none;
}
.master-plan__floor-item.is-selected, .master-plan__floor-item.is-hovered {
  z-index: 5;
}
.master-plan__floor-item.is-selected .master-plan__floor-area {
  fill: rgba(111, 65, 159, 0.18);
  stroke: #6f419f;
  stroke-width: 1.5;
}
.master-plan__floor-polygons {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.master-plan__floor-polygons--boxed {
  inset: auto;
}
.master-plan__floor-area {
  fill: rgba(111, 65, 159, 0.01);
  stroke: rgba(111, 65, 159, 0);
  stroke-width: 0.8;
  vector-effect: non-scaling-stroke;
  pointer-events: visiblePainted;
  transition: fill var(--trans-base), stroke var(--trans-base), stroke-width var(--trans-base);
}
.master-plan__floor-area:focus, .master-plan__floor-area:focus-visible {
  outline: none;
}
.master-plan__floor-item.is-hovered .master-plan__floor-area, .master-plan__floor-item.is-card-pinned .master-plan__floor-area, .master-plan__floor-area:hover {
  fill: rgba(111, 65, 159, 0.18);
  stroke: #6f419f;
  stroke-width: 1.5;
}
.master-plan__floor-markup.is-card-pinned-active .master-plan__floor-item:not(.is-card-pinned) .master-plan__floor-area:hover {
  fill: rgba(111, 65, 159, 0.01);
  stroke: rgba(111, 65, 159, 0);
  stroke-width: 0.8;
}
.master-plan__floor-markup.is-card-pinned-active .master-plan__direction-switch {
  display: none;
}
.master-plan__floor-point {
  position: absolute;
  z-index: 2;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.master-plan__floor-point::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 1px;
  height: 24px;
  background-color: #fff;
  transform: translateX(-50%);
}
.master-plan__floor-point::after {
  display: none;
}
.master-plan__floor-point--interactive {
  pointer-events: auto;
  cursor: pointer;
}
.master-plan__floor-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(48, 40, 58, 0.16);
  color: #6c3f99;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.master-plan__floor-badge:focus, .master-plan__floor-badge:focus-visible {
  outline: none;
}
.master-plan__floor-item[data-genplan-level=phase] .master-plan__floor-badge {
  width: auto;
  height: 24px;
  min-width: 88px;
  padding: 2px 10px 4px;
  border-radius: 8px;
  background-color: #6f419f;
  box-shadow: none;
  color: #fff;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.03em;
}
.master-plan__floor-item[data-genplan-level=phase] .master-plan__floor-point::before {
  display: none;
}
.master-plan__floor-item[data-genplan-level=building] .master-plan__floor-point::before {
  display: none;
}
.master-plan__floor-item[data-genplan-level=building] .master-plan__floor-point::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  display: block;
  width: 1px;
  height: 24px;
  background-color: #fff;
  transform: translateX(-50%);
}
.master-plan__floor-item[data-genplan-level=floor] .master-plan__floor-point::before, .master-plan__floor-item[data-genplan-level=floor] .master-plan__floor-badge {
  display: none;
}
.master-plan__floor-card {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 24px);
  display: flex;
  flex-direction: column;
  width: 320px;
  padding: 16px;
  border-radius: 20px;
  background-color: #fff;
  color: #121212;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 20px;
  opacity: 0;
  transform: translateX(calc(-50% + var(--genplan-card-shift-x, 0px))) translateY(calc(8px + var(--genplan-card-shift-y, 0px)));
  transition: opacity var(--trans-base);
  pointer-events: none;
  z-index: 20;
}
.master-plan__floor-card-close {
  display: none;
}
.master-plan__floor-item[data-genplan-level=phase] .master-plan__floor-card {
  top: calc(100% + 24px);
  bottom: auto;
}
.master-plan__floor-item.is-card-align-left .master-plan__floor-card {
  left: 0;
  transform: translateX(var(--genplan-card-shift-x, 0px)) translateY(calc(8px + var(--genplan-card-shift-y, 0px)));
}
.master-plan__floor-item.is-card-align-right .master-plan__floor-card {
  right: 0;
  left: auto;
  transform: translateX(var(--genplan-card-shift-x, 0px)) translateY(calc(8px + var(--genplan-card-shift-y, 0px)));
}
.master-plan__floor-item.is-card-below .master-plan__floor-card {
  top: calc(100% + 24px);
  bottom: auto;
}
.master-plan__floor-item[data-genplan-level=phase].is-card-below .master-plan__floor-card {
  top: auto;
  bottom: calc(100% + 24px);
}
.master-plan__floor-item.is-card-side-right .master-plan__floor-card {
  top: 50%;
  bottom: auto;
  left: calc(100% + 24px + var(--genplan-card-shift-x, 0px));
  transform: translateY(calc(-50% + 8px + var(--genplan-card-shift-y, 0px)));
}
.master-plan__floor-item.is-card-side-left .master-plan__floor-card {
  top: 50%;
  right: calc(100% + 24px - var(--genplan-card-shift-x, 0px));
  bottom: auto;
  left: auto;
  transform: translateY(calc(-50% + 8px + var(--genplan-card-shift-y, 0px)));
}
.master-plan__floor-item.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-pinned .master-plan__floor-card {
  opacity: 1;
  transform: translateX(calc(-50% + var(--genplan-card-shift-x, 0px))) translateY(var(--genplan-card-shift-y, 0px));
  pointer-events: auto;
}
.master-plan__floor-item.is-card-hiding .master-plan__floor-card {
  opacity: 0;
  transform: translateX(calc(-50% + var(--genplan-card-shift-x, 0px))) translateY(var(--genplan-card-shift-y, 0px));
}
.master-plan__floor-item.is-card-align-left.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-align-left.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-align-left.is-card-hiding .master-plan__floor-card, .master-plan__floor-item.is-card-align-right.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-align-right.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-align-right.is-card-hiding .master-plan__floor-card {
  transform: translateX(var(--genplan-card-shift-x, 0px)) translateY(var(--genplan-card-shift-y, 0px));
}
.master-plan__floor-item.is-card-side-right.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-side-right.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-side-right.is-card-hiding .master-plan__floor-card, .master-plan__floor-item.is-card-side-left.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-side-left.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-side-left.is-card-hiding .master-plan__floor-card {
  transform: translateY(calc(-50% + var(--genplan-card-shift-y, 0px)));
}
.master-plan__floor-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.master-plan__floor-card-title {
  width: auto;
  min-width: 103px;
  color: #6c3f99;
  font-family: "ALS Gorizont", "Times New Roman", "Times CY", "Nimbus Roman No9 L", serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.master-plan__floor-card-tag {
  flex: 0 0 auto;
  padding: 1px 12px 3px;
  border-radius: 999px;
  background-color: #7e57a6;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
}
.master-plan__floor-card-meta {
  display: block;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.03em;
}
.master-plan__floor-card-separator {
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 12px;
  background-color: #d9d9d9;
}
.master-plan__floor-card-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px 128px;
  gap: 8px;
  align-items: center;
  min-height: 32px;
  color: #6c3f99;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-decoration: none;
}
.master-plan__floor-card-row span:last-child {
  color: #121212;
  text-align: right;
  white-space: nowrap;
}
.master-plan__floor-card-row span:nth-child(2):not(:last-child) {
  color: rgba(18, 18, 18, 0.6);
}
.master-plan__floor-card-row--summary, .master-plan__floor-card-row--divider {
  border-top: 1px solid #d9d9d9;
}
.master-plan__floor-card-row--summary {
  grid-template-columns: minmax(0, 1fr) 128px;
  margin-top: 12px;
  padding-top: 8px;
  min-height: 40px;
}
.master-plan__floor-card-row--summary span:first-child {
  color: #6c3f99;
}
.master-plan__floor-card-row--divider {
  margin-top: 8px;
  padding-top: 8px;
}
.master-plan a.master-plan__floor-card-row {
  transition: color var(--trans-base);
}
.master-plan a.master-plan__floor-card-row:hover {
  color: #6c3f99;
}
.master-plan__floor-card-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 24px;
  margin: 12px 0 8px;
  padding: 3px 12px 5px;
  border-radius: 8px;
  background-color: #6c3f99;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-decoration: none;
}
.master-plan__floor-card-button--mobile-next {
  display: none;
}
.master-plan__floor-card-tags {
  position: relative;
  display: flex;
  gap: 8px;
  margin: 18px -16px -16px;
  padding: 0 16px 16px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  cursor: grab;
  user-select: none;
  -webkit-overflow-scrolling: touch;
}
.master-plan__floor-card-tags::-webkit-scrollbar {
  display: none;
}
.master-plan__floor-card-tags.is-dragging {
  cursor: grabbing;
}
.master-plan__floor-card-tags.is-scrollable:not(.is-scroll-end) {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 52px), rgba(0, 0, 0, 0));
  mask-image: linear-gradient(90deg, #000 calc(100% - 52px), rgba(0, 0, 0, 0));
}
.master-plan__floor-card-chip {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 1px 12px 3px;
  border-radius: 999px;
  background-color: #e0e1e2;
  color: #808080;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
}
.master-plan__floor-card-chip--accent {
  background-color: #7e57a6;
  color: #fff;
}
.master-plan__infra-item {
  position: absolute;
  z-index: 3;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.master-plan__infra-item--interactive:hover, .master-plan__infra-item--interactive:focus-within {
  z-index: 12;
}
.master-plan__infra-item--interactive:hover .master-plan__infra-card, .master-plan__infra-item--interactive:focus-within .master-plan__infra-card {
  opacity: 1;
  transform: translateY(var(--genplan-card-shift-y, 0px));
}
.master-plan__infra-item.is-hidden {
  display: none;
}
.master-plan__infra-item.is-card-align-right .master-plan__infra-card {
  right: calc(100% + 8px);
  left: auto;
}
.master-plan__infra-item.is-card-align-left .master-plan__infra-card {
  right: auto;
  left: calc(100% + 8px);
}
.master-plan__infra-item.is-card-below .master-plan__infra-card {
  top: calc(100% + 8px);
}
.master-plan__infra-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}
.master-plan__infra-icon img {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.master-plan__infra-card {
  position: absolute;
  left: calc(100% + 8px);
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 235px;
  padding: 14px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  color: #121212;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity var(--trans-base);
  pointer-events: none;
}
.master-plan__infra-card-img {
  display: block;
  width: 100%;
  height: 130px;
  overflow: hidden;
  border-radius: 4px;
}
.master-plan__infra-card-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.master-plan__infra-card-title {
  color: #121212;
  font-size: 14px;
  line-height: 20px;
}
.master-plan__infra-card-text {
  color: rgba(18, 18, 18, 0.6);
  font-size: 12px;
  line-height: 18px;
}
.master-plan__compass {
  position: absolute;
  z-index: 4;
  display: block;
  width: var(--genplan-compass-size, 64px);
  height: var(--genplan-compass-size, 64px);
  border-radius: 50%;
  background-color: rgba(18, 18, 18, 0.3);
  backdrop-filter: blur(32px);
  color: #fff;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.master-plan__compass.is-hidden {
  display: none;
}
.master-plan__compass > svg,
.master-plan__compass .master-plan__compass-labels {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 83.1%;
  height: 80.5%;
  transform: translate(-50%, -50%) rotate(var(--genplan-compass-angle, 0deg));
  transform-origin: 50% 50%;
}
.master-plan__compass > svg {
  display: block;
}
.master-plan__compass-labels {
  z-index: 1;
}
.master-plan__compass-label {
  position: absolute;
  display: block;
  color: currentColor;
  transform: translate(-50%, -50%) rotate(calc(-1 * var(--genplan-compass-angle, 0deg)));
  transform-origin: center;
}
.master-plan__compass-label svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.master-plan__compass-label--north {
  left: 50%;
  top: 8.935%;
  width: 17.188%;
  aspect-ratio: 11/10;
  opacity: 0.5;
}
.master-plan__compass-label--east {
  left: 89.781%;
  top: 50%;
  width: 14.063%;
  aspect-ratio: 1/1;
}
.master-plan__compass-label--west {
  left: 10.219%;
  top: 50%;
  width: 14.063%;
  aspect-ratio: 9/10;
}
.master-plan__direction-switch {
  position: absolute;
  left: 50%;
  top: auto;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 240px;
  height: 36px;
  padding: 3px 4px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(32px);
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.master-plan__direction-switch.is-hidden {
  display: none;
}
.master-plan__direction-switch--single, .master-plan__direction-switch:has(.master-plan__direction-option:only-child) {
  width: 131px;
  min-width: 0;
}
.master-plan__direction-option {
  flex: 0 0 109px;
  width: 109px;
  height: 29px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color var(--trans-base), color var(--trans-base);
}
.master-plan__direction-option.is-active {
  flex-basis: 123px;
  width: 123px;
  background-color: #fff;
  color: #121212;
}
.master-plan__direction-option:hover, .master-plan__direction-option:focus-visible {
  color: #fff;
}
.master-plan__direction-option.is-active:hover, .master-plan__direction-option.is-active:focus-visible {
  color: #121212;
}
.master-plan__infra-toggle {
  position: absolute;
  left: 16px;
  bottom: 27px;
  z-index: 15;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: 193px;
  min-height: 36px;
  padding: 8px 12px;
  border: 0;
  border-radius: 4px;
  background-color: rgba(48, 40, 58, 0.7);
  color: #fff;
  font: inherit;
  pointer-events: auto;
  cursor: pointer;
}
.master-plan__infra-toggle[hidden] {
  display: none;
}
.master-plan__infra-toggle.is-active .master-plan__infra-toggle-check::after {
  opacity: 1;
}
.master-plan__infra-toggle-check {
  position: relative;
  display: inline-flex;
  width: 30px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 4px;
}
.master-plan__infra-toggle-check::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #fff;
  opacity: 0;
  transition: opacity var(--trans-base);
}
.master-plan__infra-toggle-text {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
  white-space: nowrap;
}
.master-plan__back {
  position: absolute;
  left: 16px;
  bottom: 27px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  height: 36px;
  padding: 1px 14px 3px;
  border: 0;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 6px 18px rgba(48, 40, 58, 0.16);
  color: #30283a;
  font: inherit;
  pointer-events: auto;
  cursor: pointer;
}
.master-plan__back[hidden] {
  display: none;
}
.master-plan__scroll-hint {
  display: none;
}
.master-plan.is-scroll-hint-hidden .master-plan__scroll-hint {
  opacity: 0;
  visibility: hidden;
}
.master-plan__tooltip {
  width: calc(100% - 16px);
  max-width: 547px;
  align-self: end;
  justify-self: center;
  margin-bottom: 24px;
  height: calc(100% - 40px);
  display: flex;
  align-items: end;
  pointer-events: none;
}
.master-plan__tooltip .tooltip__controls {
  display: none;
}
.master-plan .tooltip {
  max-height: calc(100% - 40px);
  pointer-events: all;
}
@media only screen and (max-width: 1024px) {
  .master-plan {
    aspect-ratio: 1.9542619543;
  }
}
@media only screen and (max-width: 768px) {
  .master-plan {
    width: 100%;
    max-width: 704px;
    height: 360px;
    margin: 0 auto;
    aspect-ratio: initial;
    overflow: hidden;
  }
  .master-plan__img {
    width: 736px;
  }
  .master-plan__tooltip {
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .master-plan {
    height: 406px;
    border-radius: 8px;
    overflow: visible;
  }
  .master-plan__img {
    width: 793px;
    height: 406px;
  }
  .master-plan__img picture,
  .master-plan__img img {
    width: 100%;
    height: 100%;
  }
  .master-plan__floor-point {
    transform: none;
  }
  .master-plan__floor-point::before {
    height: 15px;
  }
  .master-plan__floor-badge {
    width: 22.5px;
    height: 22.5px;
    border-radius: 5px;
    font-size: 10.5px;
    transform: translate(-50%, -50%);
  }
  .master-plan__floor-card {
    position: fixed;
    top: auto !important;
    right: auto !important;
    bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    left: 8px !important;
    display: flex;
    width: calc(100vw - 16px);
    max-width: none;
    max-height: calc(100dvh - 128px - env(safe-area-inset-bottom));
    overflow: auto;
    padding: 16px;
    border-radius: 20px;
    transform: translateY(16px);
    pointer-events: none;
  }
  .master-plan__floor-item.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-hiding .master-plan__floor-card, .master-plan__floor-item.is-card-align-left.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-align-left.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-align-left.is-card-hiding .master-plan__floor-card, .master-plan__floor-item.is-card-align-right.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-align-right.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-align-right.is-card-hiding .master-plan__floor-card, .master-plan__floor-item.is-card-side-right.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-side-right.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-side-right.is-card-hiding .master-plan__floor-card, .master-plan__floor-item.is-card-side-left.is-hovered .master-plan__floor-card, .master-plan__floor-item.is-card-side-left.is-card-pinned .master-plan__floor-card, .master-plan__floor-item.is-card-side-left.is-card-hiding .master-plan__floor-card {
    transform: translateY(0);
  }
  .master-plan__floor-item.is-card-hiding .master-plan__floor-card {
    transform: translateY(16px);
  }
  .master-plan__floor-card-row {
    grid-template-columns: minmax(0, 1fr) 54px 110px;
  }
  .master-plan__floor-card-row--summary {
    grid-template-columns: minmax(0, 1fr) 110px;
  }
  .master-plan__floor-card-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    color: #30283a;
    cursor: pointer;
  }
  .master-plan__floor-card-close::before, .master-plan__floor-card-close::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background-color: currentColor;
  }
  .master-plan__floor-card-close::before {
    transform: rotate(45deg);
  }
  .master-plan__floor-card-close::after {
    transform: rotate(-45deg);
  }
  .master-plan__floor-card-head {
    padding-right: 48px;
  }
  .master-plan__floor-card-button--mobile-next {
    display: inline-flex;
  }
  .master-plan.is-mobile-overlays-out .master-plan__compass, .master-plan.is-mobile-overlays-out .master-plan__direction-switch {
    display: none;
  }
  .master-plan.is-mobile-overlays-fixed .master-plan__compass {
    position: fixed;
    top: var(--genplan-mobile-compass-top, 14px) !important;
    right: 18px !important;
    left: auto !important;
    --genplan-compass-size: 58px !important;
    transform: none;
    z-index: 20;
  }
  .master-plan.is-mobile-overlays-fixed .master-plan__direction-switch {
    position: fixed;
    top: var(--genplan-mobile-direction-top, auto) !important;
    left: 50vw !important;
    transform: translate(-50%, -50%);
    z-index: 21;
  }
  .master-plan__scroll-hint {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    border-radius: 8px;
    background-color: rgba(18, 18, 18, 0.35);
    backdrop-filter: blur(15px);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    pointer-events: none;
    transition: opacity var(--trans-base), visibility var(--trans-base);
  }
  .master-plan__scroll-hint::before {
    content: "";
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15L5 20L10 25' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 15L35 20L30 25' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 8V21' stroke='white' stroke-width='2.8' stroke-linecap='round'/%3E%3Cpath d='M20 20V17C20 15.9 20.9 15 22 15C23.1 15 24 15.9 24 17V21' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24 20V18C24 16.9 24.9 16 26 16C27.1 16 28 16.9 28 18V22' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20 21L17.8 18.8C17 18 15.7 18 14.9 18.8C14.2 19.5 14.1 20.6 14.7 21.4L19 27.2C20.2 28.9 22.2 30 24.3 30H25.5C29.1 30 32 27.1 32 23.5V20' stroke='white' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

@font-face {
  font-family: "Pragmatica Next Extended";
  src: url("/local/assets/css/../fonts/pragmatica_next/pragmatica-next_extended-semibold.woff2") format("woff2"), url("/local/assets/css/../fonts/pragmatica_next/pragmatica-next_extended-semibold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Pragmatica Next Extended";
  src: url("/local/assets/css/../fonts/pragmatica_next/pragmatica-next_extended-bold.woff2") format("woff2"), url("/local/assets/css/../fonts/pragmatica_next/pragmatica-next_extended-bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
[data-project-business=true] {
  --business-font-extended: "Pragmatica Next Extended", "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  --business-content-width: 1168px;
  --business-wide-width: 1408px;
  --business-page-gutter: max(32px, calc((100vw - var(--business-wide-width)) / 2));
  --business-content-gutter: max(56px, calc((100vw - var(--business-content-width)) / 2));
  scroll-behavior: smooth;
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .project-main-section-new--business,
[data-project-business=true] .business-project-sections,
[data-project-business=true] .business-project-breadcrumbs,
[data-project-business=true] .project-nav-sticky--business {
  font-family: var(--business-font-extended);
}

[data-project-business=true] .fullscreen-btn .icn {
  pointer-events: none;
}

[data-project-business=true] [data-scroll-spy] {
  scroll-margin-top: 132px;
}

[data-project-business=true] .page,
[data-project-business=true] .page__core {
  overflow-x: clip;
}

[data-project-business=true] .project-main-section-new--business {
  position: relative;
  --business-hero-progress: 0;
  --business-hero-height: clamp(720px, 50.104vw, 962px);
  --business-hero-side: var(--business-page-gutter);
  --business-hero-media-parallax: 72px;
  --business-hero-content-parallax: -72px;
  padding-top: 0;
  overflow: hidden;
  background: #ffffff;
}

[data-project-business=true] .project-main-section-new--business > .width {
  width: 100% !important;
  max-width: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

[data-project-business=true] .project-main-section-new--business .business-hero__wrapper,
[data-project-business=true] .project-main-section-new--business .business-intro-section {
  width: min(var(--business-wide-width), 100% - 64px);
  margin-right: auto;
  margin-left: auto;
}

[data-project-business=true] .project-main-section-new--business .business-intro-section {
  width: min(var(--business-wide-width), 100vw - 64px);
}

[data-project-business=true] .project-main-section-new--business .business-flat-filter {
  width: min(var(--business-wide-width), 100vw - 64px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  left: auto;
  transform: none;
}

[data-project-business=true] .business-project-sections {
  display: flex;
  flex-direction: column;
  overflow-x: clip;
  background: #ffffff;
}

[data-project-business=true] .business-project-sections > * {
  order: 90;
}

[data-project-business=true] .business-project-sections > .business-location-section {
  order: 10;
}

[data-project-business=true] .business-project-sections > .business-plan-section {
  order: 20;
}

[data-project-business=true] .business-project-sections > .business-location-story {
  order: 30;
}

[data-project-business=true] .business-project-sections > .business-architecture-section {
  order: 40;
}

[data-project-business=true] .business-project-sections > .business-materials-section {
  order: 45;
}

[data-project-business=true] .business-project-sections > .business-features-section {
  order: 75;
}

[data-project-business=true] .business-project-sections > .business-about-section {
  order: 80;
}

[data-project-business=true] .business-project-sections > .business-lobby-section {
  order: 50;
}

[data-project-business=true] .business-project-sections > .business-landscaping-section {
  order: 60;
}

[data-project-business=true] .business-project-sections > .business-flats-section {
  order: 70;
}

[data-project-business=true] .business-project-sections > .business-parking-section {
  order: 90;
}

[data-project-business=true] .business-project-sections > .business-commercial-section {
  order: 95;
}

[data-project-business=true] .business-project-sections > .business-buy-section {
  order: 100;
}

[data-project-business=true] .business-project-sections > .business-office-section {
  order: 120;
}

[data-project-business=true] .business-project-sections > .business-timeline-section {
  order: 130;
}

[data-project-business=true] .business-section-meta {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  width: 100%;
  margin-bottom: 26px;
  color: rgba(48, 40, 58, 0.34);
  font-family: var(--business-font-extended);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: lowercase;
}

[data-project-business=true] .business-section-meta__counter {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

[data-project-business=true] .business-section-meta__counter-line {
  display: block;
  width: 28px;
  height: 1px;
  flex: 0 0 28px;
  background: currentColor;
  opacity: 0.34;
}

[data-project-business=true] .business-section-meta__counter-value {
  display: block;
}

[data-project-business=true] .business-location-section .business-section-meta__counter,
[data-project-business=true] .business-plan-section .business-section-meta__counter,
[data-project-business=true] .business-location-story .business-section-meta__counter,
[data-project-business=true] .business-architecture__scene > .business-section-meta .business-section-meta__counter,
[data-project-business=true] .business-materials .business-section-meta__counter,
[data-project-business=true] .business-lobby-section .business-section-meta__counter {
  margin-left: auto;
}

[data-project-business=true] .business-hero__figure {
  isolation: isolate;
  height: var(--business-hero-height);
  margin-bottom: 32px;
}

[data-project-business=true] .business-hero__cover {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  height: var(--business-hero-height);
  border-radius: 0;
  background: #ffffff;
}

[data-project-business=true] .business-hero__cover::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  height: 80px;
  pointer-events: none;
  background: rgba(18, 18, 18, 0.06);
  backdrop-filter: blur(32px);
}

[data-project-business=true] .business-hero__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(18, 18, 18, 0.12);
  mix-blend-mode: normal;
}

[data-project-business=true] .business-hero__swiper,
[data-project-business=true] .business-hero__pic,
[data-project-business=true] .business-hero__pic img {
  border-radius: 0;
}

[data-project-business=true] .business-hero__pic {
  height: var(--business-hero-height);
  min-height: var(--business-hero-height);
  aspect-ratio: auto;
}

[data-project-business=true] .business-hero__pic img {
  object-position: center center;
}

[data-project-business=true] .business-hero__tags,
[data-project-business=true] .business-hero__video,
[data-project-business=true] .business-hero__audio-guide,
[data-project-business=true] .business-hero__prev,
[data-project-business=true] .business-hero__next,
[data-project-business=true] .business-hero__fullscreen {
  z-index: 4;
}

[data-project-business=true] .business-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: min(720px, 100% - 64px);
  inset: clamp(82px, 5.729vw, 110px) auto auto var(--business-hero-side);
}

[data-project-business=true] .business-hero__tags-item {
  min-height: 29px;
  border: 0;
  border-radius: 8px;
  padding: 4px 9px;
  color: #ffffff;
  background: rgba(18, 18, 18, 0.1);
  font-size: 16px;
  line-height: 1.3;
  backdrop-filter: blur(10px);
}

[data-project-business=true] .business-hero__head {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: auto;
  left: var(--business-hero-side);
  display: block;
  width: min(var(--business-wide-width), 100% - 64px);
  height: var(--business-hero-height);
  margin-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  pointer-events: none;
}

[data-project-business=true] .business-hero__title {
  position: absolute;
  top: 69.4%;
  left: 0;
  max-width: min(770px, 100%);
  margin-bottom: 0;
  color: #ffffff;
  font-family: var(--business-font-extended);
  font-size: clamp(78px, 5.469vw, 105px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  pointer-events: auto;
}

[data-project-business=true] .business-hero__info {
  max-width: 540px;
  padding-top: 0;
  align-items: flex-start;
  pointer-events: auto;
}

[data-project-business=true] .business-hero__subtitle {
  position: absolute;
  top: 58%;
  left: 0;
  width: min(500px, 100%);
  margin-bottom: 0;
  color: #ffffff;
  font-family: var(--business-font-extended);
  font-size: clamp(24px, 1.667vw, 32px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  text-align: left;
}

[data-project-business=true] .business-hero__address {
  position: absolute;
  top: 81.7%;
  left: 0;
  margin: 0;
  color: #ffffff;
  font-size: 16px;
  line-height: 1.35;
}

[data-project-business=true] .business-hero__address .project-main-section-new__address-icn {
  color: currentColor;
}

[data-project-business=true] .project-main-section-new--business::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: var(--business-hero-height);
  pointer-events: none;
  background: linear-gradient(180deg, rgba(48, 40, 58, 0) 0%, rgba(48, 40, 58, 0.12) 100%);
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 1;
}

[data-project-business=true].is-business-nav-compact .project-main-section-new--business::before {
  opacity: 1;
}

[data-project-business=true] .project-main-section-new--business .project-main-section-new__figure {
  overflow: hidden;
}

[data-project-business=true] .project-main-section-new--business .project-main-section-new__cover,
[data-project-business=true] .project-main-section-new--business .project-main-section-new__swiper,
[data-project-business=true] .project-main-section-new--business .project-main-section-new__slide,
[data-project-business=true] .project-main-section-new--business .project-main-section-new__pic {
  height: 100%;
}

[data-project-business=true] .project-main-section-new--business .project-main-section-new__pic img {
  transform: translate3d(0, calc(var(--business-hero-progress) * var(--business-hero-media-parallax)), 0) scale(calc(1.035 + var(--business-hero-progress) * 0.045));
  transform-origin: center bottom;
  transition: none;
  backface-visibility: hidden;
  will-change: transform;
}

[data-project-business=true] .project-main-section-new--business .project-main-section-new__head {
  transform: translate3d(0, calc(var(--business-hero-progress) * var(--business-hero-content-parallax)), 0);
  transition: none;
  backface-visibility: hidden;
  will-change: transform;
}

[data-project-business=true] .project-main-section-new__fullscreen {
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 3;
}

[data-project-business=true] .business-hero__wrapper:not(.business-hero__wrapper--mobile-address) {
  position: relative;
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}

[data-project-business=true] .business-hero__figure {
  width: 100%;
}

[data-project-business=true] .business-hero__cover {
  width: 100%;
}

[data-project-business=true] .business-hero__head,
[data-project-business=true] .business-hero__tags {
  left: var(--business-hero-side);
}

[data-project-business=true] .business-hero__head {
  transform: translate3d(0, calc(var(--business-hero-progress) * var(--business-hero-content-parallax)), 0);
  transition: none;
  backface-visibility: hidden;
  will-change: transform;
}

[data-project-business=true] .business-hero__prev,
[data-project-business=true] .business-hero__next {
  top: calc(var(--business-hero-height) * 0.749);
  bottom: auto;
  display: flex;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  color: #30283a;
  background: #ffffff;
  transform: none;
}

[data-project-business=true] .business-hero__prev {
  right: calc(var(--business-hero-side) + 48px);
}

[data-project-business=true] .business-hero__next {
  right: var(--business-hero-side);
}

[data-project-business=true] .business-hero__pag {
  position: absolute;
  z-index: 3;
  display: flex;
  gap: 16px;
  right: auto;
  bottom: calc(var(--business-hero-height) * 0.11);
  left: var(--business-hero-side);
  width: min(var(--business-wide-width), 100% - 64px);
  height: 2px;
  margin: 0;
  padding: 0;
  background: transparent;
}

[data-project-business=true] .business-hero__pag .swiper-pagination-bullet {
  position: relative;
  flex: 1 1 0;
  overflow: hidden;
  width: auto;
  height: 2px;
  margin: 0;
  border-radius: 0;
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
}

[data-project-business=true] .business-hero__pag .swiper-pagination-bullet::before {
  display: none;
}

[data-project-business=true] .business-hero__pag .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 100%;
  background: #ffffff;
  transform: scaleX(var(--business-hero-slide-progress, 0));
  transform-origin: left center;
  transition: none;
}

[data-project-business=true] .business-hero__pag .swiper-pagination-bullet.is-active::after {
  animation: none;
}

[data-project-business=true] .business-hero__audio-guide,
[data-project-business=true] .business-hero__fullscreen {
  display: none;
}

[data-project-business=true] .business-hero__tags,
[data-project-business=true] .business-hero__subtitle,
[data-project-business=true] .business-hero__title,
[data-project-business=true] .business-hero__address,
[data-project-business=true] .business-hero__prev,
[data-project-business=true] .business-hero__next,
[data-project-business=true] .business-hero__pag {
  opacity: 1;
  animation: businessHeroReveal 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

[data-project-business=true] .business-hero__tags {
  animation-delay: 0.12s;
}

[data-project-business=true] .business-hero__subtitle {
  animation-delay: 0.22s;
}

[data-project-business=true] .business-hero__title {
  animation-delay: 0.32s;
}

[data-project-business=true] .business-hero__address {
  animation-delay: 0.42s;
}

[data-project-business=true] .business-hero__prev,
[data-project-business=true] .business-hero__next {
  animation-delay: 0.48s;
}

[data-project-business=true] .business-hero__pag {
  animation-delay: 0.55s;
}

[data-project-business=true] .business-facts-section {
  position: relative;
  z-index: 3;
  width: 100vw !important;
  margin-top: -1px;
  margin-right: calc(50% - 50vw) !important;
  margin-left: calc(50% - 50vw) !important;
  padding-top: 90px;
  padding-bottom: 80px;
  color: #272030;
  background: #ffffff;
  overflow: hidden;
}

[data-project-business=true] .business-facts-section__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 70px;
  width: min(var(--business-wide-width), 100vw - 64px);
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-facts-section__item {
  min-width: 0;
}

[data-project-business=true] .business-facts-section__value {
  display: block;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: clamp(76px, 6.78vw, 130px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}

[data-project-business=true] .business-facts-section__text {
  display: block;
  max-width: 270px;
  margin-top: 8px;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0;
}

[data-project-business=true] .business-flat-filter {
  position: relative;
  width: min(var(--business-wide-width), 100vw - 64px);
  margin-right: auto;
  margin-left: auto;
  border-radius: 20px;
  padding: 16px;
  margin-bottom: 96px;
  color: #272030;
  background: #f2f2f2;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-weight: 400;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flat-filter::before {
  content: none;
}

[data-project-business=true] .business-flat-filter .filter--full-project {
  border: 0;
  border-radius: 0;
  padding: 0;
  margin-bottom: 0;
  background: transparent;
  box-shadow: none;
  font-family: inherit;
}

[data-project-business=true] .business-flat-filter .filter__body {
  padding: 0;
}

[data-project-business=true] .business-flat-filter .filter__row {
  display: grid;
  grid-template-columns: 216px 216px 448px 216px 216px;
  align-items: end;
  gap: 16px;
  margin: 0;
}

[data-project-business=true] .business-flat-filter .filter__col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 68px;
  border-right: 0;
  border-bottom: 0;
  padding: 0;
  width: auto;
  max-width: none;
}

[data-project-business=true] .business-flat-filter .filter__col[data-tabs=filter-price] {
  width: 448px;
  min-width: 448px;
}

[data-project-business=true] .business-flat-filter .filter__col--date,
[data-project-business=true] .business-flat-filter .filter__col--project {
  width: 216px;
}

[data-project-business=true] .business-flat-filter .filter__col--floor:not([data-tabs=filter-price]),
[data-project-business=true] .business-flat-filter .filter__col--s {
  width: 216px;
}

[data-project-business=true] .business-flat-filter .filter__col--rooms {
  width: 216px;
}

[data-project-business=true] .business-flat-filter .filter__col--send {
  border-bottom: 0;
  padding-top: 28px;
  padding-bottom: 0;
  min-width: 216px;
}

[data-project-business=true] .business-flat-filter .filter__col--send .filter__title {
  display: none;
}

[data-project-business=true] .business-flat-filter .filter__title {
  margin-bottom: 8px;
  color: #272030;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flat-filter .filter__val {
  min-height: 0;
}

[data-project-business=true] .business-flat-filter [data-tabs-blocks] > .filter__val:not(.is-active) {
  display: none;
}

[data-project-business=true] .business-flat-filter .filter-tabs,
[data-project-business=true] .business-flat-filter .sort-select {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px;
  overflow: hidden;
  white-space: nowrap;
  min-height: 24px;
}

[data-project-business=true] .business-flat-filter .filter-tabs__item,
[data-project-business=true] .business-flat-filter .sort-select__el {
  flex: 0 0 auto;
  border-radius: 0;
  padding: 0;
  color: #272030;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease;
}

[data-project-business=true] .business-flat-filter .filter-tabs__item.is-active,
[data-project-business=true] .business-flat-filter .sort-select__el.is-active,
[data-project-business=true] .business-flat-filter .filter-tabs__item._active,
[data-project-business=true] .business-flat-filter .sort-select__el._active {
  color: rgba(39, 32, 48, 0.48);
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 3px;
}

[data-project-business=true] .business-flat-filter .range,
[data-project-business=true] .business-flat-filter .range__row,
[data-project-business=true] .business-flat-filter .filter__val--ranges {
  min-height: 0;
}

[data-project-business=true] .business-flat-filter .filter__val--ranges,
[data-project-business=true] .business-flat-filter .range__row {
  display: flex;
  align-items: center;
  gap: 2px;
}

[data-project-business=true] .business-flat-filter .range-input {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  height: 40px;
  margin: 0;
  padding: 0;
}

[data-project-business=true] .business-flat-filter .filter__col--floor:not([data-tabs=filter-price]) .range-input + .range-input::before {
  content: "";
  position: absolute;
  top: 8px;
  left: -1px;
  width: 1px;
  height: 24px;
  background: rgba(39, 32, 48, 0.16);
}

[data-project-business=true] .business-flat-filter .range-input__core {
  display: flex;
  align-items: center !important;
  flex-direction: row !important;
  gap: 6px;
  min-width: 0;
  height: 40px !important;
  border-radius: 8px;
  padding: 0 16px;
  background: #ffffff;
}

[data-project-business=true] .business-flat-filter .filter__col--s .range-input::before {
  content: "";
  position: absolute;
  top: 8px;
  z-index: 1;
  width: 1px;
  height: 24px;
  pointer-events: none;
  background: rgba(39, 32, 48, 0.16);
}

[data-project-business=true] .business-flat-filter .filter__col--s .range-input:first-child::before {
  left: 8px;
}

[data-project-business=true] .business-flat-filter .filter__col--s .range-input:last-child::before {
  right: 8px;
}

[data-project-business=true] .business-flat-filter .range-input__label {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  order: 1;
  flex: 0 0 auto;
  padding-right: 0;
  color: rgba(39, 32, 48, 0.6);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
  transform: none !important;
}

[data-project-business=true] .business-flat-filter .range-input__input {
  order: 2;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 16px !important;
  border: 0;
  padding: 0;
  color: #272030;
  background: transparent;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flat-filter .range-input:not(.range-input--no-label) .input {
  padding-left: 0;
}

[data-project-business=true] .business-flat-filter .range-input--invert .range-input__label {
  right: auto !important;
  left: auto !important;
  padding-right: 0;
}

[data-project-business=true] .business-flat-filter .range-input--invert .input {
  padding-left: 0;
  text-align: right;
}

[data-project-business=true] .business-flat-filter .range-input__slider {
  display: none;
}

[data-project-business=true] .business-flat-filter .togglers-group {
  display: flex;
  align-items: center;
}

[data-project-business=true] .business-flat-filter .togglers-group__list {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-flat-filter .togglers-group__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  padding: 0 12px;
  color: #272030;
  background: #ffffff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flat-filter input:checked + .togglers-group__btn,
[data-project-business=true] .business-flat-filter .togglers-group__btn.is-active,
[data-project-business=true] .business-flat-filter .togglers-group__btn._active {
  border-color: #272030;
  color: #ffffff;
  background: #272030;
}

[data-project-business=true] .business-flat-filter .btn {
  width: 100%;
  min-height: 40px;
  height: 40px;
  border-radius: 8px;
  padding: 0 16px 4px;
  color: #ffffff;
  background: #272030;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

[data-project-business=true] .business-flat-filter .filter__reset {
  display: none;
}

[data-project-business=true] .business-flat-filter .select,
[data-project-business=true] .business-flat-filter .select__el {
  width: 100%;
}

[data-project-business=true] .business-flat-filter .select {
  position: relative;
}

[data-project-business=true] .business-flat-filter .select::after {
  content: none;
}

[data-project-business=true] .business-flat-filter .select__el {
  height: 40px;
  border: 0;
  border-radius: 8px;
  padding: 0 44px 0 16px;
  color: rgba(39, 32, 48, 0.6);
  background: #ffffff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
  appearance: none;
}

[data-project-business=true] .business-flat-filter .ss-main.is-business-filter-select {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  padding: 0 44px 0 16px;
  background: #ffffff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flat-filter .ss-main.is-business-filter-select .ss-values {
  display: flex;
  align-items: center;
  min-width: 0;
}

[data-project-business=true] .business-flat-filter .ss-main.is-business-filter-select .ss-single,
[data-project-business=true] .business-flat-filter .ss-main.is-business-filter-select .ss-placeholder {
  color: rgba(39, 32, 48, 0.6);
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-transform: lowercase;
}

[data-project-business=true] .business-flat-filter .ss-main.is-business-filter-select .ss-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #272030;
  opacity: 1;
  transform: translateY(-50%);
  transform-origin: center;
}

[data-project-business=true] .business-flat-filter .ss-main.is-business-filter-select.ss-open-below .ss-arrow,
[data-project-business=true] .business-flat-filter .ss-main.is-business-filter-select.ss-open-above .ss-arrow {
  background-color: #8f55d6;
  transform: translateY(-50%) rotate(180deg);
}

.ss-content.is-business-filter-select,
.ss-content.is-business-filter-select.is-dark,
.ss-content.select__el.is-business-filter-select {
  height: auto !important;
  max-height: 240px;
  padding: 0;
  background: #ffffff !important;
  color: #30283a !important;
  line-height: 1.3;
  box-shadow: 0 18px 36px rgba(39, 32, 48, 0.16);
}

.ss-content.is-business-filter-select .ss-list .ss-option,
.ss-content.is-business-filter-select.is-dark .ss-list .ss-option,
.ss-content.select__el.is-business-filter-select .ss-list .ss-option {
  align-items: center;
  min-height: 44px;
  padding: 12px 16px;
  color: #30283a !important;
  background: #ffffff !important;
  font-size: 14px;
  line-height: 1.35;
}

.ss-content.is-business-filter-select .ss-list .ss-option:hover,
.ss-content.is-business-filter-select .ss-list .ss-option.ss-highlighted,
.ss-content.is-business-filter-select .ss-list .ss-option:not(.ss-disabled).ss-selected,
.ss-content.is-business-filter-select.is-dark .ss-list .ss-option:hover,
.ss-content.is-business-filter-select.is-dark .ss-list .ss-option.ss-highlighted,
.ss-content.is-business-filter-select.is-dark .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: #6c3f99 !important;
  background: #f2f2f2 !important;
}

[data-project-business=true] .business-intro-section {
  padding-top: 0;
  padding-bottom: 112px;
}

[data-project-business=true] .business-intro-section .business-intro__tab {
  display: block;
}

[data-project-business=true] .business-intro-section .business-intro,
[data-project-business=true] .business-intro-section .business-intro__core,
[data-project-business=true] .business-intro-section .business-intro__main,
[data-project-business=true] .business-intro-section .business-intro__tabs,
[data-project-business=true] .business-intro-section .business-intro__tab,
[data-project-business=true] .business-intro-section .business-intro__content,
[data-project-business=true] .business-intro-section .business-intro__features {
  min-width: 0;
}

[data-project-business=true] .business-intro-section .business-intro {
  width: 100%;
}

[data-project-business=true] .business-intro-section .business-intro__content {
  display: grid;
  grid-template-columns: minmax(0, 776px) minmax(0, 564px);
  grid-template-areas: "meta meta" "title title" "features text" "features more";
  column-gap: 36px;
  row-gap: 13px;
  align-items: start;
  min-height: 442px;
}

@media (min-width: 1600px) {
  [data-project-business=true] .business-intro-section .business-intro__content {
    padding-right: 16px;
    padding-left: 16px;
  }
}
[data-project-business=true] .business-intro-section .business-intro__summary,
[data-project-business=true] .business-intro-section .business-intro__text-block {
  min-width: 0;
}

[data-project-business=true] .business-intro-section .business-intro__summary {
  display: contents;
}

[data-project-business=true] .business-intro-section .business-intro__text-block {
  grid-area: text;
  margin-top: 0;
  transform: translateY(-37px);
}

[data-project-business=true] .business-intro-section .business-intro__meta {
  grid-area: meta;
  display: flex;
  justify-content: space-between;
  align-items: center;
  grid-column: 1/-1;
  margin-bottom: 20px;
  color: #e0e1e2;
  font-family: var(--business-font-extended);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
}

[data-project-business=true] .business-intro-section .business-intro__eyebrow {
  text-transform: lowercase;
}

[data-project-business=true] .business-intro-section .business-intro__counter {
  letter-spacing: 0;
}

[data-project-business=true] .business-intro-section .business-intro__title {
  display: block;
  grid-area: title;
  max-width: 721px;
  margin-bottom: 0;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 64px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  transform: translateY(-46px);
}

[data-project-business=true] .business-intro-section .business-intro__text {
  position: relative;
  max-width: 564px;
  overflow: hidden;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.03em;
  transition: max-height 0.3s ease;
}

[data-project-business=true] .business-intro-section .business-intro__text.is-hidden {
  max-height: calc(6lh + 1.2em) !important;
}

[data-project-business=true] .business-intro-section .business-intro__text.is-hidden::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

[data-project-business=true] .business-intro-section .business-intro__text p + p,
[data-project-business=true] .business-intro-section .business-intro__text ul + p,
[data-project-business=true] .business-intro-section .business-intro__text p + ul {
  margin-top: 16px;
}

[data-project-business=true] .business-intro-section .business-intro__more {
  display: none;
  width: max-content;
  align-items: center;
  gap: 6px;
  grid-area: more;
  margin-top: 30px;
  border: 0;
  padding: 0;
  color: #272030;
  background: transparent;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.03em;
  transform: translateY(-37px);
}

[data-project-business=true] .business-intro-section .business-intro__more.is-visible {
  display: inline-flex;
}

[data-project-business=true] .business-intro-section .business-intro__more .icn {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

[data-project-business=true] .business-intro-section .business-intro__more.is-open .icn {
  transform: rotate(0deg);
}

[data-project-business=true] .business-intro-section .business-intro__features {
  grid-area: features;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  width: 696px;
  margin-top: 0;
  padding: 0;
  border-top: 0;
  transform: translateY(-37px);
}

[data-project-business=true] .business-intro-section .business-intro__features-item {
  min-width: 0;
  flex: 0 0 33.333%;
  border-left: 1px solid rgba(39, 32, 48, 0.24);
  padding: 0 32px 0 20px;
}

[data-project-business=true] .business-intro-section .business-intro__features-item:first-child {
  border-left: 1px solid rgba(39, 32, 48, 0.24);
}

[data-project-business=true] .business-intro-section .business-intro__features-title {
  display: block;
  margin-bottom: 12px;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-intro-section .business-intro__features-text {
  display: block;
  margin-top: 0;
  color: rgba(39, 32, 48, 0.6);
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-intro__audio {
  margin-top: 0;
  height: 176px;
  padding-top: 23px;
}

[data-project-business=true] .business-intro__audio .project-audio-guide {
  width: 100%;
  min-height: 108px;
  border-radius: 10px;
  background: #f2f2f2;
  overflow: hidden;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__start {
  display: none;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__player {
  position: relative;
  display: block;
  gap: 0;
  width: 100%;
  height: 108px;
  padding: 0 16px;
  color: #272030;
  background: transparent;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__player::before {
  position: absolute;
  top: 16px;
  left: 16px;
  width: 269px;
  color: #272030;
  content: "Слушайте\aаудиогид о проекте";
  white-space: pre-line;
  font-family: var(--business-font-extended);
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__timeline {
  position: absolute;
  top: 79px;
  right: 16px;
  left: 16px;
  width: auto;
  height: 24px;
  padding: 0;
  background: transparent;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__range {
  display: block;
  width: 100%;
  height: 24px;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__range::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #272030 0, #272030 var(--audio-guide-progress), rgba(39, 32, 48, 0.2) var(--audio-guide-progress), rgba(39, 32, 48, 0.2) 100%);
}

[data-project-business=true] .business-intro__audio .project-audio-guide__range::-moz-range-track {
  height: 2px;
  border-radius: 999px;
  background: rgba(39, 32, 48, 0.2);
}

[data-project-business=true] .business-intro__audio .project-audio-guide__range::-moz-range-progress {
  height: 2px;
  background: #272030;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__range::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  margin-top: -7px;
  appearance: none;
  border: 0;
  border-radius: 50%;
  background: #272030;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__range::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border: 0;
  border-radius: 50%;
  background: #272030;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__control {
  position: absolute;
  top: 18.59px;
  left: 50%;
  width: 50.816px;
  height: 50.816px;
  border-radius: 16.552px;
  color: #ffffff;
  background: #272030;
  transform: translateX(-50%);
}

[data-project-business=true] .business-intro__audio .project-audio-guide__step {
  position: absolute;
  top: 27px;
  width: 34px;
  height: 34px;
  color: #272030;
  background: transparent;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__play-icn {
  margin-left: 4px;
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-left-width: 14px;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__step-mark {
  border-top-width: 5px;
  border-bottom-width: 5px;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__step--back .project-audio-guide__step-mark {
  border-right-width: 7px;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__step--forward .project-audio-guide__step-mark {
  border-left-width: 7px;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__step--back {
  left: calc(50% - 129.79px);
}

[data-project-business=true] .business-intro__audio .project-audio-guide__step--forward {
  left: calc(50% + 87.79px);
}

[data-project-business=true] .business-intro__audio .project-audio-guide__time {
  display: block;
  position: absolute;
  top: 38px;
  right: 16px;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 22px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-intro__audio .project-audio-guide__close {
  display: none;
}

[data-project-business=true] .business-intro__gallery {
  display: flex;
  gap: 16px;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 56px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-left: var(--business-page-gutter);
  padding-right: max(32px, (100vw - 1376px) / 2);
  padding-bottom: 6px;
  scrollbar-width: none;
  cursor: grab;
}

[data-project-business=true] .business-intro__gallery::-webkit-scrollbar {
  display: none;
}

[data-project-business=true] .business-intro__gallery-item {
  position: relative;
  flex: 0 0 365px;
  height: 500px;
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #f5f3f0;
}

[data-project-business=true] .business-intro__gallery-item--1 {
  flex-basis: 652px;
}

[data-project-business=true] .business-intro__gallery-item--2 {
  height: 500px;
}

[data-project-business=true] .business-intro__gallery-pic,
[data-project-business=true] .business-intro__gallery-pic img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

[data-project-business=true] .business-intro__gallery-pic {
  overflow: hidden;
  transition: height 0.45s ease;
}

[data-project-business=true] .business-intro__gallery-pic img {
  object-fit: cover;
  transform: scale(1.001);
  transition: transform 0.5s ease;
}

[data-project-business=true] .business-intro__fullscreen {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  transition: bottom 0.45s ease;
}

[data-project-business=true] .business-intro__gallery-tag {
  position: absolute;
  right: 50%;
  bottom: 18px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  border-radius: 24px;
  padding: 0 12px;
  color: #ffffff;
  background: rgba(39, 32, 48, 0.45);
  backdrop-filter: blur(32px);
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  white-space: nowrap;
  transform: translateX(50%);
  transition: bottom 0.45s ease, color 0.25s ease, background 0.25s ease, transform 0.45s ease;
}

[data-project-business=true] .business-intro__gallery-tag-icon {
  position: relative;
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  transition: transform 0.25s ease;
}

[data-project-business=true] .business-intro__gallery-tag-icon::before,
[data-project-business=true] .business-intro__gallery-tag-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 11px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transform: translate(-50%, -50%);
}

[data-project-business=true] .business-intro__gallery-tag-icon::after {
  width: 2px;
  height: 11px;
}

[data-project-business=true] .business-intro__gallery-tag--light {
  color: #ffffff;
  background: rgba(39, 32, 48, 0.45);
  backdrop-filter: blur(32px);
}

[data-project-business=true] .business-intro__gallery-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 177px;
  padding: 34px 14px 0;
  color: #272030;
  background: #ffffff;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 100%, 0);
  transition: opacity 0.25s ease, transform 0.45s ease;
}

[data-project-business=true] .business-intro__gallery-caption::before {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(39, 32, 48, 0.28);
}

[data-project-business=true] .business-intro__gallery-caption b {
  display: block;
  margin-bottom: 12px;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-intro__gallery-caption span {
  display: block;
  color: rgba(39, 32, 48, 0.6);
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-intro__gallery-item.is-active .business-intro__gallery-pic {
  height: calc(100% - 177px);
}

[data-project-business=true] .business-intro__gallery-item.is-active .business-intro__gallery-caption {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

[data-project-business=true] .business-intro__gallery-item.is-active .business-intro__gallery-tag {
  bottom: 193px;
  color: #272030;
  background: #ffffff;
  backdrop-filter: none;
}

[data-project-business=true] .business-intro__gallery-item.is-active .business-intro__fullscreen {
  bottom: 193px;
}

[data-project-business=true] .business-intro__gallery-item.is-active .business-intro__gallery-tag-icon {
  transform: rotate(45deg);
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-intro__fullscreen {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
    transition: opacity 0.24s ease, transform 0.24s ease;
  }
  [data-project-business=true] .business-intro__gallery-item.is-active .business-intro__gallery-pic img {
    transform: scale(1.045);
  }
  [data-project-business=true] .business-intro__gallery-item.is-active .business-intro__fullscreen,
  [data-project-business=true] .business-intro__fullscreen:focus-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
[data-project-business=true] .is-business-observed {
  opacity: 0;
  transform: translate3d(0, 48px, 0);
  transition: opacity 0.7s ease, transform 0.7s ease;
  will-change: opacity, transform;
}

[data-project-business=true] .is-business-observed.is-business-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-project-business=true] .business-facts-section__item:nth-child(2) {
  transition-delay: 0.08s;
}

[data-project-business=true] .business-facts-section__item:nth-child(3) {
  transition-delay: 0.16s;
}

[data-project-business=true] .business-facts-section__item:nth-child(4) {
  transition-delay: 0.24s;
}

[data-project-business=true] .business-flat-filter.is-business-observed {
  transform: translateX(-50%);
}

[data-project-business=true] .business-flat-filter.is-business-observed .filter__col {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity 0.62s ease, transform 0.62s ease;
  will-change: opacity, transform;
}

[data-project-business=true] .business-flat-filter.is-business-visible .filter__col {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-project-business=true] .business-flat-filter.is-business-visible .filter__col:nth-child(2) {
  transition-delay: 0.06s;
}

[data-project-business=true] .business-flat-filter.is-business-visible .filter__col:nth-child(3) {
  transition-delay: 0.12s;
}

[data-project-business=true] .business-flat-filter.is-business-visible .filter__col:nth-child(4) {
  transition-delay: 0.18s;
}

[data-project-business=true] .business-flat-filter.is-business-visible .filter__col:nth-child(5) {
  transition-delay: 0.24s;
}

[data-project-business=true] .business-flat-filter.is-business-visible .filter__col:nth-child(6) {
  transition-delay: 0.3s;
}

@keyframes businessHeroReveal {
  from {
    transform: translate3d(0, 32px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-project-business=true] .business-hero__tags,
  [data-project-business=true] .business-hero__subtitle,
  [data-project-business=true] .business-hero__title,
  [data-project-business=true] .business-hero__address,
  [data-project-business=true] .business-hero__prev,
  [data-project-business=true] .business-hero__next,
  [data-project-business=true] .business-hero__pag {
    opacity: 1;
    animation: none;
    transform: none;
  }
  [data-project-business=true] .business-hero__pag .swiper-pagination-bullet.is-active::after {
    transform: scaleX(var(--business-hero-slide-progress, 1));
    animation: none;
  }
  [data-project-business=true] .is-business-observed,
  [data-project-business=true] .business-flat-filter.is-business-observed .filter__col {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
[data-project-business=true] [data-business-drag-scroll] {
  cursor: grab;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

[data-project-business=true] [data-business-drag-scroll]::-webkit-scrollbar {
  display: none;
}

[data-project-business=true] [data-business-drag-scroll].is-dragging {
  cursor: grabbing;
  user-select: none;
}

[data-project-business=true] [data-business-scroll-panel] {
  display: none;
}

[data-project-business=true] [data-business-scroll-panel].is-active {
  display: block;
}

[data-project-business=true] .business-parking__tab.is-active {
  animation: business-parking-panel-in 0.42s ease both;
}

@keyframes business-parking-panel-in {
  from {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
[data-project-business=true] .business-parking__content {
  position: relative;
}

[data-project-business=true] .business-parking__fullscreen {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 2;
}

[data-project-business=true] .features-card__cover,
[data-project-business=true] .master-plan__img {
  position: relative;
}

[data-project-business=true] .features-card__fullscreen,
[data-project-business=true] .master-plan__fullscreen {
  position: absolute;
  z-index: 4;
}

[data-project-business=true] .features-card__fullscreen {
  top: 16px;
  right: 16px;
}

[data-project-business=true] .master-plan__fullscreen {
  right: 16px;
  bottom: 16px;
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .features-card__fullscreen,
  [data-project-business=true] .master-plan__fullscreen {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
    transition: opacity 0.24s ease, transform 0.24s ease;
  }
  [data-project-business=true] .features-card:hover .features-card__fullscreen,
  [data-project-business=true] .features-card:focus-within .features-card__fullscreen,
  [data-project-business=true] .features-card__fullscreen:focus-visible,
  [data-project-business=true] .master-plan__img:hover .master-plan__fullscreen,
  [data-project-business=true] .master-plan__fullscreen:focus-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
[data-project-business=true] .business-features-section {
  color: #30283a;
  background: #f7f4ef;
}

[data-project-business=true] .business-features-section .wrapper-section__body-core {
  padding-bottom: 96px;
}

[data-project-business=true] .business-features {
  width: 100vw;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: var(--business-page-gutter);
  padding-left: var(--business-page-gutter);
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

[data-project-business=true] .business-features__swiper {
  overflow: visible;
}

[data-project-business=true] .business-features__body,
[data-project-business=true] .business-features__swiper,
[data-project-business=true] .business-features__list,
[data-project-business=true] .business-features__item,
[data-project-business=true] .business-features__card {
  min-width: 0;
}

[data-project-business=true] .business-features__swiper:not(.swiper-initialized) .business-features__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  max-height: none;
}

[data-project-business=true] .business-features__item {
  width: clamp(300px, 24vw, 380px);
  height: clamp(360px, 26vw, 460px);
}

[data-project-business=true] .business-features__item--large {
  width: clamp(520px, 43vw, 680px);
  grid-column: span 2;
}

[data-project-business=true] .business-features__card {
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 22px 70px rgba(48, 40, 58, 0.1);
}

[data-project-business=true] .business-features__cover,
[data-project-business=true] .business-features__card--large .business-features__cover {
  height: 100%;
  aspect-ratio: auto;
  border-radius: 8px;
}

[data-project-business=true] .business-features__pic,
[data-project-business=true] .business-features__pic img {
  border-radius: 8px;
}

[data-project-business=true] .business-features__pic img {
  transform: scale(1.001);
  transition: transform 0.5s ease;
}

[data-project-business=true] .business-features__card.is-open .business-features__pic img {
  transform: scale(1.045);
}

[data-project-business=true] .business-features__content {
  border-radius: 8px;
  padding: 28px 28px 68px;
  background: rgba(48, 40, 58, 0.72);
}

[data-project-business=true] .business-features__title {
  font-family: var(--business-font-extended);
  font-size: 24px;
  line-height: 1.12;
}

[data-project-business=true] .business-features__text {
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  line-height: 1.5;
}

[data-project-business=true] .business-features__footer {
  right: 14px;
  bottom: 14px;
  left: 14px;
}

[data-project-business=true] .business-features__btn {
  max-width: 100%;
  min-height: 40px;
  margin: 0;
  padding-right: 14px;
  padding-left: 14px;
  color: #ffffff;
  font-size: 14px;
}

[data-project-business=true] .business-features__btn--close {
  left: 50%;
}

[data-project-business=true] .business-features__card:not(.is-open):hover .business-features__btn,
[data-project-business=true] .business-features__card:not(.is-open):focus-within .business-features__btn {
  color: #ffffff;
  background-color: transparent;
}

[data-project-business=true] .business-features__card:not(.is-open):hover .business-features__btn::before,
[data-project-business=true] .business-features__card:not(.is-open):focus-within .business-features__btn::before {
  opacity: 1;
}

[data-project-business=true] .business-features__fullscreen {
  top: 14px;
  right: 14px;
}

[data-project-business=true] .business-plan-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-plan-section .wrapper-section__head-core {
  display: block;
  padding-bottom: 55px;
}

[data-project-business=true] .business-plan-section .wrapper-section__title {
  color: #272030;
}

[data-project-business=true] .business-plan-section .business-section-meta {
  margin-bottom: 29px;
  color: #e0e1e2;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

[data-project-business=true] .business-plan {
  display: grid;
  gap: 22px;
  min-width: 0;
}

[data-project-business=true] .business-plan__tabs {
  display: flex;
  justify-content: flex-end;
}

[data-project-business=true] .business-plan__tabs .tabs {
  display: inline-flex;
  gap: 8px;
  padding: 4px;
  border: 1px solid rgba(48, 40, 58, 0.12);
  border-radius: 999px;
  background: #f7f4ef;
}

[data-project-business=true] .business-plan__tabs .tab {
  min-height: 40px;
  border: 0;
  border-radius: 999px;
  padding: 10px 18px;
  color: rgba(48, 40, 58, 0.58);
  background: transparent;
  font-size: 14px;
  line-height: 1.25;
  transition: color 0.25s ease, background-color 0.25s ease;
}

[data-project-business=true] .business-plan__tabs .tab:hover,
[data-project-business=true] .business-plan__tabs .tab.is-active {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-plan__panels,
[data-project-business=true] .business-plan__panel,
[data-project-business=true] .business-plan__panel-inner {
  min-width: 0;
}

[data-project-business=true] .business-plan__panel {
  display: none;
}

[data-project-business=true] .business-plan__panel.is-active {
  display: block;
}

[data-project-business=true] .business-plan__panel-inner {
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
}

[data-project-business=true] .business-plan .master-plan {
  min-height: 640px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-plan .master-plan__cover {
  border-radius: 8px;
}

[data-project-business=true] .business-plan .master-plan__img {
  background: rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-plan .master-plan__img::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 8px;
  background: rgba(48, 40, 58, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}

[data-project-business=true] .business-plan .master-plan__img picture,
[data-project-business=true] .business-plan .master-plan__img img {
  border-radius: 8px;
}

[data-project-business=true] .business-plan .master-plan__floor-markup {
  z-index: 3;
}

[data-project-business=true] .business-plan .master-plan__floor-area {
  fill: rgba(247, 244, 239, 0.01);
  stroke: rgba(247, 244, 239, 0);
  transition: fill 0.28s ease, stroke 0.28s ease, stroke-width 0.28s ease;
}

[data-project-business=true] .business-plan .master-plan__floor-item.is-selected .master-plan__floor-area,
[data-project-business=true] .business-plan .master-plan__floor-item.is-hovered .master-plan__floor-area,
[data-project-business=true] .business-plan .master-plan__floor-item.is-card-pinned .master-plan__floor-area,
[data-project-business=true] .business-plan .master-plan__floor-area:hover {
  fill: rgba(247, 244, 239, 0.26);
  stroke: #f7f4ef;
  stroke-width: 1.4;
}

[data-project-business=true] .business-plan .master-plan__floor-point,
[data-project-business=true] .business-plan .master-plan__infra-item {
  opacity: 0;
  transform: translate(-50%, calc(-50% + 10px));
  transition: opacity 0.28s ease, transform 0.28s ease;
}

[data-project-business=true] .business-plan .master-plan__floor-item.is-hovered .master-plan__floor-point,
[data-project-business=true] .business-plan .master-plan__floor-item.is-selected .master-plan__floor-point,
[data-project-business=true] .business-plan .master-plan__floor-item.is-card-pinned .master-plan__floor-point,
[data-project-business=true] .business-plan .master-plan__infra-item:hover,
[data-project-business=true] .business-plan .master-plan__infra-item:focus-within {
  opacity: 1;
  transform: translate(-50%, -50%);
}

[data-project-business=true] .business-plan .master-plan__floor-badge,
[data-project-business=true] .business-plan .master-plan__infra-icon {
  border: 1px solid rgba(247, 244, 239, 0.48);
  background: rgba(48, 40, 58, 0.72);
  box-shadow: 0 14px 32px rgba(20, 16, 26, 0.2);
  color: #f7f4ef;
  backdrop-filter: blur(12px);
}

[data-project-business=true] .business-plan .master-plan__floor-item[data-genplan-level=phase] .master-plan__floor-badge {
  background: rgba(48, 40, 58, 0.8);
  color: #f7f4ef;
}

[data-project-business=true] .business-plan .master-plan__floor-point::before {
  background-color: rgba(247, 244, 239, 0.78);
}

[data-project-business=true] .business-plan .master-plan__floor-card,
[data-project-business=true] .business-plan .master-plan__infra-card {
  border: 1px solid rgba(247, 244, 239, 0.26);
  border-radius: 8px;
  background: rgba(48, 40, 58, 0.9);
  box-shadow: 0 24px 68px rgba(20, 16, 26, 0.26);
  color: #f7f4ef;
  backdrop-filter: blur(16px);
  transition: opacity 0.28s ease, transform 0.28s ease;
}

[data-project-business=true] .business-plan .master-plan__floor-card-title,
[data-project-business=true] .business-plan .master-plan__floor-card-row,
[data-project-business=true] .business-plan .master-plan__floor-card-row span:first-child,
[data-project-business=true] .business-plan .master-plan__infra-card-title {
  color: #f7f4ef;
}

[data-project-business=true] .business-plan .master-plan__floor-card-meta,
[data-project-business=true] .business-plan .master-plan__floor-card-row span:last-child,
[data-project-business=true] .business-plan .master-plan__floor-card-row span:nth-child(2):not(:last-child),
[data-project-business=true] .business-plan .master-plan__infra-card-text {
  color: rgba(247, 244, 239, 0.7);
}

[data-project-business=true] .business-plan .master-plan__floor-card-tag,
[data-project-business=true] .business-plan .master-plan__floor-card-button,
[data-project-business=true] .business-plan .master-plan__floor-card-chip--accent {
  background: #f7f4ef;
  color: #30283a;
}

[data-project-business=true] .business-plan .master-plan__floor-card-separator,
[data-project-business=true] .business-plan .master-plan__floor-card-row--summary,
[data-project-business=true] .business-plan .master-plan__floor-card-row--divider {
  border-color: rgba(247, 244, 239, 0.18);
}

[data-project-business=true] .business-plan .master-plan__floor-card-chip {
  background: rgba(247, 244, 239, 0.14);
  color: rgba(247, 244, 239, 0.78);
}

[data-project-business=true] .business-plan .master-plan__tooltip {
  z-index: 5;
}

[data-project-business=true] .business-architecture-section {
  --business-architecture-progress: 0;
  --business-architecture-media-width: 448px;
  --business-architecture-media-height: 720px;
  --business-architecture-media-top: 653px;
  --business-architecture-media-offset: 0px;
  --business-architecture-slide-width: min(1408px, calc(100vw - 64px));
  --business-architecture-active-index: 0;
  --business-architecture-track-shift: 0px;
  --business-architecture-headline-opacity: 1;
  --business-architecture-headline-offset: 0px;
  --business-architecture-intro-opacity: 1;
  color: #30283a;
  background: #ffffff;
  margin-top: 96px;
  min-height: 260vh;
  overflow: visible;
}

[data-project-business=true] .business-architecture__sticky {
  position: sticky;
  top: 0;
  display: flex;
  align-items: stretch;
  height: 100vh;
  min-height: 680px;
  max-height: 100vh;
  box-sizing: border-box;
  padding: 0 0 clamp(28px, 5vh, 48px);
  overflow: hidden;
  background: #ffffff;
}

[data-project-business=true] .business-architecture__sticky > .width {
  width: min(1408px, 100% - 64px);
  max-width: 1408px;
  padding-right: 0;
  padding-left: 0;
}

[data-project-business=true] .business-architecture__scene {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
}

[data-project-business=true] .business-architecture__scene > .business-section-meta {
  margin-bottom: 0;
  padding: 0 16px;
  color: #e0e1e2;
  background: #ffffff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  opacity: var(--business-architecture-intro-opacity);
  transition: opacity 0.12s linear;
}

[data-project-business=true] .business-architecture__intro {
  position: relative;
  min-height: 388px;
  margin-top: 23px;
  margin-bottom: 0;
  opacity: var(--business-architecture-intro-opacity);
  transition: opacity 0.12s linear;
}

[data-project-business=true] .business-architecture__intro .wrapper-section__title {
  max-width: 820px;
  margin-left: -4px;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 64px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
}

[data-project-business=true] .business-architecture__intro-main {
  display: grid;
  width: 721px;
  gap: 86px;
}

[data-project-business=true] .business-architecture__awards {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  padding-left: 16px;
}

[data-project-business=true] .business-architecture__award {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

[data-project-business=true] .business-architecture__award--muted {
  opacity: 0.5;
}

[data-project-business=true] .business-architecture__award--domklik {
  width: 76px;
}

[data-project-business=true] .business-architecture__award img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

[data-project-business=true] .business-architecture__lead {
  position: absolute;
  top: 149px;
  left: calc(100% - 580px);
  width: 564px;
  max-width: 564px;
  max-height: none;
  overflow: visible;
  color: #272030;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

[data-project-business=true] .business-architecture__lead.is-hidden {
  max-height: none !important;
}

[data-project-business=true] .business-architecture__lead.is-open {
  max-height: none !important;
  overflow: visible;
}

[data-project-business=true] .business-architecture__more {
  position: absolute;
  top: 324px;
  left: calc(100% - 580px);
  display: none;
  align-items: center;
  gap: 8px;
  border: 0;
  padding: 0;
  color: #272030;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  background: transparent;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
}

[data-project-business=true] .business-architecture__more.is-visible {
  display: inline-flex;
}

[data-project-business=true] .business-architecture__more .on-hide {
  display: none;
}

[data-project-business=true] .business-architecture__lead.is-open + .business-architecture__more .on-show {
  display: none;
}

[data-project-business=true] .business-architecture__lead.is-open + .business-architecture__more .on-hide {
  display: inline;
}

[data-project-business=true] .business-architecture__more.is-open .on-show {
  display: none;
}

[data-project-business=true] .business-architecture__more.is-open .on-hide {
  display: inline;
}

[data-project-business=true] .business-architecture {
  position: absolute;
  inset: 0;
  display: block;
  min-height: 0;
  height: 100%;
  padding-top: 0;
}

[data-project-business=true] .business-architecture__headline {
  position: absolute;
  top: 459px;
  left: 50%;
  z-index: 1;
  width: min(1538px, 100vw - 64px);
  max-width: 1538px;
  color: #272030;
  opacity: var(--business-architecture-headline-opacity);
  font-size: clamp(86px, 5.47vw, 105px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0;
  text-align: center;
  transform: translate3d(-50%, var(--business-architecture-headline-offset), 0);
  transition: opacity 0.12s linear;
}

[data-project-business=true] .business-architecture__headline span {
  display: block;
}

[data-project-business=true] .business-architecture__visual {
  position: absolute;
  top: var(--business-architecture-media-top);
  left: 50%;
  z-index: 2;
  width: var(--business-architecture-media-width);
  max-width: 100vw;
  height: var(--business-architecture-media-height);
  margin-top: var(--business-architecture-media-offset);
  overflow: hidden;
  border-radius: 8px;
  background: #f7f4ef;
  box-shadow: 0 18px 54px rgba(48, 40, 58, 0.1);
  transform: translateX(-50%);
}

[data-project-business=true] .business-architecture-section[data-business-architecture-stage=wide] .business-architecture__visual {
  width: 100vw;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

[data-project-business=true] .business-architecture__track {
  display: flex;
  width: max-content;
  height: 100%;
  gap: 15px;
  transform: translate3d(calc((var(--business-architecture-media-width) - var(--business-architecture-slide-width)) / 2 - var(--business-architecture-track-shift)), 0, 0);
  transition: transform 0.45s ease;
}

[data-project-business=true] .business-architecture__track.is-without-transition {
  transition: none;
}

[data-project-business=true] .business-architecture-section[data-business-architecture-stage=wide] .business-architecture__track {
  transform: translate3d(calc((100vw - var(--business-architecture-slide-width)) / 2 - var(--business-architecture-track-shift)), 0, 0);
}

[data-project-business=true] .business-architecture__pic,
[data-project-business=true] .business-architecture__pic img {
  display: block;
  flex: 0 0 var(--business-architecture-slide-width);
  width: var(--business-architecture-slide-width);
  height: 100%;
}

[data-project-business=true] .business-architecture__pic {
  overflow: hidden;
  border-radius: inherit;
}

[data-project-business=true] .business-architecture-section[data-business-architecture-stage=wide] .business-architecture__pic {
  border-radius: 10px;
}

[data-project-business=true] .business-architecture__pic img {
  object-fit: cover;
  object-position: center;
  transition: transform 0.45s ease;
}

[data-project-business=true] .business-architecture__pic--figma-render img {
  object-position: 57.5% center;
}

[data-project-business=true] .business-architecture__controls {
  position: absolute;
  left: 50%;
  bottom: 14px;
  z-index: 3;
  display: flex;
  gap: 12px;
  opacity: 0;
  transform: translateX(-50%);
  transition: opacity 0.18s linear;
}

[data-project-business=true] .business-architecture__control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 0;
  padding: 0;
  color: #272030;
  background: #ffffff;
  border-radius: 8px;
  cursor: pointer;
  transition: color 0.18s ease, transform 0.18s ease;
}

[data-project-business=true] .business-architecture__control:hover {
  color: #7f3fc6;
}

[data-project-business=true] .business-architecture__control:active {
  transform: scale(0.96);
}

[data-project-business=true] .business-architecture__control--prev .icn {
  transform: rotate(180deg);
}

[data-project-business=true] .business-architecture-section[data-business-architecture-stage=wide] .business-architecture__controls {
  opacity: 1;
}

[data-project-business=true] .business-architecture__fullscreen {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease, color 0.18s ease;
}

[data-project-business=true] .business-architecture-section[data-business-architecture-stage=wide] .business-architecture__fullscreen {
  top: 21px;
  right: calc((100vw - var(--business-architecture-slide-width)) / 2 + 20px);
  bottom: auto;
}

[data-project-business=true] .business-architecture-section[data-business-architecture-stage=wide] .business-architecture__visual:hover .business-architecture__fullscreen,
[data-project-business=true] .business-architecture-section[data-business-architecture-stage=wide] .business-architecture__fullscreen:focus-visible {
  opacity: 1;
  pointer-events: auto;
}

[data-project-business=true] .business-materials-section {
  --business-materials-progress: 0;
  --business-materials-accordion-shift: 0px;
  --business-materials-curtain: 0;
  --business-materials-curtain-dim: 0;
  --business-materials-section-height: calc(100vh + 32px);
  --business-materials-sticky-top: 142px;
  color: #30283a;
  background: #ffffff;
  min-height: var(--business-materials-section-height);
  margin-bottom: 0;
  overflow-anchor: none;
}

[data-project-business=true] .business-materials-section * {
  overflow-anchor: none;
}

[data-project-business=true].is-business-nav-compact .business-materials-section {
  --business-materials-sticky-top: 114px;
}

[data-project-business=true].has-project-hidden-header .business-materials-section {
  --business-materials-sticky-top: 85px;
}

[data-project-business=true].has-project-hidden-header.is-business-nav-compact .business-materials-section {
  --business-materials-sticky-top: 57px;
}

[data-project-business=true] .business-materials__sticky {
  position: sticky;
  top: var(--business-materials-sticky-top);
  z-index: 1;
  display: flex;
  height: calc(100vh - var(--business-materials-sticky-top));
  min-height: 0;
  align-items: flex-start;
  overflow: hidden;
  padding: 0 0 clamp(20px, 4vh, 42px);
  background: #ffffff;
  transition: top 0.28s ease, height 0.28s ease;
}

[data-project-business=true] .business-materials-section.is-business-materials-curtain-active .business-materials__sticky {
  transition: none;
}

[data-project-business=true] .business-materials__sticky::before {
  position: absolute;
  inset: 0;
  background: #0f0b14;
  content: "";
  pointer-events: none;
}

[data-project-business=true] .business-materials__sticky::before {
  z-index: 5;
  opacity: calc(var(--business-materials-curtain-dim) * 0.44);
}

[data-project-business=true] .business-materials {
  display: grid;
  grid-template-columns: minmax(0, 812px) minmax(360px, 580px);
  row-gap: 26px;
  column-gap: 16px;
  align-items: start;
}

[data-project-business=true] .business-materials .business-section-meta {
  grid-column: 1/-1;
  margin: 0;
}

[data-project-business=true] .business-materials__title {
  grid-column: 1/2;
  max-width: 796px;
  margin: 0 0 34px 16px;
  color: #30283a;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0;
}

[data-project-business=true] .business-materials__visual {
  position: relative;
  grid-column: 1/2;
  min-width: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #f7f4ef;
}

[data-project-business=true] .business-materials__pic,
[data-project-business=true] .business-materials__pic img {
  display: block;
  width: 100%;
  height: 100%;
}

[data-project-business=true] .business-materials__pic img {
  height: clamp(520px, 64.85vh, 620px);
  object-fit: cover;
  transition: transform 0.45s ease;
}

[data-project-business=true] .business-materials__fullscreen {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 3;
  opacity: 1;
}

[data-project-business=true] .business-materials__content {
  grid-column: 2/3;
  grid-row: 3/4;
  display: flex;
  width: 100%;
  min-width: 0;
  flex-direction: column;
  padding-top: 0;
}

[data-project-business=true] .business-materials__preview {
  align-self: flex-end;
  width: min(348px, 100%);
  overflow: hidden;
  border-radius: 8px;
  background: #f1efeb;
}

[data-project-business=true] .business-materials__preview,
[data-project-business=true] .business-materials__preview img {
  display: block;
}

[data-project-business=true] .business-materials__preview img {
  width: 100%;
  height: clamp(160px, 20.9vh, 200px);
  object-fit: cover;
  object-position: 50% 28%;
  transition: opacity 0.22s ease, transform 0.45s ease;
}

[data-project-business=true] .business-materials__accordion {
  width: 100%;
  min-height: 372px;
  height: auto;
  margin-top: 48px;
  overflow: visible;
  border-top: 1px solid rgba(48, 40, 58, 0.12);
}

[data-project-business=true] .business-materials__item {
  overflow: visible;
  border-bottom: 1px solid rgba(48, 40, 58, 0.12);
  transform: translate3d(0, calc(var(--business-materials-accordion-shift) * -1), 0);
}

[data-project-business=true] .business-materials__summary {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 24px;
  gap: 18px;
  align-items: center;
  min-height: 50px;
  overflow: visible;
  color: #30283a;
  cursor: pointer;
  list-style: none;
}

[data-project-business=true] .business-materials__summary::-webkit-details-marker {
  display: none;
}

[data-project-business=true] .business-materials__summary span {
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}

[data-project-business=true] .business-materials__summary .icn {
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 6px 0 auto;
  color: rgba(48, 40, 58, 0.34);
  transform: rotate(0deg);
  transition: color 0.3s ease, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-project-business=true] .business-materials__summary::after {
  display: none;
}

[data-project-business=true] .business-materials__item.is-active .business-materials__summary .icn {
  color: rgba(48, 40, 58, 0.52);
  transform: rotate(180deg);
}

[data-project-business=true] .business-materials__text {
  max-width: 448px;
  max-height: 0;
  height: auto;
  overflow: hidden;
  padding: 0 40px 0 0;
  color: rgba(48, 40, 58, 0.58);
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  opacity: 0;
  transform: translateY(-6px);
  transition: padding 0.42s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.26s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-project-business=true] .business-materials__item.is-active .business-materials__text {
  max-height: none;
  overflow: visible;
  padding-bottom: 24px;
  opacity: 1;
  transform: translateY(0);
}

[data-project-business=true] .business-landscaping-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-landscaping-section .wrapper-section__head-core {
  display: block;
  padding-top: 0;
  padding-bottom: 70px;
}

[data-project-business=true] .business-landscaping-section .business-section-meta {
  margin-bottom: 45px;
}

[data-project-business=true] .business-landscaping-section .wrapper-section__title {
  max-width: 1376px;
  margin: 0 auto;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: clamp(86px, 5.469vw, 105px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
}

@media (min-width: 1024px) {
  [data-project-business=true] .business-landscaping-section .wrapper-section__head-core {
    padding-top: 0;
  }
}
[data-project-business=true] .business-landscaping {
  display: block;
}

[data-project-business=true] .business-landscaping__hero {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: #f7f4ef;
}

[data-project-business=true] .business-landscaping__pic {
  position: relative;
  display: block;
  aspect-ratio: 1408/720;
  width: 100%;
  overflow: hidden;
}

[data-project-business=true] .business-landscaping__pic img {
  position: absolute;
  top: 0;
  left: -1.63%;
  display: block;
  width: 103.25%;
  max-width: none;
  height: 113.89%;
  object-fit: cover;
  object-position: center top;
}

[data-project-business=true] .business-landscaping__hotspots {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

[data-project-business=true] .business-landscaping__hotspot {
  position: absolute;
  top: var(--business-landscaping-hotspot-y);
  left: var(--business-landscaping-hotspot-x);
  z-index: 1;
  width: 24px;
  height: 24px;
  border: 0;
  padding: 0;
  color: #30283a;
  background: transparent;
  cursor: pointer;
  pointer-events: auto;
  transform: translate(-50%, -50%);
}

[data-project-business=true] .business-landscaping__hotspot-icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 7.8px rgba(120, 120, 120, 0.25);
}

[data-project-business=true] .business-landscaping__hotspot-icon::before,
[data-project-business=true] .business-landscaping__hotspot-icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 1.5px;
  border-radius: 999px;
  background: currentColor;
  content: "";
  transform: translate(-50%, -50%);
}

[data-project-business=true] .business-landscaping__hotspot-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

[data-project-business=true] .business-landscaping__hotspot-tooltip {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  width: max-content;
  max-width: 240px;
  padding: 10px 12px;
  border-radius: 8px;
  color: #30283a;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(48, 40, 58, 0.16);
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  line-height: 1.25;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

[data-project-business=true] .business-landscaping__hotspot:hover .business-landscaping__hotspot-tooltip,
[data-project-business=true] .business-landscaping__hotspot:focus-visible .business-landscaping__hotspot-tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
}

[data-project-business=true] .business-landscaping__fullscreen {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 3;
  opacity: 1;
}

[data-project-business=true] .business-landscaping__note {
  position: absolute;
  right: 28px;
  bottom: 28px;
  z-index: 2;
  display: grid;
  gap: 10px;
  width: min(300px, 100% - 56px);
  padding: 22px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 52px rgba(48, 40, 58, 0.14);
  backdrop-filter: blur(14px);
}

[data-project-business=true] .business-landscaping__note b {
  font-size: 20px;
  line-height: 1.1;
}

[data-project-business=true] .business-landscaping__note span {
  color: rgba(48, 40, 58, 0.7);
  font-size: 14px;
  line-height: 1.35;
}

[data-project-business=true] .business-landscaping__content {
  display: grid;
  grid-template-columns: minmax(300px, 0.42fr) minmax(0, 0.58fr);
  gap: 80px;
  align-items: start;
}

[data-project-business=true] .business-landscaping__title {
  margin: 0;
  color: #30283a;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 700;
  line-height: 0.98;
}

[data-project-business=true] .business-landscaping__texts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

[data-project-business=true] .business-landscaping__text-card {
  min-width: 0;
  border-top: 1px solid rgba(48, 40, 58, 0.16);
  padding-top: 20px;
}

[data-project-business=true] .business-landscaping__text-card strong {
  display: block;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.2;
}

[data-project-business=true] .business-landscaping__text-card div {
  color: rgba(48, 40, 58, 0.7);
  font-size: 15px;
  line-height: 1.45;
}

[data-project-business=true] .business-landscaping-detail {
  position: relative;
  min-height: 583px;
  margin-top: 96px;
}

[data-project-business=true] .business-landscaping-detail .business-section-meta,
[data-project-business=true] .business-landscaping-gallery .business-section-meta {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}

[data-project-business=true] .business-landscaping-detail__title {
  position: absolute;
  top: 62px;
  left: 15px;
  width: 446px;
  margin: 0;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 32px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-landscaping-detail__pic {
  position: absolute;
  top: 52px;
  left: 50%;
  display: block;
  width: 449px;
  height: 531px;
  overflow: hidden;
  border-radius: 10px;
  transform: translateX(-50%);
}

[data-project-business=true] .business-landscaping-detail__pic img {
  position: absolute;
  top: 0;
  left: -51.24%;
  display: block;
  width: 209.25%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}

[data-project-business=true] .business-landscaping-detail__text,
[data-project-business=true] .business-landscaping-detail__caption {
  position: absolute;
  left: 991px;
  width: 401px;
  margin: 0;
  color: #272030;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-landscaping-detail__text {
  top: 63px;
}

[data-project-business=true] .business-landscaping-detail__caption {
  top: 511px;
  opacity: 0.6;
}

[data-project-business=true] .business-landscaping-gallery {
  position: relative;
  min-height: 772px;
  margin-top: 96px;
}

[data-project-business=true] .business-landscaping-gallery__hero {
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  height: 720px;
  overflow: hidden;
  border-radius: 10px;
  background: #f3f3f3;
}

[data-project-business=true] .business-landscaping-gallery__pic {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
}

[data-project-business=true] .business-landscaping-gallery__pic img {
  position: absolute;
  top: -37.67%;
  left: -17.44%;
  display: block;
  width: 128.45%;
  max-width: none;
  height: 142.08%;
  object-fit: cover;
  transition: opacity 0.22s ease;
}

[data-project-business=true] .business-landscaping-gallery.is-changing .business-landscaping-gallery__pic img {
  opacity: 0.45;
}

[data-project-business=true] .business-landscaping-gallery__fullscreen {
  position: absolute;
  top: 20px;
  right: 19px;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  opacity: 1;
}

[data-project-business=true] .business-landscaping-gallery__card {
  position: absolute;
  right: 17px;
  bottom: 16px;
  z-index: 2;
  width: 332px;
  height: 406px;
  margin: 0;
  padding: 14px 15px;
  border-radius: 8px;
  background: #ffffff;
}

[data-project-business=true] .business-landscaping-gallery__title {
  margin: 0;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 22px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.03em;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

[data-project-business=true] .business-landscaping-gallery__text {
  width: 285px;
  margin: 28px 0 0;
  color: #272030;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.03em;
  white-space: pre-line;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

[data-project-business=true] .business-landscaping-gallery__counter {
  position: absolute;
  bottom: 14px;
  left: 15px;
  color: #e0e1e2;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

[data-project-business=true] .business-landscaping-gallery.is-changing .business-landscaping-gallery__title,
[data-project-business=true] .business-landscaping-gallery.is-changing .business-landscaping-gallery__text,
[data-project-business=true] .business-landscaping-gallery.is-changing .business-landscaping-gallery__counter {
  opacity: 0.3;
  transform: translateY(6px);
}

[data-project-business=true] .business-landscaping-gallery__nav {
  position: absolute;
  right: 15px;
  bottom: 16px;
  display: flex;
  gap: 12px;
}

[data-project-business=true] .business-landscaping-gallery__arrow {
  position: relative;
  width: 36px;
  height: 36px;
  border: 0;
  padding: 0;
  border-radius: 8px;
  background: #f3f3f3;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

[data-project-business=true] .business-landscaping-gallery__arrow:hover {
  background: #e8e8e8;
}

[data-project-business=true] .business-landscaping-gallery__arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #272030;
  border-right: 1.5px solid #272030;
  content: "";
  transform: translate(-62%, -50%) rotate(45deg);
}

[data-project-business=true] .business-landscaping-gallery__arrow--prev::before {
  transform: translate(-38%, -50%) rotate(-135deg);
}

[data-project-business=true] .business-flats-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-flats-section .wrapper-section__head-core {
  display: block;
  padding-top: 0;
  padding-bottom: 77px;
}

[data-project-business=true] .business-flats-section .business-section-meta {
  margin-bottom: 43px;
}

[data-project-business=true] .business-flats-section .wrapper-section__title {
  max-width: 900px;
  margin: 0 auto;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: clamp(86px, 5.47vw, 105px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0;
  text-align: center;
}

[data-project-business=true] .business-flats {
  display: grid;
  gap: 42px;
}

[data-project-business=true] .business-flats__hero {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #f3f1ed;
}

[data-project-business=true] .business-flats--figma {
  display: block;
}

[data-project-business=true] .business-flats--figma .business-flats__lead,
[data-project-business=true] .business-flats--figma .business-flats__advantages,
[data-project-business=true] .business-flats--figma .business-flats__layouts {
  display: none;
}

[data-project-business=true] .business-flats__hero--figma {
  aspect-ratio: 1408/720;
  width: 100%;
  margin-bottom: 12px;
  border-radius: 10px;
}

[data-project-business=true] .business-flats__hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-y;
  user-select: none;
}

[data-project-business=true] .business-flats__hero-canvas::-webkit-scrollbar {
  display: none;
}

[data-project-business=true] .business-flats__hero-scroll-canvas {
  position: relative;
  width: 111.79%;
  min-width: 100%;
  height: 100%;
}

[data-project-business=true] .business-flats__hero-layer {
  position: absolute;
  display: block;
  max-width: none;
  object-fit: fill;
  user-select: none;
  -webkit-user-drag: none;
}

[data-project-business=true] .business-flats__hero-layer--1 {
  top: 0;
  left: -1.63%;
  width: 103.25%;
  height: 113.89%;
}

[data-project-business=true] .business-flats__hero-layer--2 {
  top: -7.93%;
  left: 0.04%;
  width: 99.83%;
  height: 107.93%;
}

[data-project-business=true] .business-flats__pic,
[data-project-business=true] .business-flats__pic img {
  display: block;
  width: 100%;
}

[data-project-business=true] .business-flats__pic img {
  aspect-ratio: 1408/680;
  object-fit: cover;
  transition: transform 0.45s ease;
}

[data-project-business=true] .business-flats__fullscreen {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 4;
  opacity: 1;
}

[data-project-business=true] .business-flats__facts {
  position: absolute;
  left: 16px;
  bottom: 16px;
  z-index: 2;
  display: flex;
  gap: 16px;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background: transparent;
}

[data-project-business=true] .business-flats__fact {
  display: flex;
  flex: 0 0 348px;
  height: 123px;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  padding: 19px 24px 12px;
  color: #ffffff;
  border-radius: 8px;
  background: rgba(39, 32, 48, 0.1);
  backdrop-filter: blur(49px);
}

[data-project-business=true] .business-flats__fact strong {
  font-family: var(--business-font-extended);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

[data-project-business=true] .business-flats__fact span {
  max-width: 150px;
  color: #ffffff;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__feature-panel {
  position: relative;
  margin-top: 108px;
}

[data-project-business=true] .business-flats__feature-head {
  width: 100%;
}

[data-project-business=true] .business-flats__feature-meta {
  display: flex;
  min-height: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  color: #e0e1e2;
  font-family: var(--business-font-extended);
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__feature-count {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

[data-project-business=true] .business-flats__feature-count i {
  display: block;
  width: 1px;
  height: 13px;
  background: currentColor;
  opacity: 0.8;
}

[data-project-business=true] .business-flats__feature-title {
  width: 796px;
  max-width: calc(100% - 32px);
  margin: 28px 0 56px 16px;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 32px;
  line-height: 1.05;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__feature-carousel {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
}

[data-project-business=true] .business-flats__feature-scroller {
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-y;
  cursor: grab;
}

[data-project-business=true] .business-flats__feature-scroller::-webkit-scrollbar {
  display: none;
}

[data-project-business=true] .business-flats__feature-track {
  display: flex;
  gap: 16px;
  width: max-content;
  padding-right: max(16px, (100vw - var(--business-wide-width)) / 2);
  padding-left: max(16px, (100vw - var(--business-wide-width)) / 2);
}

[data-project-business=true] .business-flats__feature-card {
  flex: 0 0 812px;
  min-width: 0;
}

[data-project-business=true] .business-flats__feature-card--narrow {
  flex-basis: 581px;
}

[data-project-business=true] .business-flats__feature-pic {
  position: relative;
  display: block;
  height: 500px;
  overflow: hidden;
  border-radius: 10px;
  background: #f3f0ec;
}

[data-project-business=true] .business-flats__feature-pic img {
  position: absolute;
  display: block;
  max-width: none;
  object-fit: fill;
  -webkit-user-drag: none;
  user-select: none;
}

[data-project-business=true] .business-flats__feature-card--fireplace .business-flats__feature-pic img {
  top: -86.26%;
  left: 0;
  width: 100%;
  height: 224.05%;
}

[data-project-business=true] .business-flats__feature-card--panorama .business-flats__feature-pic img {
  top: -19.48%;
  left: -0.01%;
  width: 100.01%;
  height: 155.66%;
}

[data-project-business=true] .business-flats__feature-caption {
  margin-top: 26px;
  padding-left: 16px;
  color: #272030;
}

[data-project-business=true] .business-flats__feature-caption h4 {
  max-width: 353px;
  margin: 0 0 14px;
  font-family: var(--business-font-extended);
  font-size: 22px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__feature-caption p {
  max-width: 564px;
  margin: 0;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__feature-card--narrow .business-flats__feature-caption p {
  max-width: 431px;
}

[data-project-business=true] .business-flats__feature-arrow {
  position: absolute;
  top: 236px;
  z-index: 4;
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  padding: 0;
  border: 1px solid #cecece;
  border-radius: 8px;
  color: #272030;
  background: #ffffff;
  backdrop-filter: blur(32px);
  cursor: pointer;
}

[data-project-business=true] .business-flats__feature-arrow--prev {
  left: max(16px, (100vw - var(--business-wide-width)) / 2 + 16px);
}

[data-project-business=true] .business-flats__feature-arrow--next {
  right: max(16px, (100vw - var(--business-wide-width)) / 2 + 16px);
}

[data-project-business=true] .business-flats__feature-arrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateX(-1px) rotate(45deg);
}

[data-project-business=true] .business-flats__feature-arrow--prev::before {
  transform: translateX(1px) rotate(-135deg);
}

[data-project-business=true] .business-flats__picker-panel {
  position: relative;
  min-height: 731px;
  margin-top: 126px;
}

[data-project-business=true] .business-flats__picker-meta {
  display: flex;
  min-height: 18px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  color: #e0e1e2;
  font-family: var(--business-font-extended);
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__picker-count {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

[data-project-business=true] .business-flats__picker-count i {
  display: block;
  width: 1px;
  height: 13px;
  background: currentColor;
  opacity: 0.8;
}

[data-project-business=true] .business-flats__picker {
  position: relative;
  height: 680px;
  margin-top: 33px;
}

[data-project-business=true] .business-flats__scheme {
  position: absolute;
  top: 0;
  left: 0;
  width: 928px;
  height: 680px;
  overflow: hidden;
  border-radius: 8px;
  background: #f2f2f2;
}

[data-project-business=true] .business-flats__scheme-tags {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  display: flex;
  max-width: calc(100% - 120px);
  flex-wrap: wrap;
  gap: 8px;
}

[data-project-business=true] .business-flats__scheme-tags:empty {
  display: none;
}

[data-project-business=true] .business-flats__scheme-tags span {
  display: inline-flex;
  min-height: 25px;
  align-items: center;
  padding: 1px 12px 4px;
  border-radius: 24px;
  color: #272030;
  background: #ffffff;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

[data-project-business=true] .business-flats__scheme-tools {
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 3;
  display: grid;
  gap: 12px;
}

[data-project-business=true] .business-flats__scheme-tool {
  position: relative;
  display: grid;
  width: 36px;
  height: 35px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 8px;
  color: #272030;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(32px);
  cursor: pointer;
}

[data-project-business=true] .business-flats__scheme-tool::before,
[data-project-business=true] .business-flats__scheme-tool::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

[data-project-business=true] .business-flats__scheme-tool::after {
  transform: rotate(90deg);
}

[data-project-business=true] .business-flats__scheme-tool--minus::after {
  display: none;
}

[data-project-business=true] .business-flats__scheme-plan {
  --business-flats-plan-scale: 1;
  --business-flats-plan-x: 0px;
  --business-flats-plan-y: 0px;
  position: absolute;
  top: 75px;
  left: 58px;
  display: flex;
  width: 773px;
  height: 512px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: default;
  touch-action: pan-y;
}

[data-project-business=true] .business-flats__scheme-plan img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: translate3d(var(--business-flats-plan-x), var(--business-flats-plan-y), 0) scale(var(--business-flats-plan-scale));
  transform-origin: center;
  transition: opacity 0.25s ease, transform 0.25s ease;
  -webkit-user-drag: none;
  user-select: none;
}

[data-project-business=true] .business-flats__scheme-plan.is-zoomed {
  cursor: grab;
  touch-action: none;
}

[data-project-business=true] .business-flats__scheme-plan.is-dragging {
  cursor: grabbing;
}

[data-project-business=true] .business-flats__scheme-plan.is-dragging img {
  transition: opacity 0.25s ease;
}

[data-project-business=true] .business-flats__scheme-caption {
  position: absolute;
  bottom: 20px;
  left: 24px;
  max-width: calc(100% - 48px);
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__scheme-caption strong {
  font-weight: 600;
}

[data-project-business=true] .business-flats__choice {
  position: absolute;
  top: 0;
  right: 5px;
  width: 459px;
  height: 623px;
  overflow: hidden;
}

[data-project-business=true] .business-flats__choice::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 102px;
  pointer-events: none;
  background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));
}

[data-project-business=true] .business-flats__choice-list {
  display: flex;
  height: 100%;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
  scrollbar-width: none;
}

[data-project-business=true] .business-flats__choice-list::-webkit-scrollbar {
  display: none;
}

[data-project-business=true] .business-flats__choice-item {
  flex: 0 0 auto;
}

[data-project-business=true] .business-flats__choice-card {
  display: flex;
  width: 100%;
  height: 130px;
  align-items: flex-start;
  gap: 29px;
  padding: 12px;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  color: #272030;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

[data-project-business=true] .business-flats__choice-card.is-active {
  border-color: transparent;
  background: rgba(39, 32, 48, 0.05);
}

[data-project-business=true] .business-flats__choice-thumb {
  position: relative;
  display: block;
  flex: 0 0 153px;
  width: 153px;
  height: 105px;
  overflow: hidden;
  border-radius: 8px;
}

[data-project-business=true] .business-flats__choice-thumb img {
  position: absolute;
  top: -23.2%;
  left: 0;
  display: block;
  width: 100%;
  height: 146.39%;
  max-width: none;
  object-fit: fill;
}

[data-project-business=true] .business-flats__choice-info {
  display: flex;
  width: 252px;
  min-width: 0;
  height: 105px;
  flex-direction: column;
  gap: 6px;
  padding: 6px 0;
}

[data-project-business=true] .business-flats__choice-info strong {
  display: block;
  overflow: hidden;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-project-business=true] .business-flats__choice-info span {
  color: #272030;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-flats__choice-btn {
  position: absolute;
  right: 5px;
  top: 640px;
  display: flex;
  width: 459px;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 16px 4px;
  border: 0;
  border-radius: 8px;
  color: #ffffff;
  background: #272030;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
  cursor: pointer;
}

[data-project-business=true] .business-flats__lead {
  max-width: 820px;
  color: rgba(48, 40, 58, 0.76);
  font-size: clamp(20px, 2vw, 30px);
  line-height: 1.18;
}

[data-project-business=true] .business-flats__advantages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

[data-project-business=true] .business-flats__advantage {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(48, 40, 58, 0.1);
  border-radius: 8px;
  background: #ffffff;
}

[data-project-business=true] .business-flats__advantage-pic,
[data-project-business=true] .business-flats__advantage-pic img {
  display: block;
  width: 100%;
}

[data-project-business=true] .business-flats__advantage-pic img {
  aspect-ratio: 1.4/1;
  object-fit: cover;
  transition: transform 0.45s ease;
}

[data-project-business=true] .business-flats__advantage--empty {
  display: flex;
  min-height: 260px;
  align-items: flex-end;
  background: #f7f4ef;
}

[data-project-business=true] .business-flats__advantage-body {
  display: grid;
  gap: 12px;
  padding: 22px;
}

[data-project-business=true] .business-flats__advantage-title {
  margin: 0;
  font-size: 20px;
  line-height: 1.12;
}

[data-project-business=true] .business-flats__advantage-text {
  display: -webkit-box;
  overflow: hidden;
  color: rgba(48, 40, 58, 0.68);
  font-size: 14px;
  line-height: 1.38;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

[data-project-business=true] .business-flats__layouts {
  display: grid;
  grid-template-columns: minmax(0, 0.58fr) minmax(360px, 0.42fr);
  gap: 28px;
  padding: 28px;
  border-radius: 8px;
  background: #f7f4ef;
}

[data-project-business=true] .business-flats__layout-preview {
  position: relative;
  display: grid;
  min-height: 520px;
  align-items: center;
  justify-items: center;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
}

[data-project-business=true] .business-flats__layout-pic,
[data-project-business=true] .business-flats__layout-pic img {
  display: block;
  width: 100%;
  height: 100%;
}

[data-project-business=true] .business-flats__layout-pic img {
  object-fit: contain;
  padding: 34px;
}

[data-project-business=true] .business-flats__layout-empty {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 320px;
  place-items: center;
  color: rgba(48, 40, 58, 0.24);
}

[data-project-business=true] .business-flats__layout-caption {
  position: absolute;
  left: 22px;
  bottom: 22px;
  display: grid;
  gap: 6px;
  max-width: calc(100% - 44px);
  padding: 16px 18px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 42px rgba(48, 40, 58, 0.12);
}

[data-project-business=true] .business-flats__layout-caption span {
  color: rgba(48, 40, 58, 0.54);
  font-size: 12px;
  line-height: 1.2;
  text-transform: uppercase;
}

[data-project-business=true] .business-flats__layout-caption strong {
  font-size: 18px;
  line-height: 1.2;
}

[data-project-business=true] .business-flats__layout-side {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 18px;
}

[data-project-business=true] .business-flats__layout-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.05;
}

[data-project-business=true] .business-flats__layout-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-flats__layout-link {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(48, 40, 58, 0.1);
  border-radius: 8px;
  color: #30283a;
  background: #ffffff;
  text-decoration: none;
  transition: border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

[data-project-business=true] .business-flats__layout-link.is-active {
  border-color: rgba(48, 40, 58, 0.34);
  box-shadow: 0 14px 34px rgba(48, 40, 58, 0.1);
}

[data-project-business=true] .business-flats__layout-name {
  overflow: hidden;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-project-business=true] .business-flats__layout-props {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: rgba(48, 40, 58, 0.62);
  font-size: 13px;
  line-height: 1.2;
}

[data-project-business=true] .business-flats__layout-price {
  font-size: 18px;
  line-height: 1.15;
}

[data-project-business=true] .business-flats__layout-btn {
  width: 100%;
  margin-top: auto;
}

[data-project-business=true] .business-commercial-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-commercial-section .wrapper-section__head-core {
  display: block;
}

[data-project-business=true] .business-commercial {
  display: grid;
  gap: 34px;
}

[data-project-business=true] .business-commercial__intro {
  display: grid;
  grid-template-columns: minmax(0, 0.58fr) minmax(360px, 0.42fr);
  gap: 42px;
  align-items: end;
}

[data-project-business=true] .business-commercial__lead {
  color: #30283a;
  font-size: clamp(28px, 3.2vw, 48px);
  font-weight: 700;
  line-height: 0.98;
}

[data-project-business=true] .business-commercial__facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border-radius: 8px;
  background: rgba(48, 40, 58, 0.12);
}

[data-project-business=true] .business-commercial__fact {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 20px;
  background: #f7f4ef;
}

[data-project-business=true] .business-commercial__fact strong {
  font-size: 26px;
  line-height: 1;
}

[data-project-business=true] .business-commercial__fact span {
  color: rgba(48, 40, 58, 0.64);
  font-size: 13px;
  line-height: 1.25;
}

[data-project-business=true] .business-commercial__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

[data-project-business=true] .business-commercial__benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

[data-project-business=true] .business-commercial__benefit {
  display: grid;
  gap: 16px;
  min-width: 0;
  min-height: 260px;
  align-content: end;
  padding: 26px;
  border: 1px solid rgba(48, 40, 58, 0.1);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(247, 244, 239, 0.52) 0%, #f7f4ef 100%), #ffffff;
}

[data-project-business=true] .business-commercial__benefit strong {
  font-size: 24px;
  line-height: 1.08;
}

[data-project-business=true] .business-commercial__benefit span {
  color: rgba(48, 40, 58, 0.68);
  font-size: 15px;
  line-height: 1.4;
}

[data-project-business=true] .business-commercial__card {
  min-width: 0;
}

[data-project-business=true] .business-commercial__card-link {
  display: grid;
  grid-template-rows: minmax(180px, 1fr) auto;
  min-height: 100%;
  overflow: hidden;
  border: 1px solid rgba(48, 40, 58, 0.1);
  border-radius: 8px;
  color: #30283a;
  background: #ffffff;
  text-decoration: none;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

[data-project-business=true] .business-commercial__card-content {
  display: grid;
  gap: 14px;
  align-content: start;
  min-width: 0;
  padding: 22px;
}

[data-project-business=true] .business-commercial__card-title {
  overflow: hidden;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-project-business=true] .business-commercial__card-props {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  color: rgba(48, 40, 58, 0.62);
  font-size: 13px;
  line-height: 1.2;
}

[data-project-business=true] .business-commercial__card-price {
  margin-top: 4px;
  font-size: 18px;
  line-height: 1.15;
}

[data-project-business=true] .business-commercial__card-media {
  display: grid;
  min-height: 210px;
  place-items: center;
  background: #f7f4ef;
}

[data-project-business=true] .business-commercial__card-pic,
[data-project-business=true] .business-commercial__card-pic img {
  display: block;
  width: 100%;
  height: 100%;
}

[data-project-business=true] .business-commercial__card-pic img {
  object-fit: contain;
  padding: 20px;
  transition: transform 0.45s ease;
}

[data-project-business=true] .business-commercial__card-empty {
  display: grid;
  width: 100%;
  min-height: 210px;
  place-items: center;
  color: rgba(48, 40, 58, 0.24);
}

[data-project-business=true] .business-commercial__footer {
  display: flex;
  justify-content: flex-end;
}

[data-project-business=true] .business-commercial__btn {
  min-width: 260px;
}

[data-project-business=true] .business-commercial-section {
  overflow: hidden;
}

[data-project-business=true] .business-commercial-section .wrapper-section__head-core {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding-top: 0;
  padding-bottom: 0;
}

[data-project-business=true] .business-commercial-section .business-section-meta {
  width: 100%;
  margin-bottom: 43px;
}

[data-project-business=true] .business-commercial-section .wrapper-section__title {
  max-width: 1376px;
  margin: 0 auto;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: clamp(78px, 5.469vw, 105px);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: 0;
  text-align: center;
}

[data-project-business=true] .business-commercial-section .wrapper-section__body-core {
  padding-bottom: 100px;
}

[data-project-business=true] .business-commercial {
  display: block;
}

[data-project-business=true] .business-commercial__intro {
  display: block;
  max-width: 430px;
  margin: 34px 0 58px auto;
}

[data-project-business=true] .business-commercial--figma .business-commercial__intro {
  max-width: 564px;
  margin: 63px 15px 76px auto;
}

[data-project-business=true] .business-commercial__lead {
  margin: 0;
  color: #30283a;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-commercial__hero {
  position: relative;
  width: 100vw;
  height: 960px;
  margin-left: calc(50% - 50vw);
  overflow: hidden;
  background: #f3f0ec;
}

[data-project-business=true] .business-commercial__hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 960px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-y;
  user-select: none;
}

[data-project-business=true] .business-commercial__hero-canvas::-webkit-scrollbar {
  display: none;
}

[data-project-business=true] .business-commercial__hero-scroll-canvas {
  position: relative;
  width: 2428px;
  min-width: 100%;
  height: 960px;
}

[data-project-business=true] .business-commercial__hero-layer {
  position: absolute;
  display: block;
  max-width: none;
  object-fit: fill;
  user-select: none;
  -webkit-user-drag: none;
}

[data-project-business=true] .business-commercial__hero-layer--1 {
  top: -0.01%;
  left: -0.6%;
  width: 101.11%;
  height: 100.01%;
}

[data-project-business=true] .business-commercial__hero-layer--2 {
  top: -87.75%;
  left: 10.46%;
  width: 79.08%;
  height: 200.1%;
}

[data-project-business=true] .business-commercial--figma + .business-commercial__hero {
  margin-top: 0;
}

[data-project-business=true] .business-commercial__hero .business-commercial__facts,
[data-project-business=true] .business-commercial__hero--figma .business-commercial__facts {
  position: absolute;
  left: max(16px, (100vw - 1408px) / 2 + 24px);
  bottom: 46px;
  z-index: 2;
  display: flex;
  gap: 16px;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
  border-radius: 0;
  background: transparent;
}

[data-project-business=true] .business-commercial__hero .business-commercial__fact,
[data-project-business=true] .business-commercial__hero--figma .business-commercial__fact {
  display: flex;
  flex: 0 0 348px;
  height: 123px;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
  padding: 19px 24px 12px;
  color: #ffffff;
  border-radius: 8px;
  background: rgba(39, 32, 48, 0.1);
  backdrop-filter: blur(49px);
}

[data-project-business=true] .business-commercial__hero .business-commercial__fact strong,
[data-project-business=true] .business-commercial__hero--figma .business-commercial__fact strong {
  font-family: var(--business-font-extended);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}

[data-project-business=true] .business-commercial__hero .business-commercial__fact span,
[data-project-business=true] .business-commercial__hero--figma .business-commercial__fact span {
  max-width: 150px;
  color: #ffffff;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-commercial__hero-pic {
  display: block;
  width: 100%;
  min-height: 540px;
  overflow: hidden;
  background: #f3f0ec;
}

[data-project-business=true] .business-commercial__hero-pic img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 540px;
  object-fit: cover;
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-architecture__visual:hover .business-architecture__pic img {
    transform: scale(1.04);
  }
  [data-project-business=true] .business-materials__visual:hover .business-materials__pic img {
    transform: scale(1.04);
  }
  [data-project-business=true] .business-flats__hero:hover .business-flats__pic img,
  [data-project-business=true] .business-flats__advantage:hover .business-flats__advantage-pic img {
    transform: scale(1.03);
  }
  [data-project-business=true] .business-flats__layout-link:hover {
    border-color: rgba(48, 40, 58, 0.3);
    box-shadow: 0 14px 34px rgba(48, 40, 58, 0.12);
    transform: translateY(-2px);
  }
  [data-project-business=true] .business-commercial__card-link:hover {
    border-color: rgba(48, 40, 58, 0.28);
    box-shadow: 0 18px 42px rgba(48, 40, 58, 0.12);
    transform: translateY(-2px);
  }
  [data-project-business=true] .business-commercial__card-link:hover .business-commercial__card-pic img {
    transform: scale(1.03);
  }
}
@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-plan .master-plan__img:hover::after,
  [data-project-business=true] .business-plan .master-plan__img:focus-within::after {
    opacity: 1;
  }
  [data-project-business=true] .business-plan .master-plan__img:hover .master-plan__floor-point,
  [data-project-business=true] .business-plan .master-plan__img:focus-within .master-plan__floor-point,
  [data-project-business=true] .business-plan .master-plan__img:hover .master-plan__infra-item,
  [data-project-business=true] .business-plan .master-plan__img:focus-within .master-plan__infra-item {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@media (hover: none), (pointer: coarse) {
  [data-project-business=true] .business-plan .master-plan__floor-point,
  [data-project-business=true] .business-plan .master-plan__infra-item {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 1023px) {
  [data-project-business=true] .business-plan .master-plan__floor-point,
  [data-project-business=true] .business-plan .master-plan__infra-item {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
[data-project-business=true] .business-location-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-location-section .wrapper-section__head-core {
  display: block;
  padding-top: 0;
  padding-bottom: 55px;
}

[data-project-business=true] .business-location-section .business-section-meta {
  display: flex;
  margin-bottom: 29px;
  color: #e0e1e2;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

[data-project-business=true] .business-location-section__title {
  max-width: 783px;
  color: #272030;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 0;
}

[data-project-business=true] .business-location-section .wrapper-section__body-core {
  padding-bottom: 42px;
}

[data-project-business=true] .business-location,
[data-project-business=true] .business-location__panel,
[data-project-business=true] .business-location__panel-inner {
  min-width: 0;
}

[data-project-business=true] .business-location__panel {
  display: none;
}

[data-project-business=true] .business-location__panel.is-active {
  display: block;
}

[data-project-business=true] .business-location__panel-inner {
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
}

[data-project-business=true] .business-location .map-object {
  min-height: 658px;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: none;
}

[data-project-business=true] .business-location .map-object__map {
  height: 658px;
}

[data-project-business=true] .business-location .map {
  min-height: 100%;
}

[data-project-business=true] .business-location .map-object__controls {
  align-self: start;
  justify-self: start;
  width: 204px;
  margin: 20px 0 0 16px;
  padding: 0;
}

[data-project-business=true] .business-location .map-object__filter-panel {
  display: grid;
  gap: 8px;
  max-width: 100%;
  height: 450px;
  padding: 12px;
  border: 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(48, 40, 58, 0.12);
  backdrop-filter: blur(10px);
}

[data-project-business=true] .business-location .map-object__filter-head {
  display: grid;
  grid-template-columns: minmax(0, 152px) 16px;
  gap: 12px;
}

[data-project-business=true] .business-location .map-object__filter {
  justify-content: flex-start;
  min-height: 28px;
  padding: 0;
  border-radius: 0;
  color: #272030;
  transition: background-color 0.2s ease, color 0.2s ease;
}

[data-project-business=true] .business-location .map-object__filter-icon {
  width: 28px;
  height: 28px;
}

[data-project-business=true] .business-location .map-object__filter-title,
[data-project-business=true] .business-location .map-object__filter-count {
  font-size: 14px;
  line-height: 16px;
}

[data-project-business=true] .business-location .map-object__filter-icon img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(11%) saturate(1198%) hue-rotate(222deg) brightness(96%) contrast(91%);
}

[data-project-business=true] .business-location .map-object__filter:hover,
[data-project-business=true] .business-location .map-object__filter.is-active {
  background: transparent;
}

[data-project-business=true] .business-location .map-object__filter:hover .map-object__filter-icon,
[data-project-business=true] .business-location .map-object__filter.is-active .map-object__filter-icon {
  background: #272030;
  color: #ffffff;
}

[data-project-business=true] .business-location .map-object__filter:hover .map-object__filter-icon img,
[data-project-business=true] .business-location .map-object__filter.is-active .map-object__filter-icon img {
  filter: brightness(0) invert(1);
}

[data-project-business=true] .business-location .map-object__filter:hover .map-object__filter-icon .map-object__filter-img--default,
[data-project-business=true] .business-location .map-object__filter.is-active .map-object__filter-icon .map-object__filter-img--default {
  display: none;
}

[data-project-business=true] .business-location .map-object__filter:hover .map-object__filter-icon .map-object__filter-img--active,
[data-project-business=true] .business-location .map-object__filter.is-active .map-object__filter-icon .map-object__filter-img--active {
  display: block;
  filter: none;
}

[data-project-business=true] .business-location .map-object--project-location .map__controls {
  top: 0;
  right: 0;
  padding: 20px 16px 20px 0;
}

[data-project-business=true] .business-office-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-office-section .wrapper-section__head {
  margin-bottom: 25px;
}

[data-project-business=true] .business-office-section .wrapper-section__title {
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 64px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0;
}

[data-project-business=true] .business-office {
  min-width: 0;
}

[data-project-business=true] .business-office__body {
  position: relative;
  display: block;
  width: 100%;
  height: 624px;
  min-height: 624px;
  overflow: hidden;
  border-radius: 10px;
  background: #f2f4f6;
}

[data-project-business=true] .business-office__list,
[data-project-business=true] .business-office__list-item,
[data-project-business=true] .business-office__map {
  min-width: 0;
}

[data-project-business=true] .business-office__list {
  position: absolute;
  z-index: 3;
  top: 40px;
  left: 40px;
  display: block;
  width: 364px;
}

[data-project-business=true] .business-office__card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  height: auto;
  padding: 24px;
  border: 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: none;
}

[data-project-business=true] .business-office__list-item {
  height: auto;
}

[data-project-business=true] .business-office__card .card-office__img,
[data-project-business=true] .business-office__card .card-office__img picture,
[data-project-business=true] .business-office__card .card-office__img img {
  display: block;
  width: 100%;
  height: 182px;
  border-radius: 4px;
}

[data-project-business=true] .business-office__card .card-office__img {
  flex: 0 0 auto;
  overflow: hidden;
}

[data-project-business=true] .business-office__card .card-office__img img {
  object-fit: cover;
}

[data-project-business=true] .business-office__card .card-office__name {
  display: none;
}

[data-project-business=true] .business-office__card .card-office__main {
  padding: 0;
}

[data-project-business=true] .business-office__card .card-office__props {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

[data-project-business=true] .business-office__card .contact-prop {
  display: flex;
  gap: 4px;
  align-items: flex-start;
  min-height: 22px;
  padding: 0;
  border: 0;
  color: #322b3c;
}

[data-project-business=true] .business-office__card .contact-prop__icon {
  display: inline-flex;
  flex: 0 0 16px;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 20px;
  color: #6c3f99;
}

[data-project-business=true] .business-office__card .contact-prop__text {
  color: #322b3c;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

[data-project-business=true] .business-office__card .contact-prop__btn {
  display: inline-flex;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin: -2px 0 0 0;
  color: rgba(50, 43, 60, 0.62);
}

[data-project-business=true] .business-office__card .card-office__btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

[data-project-business=true] .business-office__card .card-office__btns .btn {
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 0 16px 4px;
  border: 0;
  border-radius: 8px;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

[data-project-business=true] .business-office__card .card-office__btns .btn--var-primary-reverse {
  background: #f2f2f2;
  color: #272030;
}

[data-project-business=true] .business-office__card .card-office__btns .btn--var-accent {
  background: #272030;
  color: #ffffff;
}

[data-project-business=true] .business-office__map {
  position: absolute;
  inset: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: #eef1f4;
}

[data-project-business=true] .business-office__map .map {
  height: 100%;
  min-height: 624px;
}

[data-project-business=true] .business-office__map .map__controls {
  top: 20px;
  right: 16px;
}

[data-project-business=true] .business-office__map .map__controls .btn-control {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 8px;
  background: rgba(39, 32, 48, 0.5);
  color: #ffffff;
  backdrop-filter: blur(32px);
}

[data-project-business=true] .business-news-section {
  color: #30283a;
  background: #f7f4ef;
}

[data-project-business=true] .business-news {
  position: relative;
  min-width: 0;
}

[data-project-business=true] .business-news__core {
  overflow: visible;
}

[data-project-business=true] .business-news__item {
  height: auto;
}

[data-project-business=true] .business-news__card {
  height: 100%;
  border: 1px solid rgba(48, 40, 58, 0.12);
  border-radius: 8px;
  padding: 12px;
  background: #ffffff;
}

[data-project-business=true] .business-news__card .news-card__cover {
  overflow: hidden;
  border-radius: 6px;
}

[data-project-business=true] .business-news__card .news-card__cover-pic {
  border-radius: 6px;
  background: rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-news__card .news-card__date {
  color: rgba(48, 40, 58, 0.56);
}

[data-project-business=true] .business-news__card .news-card__title {
  color: #30283a;
}

[data-project-business=true] .business-news .news-carousel__prev,
[data-project-business=true] .business-news .news-carousel__next {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-news .news-carousel__prev,
  [data-project-business=true] .business-news .news-carousel__next {
    opacity: 0;
  }
  [data-project-business=true] .business-news:hover .news-carousel__prev,
  [data-project-business=true] .business-news:hover .news-carousel__next,
  [data-project-business=true] .business-news .news-carousel__prev:focus-visible,
  [data-project-business=true] .business-news .news-carousel__next:focus-visible {
    opacity: 1;
  }
}
[data-project-business=true] .business-about-section {
  color: #30283a;
  background: #f7f4ef;
}

[data-project-business=true] .business-about-section .wrapper-section__body-core {
  padding-bottom: 96px;
}

[data-project-business=true] .business-about__core {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 56px;
  position: relative;
}

[data-project-business=true] .business-about__side,
[data-project-business=true] .business-about__main,
[data-project-business=true] .business-about__tabs,
[data-project-business=true] .business-about__tab,
[data-project-business=true] .business-about__content,
[data-project-business=true] .business-about__gallery {
  min-width: 0;
  max-width: 100%;
}

[data-project-business=true] .business-about__nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 8px 0 96px;
  list-style: none;
}

[data-project-business=true] .business-about__nav-btn {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  border: 0;
  border-left: 1px solid rgba(48, 40, 58, 0.18);
  border-radius: 0;
  padding: 10px 0 10px 18px;
  color: rgba(48, 40, 58, 0.58);
  background: transparent;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  transition: border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

[data-project-business=true] .business-about__nav-btn:hover,
[data-project-business=true] .is-active > .business-about__nav-btn,
[data-project-business=true] .business-about__nav-btn.is-active {
  border-color: #6c3f99;
  color: #30283a;
}

[data-project-business=true] .is-active > .business-about__nav-btn {
  transform: translate3d(8px, 0, 0);
}

[data-project-business=true] .business-about__tab {
  display: grid;
  grid-template-columns: minmax(300px, 0.43fr) minmax(0, 0.57fr);
  gap: 56px;
  align-items: stretch;
}

[data-project-business=true] .business-about__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 500px;
  padding: 34px 0;
  border-top: 1px solid rgba(48, 40, 58, 0.18);
  border-bottom: 1px solid rgba(48, 40, 58, 0.18);
}

[data-project-business=true] .business-about__title {
  display: block;
  max-width: 560px;
  margin-bottom: 28px;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.08;
}

[data-project-business=true] .business-about__text {
  position: relative;
  max-width: 520px;
  overflow: hidden;
  color: rgba(48, 40, 58, 0.72);
  font-size: 16px;
  line-height: 1.55;
  transition: max-height 0.3s ease;
}

[data-project-business=true] .business-about__text.is-hidden {
  max-height: calc(6lh + 1.2em) !important;
}

[data-project-business=true] .business-about__text.is-hidden::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(247, 244, 239, 0) 0%, #f7f4ef 100%);
}

[data-project-business=true] .business-about__text p + p,
[data-project-business=true] .business-about__text ul + p,
[data-project-business=true] .business-about__text p + ul {
  margin-top: 16px;
}

[data-project-business=true] .business-about__text ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-about__text li {
  position: relative;
  padding-left: 22px;
}

[data-project-business=true] .business-about__text li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 1px;
  background: currentColor;
  opacity: 0.48;
}

[data-project-business=true] .business-about__more {
  display: none;
  width: max-content;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  border: 0;
  padding: 0;
  color: #6c3f99;
  background: transparent;
  font-size: 14px;
  line-height: 1.4;
}

[data-project-business=true] .business-about__more.is-visible {
  display: inline-flex;
}

[data-project-business=true] .business-about__more .icn {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

[data-project-business=true] .business-about__more.is-open .icn {
  transform: rotate(0deg);
}

[data-project-business=true] .business-about__gallery,
[data-project-business=true] .business-lobby__gallery {
  position: relative;
}

[data-project-business=true] .business-about__gallery .gallery-slider__swiper {
  border-radius: 8px;
  box-shadow: 0 22px 70px rgba(48, 40, 58, 0.1);
}

[data-project-business=true] .business-about__gallery .gallery-slider__pic {
  aspect-ratio: 1/0.68;
  min-height: 500px;
  border-radius: 8px;
  background: rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-about__gallery .gallery-slider__pic img {
  border-radius: 8px;
  transform: scale(1.001);
  transition: transform 0.5s ease;
}

[data-project-business=true] .business-about__gallery:hover .gallery-slider__pic img,
[data-project-business=true] .business-about__gallery:focus-within .gallery-slider__pic img {
  transform: scale(1.035);
}

[data-project-business=true] .business-about__pic--empty {
  display: flex;
  min-height: 500px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: rgba(48, 40, 58, 0.34);
  background: rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-about__gallery .gallery-slider__prev,
[data-project-business=true] .business-about__gallery .gallery-slider__next,
[data-project-business=true] .business-about__gallery .gallery-slider__fullscreen {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

[data-project-business=true] .business-about__gallery .gallery-slider__fullscreen {
  top: 16px;
  right: 16px;
  bottom: auto;
  display: flex;
}

[data-project-business=true] .business-about__gallery .gallery-slider__prev,
[data-project-business=true] .business-about__gallery .gallery-slider__next {
  top: auto;
  bottom: 16px;
  transform: none;
}

[data-project-business=true] .business-about__gallery .gallery-slider__prev {
  right: 64px;
  left: auto;
}

[data-project-business=true] .business-about__gallery .gallery-slider__next {
  right: 16px;
}

[data-project-business=true] .business-about__tab > .gallery-slider__pag {
  right: 16px;
  bottom: 16px;
  left: auto;
  transform: none;
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-about__gallery .gallery-slider__prev,
  [data-project-business=true] .business-about__gallery .gallery-slider__next,
  [data-project-business=true] .business-about__gallery .gallery-slider__fullscreen {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  [data-project-business=true] .business-about__gallery:hover .gallery-slider__prev,
  [data-project-business=true] .business-about__gallery:hover .gallery-slider__next,
  [data-project-business=true] .business-about__gallery:hover .gallery-slider__fullscreen,
  [data-project-business=true] .business-about__gallery .gallery-slider__prev:focus-visible,
  [data-project-business=true] .business-about__gallery .gallery-slider__next:focus-visible,
  [data-project-business=true] .business-about__gallery .gallery-slider__fullscreen:focus-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
[data-project-business=true] .business-about__core .business-scroll-tabs-counter {
  right: auto;
  bottom: 0;
  left: 0;
}

[data-project-business=true] .business-gallery-counter {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 84px;
  border-radius: 8px;
  padding: 9px 12px;
  color: #f7f4ef;
  background: rgba(48, 40, 58, 0.72);
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
  backdrop-filter: blur(10px);
}

[data-project-business=true] .business-gallery-counter__current {
  font-size: 20px;
  line-height: 1;
}

[data-project-business=true] .business-gallery-counter__divider {
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: 0.42;
}

[data-project-business=true] .business-lobby-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-lobby-section .wrapper-section__head-core {
  display: block;
  padding-top: 40px;
  padding-bottom: 70px;
}

[data-project-business=true] .business-lobby-section .wrapper-section__title {
  max-width: 1376px;
  margin: 0 auto;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: clamp(86px, 5.469vw, 105px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
}

[data-project-business=true] .business-lobby-section .business-section-meta {
  margin-bottom: 43px;
  color: #e0e1e2;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

[data-project-business=true] .business-lobby__hero {
  position: relative;
  width: calc(100% + 2px);
  margin-left: -1px;
  margin-bottom: 72px;
  overflow: hidden;
  border-radius: 10px;
  background: #f7f4ef;
}

[data-project-business=true] .business-lobby--figma .business-lobby__hero {
  margin-bottom: 0;
}

[data-project-business=true] .business-lobby__hero-pic {
  position: relative;
  display: block;
  aspect-ratio: 1410/720;
  width: 100%;
  overflow: hidden;
}

[data-project-business=true] .business-lobby__hero-pic img {
  display: block;
  width: 100%;
}

[data-project-business=true] .business-lobby__hero-pic img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.45s ease;
}

[data-project-business=true] [data-business-lobby-scroll] {
  overflow-x: auto;
  overflow-y: hidden;
  cursor: grab;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  touch-action: pan-y;
  user-select: none;
}

[data-project-business=true] [data-business-wide-scroll-root=true] {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

[data-project-business=true] [data-business-lobby-drag-root=true] {
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

[data-project-business=true] [data-business-lobby-scroll]::-webkit-scrollbar {
  display: none;
}

[data-project-business=true] [data-business-lobby-drag-root=true].is-dragging,
[data-project-business=true] [data-business-wide-scroll-root=true].is-dragging,
[data-project-business=true] [data-business-wide-scroll].is-dragging,
[data-project-business=true] [data-business-lobby-scroll].is-dragging {
  cursor: grabbing;
}

[data-project-business=true] .business-lobby__hero-scroll-canvas {
  position: relative;
  width: 154.47%;
  height: 100%;
}

[data-project-business=true] .business-lobby__hero-pic--figma img {
  position: absolute;
  top: -52.64%;
  left: 0;
  width: 100%;
  max-width: none;
  height: 152.64%;
  object-fit: fill;
  -webkit-user-drag: none;
  user-select: none;
}

[data-project-business=true] .business-lobby--figma .business-lobby__hero:hover .business-lobby__hero-pic img {
  transform: none;
}

[data-project-business=true] .business-lobby__hero-fullscreen {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 3;
  opacity: 1;
}

[data-project-business=true] .business-lobby__facts {
  position: absolute;
  bottom: 16px;
  left: 17px;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(4, 348px);
  gap: 16px;
  width: max-content;
  padding: 0;
}

[data-project-business=true] .business-lobby__fact {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  width: 348px;
  height: 123px;
  padding: 15px 25px 12px;
  color: #ffffff;
  background: rgba(39, 32, 48, 0.1);
  border-radius: 8px;
  backdrop-filter: blur(49px);
}

[data-project-business=true] .business-lobby__fact b {
  display: block;
  font-family: var(--business-font-extended);
  font-size: 32px;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

[data-project-business=true] .business-lobby__fact span {
  max-width: 150px;
  color: #ffffff;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.03em;
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-lobby__hero:hover .business-lobby__hero-pic img {
    transform: scale(1.03);
  }
}
[data-project-business=true] .business-lobby__core {
  display: grid;
  grid-template-columns: minmax(320px, 448px) minmax(0, 832px);
  gap: 128px;
  align-items: stretch;
}

[data-project-business=true] .business-lobby__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 529px;
  padding: 30px 0;
  border-top: 1px solid rgba(48, 40, 58, 0.18);
  border-bottom: 1px solid rgba(48, 40, 58, 0.18);
}

[data-project-business=true] .business-lobby__title {
  display: block;
  max-width: 560px;
  margin-bottom: 18px;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.12;
}

[data-project-business=true] .business-lobby__subtitle {
  display: block;
  max-width: 520px;
  margin-bottom: 28px;
  color: rgba(48, 40, 58, 0.62);
  font-family: var(--business-font-extended);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
}

[data-project-business=true] .business-lobby__text {
  position: relative;
  max-width: 520px;
  overflow: hidden;
  color: rgba(48, 40, 58, 0.72);
  font-family: var(--business-font-extended);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 600;
  transition: max-height 0.3s ease;
}

[data-project-business=true] .business-lobby__text.is-hidden {
  max-height: calc(8lh + 1.2em) !important;
}

[data-project-business=true] .business-lobby__text.is-hidden::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(247, 244, 239, 0) 0%, #f7f4ef 100%);
}

[data-project-business=true] .business-lobby__text p + p,
[data-project-business=true] .business-lobby__text ul + p,
[data-project-business=true] .business-lobby__text p + ul {
  margin-top: 16px;
}

[data-project-business=true] .business-lobby__text ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-lobby__text li {
  position: relative;
  padding-left: 22px;
}

[data-project-business=true] .business-lobby__text li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 1px;
  background: currentColor;
  opacity: 0.48;
}

[data-project-business=true] .business-lobby__more {
  display: none;
  width: max-content;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  border: 0;
  padding: 0;
  color: #6c3f99;
  background: transparent;
  font-size: 14px;
  line-height: 1.4;
}

[data-project-business=true] .business-lobby__more.is-visible {
  display: inline-flex;
}

[data-project-business=true] .business-lobby__more .icn {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

[data-project-business=true] .business-lobby__more.is-open .icn {
  transform: rotate(0deg);
}

[data-project-business=true] .business-lobby__main,
[data-project-business=true] .business-lobby__slider,
[data-project-business=true] .business-lobby__gallery {
  min-width: 0;
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__swiper {
  border-radius: 8px;
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__pic {
  aspect-ratio: 1/0.6358173077;
  min-height: 529px;
  border-radius: 8px;
  background: rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__pic img {
  border-radius: 8px;
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__prev,
[data-project-business=true] .business-lobby__gallery .gallery-slider__next,
[data-project-business=true] .business-lobby__gallery .gallery-slider__fullscreen {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__fullscreen {
  top: 16px;
  right: 16px;
  bottom: auto;
  display: flex;
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__prev,
[data-project-business=true] .business-lobby__gallery .gallery-slider__next {
  top: auto;
  bottom: 16px;
  transform: none;
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__prev {
  right: 64px;
  left: auto;
}

[data-project-business=true] .business-lobby__gallery .gallery-slider__next {
  right: 16px;
}

[data-project-business=true] .business-lobby__slider > .gallery-slider__pag {
  right: 16px;
  bottom: 16px;
  left: auto;
  transform: none;
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-lobby__gallery .gallery-slider__prev,
  [data-project-business=true] .business-lobby__gallery .gallery-slider__next,
  [data-project-business=true] .business-lobby__gallery .gallery-slider__fullscreen {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  [data-project-business=true] .business-lobby__gallery:hover .gallery-slider__prev,
  [data-project-business=true] .business-lobby__gallery:hover .gallery-slider__next,
  [data-project-business=true] .business-lobby__gallery:hover .gallery-slider__fullscreen,
  [data-project-business=true] .business-lobby__gallery .gallery-slider__prev:focus-visible,
  [data-project-business=true] .business-lobby__gallery .gallery-slider__next:focus-visible,
  [data-project-business=true] .business-lobby__gallery .gallery-slider__fullscreen:focus-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
[data-project-business=true] .business-parking-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-parking-section .wrapper-section__head-core {
  display: grid;
  grid-template-columns: minmax(360px, 0.38fr) minmax(0, 0.62fr);
  gap: 56px;
  align-items: start;
}

[data-project-business=true] .business-parking-section .business-section-meta {
  grid-column: 1/-1;
}

[data-project-business=true] .business-parking-section__title {
  grid-column: 1;
  max-width: 520px;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: clamp(78px, 5.469vw, 105px);
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: 0;
}

[data-project-business=true] .business-parking-section__title span {
  display: block;
  white-space: nowrap;
}

[data-project-business=true] .business-parking-section__title span + span {
  color: #d9d6dc;
}

[data-project-business=true] .business-parking-section .wrapper-section__body {
  overflow: visible;
}

[data-project-business=true] .business-parking-section .wrapper-section__body-core {
  padding-bottom: 120px;
}

[data-project-business=true] .business-parking__core {
  display: grid;
  grid-template-columns: minmax(360px, 0.38fr) minmax(0, 0.62fr);
  gap: 56px;
  position: relative;
}

[data-project-business=true] .business-parking__side {
  display: none;
}

[data-project-business=true] .business-parking__nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 8px 0 96px;
  list-style: none;
}

[data-project-business=true] .business-parking__nav-btn {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  border: 0;
  border-left: 1px solid rgba(48, 40, 58, 0.18);
  border-radius: 0;
  padding: 10px 0 10px 18px;
  color: rgba(48, 40, 58, 0.58);
  background: transparent;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  transition: border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

[data-project-business=true] .business-parking__nav-btn:hover,
[data-project-business=true] .is-active > .business-parking__nav-btn,
[data-project-business=true] .business-parking__nav-btn.is-active {
  border-color: #6c3f99;
  color: #30283a;
}

[data-project-business=true] .is-active > .business-parking__nav-btn {
  transform: translate3d(8px, 0, 0);
}

[data-project-business=true] .business-parking__main {
  position: relative;
  grid-column: 1/-1;
  min-width: 0;
  overflow: hidden;
}

[data-project-business=true] .business-parking__viewport {
  min-height: 540px;
  overflow: hidden;
  border-radius: 5px;
}

[data-project-business=true] .business-parking__track {
  display: flex;
  gap: 16px;
  height: 100%;
  transition: transform 0.58s cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: transform;
}

[data-project-business=true] .business-parking__slide {
  flex: 0 0 100%;
  pointer-events: none;
}

[data-project-business=true] .business-parking__slide.is-active {
  pointer-events: auto;
}

[data-project-business=true] .business-parking__copy {
  display: none;
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity 0.36s ease, transform 0.36s ease;
  pointer-events: none;
}

[data-project-business=true] .business-parking__copy.is-active {
  display: block;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}

[data-project-business=true] .business-parking__tab {
  min-width: 0;
}

[data-project-business=true] .business-parking__content {
  display: grid;
  grid-template-columns: minmax(360px, 0.38fr) minmax(0, 0.62fr);
  gap: 56px;
  align-items: stretch;
}

[data-project-business=true] .business-parking__description {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 540px;
  padding: 128px 0 2px;
  border: 0;
}

[data-project-business=true] .business-parking__title {
  display: none;
  max-width: 520px;
  margin-bottom: 28px;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.08;
}

[data-project-business=true] .business-parking__text {
  position: relative;
  max-width: 390px;
  overflow: hidden;
  color: #30283a;
  font-size: 16px;
  line-height: 1.24;
  transition: max-height 0.3s ease;
}

[data-project-business=true] .business-parking__text.is-hidden {
  max-height: calc(6lh + 1.2em) !important;
}

[data-project-business=true] .business-parking__text.is-hidden::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

[data-project-business=true] .business-parking__text p + p,
[data-project-business=true] .business-parking__text ul + p,
[data-project-business=true] .business-parking__text p + ul {
  margin-top: 16px;
}

[data-project-business=true] .business-parking__text ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-parking__text li {
  position: relative;
  padding-left: 22px;
}

[data-project-business=true] .business-parking__text li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 1px;
  background: currentColor;
  opacity: 0.48;
}

[data-project-business=true] .business-parking__more {
  display: none;
  width: max-content;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  border: 0;
  padding: 0;
  color: #6c3f99;
  background: transparent;
  font-size: 14px;
  line-height: 1.4;
}

[data-project-business=true] .business-parking__more.is-visible {
  display: inline-flex;
}

[data-project-business=true] .business-parking__more .icn {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

[data-project-business=true] .business-parking__more.is-open .icn {
  transform: rotate(0deg);
}

[data-project-business=true] .business-parking__choose {
  width: 174px;
  min-height: 39px;
  margin-top: 28px;
  border-radius: 5px;
  padding: 11px 18px;
  color: #ffffff;
  background: #30283a;
  font-family: var(--business-font-extended);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}

[data-project-business=true] .business-parking__pic {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 540px;
  overflow: hidden;
  border-radius: 5px;
  background: rgba(48, 40, 58, 0.08);
  box-shadow: none;
}

[data-project-business=true] .business-parking__pic img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 540px;
  object-fit: cover;
  border-radius: 5px;
  transform: scale(1.001);
  transition: transform 0.5s ease;
}

[data-project-business=true] .business-parking__content:hover .business-parking__pic img,
[data-project-business=true] .business-parking__content:focus-within .business-parking__pic img {
  transform: scale(1.035);
}

[data-project-business=true] .business-parking__fullscreen {
  transition: opacity 0.25s ease, transform 0.25s ease;
}

@media (hover: hover) and (pointer: fine) {
  [data-project-business=true] .business-parking__fullscreen {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  [data-project-business=true] .business-parking__content:hover .business-parking__fullscreen,
  [data-project-business=true] .business-parking__fullscreen:focus-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
[data-project-business=true] .business-parking__core .business-scroll-tabs-counter {
  right: auto;
  bottom: 0;
  left: 0;
  color: #30283a;
}

@media (min-width: 1024px) {
  [data-project-business=true] .business-parking-section {
    position: relative;
    height: 817px;
    min-height: 817px;
    overflow: hidden;
  }
  [data-project-business=true] .business-parking-section .wrapper-section__head {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    pointer-events: none;
  }
  [data-project-business=true] .business-parking-section .wrapper-section__head-core {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
  }
  [data-project-business=true] .business-parking-section .business-section-meta {
    position: absolute;
    top: 0;
    left: 16px;
    width: calc(100% - 32px);
    margin: 0;
    color: #e0e1e2;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.03em;
  }
  [data-project-business=true] .business-parking-section .business-section-meta__counter {
    gap: 7px;
  }
  [data-project-business=true] .business-parking-section .business-section-meta__counter-line {
    width: 13px;
    flex-basis: 13px;
  }
  [data-project-business=true] .business-parking-section__title {
    position: absolute;
    top: 57px;
    left: 16px;
    width: 721px;
    max-width: 721px;
    color: #272030;
    font-size: 64px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.03em;
  }
  [data-project-business=true] .business-parking-section__title span + span {
    color: rgba(39, 32, 48, 0.25);
  }
  [data-project-business=true] .business-parking-section .wrapper-section__body {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 817px;
    overflow: hidden;
  }
  [data-project-business=true] .business-parking-section .wrapper-section__body-core {
    height: 817px;
    padding: 0;
  }
  [data-project-business=true] .business-parking__core,
  [data-project-business=true] .business-parking__main {
    --business-parking-image-left: 596px;
    --business-parking-page-offset: max(16px, calc((100vw - 1408px) / 2));
    --business-parking-viewport-width: calc(100vw - var(--business-parking-page-offset) - var(--business-parking-image-left));
    --business-parking-peek-width: clamp(112px, 12vw, 240px);
    --business-parking-image-width: min(812px, max(520px, calc(var(--business-parking-viewport-width) - var(--business-parking-peek-width))));
    position: relative;
    display: block;
    width: 100%;
    height: 817px;
    overflow: visible;
  }
  [data-project-business=true] .business-parking__tabs > .business-parking__tab {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
  }
  [data-project-business=true] .business-parking__tabs > .business-parking__tab.is-active {
    position: relative;
    inset: auto;
    z-index: 1;
    opacity: 1;
    pointer-events: auto;
  }
  [data-project-business=true] .business-parking__description {
    position: absolute;
    z-index: 2;
    top: 455px;
    left: 16px;
    display: block;
    width: 448px;
    height: 222px;
    min-height: 0;
    padding: 0;
  }
  [data-project-business=true] .business-parking__copy {
    display: block;
    position: absolute;
    inset: 0;
  }
  [data-project-business=true] .business-parking__copy.is-active {
    position: relative;
  }
  [data-project-business=true] .business-parking__text {
    width: 448px;
    max-width: 448px;
    min-height: 154px;
    color: #272030;
    font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  [data-project-business=true] .business-parking__text.is-hidden {
    max-height: none !important;
  }
  [data-project-business=true] .business-parking__text.is-hidden::after,
  [data-project-business=true] .business-parking__more {
    display: none;
  }
  [data-project-business=true] .business-parking__choose {
    display: inline-flex;
    width: 216px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    margin-top: 28px;
    border-radius: 8px;
    padding: 0 16px 4px;
    background: #483d55;
    font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: -0.03em;
  }
  [data-project-business=true] .business-parking__viewport {
    position: absolute;
    top: 57px;
    left: var(--business-parking-image-left);
    width: var(--business-parking-viewport-width);
    height: 620px;
    min-height: 0;
    overflow: hidden;
    border-radius: 10px;
  }
  [data-project-business=true] .business-parking__track {
    gap: 16px;
    height: 620px;
  }
  [data-project-business=true] .business-parking__pic {
    position: relative;
    top: auto;
    left: auto;
    flex: 0 0 var(--business-parking-image-width);
    width: var(--business-parking-image-width);
    height: 620px;
    min-height: 0;
    border-radius: 10px;
  }
  [data-project-business=true] .business-parking__pic--next {
    left: 1424px;
    width: 817px;
  }
  [data-project-business=true] .business-parking__pic img {
    width: 100%;
    height: 100%;
    min-height: 0;
    border-radius: 10px;
    object-fit: cover;
    transform: none;
  }
  [data-project-business=true] .business-parking__content:hover .business-parking__pic img,
  [data-project-business=true] .business-parking__content:focus-within .business-parking__pic img {
    transform: none;
  }
  [data-project-business=true] .business-parking__fullscreen {
    top: 77px;
    right: auto;
    bottom: auto;
    left: calc(var(--business-parking-image-left) + var(--business-parking-image-width) - 56px);
    width: 36px;
    height: 36px;
    border-radius: 8px;
    opacity: 1;
    transform: none;
  }
  [data-project-business=true] .business-parking__image-nav {
    position: absolute;
    z-index: 2;
    top: 621px;
    left: calc(var(--business-parking-image-left) + var(--business-parking-image-width) - 151px);
    display: flex;
    gap: 12px;
  }
  [data-project-business=true] .business-parking__image-arrow {
    appearance: none;
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 8px;
    padding: 0;
    background: #ffffff;
    cursor: pointer;
  }
  [data-project-business=true] .business-parking__image-arrow::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #272030;
    border-right: 2px solid #272030;
    transform: rotate(45deg);
  }
  [data-project-business=true] .business-parking__image-arrow--prev::before {
    left: 14px;
    transform: rotate(225deg);
  }
  [data-project-business=true] .business-parking__core .business-scroll-tabs-counter {
    display: none;
  }
}
[data-project-business=true] .modal--fullscreen .modal__body {
  display: flex;
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: center;
}

[data-project-business=true] .modal--fullscreen .modal__body picture,
[data-project-business=true] .modal--fullscreen .modal__body img {
  position: static;
  display: block;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  object-fit: contain;
  transform: none;
}

[data-project-business=true] .business-buy-section {
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-buy-section .wrapper-section__head-core {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  padding-bottom: 64px;
}

[data-project-business=true] .business-buy-section .business-section-meta {
  width: 100%;
  margin-bottom: 72px;
  color: #e0e1e2;
}

[data-project-business=true] .business-buy-section .wrapper-section__title {
  max-width: 720px;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: clamp(58px, 4.688vw, 90px);
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: 0;
}

[data-project-business=true] .business-buy-section .wrapper-section__body-core {
  padding-bottom: 112px;
}

[data-project-business=true] .business-buy {
  position: relative;
  color: #30283a;
}

[data-project-business=true] .business-buy__core {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 1fr);
  gap: 56px;
  position: relative;
  padding-bottom: 84px;
}

[data-project-business=true] .business-buy__side,
[data-project-business=true] .business-buy__main,
[data-project-business=true] .business-buy__tabs,
[data-project-business=true] .business-buy__tab,
[data-project-business=true] .business-buy__text-block,
[data-project-business=true] .business-buy__features {
  min-width: 0;
}

[data-project-business=true] .business-buy__nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 8px 0 96px;
  list-style: none;
}

[data-project-business=true] .business-buy__nav-btn {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  border: 0;
  border-left: 1px solid rgba(48, 40, 58, 0.18);
  border-radius: 0;
  padding: 10px 0 10px 18px;
  color: rgba(48, 40, 58, 0.58);
  background: transparent;
  font-size: 16px;
  line-height: 1.25;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

[data-project-business=true] .business-buy__nav-btn:hover,
[data-project-business=true] .is-active > .business-buy__nav-btn,
[data-project-business=true] .business-buy__nav-btn.is-active {
  border-color: #6c3f99;
  color: #30283a;
}

[data-project-business=true] .is-active > .business-buy__nav-btn {
  transform: translate3d(8px, 0, 0);
  cursor: default;
}

[data-project-business=true] .business-buy__tab {
  display: grid;
  grid-template-columns: minmax(340px, 0.56fr) minmax(280px, 0.44fr);
  gap: 56px;
  align-items: start;
}

[data-project-business=true] .business-buy__text-block {
  min-height: 360px;
  padding: 34px 0;
  border-top: 1px solid rgba(48, 40, 58, 0.18);
  border-bottom: 1px solid rgba(48, 40, 58, 0.18);
}

[data-project-business=true] .business-buy__title {
  display: block;
  max-width: 680px;
  margin-bottom: 20px;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: 34px;
  font-weight: 700;
  line-height: 1.08;
}

[data-project-business=true] .business-buy__text {
  position: relative;
  max-width: 680px;
  overflow: hidden;
  color: rgba(48, 40, 58, 0.72);
  font-size: 16px;
  line-height: 1.55;
  transition: max-height 0.3s ease;
}

[data-project-business=true] .business-buy__text.is-hidden {
  max-height: calc(6lh + 1.2em) !important;
}

[data-project-business=true] .business-buy__text.is-hidden::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3em;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

[data-project-business=true] .business-buy__text p + p,
[data-project-business=true] .business-buy__text ul + p,
[data-project-business=true] .business-buy__text p + ul {
  margin-top: 16px;
}

[data-project-business=true] .business-buy__text ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-buy__text li {
  position: relative;
  padding-left: 22px;
}

[data-project-business=true] .business-buy__text li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 8px;
  height: 1px;
  background: currentColor;
  opacity: 0.48;
}

[data-project-business=true] .business-buy__more {
  display: none;
  width: max-content;
  align-items: center;
  gap: 6px;
  margin-top: 22px;
  border: 0;
  padding: 0;
  color: #6c3f99;
  background: transparent;
  font-size: 14px;
  line-height: 1.4;
}

[data-project-business=true] .business-buy__more.is-visible {
  display: inline-flex;
}

[data-project-business=true] .business-buy__more .icn {
  transform: rotate(180deg);
  transition: transform 0.2s ease;
}

[data-project-business=true] .business-buy__more.is-open .icn {
  transform: rotate(0deg);
}

[data-project-business=true] .business-buy__features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-buy__features-item {
  min-height: 132px;
  padding: 24px;
  border: 1px solid rgba(48, 40, 58, 0.12);
  border-radius: 8px;
  background: #f7f4ef;
  box-shadow: 0 16px 44px rgba(48, 40, 58, 0.06);
}

[data-project-business=true] .business-buy__features-title,
[data-project-business=true] .business-buy__features-text {
  display: block;
  max-width: 100%;
  overflow-wrap: anywhere;
}

[data-project-business=true] .business-buy__features-title {
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.05;
}

[data-project-business=true] .business-buy__features-text {
  margin-top: 10px;
  color: rgba(48, 40, 58, 0.58);
  font-size: 14px;
  line-height: 1.35;
}

[data-project-business=true] .business-buy__btn {
  grid-column: 2;
  width: max-content;
  min-width: 220px;
  margin-top: 8px;
}

[data-project-business=true] .business-buy__btn .btn__text {
  color: #ffffff;
}

[data-project-business=true] .business-buy__accordion {
  border-top: 1px solid rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-buy__row {
  border-bottom: 1px solid rgba(48, 40, 58, 0.08);
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-buy__row[open] {
  background: #f2f2f2;
}

[data-project-business=true] .business-buy__summary {
  display: grid;
  grid-template-columns: minmax(260px, 0.32fr) minmax(0, 1fr) 40px;
  gap: 44px;
  align-items: start;
  min-height: 88px;
  padding: 30px 0 22px;
  cursor: pointer;
  list-style: none;
}

[data-project-business=true] .business-buy__summary::-webkit-details-marker {
  display: none;
}

[data-project-business=true] .business-buy__row-title {
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.18;
}

[data-project-business=true] .business-buy__row-conditions {
  display: grid;
  grid-template-columns: repeat(4, minmax(110px, 1fr));
  gap: 34px;
  min-width: 0;
}

[data-project-business=true] .business-buy__condition {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: rgba(48, 40, 58, 0.26);
}

[data-project-business=true] .business-buy__row[open] .business-buy__condition {
  color: #30283a;
}

[data-project-business=true] .business-buy__condition b,
[data-project-business=true] .business-buy__condition span {
  display: block;
  overflow-wrap: anywhere;
}

[data-project-business=true] .business-buy__condition b {
  font-family: var(--business-font-extended);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

[data-project-business=true] .business-buy__condition span {
  color: rgba(48, 40, 58, 0.34);
  font-size: 12px;
  line-height: 1.2;
}

[data-project-business=true] .business-buy__row[open] .business-buy__condition span {
  color: rgba(48, 40, 58, 0.48);
}

[data-project-business=true] .business-buy__toggle {
  position: relative;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(48, 40, 58, 0.14);
  border-radius: 6px;
  background: #ffffff;
}

[data-project-business=true] .business-buy__toggle::before,
[data-project-business=true] .business-buy__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  border-radius: 999px;
  background: #30283a;
  transform: translate(-50%, -50%);
}

[data-project-business=true] .business-buy__toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

[data-project-business=true] .business-buy__row[open] .business-buy__toggle {
  border-color: transparent;
  background: rgba(48, 40, 58, 0.16);
}

[data-project-business=true] .business-buy__row[open] .business-buy__toggle::after {
  opacity: 0;
}

[data-project-business=true] .business-buy__panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.32fr) minmax(0, 1fr) 40px;
  gap: 44px;
  padding: 0 0 48px;
}

[data-project-business=true] .business-buy__panel-inner {
  display: contents;
}

[data-project-business=true] .business-buy__panel .business-buy__text {
  grid-column: 2;
  max-width: 560px;
  color: #30283a;
  font-size: 16px;
  line-height: 1.28;
}

[data-project-business=true] .business-buy__panel .business-buy__btn {
  grid-column: 2;
  width: 214px;
  min-width: 0;
  min-height: 40px;
  margin-top: 22px;
  border-radius: 5px;
}

[data-project-business=true] .business-buy__core .business-scroll-tabs-counter {
  right: auto;
  bottom: 0;
  left: 0;
}

@media (min-width: 1024px) {
  [data-project-business=true] .business-buy-section {
    --business-buy-offset: max(32px, calc((100vw - 1376px) / 2));
    --business-buy-row-width: min(1392px, calc(100vw - var(--business-buy-offset) - 32px));
    --business-buy-title-width: 448px;
    --business-buy-details-width: minmax(0, 872px);
    --business-buy-button-width: 40px;
    --business-buy-column-gap: 16px;
  }
  [data-project-business=true] .business-buy-section .wrapper-section__head > .width,
  [data-project-business=true] .business-buy-section .wrapper-section__body > .width {
    width: 100%;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
  }
  [data-project-business=true] .business-buy-section .wrapper-section__head-core {
    width: var(--business-buy-row-width);
    margin: 0 0 0 var(--business-buy-offset);
    padding: 42px 0 57px;
  }
  [data-project-business=true] .business-buy-section .business-section-meta {
    display: none;
  }
  [data-project-business=true] .business-buy-section .wrapper-section__title {
    max-width: 721px;
    font-size: 64px;
    line-height: 0.95;
    letter-spacing: -1.92px;
  }
  [data-project-business=true] .business-buy-section .wrapper-section__body-core {
    padding-top: 5px;
    padding-bottom: 120px;
  }
  [data-project-business=true] .business-buy {
    width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  [data-project-business=true] .business-buy__accordion {
    border-top: 1px solid #e7e7e7;
  }
  [data-project-business=true] .business-buy__row {
    border-bottom: 1px solid #e7e7e7;
    background: #ffffff;
    transition: background-color 0.28s ease;
  }
  [data-project-business=true] .business-buy__row[open],
  [data-project-business=true] .business-buy__row.is-business-buy-opening,
  [data-project-business=true] .business-buy__row.is-business-buy-closing {
    background: #f2f2f2;
  }
  [data-project-business=true] .business-buy__summary {
    display: grid;
    width: var(--business-buy-row-width);
    margin: 0 0 0 var(--business-buy-offset);
    grid-template-columns: var(--business-buy-title-width) var(--business-buy-details-width) var(--business-buy-button-width);
    gap: 0 var(--business-buy-column-gap);
  }
  [data-project-business=true] .business-buy__summary {
    box-sizing: border-box;
    align-items: center;
    min-height: 109px;
    padding: 16px 0;
    transition: min-height 0.34s cubic-bezier(0.42, 0, 0.18, 1), padding-top 0.34s cubic-bezier(0.42, 0, 0.18, 1), padding-bottom 0.34s cubic-bezier(0.42, 0, 0.18, 1);
  }
  [data-project-business=true] .business-buy__row[open] .business-buy__summary,
  [data-project-business=true] .business-buy__row.is-business-buy-opening .business-buy__summary,
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__summary {
    min-height: 87px;
    align-items: start;
    padding-top: 30px;
    padding-bottom: 0;
  }
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__summary {
    min-height: 109px;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  [data-project-business=true] .business-buy__summary::-webkit-details-marker {
    display: none;
  }
  [data-project-business=true] .business-buy__row-title {
    align-self: center;
    color: #272030;
    font-family: var(--business-font-extended);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    transition: margin-top 0.34s cubic-bezier(0.42, 0, 0.18, 1);
  }
  [data-project-business=true] .business-buy__row[open] .business-buy__row-title,
  [data-project-business=true] .business-buy__row.is-business-buy-opening .business-buy__row-title,
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__row-title {
    align-self: start;
    margin-top: 11px;
  }
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__row-title {
    align-self: center;
    margin-top: 0;
  }
  [data-project-business=true] .business-buy__row-conditions {
    display: flex;
    width: 872px;
    max-width: 100%;
    align-items: flex-start;
    gap: 40px;
    min-width: 0;
  }
  [data-project-business=true] .business-buy__condition {
    display: flex;
    width: 192px;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
    color: #272030;
    opacity: 0.3;
  }
  [data-project-business=true] .business-buy__row[open] .business-buy__condition,
  [data-project-business=true] .business-buy__row.is-business-buy-opening .business-buy__condition,
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__condition {
    opacity: 1;
  }
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__condition {
    opacity: 0.3;
  }
  [data-project-business=true] .business-buy__condition b {
    color: #272030;
    font-family: var(--business-font-extended);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
  }
  [data-project-business=true] .business-buy__condition span {
    color: rgb(39, 32, 48);
    font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.42px;
  }
  [data-project-business=true] .business-buy__row[open] .business-buy__condition span,
  [data-project-business=true] .business-buy__row.is-business-buy-opening .business-buy__condition span,
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__condition span {
    color: rgba(39, 32, 48, 0.3);
  }
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__condition span {
    color: rgb(39, 32, 48);
  }
  [data-project-business=true] .business-buy__toggle {
    align-self: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    background: #ffffff;
  }
  [data-project-business=true] .business-buy__summary:hover .business-buy__toggle {
    border-color: #b6b4b8;
  }
  [data-project-business=true] .business-buy__toggle::before,
  [data-project-business=true] .business-buy__toggle::after {
    width: 14px;
    height: 2px;
    background: #272030;
  }
  [data-project-business=true] .business-buy__row[open] .business-buy__toggle,
  [data-project-business=true] .business-buy__row.is-business-buy-opening .business-buy__toggle,
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__toggle {
    align-self: start;
    border-color: transparent;
    background: rgba(39, 32, 48, 0.3);
  }
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__toggle {
    align-self: center;
    border-color: #e7e7e7;
    background: #ffffff;
  }
  [data-project-business=true] .business-buy__row[open] .business-buy__toggle::before,
  [data-project-business=true] .business-buy__row.is-business-buy-opening .business-buy__toggle::before,
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__toggle::before {
    background: #ffffff;
  }
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__toggle::before,
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__toggle::after {
    background: #272030;
  }
  [data-project-business=true] .business-buy__row.is-business-buy-closing .business-buy__toggle::after {
    opacity: 1;
  }
  [data-project-business=true] .business-buy__panel {
    box-sizing: border-box;
    display: block;
    width: var(--business-buy-row-width);
    height: auto;
    margin: 0 0 0 var(--business-buy-offset);
    overflow: hidden;
    padding: 0;
    transition: height 0.34s cubic-bezier(0.42, 0, 0.18, 1);
  }
  [data-project-business=true] .business-buy__panel-inner {
    display: grid;
    grid-template-columns: var(--business-buy-title-width) var(--business-buy-details-width) var(--business-buy-button-width);
    gap: 0 var(--business-buy-column-gap);
    padding: 16px 0 27px;
  }
  [data-project-business=true] .business-buy__row:not([open]) .business-buy__panel {
    height: 0;
  }
  [data-project-business=true] .business-buy__panel .business-buy__text {
    grid-column: 2;
    max-width: 564px;
    color: #272030;
    font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px;
  }
  [data-project-business=true] .business-buy__panel .business-buy__btn {
    grid-column: 2;
    width: 216px;
    min-width: 0;
    min-height: 40px;
    margin-top: 40px;
    border-radius: 8px;
    padding: 0 16px 4px;
    background: #272030;
  }
  [data-project-business=true] .business-buy__panel .business-buy__btn .btn__text {
    font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px;
  }
}
[data-project-business=true] .business-timeline-section {
  position: relative;
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .business-timeline-section.is-business-observed,
[data-project-business=true] .business-timeline-section.is-business-observed.is-business-visible {
  transform: none;
  transition: opacity 0.7s ease;
  will-change: opacity;
}

[data-project-business=true] .business-timeline-section .wrapper-section__head {
  position: relative;
  pointer-events: none;
}

[data-project-business=true] .business-timeline-section .wrapper-section__head > .width,
[data-project-business=true] .business-timeline-section .wrapper-section__body > .width {
  width: 100%;
  max-width: none;
  padding-right: 0;
  padding-left: 0;
}

[data-project-business=true] .business-timeline-section .wrapper-section__head::after {
  content: "";
  position: absolute;
  top: 151px;
  right: 0;
  left: 0;
  height: 1px;
  background: rgba(39, 32, 48, 0.12);
}

[data-project-business=true] .business-timeline-section .wrapper-section__head-core {
  position: relative;
  display: block;
  width: min(1408px, 100% - 64px);
  min-height: 151px;
  margin: 0 auto;
  padding: 0;
}

[data-project-business=true] .business-timeline-section .wrapper-section__title {
  position: absolute;
  top: 0;
  left: 16px;
  max-width: none;
  color: #272030;
  font-family: var(--business-font-extended);
  font-size: 64px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: 0;
  white-space: nowrap;
}

[data-project-business=true] .business-timeline-years {
  position: absolute;
  z-index: 1;
  top: 120px;
  left: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0;
  color: rgba(48, 40, 58, 0.34);
  font-family: var(--business-font-extended);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

[data-project-business=true] .business-timeline-years__item {
  position: relative;
  width: 100px;
  height: 32px;
  padding: 0 0 8px;
  border: 0;
  background: transparent;
  color: rgba(39, 32, 48, 0.3);
  font: inherit;
  text-align: left;
  cursor: default;
}

[data-project-business=true] .business-timeline-years__item::after {
  content: "";
  position: absolute;
  right: 6px;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: #272030;
  opacity: 0;
  transition: opacity 0.24s ease;
}

[data-project-business=true] .business-timeline-years__item.is-active {
  color: #272030;
}

[data-project-business=true] .business-timeline-years__item.is-active::after {
  opacity: 1;
}

[data-project-business=true] .business-timeline-controls {
  position: absolute;
  z-index: 3;
  top: 103px;
  right: -3px;
  display: flex;
  gap: 4px;
  pointer-events: auto;
}

[data-project-business=true] .business-timeline-section .wrapper-section__body-core {
  position: relative;
  left: -8px;
  width: min(1424px, 100% - 32px);
  margin: 0 auto;
  padding-top: 4px;
  padding-bottom: 104px;
}

[data-project-business=true] .business-timeline-section .timeline-carousel {
  position: relative;
  width: 100%;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__prev,
[data-project-business=true] .business-timeline-section .timeline-carousel__next {
  position: absolute;
  z-index: 3;
  top: -68px;
  right: -3px;
  left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #cecece;
  border-radius: 8px;
  background: #ffffff;
  color: #272030;
  transform: none;
  backdrop-filter: blur(32px);
  transition: border-color 0.24s ease, color 0.24s ease, opacity 0.24s ease;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__prev {
  right: 37px;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__prev .icn {
  transform: rotate(180deg);
}

[data-project-business=true] .business-timeline-section .timeline-carousel__prev:hover,
[data-project-business=true] .business-timeline-section .timeline-carousel__next:hover {
  border-color: rgba(39, 32, 48, 0.45);
}

[data-project-business=true] .business-timeline-section .timeline-carousel__prev.is-disabled,
[data-project-business=true] .business-timeline-section .timeline-carousel__next.is-disabled {
  opacity: 0.45;
}

[data-project-business=true] .business-timeline-controls .timeline-carousel__prev,
[data-project-business=true] .business-timeline-controls .timeline-carousel__next {
  position: static;
  top: auto;
  right: auto;
  left: auto;
  transform: none;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__core {
  overflow: hidden;
  width: 100%;
  height: 492px;
  margin: 0;
  border-radius: 10px;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__list {
  align-items: stretch;
  height: 100%;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__item,
[data-project-business=true] .business-timeline-section .timeline-carousel__item:nth-child(3n) {
  position: relative;
  width: 356px;
  height: 492px;
  padding: 16px 0 16px 16px;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__item:first-child {
  width: 712px;
}

[data-project-business=true] .business-timeline-section .timeline-card {
  overflow: hidden;
  width: 100%;
  height: 460px;
  border-radius: 10px;
  background: #e7e3df;
}

[data-project-business=true] .business-timeline-section .timeline-card__cover,
[data-project-business=true] .business-timeline-section .timeline-card__cover-large {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  aspect-ratio: auto;
}

[data-project-business=true] .business-timeline-section .timeline-card__cover img {
  border-radius: 10px;
}

[data-project-business=true] .business-timeline-section .timeline-card__btn {
  top: 50%;
  bottom: auto;
  left: 50%;
  min-width: 0;
  max-width: calc(100% - 32px);
  height: 24px;
  padding: 1px 10px 3px 8px;
  transform: translate(-50%, -50%);
  border-radius: 24px;
  background: rgba(39, 32, 48, 0.4);
  color: #ffffff;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
}

[data-project-business=true] .business-timeline-section .timeline-card__btn-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

[data-project-business=true] .business-timeline-section .timeline-card__btn-icn {
  flex: 0 0 16px;
}

[data-project-business=true] .business-timeline-section .timeline-card:hover .timeline-card__btn {
  background: #ffffff;
  color: #272030;
}

[data-project-business=true] .business-timeline-section .timeline-card:not([data-open-modal]) {
  cursor: grab;
}

[data-project-business=true] .business-timeline-section .timeline-card:not([data-open-modal]) .timeline-card__btn {
  padding-left: 12px;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__core:not(.swiper-initialized) .timeline-carousel__list {
  display: flex;
  align-items: center;
}

[data-project-business=true] .business-timeline-section .timeline-carousel__core:not(.swiper-initialized) .timeline-carousel__item:nth-child(4) ~ * {
  display: block;
}

[data-project-business=true] .hystmodal--video {
  z-index: 20000;
  align-content: center;
  padding: 16px 0;
}

[data-project-business=true] .hystmodal--video .hystmodal__window {
  height: auto;
  max-height: calc(100vh - 32px);
  margin: auto;
}

[data-project-business=true] .hystmodal--video .modal--video {
  align-items: center;
  justify-content: center;
  min-height: 0;
  height: auto;
}

[data-project-business=true] .hystmodal--video .modal__video {
  width: min(100vw - 80px, (100vh - 64px) * 16 / 9);
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  margin: 0 auto;
}

[data-project-business=true] .hystmodal--video .modal__video-frame {
  height: 100%;
}

[data-project-business=true] .hystmodal--video .modal__video iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}

[data-project-business=true] .projectcall-pic-section--projects_templin {
  padding: 0;
  background: #ffffff;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__core {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0;
  width: 100%;
  min-height: 520px;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__side {
  order: 2;
  min-width: 0;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__content {
  order: 1;
  min-width: 0;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__cover,
[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__cover img {
  width: 100%;
  height: 100%;
  min-height: 520px;
  aspect-ratio: auto;
  border-radius: 0;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__cover img {
  object-position: center center;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__form {
  height: 100%;
  min-height: 520px;
  border-radius: 0;
  padding: 56px 64px 48px;
  color: #ffffff;
  background: #5ca6db;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__title-large {
  max-width: 480px;
  margin-bottom: 44px;
  color: #ffffff;
  font-family: var(--business-font-extended);
  font-size: clamp(42px, 3.75vw, 72px);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: 0;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__wrapper {
  display: block;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__fields {
  max-width: 440px;
  row-gap: 14px;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__field--no-title .input {
  border-color: rgba(255, 255, 255, 0.54);
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__field--no-title .input::placeholder {
  color: rgba(255, 255, 255, 0.72);
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__footer {
  max-width: 520px;
  margin-top: 28px;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__footer .btn {
  min-width: 220px;
  color: #30283a;
  background: #ffffff;
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__checkboxes,
[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__info {
  color: rgba(255, 255, 255, 0.78);
}

[data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__checkboxes {
  max-width: 460px;
  font-size: 12px;
  line-height: 1.35;
}

[data-project-business=true] [data-business-scroll-tabs] {
  position: relative;
}

[data-project-business=true] .business-scroll-tabs-counter {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 84px;
  color: currentColor;
  font-size: 14px;
  line-height: 1;
  pointer-events: none;
  opacity: 0.64;
}

[data-project-business=true] .business-scroll-tabs-counter__current {
  font-size: 24px;
}

[data-project-business=true] .business-scroll-tabs-counter__divider {
  width: 28px;
  height: 1px;
  background: currentColor;
  opacity: 0.36;
}

[data-project-business=true] .business-location-story {
  position: relative;
  overflow: visible;
  color: #30283a;
  background: #f7f4ef;
}

[data-project-business=true] .business-location-story .wrapper-section__title {
  color: #30283a;
  opacity: 1;
}

[data-project-business=true] .business-location-story__inner {
  position: relative;
  padding: 108px 0 96px;
}

[data-project-business=true] .business-location-story__track {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

[data-project-business=true] .business-location-story__head {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.55fr);
  gap: 32px;
  align-items: end;
  width: 100%;
}

[data-project-business=true] .business-location-story__eyebrow {
  grid-column: 1/-1;
  color: rgba(48, 40, 58, 0.68);
  font-size: 13px;
  line-height: 1.4;
  text-transform: uppercase;
}

[data-project-business=true] .business-location-story__lead {
  max-width: 520px;
  color: rgba(48, 40, 58, 0.78);
  font-size: 18px;
  line-height: 1.45;
}

[data-project-business=true] .business-location-story__core {
  display: grid;
  grid-template-columns: minmax(220px, 0.32fr) minmax(0, 1fr);
  gap: 64px;
  align-items: start;
}

[data-project-business=true] .business-location-story__aside {
  position: sticky;
  top: 108px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: calc(100vh - 136px);
  min-width: 0;
}

[data-project-business=true] .business-location-story__nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-project-business=true] .business-location-story__nav-btn {
  display: grid;
  gap: 0;
  width: 100%;
  padding: 0 0 16px;
  color: rgba(48, 40, 58, 0.58);
  text-align: left;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(48, 40, 58, 0.22);
  cursor: pointer;
  transition: color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}

[data-project-business=true] .business-location-story__nav-btn.is-active {
  color: #30283a;
  border-color: #6c3f99;
  transform: translate3d(10px, 0, 0);
}

[data-project-business=true] .business-location-story__nav-year {
  font-family: var(--business-font-extended);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

[data-project-business=true] .business-location-story__nav-title {
  display: none;
}

[data-project-business=true] .business-location-story__counter {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 40px;
  color: rgba(48, 40, 58, 0.72);
  font-size: 14px;
  line-height: 1;
}

[data-project-business=true] .business-location-story__counter-line {
  width: 48px;
  height: 1px;
  background: currentColor;
  opacity: 0.34;
}

[data-project-business=true] .business-location-story__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.46fr) minmax(0, 0.54fr);
  gap: 32px;
  align-items: stretch;
  min-height: 430px;
  opacity: 0.42;
  transform: translate3d(0, 34px, 0);
  transition: opacity 0.45s ease, transform 0.45s ease;
}

[data-project-business=true] .business-location-story__panel + .business-location-story__panel {
  margin-top: 72px;
}

[data-project-business=true] .business-location-story__panel.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-project-business=true] .business-location-story__main {
  position: relative;
  display: grid;
  min-height: 430px;
}

[data-project-business=true] .business-location-story__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 420px;
  padding: 32px;
  background: #ffffff;
  border: 1px solid rgba(48, 40, 58, 0.1);
  box-shadow: 0 18px 60px rgba(48, 40, 58, 0.08);
  transform: translate3d(0, 22px, 0);
  transition: transform 0.45s ease;
}

[data-project-business=true] .business-location-story__panel.is-active .business-location-story__content {
  transform: translate3d(0, 0, 0);
}

[data-project-business=true] .business-location-story__year {
  margin-bottom: auto;
  color: rgba(48, 40, 58, 0.34);
  font-family: var(--business-font-extended);
  font-size: 58px;
  line-height: 1;
}

[data-project-business=true] .business-location-story__title {
  margin: 0 0 18px;
  color: #30283a;
  font-family: var(--business-font-extended);
  font-size: 30px;
  line-height: 1.12;
  font-weight: 700;
}

[data-project-business=true] .business-location-story__text {
  max-width: 430px;
  margin: 0;
  color: rgba(48, 40, 58, 0.78);
  font-family: var(--business-font-extended);
  font-size: 14px;
  line-height: 1.42;
  font-weight: 600;
}

[data-project-business=true] .business-location-story__visual {
  position: relative;
  min-height: 420px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid rgba(48, 40, 58, 0.1);
  box-shadow: 0 18px 60px rgba(48, 40, 58, 0.08);
}

[data-project-business=true] .business-location-story__visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #f7f4ef;
  transform: translate3d(0, 0, 0);
  transition: transform 0.58s cubic-bezier(0.72, 0, 0.18, 1);
}

[data-project-business=true] .business-location-story__panel.is-active .business-location-story__visual::after {
  transform: translate3d(0, -110%, 0);
}

[data-project-business=true] .business-location-story__pic,
[data-project-business=true] .business-location-story__pic img {
  width: 100%;
  height: 100%;
  min-height: 420px;
}

[data-project-business=true] .business-location-story__pic img {
  object-fit: cover;
  opacity: 0.96;
  filter: saturate(1.04) contrast(1.03);
  transform: translate3d(0, 28px, 0) scale(1.06);
  transition: opacity 0.45s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

[data-project-business=true] .business-location-story__panel.is-active .business-location-story__pic img {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-project-business=true] .business-location-story__fullscreen {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 3;
  transition: opacity 0.25s ease, transform 0.25s ease;
}

@media (hover: hover) {
  [data-project-business=true] .business-location-story__fullscreen {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }
  [data-project-business=true] .business-location-story__visual:hover .business-location-story__fullscreen {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1024px) {
  [data-project-business=true] .business-location-story {
    --business-story-core-height: 696px;
    --business-story-core-offset: 72px;
    --business-story-pin-top: max(72px, calc((100vh - var(--business-story-core-height)) / 2 - var(--business-story-core-offset)));
    min-height: var(--business-story-height, 500vh);
  }
  [data-project-business=true] .business-location-story__inner {
    position: sticky;
    top: var(--business-story-pin-top);
    display: flex;
    min-height: calc(100vh - var(--business-story-pin-top));
    flex-direction: column;
    justify-content: center;
    padding: 72px 0;
  }
  [data-project-business=true] .business-location-story__core {
    align-items: stretch;
  }
  [data-project-business=true] .business-location-story__main {
    display: block;
    min-height: clamp(430px, 100vh - 300px, 560px);
  }
  [data-project-business=true] .business-location-story__panel {
    position: absolute;
    inset: 0;
    min-height: 100%;
    pointer-events: none;
    opacity: 0;
    transform: translate3d(0, 40px, 0);
  }
  [data-project-business=true] .business-location-story__panel + .business-location-story__panel {
    margin-top: 0;
  }
  [data-project-business=true] .business-location-story__panel.is-active {
    z-index: 2;
    pointer-events: auto;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  [data-project-business=true] .business-location-story__content,
  [data-project-business=true] .business-location-story__visual,
  [data-project-business=true] .business-location-story__pic,
  [data-project-business=true] .business-location-story__pic img {
    min-height: 100%;
  }
}
@media (min-width: 1024px) {
  [data-project-business=true] .business-location-story {
    background: #f3f3f3;
  }
  [data-project-business=true] .business-location-story__inner {
    justify-content: flex-start;
    padding: 72px 0;
  }
  [data-project-business=true] .business-location-story .wrapper-section__head {
    position: absolute;
    top: 29px;
    right: 0;
    left: 0;
    z-index: 3;
    pointer-events: none;
  }
  [data-project-business=true] .business-location-story .wrapper-section__head-core,
  [data-project-business=true] .business-location-story .wrapper-section__body-core {
    padding: 0;
  }
  [data-project-business=true] .business-location-story__head,
  [data-project-business=true] .business-location-story__core {
    width: min(var(--business-wide-width), 100vw - 64px);
    margin-right: auto;
    margin-left: auto;
  }
  [data-project-business=true] .business-location-story__head {
    display: block;
  }
  [data-project-business=true] .business-location-story__head .business-section-meta {
    margin-bottom: 36px;
  }
  [data-project-business=true] .business-location-story .wrapper-section__title {
    width: 454px;
    color: #30283a;
    font-family: var(--business-font-extended);
    font-size: 64px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.03em;
  }
  [data-project-business=true] .business-location-story__lead,
  [data-project-business=true] .business-location-story__counter,
  [data-project-business=true] .business-location-story__year,
  [data-project-business=true] .business-location-story__title {
    display: none;
  }
  [data-project-business=true] .business-location-story__core {
    position: relative;
    display: block;
    min-height: 696px;
    margin-top: 0;
  }
  [data-project-business=true] .business-location-story__aside {
    position: absolute;
    top: 377px;
    left: 0;
    z-index: 4;
    display: block;
    width: 448px;
    max-height: none;
  }
  [data-project-business=true] .business-location-story__nav {
    flex-direction: row;
    gap: 30px;
    width: 448px;
    border-bottom: 1px solid rgba(48, 40, 58, 0.16);
  }
  [data-project-business=true] .business-location-story__nav-btn {
    width: auto;
    min-width: 0;
    border-bottom: 0;
    padding: 0 0 14px;
    color: rgba(48, 40, 58, 0.28);
    transform: none;
  }
  [data-project-business=true] .business-location-story__nav-btn.is-active {
    color: #30283a;
    transform: none;
  }
  [data-project-business=true] .business-location-story__nav-year {
    font-size: 20px;
    line-height: 1;
  }
  [data-project-business=true] .business-location-story__main {
    position: static;
    min-height: 590px;
  }
  [data-project-business=true] .business-location-story__panel {
    inset: 0;
    display: block;
    min-height: 696px;
  }
  [data-project-business=true] .business-location-story__content {
    position: absolute;
    top: 442px;
    left: 0;
    width: 448px;
    max-width: 448px;
    min-height: 0;
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    transform: none;
  }
  [data-project-business=true] .business-location-story__panel.is-active .business-location-story__content {
    transform: none;
  }
  [data-project-business=true] .business-location-story__text {
    max-width: 448px;
    color: #30283a;
    font-family: var(--business-font-extended);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
  }
  [data-project-business=true] .business-location-story__visual {
    position: absolute;
    top: 2px;
    right: 0;
    width: min(812px, 100% - 580px);
    height: 620px;
    min-height: 0;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
  }
  [data-project-business=true] .business-location-story__pic,
  [data-project-business=true] .business-location-story__pic img {
    min-height: 0;
    height: 100%;
    border-radius: 8px;
  }
}
.business-project-breadcrumbs {
  position: fixed;
  top: 57px;
  right: 0;
  left: 0;
  z-index: 94;
  height: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  backdrop-filter: blur(32px);
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

[data-project-business=true].is-business-nav-compact .business-project-breadcrumbs {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

[data-project-business=true].has-project-hidden-header .business-project-breadcrumbs {
  top: 0;
}

.business-project-breadcrumbs__inner {
  display: flex;
  align-items: center;
  width: calc(100% - 64px);
  max-width: 1392px;
  height: 100%;
  margin: 0 auto;
}

.business-project-breadcrumbs__el,
.business-project-breadcrumbs__sep {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px 8px 8px;
  color: inherit;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
  white-space: nowrap;
  transform: translateY(2px);
}

.business-project-breadcrumbs__el:nth-child(1) {
  min-width: 68px;
}

.business-project-breadcrumbs__sep:nth-child(2),
.business-project-breadcrumbs__sep:nth-child(4) {
  min-width: 20px;
}

.business-project-breadcrumbs__el:nth-child(3) {
  min-width: 74px;
}

.business-project-breadcrumbs__el:nth-child(5) {
  min-width: 73px;
}

.business-project-breadcrumbs__el:hover {
  color: #ffffff;
  text-decoration: none;
}

[data-project-business=true] .project-nav--business,
[data-project-business=true] .project-nav-sticky--business {
  transition: background-color 0.3s ease, border-color 0.3s ease, top 0.3s ease, transform 0.3s ease;
}

[data-project-business=true] .project-nav-sticky--business {
  position: fixed;
  top: 85px;
  right: 0;
  left: 0;
  z-index: 94;
  box-sizing: border-box;
  height: 52px;
  margin: 0;
  padding: 0;
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
  background: transparent;
  backdrop-filter: blur(32px);
}

[data-project-business=true].is-business-nav-compact .project-nav-sticky--business {
  top: 57px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background: #ffffff;
  backdrop-filter: blur(32px);
}

[data-project-business=true].has-project-hidden-header .project-nav-sticky--business {
  top: 28px;
}

[data-project-business=true].has-project-hidden-header.is-business-nav-compact .project-nav-sticky--business {
  top: 0;
}

[data-project-business=true] .project-nav-sticky--business .width {
  overflow: visible;
  width: calc(100% - 64px);
  max-width: 1392px;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}

[data-project-business=true] .business-project-nav__core,
[data-project-business=true] .business-project-sticky-nav__core {
  gap: 6px;
}

[data-project-business=true] .business-project-nav__core {
  border: 1px solid rgba(48, 40, 58, 0.1);
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(18px);
}

[data-project-business=true] .business-project-sticky-nav__core {
  position: relative;
  gap: 4px;
  border: 0;
  border-radius: 0;
  min-height: 52px;
  padding: 8px 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

[data-project-business=true] .business-project-nav__el,
[data-project-business=true] .business-project-sticky-nav__el {
  position: relative;
  border-radius: 8px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

[data-project-business=true] .business-project-nav__el {
  padding-right: 8px;
  padding-left: 8px;
}

[data-project-business=true] .business-project-sticky-nav__el {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 2px 8px 8px;
  color: rgba(255, 255, 255, 0.6);
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
  white-space: nowrap;
}

[data-project-business=true] .business-project-sticky-nav__el::after {
  content: "";
  position: absolute;
  right: 8px;
  bottom: -9px;
  left: 8px;
  height: 2px;
  border-radius: 0;
  opacity: 0;
  background: #ffffff;
  pointer-events: none;
  transition: background-color 0.2s ease;
}

[data-project-business=true] .business-project-sticky-nav__title .business-project-sticky-nav__el::after {
  opacity: 1;
}

[data-project-business=true] .business-project-sticky-nav__title .business-project-sticky-nav__el {
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--business-font-extended);
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.03em;
  min-width: 97px;
}

[data-project-business=true] .business-project-sticky-nav__title .business-project-sticky-nav__el::after {
  right: auto;
  left: 7px;
  width: 82px;
}

[data-project-business=true] .business-project-sticky-nav__core:has(.business-project-sticky-nav__el[href="#obj-desc"].is-active) .business-project-sticky-nav__title .business-project-sticky-nav__el::after {
  opacity: 0;
}

[data-project-business=true].is-business-nav-compact .business-project-sticky-nav__el {
  color: rgba(18, 18, 18, 0.6);
}

[data-project-business=true].is-business-nav-compact .business-project-sticky-nav__title .business-project-sticky-nav__el {
  color: rgba(18, 18, 18, 0.6);
}

[data-project-business=true].is-business-nav-compact .business-project-sticky-nav__el::after {
  background: #6c3f99;
}

[data-project-business=true] .business-project-sticky-nav__indicator {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: var(--business-nav-indicator-width, 0);
  height: 2px;
  opacity: 0;
  background: #ffffff;
  pointer-events: none;
  transform: translate3d(var(--business-nav-indicator-x, 0), 0, 0);
  transition: transform 0.35s ease, width 0.35s ease, background-color 0.2s ease, opacity 0.15s ease;
}

[data-project-business=true] .business-project-sticky-nav__core.is-business-nav-indicator-ready .business-project-sticky-nav__indicator {
  opacity: 1;
}

[data-project-business=true].is-business-nav-compact .business-project-sticky-nav__indicator {
  background: #6c3f99;
}

[data-project-business=true] .business-project-nav__el:hover,
[data-project-business=true] .business-project-nav__el.is-active,
[data-project-business=true] .business-project-sticky-nav__el:hover,
[data-project-business=true] .business-project-sticky-nav__el.is-active {
  color: #ffffff;
  background: transparent;
  text-decoration: none;
}

[data-project-business=true].is-business-nav-compact .business-project-nav__el:hover,
[data-project-business=true].is-business-nav-compact .business-project-nav__el.is-active,
[data-project-business=true].is-business-nav-compact .business-project-sticky-nav__el:hover,
[data-project-business=true].is-business-nav-compact .business-project-sticky-nav__el.is-active {
  color: #6c3f99;
  background: transparent;
}

[data-project-business=true] .project-nav-sticky--business .project-nav-sticky__core {
  min-width: 0;
  max-width: 100%;
  overflow-x: visible;
  overflow-y: hidden;
  scrollbar-width: none;
}

[data-project-business=true] .project-nav-sticky--business .project-nav-sticky__item {
  flex: 0 0 auto;
}

[data-project-business=true] .project-nav-sticky--business .project-nav-sticky__core::-webkit-scrollbar {
  display: none;
}

@media (min-width: 1481px) {
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-desc"] {
    min-width: 83px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-location"] {
    min-width: 72px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-architecture"] {
    min-width: 99px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-lobby"] {
    min-width: 59px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-landscaping"] {
    min-width: 128px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-flats"] {
    min-width: 80px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-parking"] {
    min-width: 140px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-commercial"] {
    min-width: 92px;
  }
  [data-project-business=true] .business-project-sticky-nav__el[href="#obj-buy"] {
    min-width: 130px;
  }
}
[data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-plan"]),
[data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-history"]),
[data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-features"]),
[data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-timeline"]),
[data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-promo"]),
[data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-office"]),
[data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-news"]) {
  display: none;
}

[data-project-business=true] .project-nav-sticky--business .project-nav-sticky__item--audio-guide {
  flex: 0 0 auto;
  min-width: 174px;
  margin-left: 16px;
  padding-left: 31px;
}

[data-project-business=true] .project-nav-sticky--business .project-nav-sticky__item--audio-guide::before {
  height: 36px;
  background: rgba(255, 255, 255, 0.4);
}

[data-project-business=true].is-business-nav-compact .project-nav-sticky--business .project-nav-sticky__item--audio-guide::before {
  background: #e7e7e7;
}

[data-project-business=true] .project-nav-sticky--business .project-audio-guide {
  min-width: 0;
}

[data-project-business=true] .project-nav-sticky--business .project-audio-guide__start {
  width: 174px;
  min-width: 174px;
  height: 24px;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 8px;
  color: #272030;
  background: #ffffff;
}

[data-project-business=true].is-business-nav-compact .project-nav-sticky--business .project-audio-guide__start {
  color: #ffffff;
  background: #272030;
}

[data-project-business=true] .project-nav-sticky--business .project-audio-guide__start .btn__text {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: auto;
  overflow: visible;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "ALS Sirius", "Trebuchet MS", "Helvetica CY", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

[data-project-business=true] .project-nav-sticky--business .project-audio-guide__start .icn {
  flex: 0 0 auto;
  color: currentColor;
}

@media (max-width: 1360px) {
  [data-project-business=true] .business-flat-filter .filter--full-project {
    padding: 14px;
  }
  [data-project-business=true] .business-flat-filter .filter__row {
    grid-template-columns: 126px 160px minmax(300px, 1fr) 146px 176px;
    gap: 12px;
  }
  [data-project-business=true] .business-flat-filter .filter__col[data-tabs=filter-price] {
    min-width: 300px;
  }
  [data-project-business=true] .business-flat-filter .filter__col--date,
  [data-project-business=true] .business-flat-filter .filter__col--project {
    width: 126px;
  }
  [data-project-business=true] .business-flat-filter .filter__col--floor:not([data-tabs=filter-price]),
  [data-project-business=true] .business-flat-filter .filter__col--s {
    width: 146px;
  }
  [data-project-business=true] .business-flat-filter .filter__col--rooms {
    width: 160px;
  }
  [data-project-business=true] .business-flat-filter .filter__col--send {
    min-width: 176px;
  }
  [data-project-business=true] .business-project-sticky-nav__core {
    gap: 16px;
  }
  [data-project-business=true] .business-project-sticky-nav__el {
    font-size: 13px;
  }
  [data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-commercial"]),
  [data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-buy"]),
  [data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-office"]),
  [data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-news"]) {
    display: none;
  }
  [data-project-business=true] .project-nav-sticky--business .project-nav-sticky__item--audio-guide {
    margin-left: 8px;
    padding-left: 16px;
    min-width: 174px;
  }
  [data-project-business=true] .project-nav-sticky--business .project-audio-guide__start {
    width: 174px;
    min-width: 174px;
  }
}
@media (max-width: 1480px) {
  [data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-office"]),
  [data-project-business=true] .project-nav-sticky--business .business-project-sticky-nav__item:has(.business-project-sticky-nav__el[href="#obj-news"]) {
    display: none;
  }
  [data-project-business=true] .project-nav-sticky--business .width {
    width: calc(100% - 48px);
  }
  [data-project-business=true] .business-project-sticky-nav__core {
    gap: 1px;
  }
  [data-project-business=true] .business-project-sticky-nav__el {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
  }
  [data-project-business=true] .project-nav-sticky--business .project-nav-sticky__item--audio-guide {
    min-width: 174px;
    margin-left: 6px;
    padding-left: 12px;
  }
  [data-project-business=true] .project-nav-sticky--business .project-audio-guide__start {
    width: 174px;
    min-width: 174px;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-project-business=true] {
    scroll-behavior: auto;
  }
  [data-project-business=true] .is-business-observed {
    opacity: 1;
    transform: none;
    transition: none;
  }
  [data-project-business=true] .project-main-section-new--business .project-main-section-new__pic img,
  [data-project-business=true] .project-main-section-new--business .project-main-section-new__head {
    transform: none;
    transition: none;
  }
  [data-project-business=true] .business-location-story__panel,
  [data-project-business=true] .business-location-story__content,
  [data-project-business=true] .business-location-story__pic img,
  [data-project-business=true] .business-location-story__visual::after {
    transform: none;
    transition: none;
  }
  [data-project-business=true] .business-location-story__visual::after {
    display: none;
  }
  [data-project-business=true] .business-parking__tab.is-active {
    animation: none;
  }
  [data-project-business=true] .business-architecture-section {
    min-height: auto;
  }
  [data-project-business=true] .business-architecture__sticky {
    position: static;
    height: auto;
    max-height: none;
    min-height: 0;
  }
  [data-project-business=true] .business-architecture__headline {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    opacity: 1;
    transform: none;
    transition: none;
  }
  [data-project-business=true] .business-architecture__visual {
    position: relative;
    top: auto;
    left: auto;
    width: min(720px, 100%);
    height: auto;
    margin-top: 8px;
    transform: none;
  }
  [data-project-business=true] .business-architecture__pic img {
    aspect-ratio: 760/520;
  }
}
@media (max-width: 1023px) {
  [data-project-business=true] .project-main-section-new--business {
    --business-hero-height: clamp(560px, 70vh, 700px);
    --business-hero-side: 16px;
    --business-hero-media-parallax: 36px;
    --business-hero-content-parallax: -30px;
  }
  [data-project-business=true] .project-main-section-new--business .business-hero__wrapper,
  [data-project-business=true] .project-main-section-new--business .business-flat-filter,
  [data-project-business=true] .project-main-section-new--business .business-intro-section {
    width: min(100% - 32px, 100%);
  }
  [data-project-business=true] .project-main-section-new--business .business-flat-filter {
    width: min(100% - 32px, 100%) !important;
    left: auto;
    transform: none;
  }
  [data-project-business=true] .business-hero__head {
    top: 0;
    bottom: auto;
    width: calc(100% - 32px);
    height: var(--business-hero-height);
  }
  [data-project-business=true] .business-facts-section {
    padding-top: 48px;
    padding-bottom: 44px;
  }
  [data-project-business=true] .business-facts-section__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100% - 32px, 100%);
    gap: 32px 24px;
  }
  [data-project-business=true] .business-facts-section__value {
    font-size: 56px;
  }
  [data-project-business=true] .business-facts-section__text {
    margin-top: 14px;
    font-size: 15px;
  }
  [data-project-business=true] .business-flat-filter {
    margin-bottom: 48px;
  }
  [data-project-business=true] .business-flat-filter .filter__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 16px;
  }
  [data-project-business=true] .business-flat-filter .filter__col {
    width: auto;
    min-width: 0;
    border-right: 0;
    padding: 0;
  }
  [data-project-business=true] .business-flat-filter .filter__col--send {
    width: auto;
    min-width: 0;
    padding-bottom: 0;
  }
  [data-project-business=true] .business-architecture-section {
    min-height: auto;
  }
  [data-project-business=true] .business-architecture__sticky {
    position: static;
    display: block;
    height: auto;
    max-height: none;
    min-height: 0;
    padding: 64px 0 56px;
  }
  [data-project-business=true] .business-architecture__sticky > .width {
    width: min(100% - 32px, 100%);
    max-width: none;
  }
  [data-project-business=true] .business-architecture__scene {
    display: block;
    height: auto;
    min-height: 0;
  }
  [data-project-business=true] .business-architecture__intro {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: 0;
    margin-top: 0;
    margin-bottom: 28px;
  }
  [data-project-business=true] .business-architecture__intro .wrapper-section__title {
    color: #30283a;
    font-size: clamp(42px, 10vw, 72px);
  }
  [data-project-business=true] .business-architecture__award {
    width: 64px;
    height: 64px;
    font-size: 12px;
  }
  [data-project-business=true] .business-architecture__award--domklik {
    width: 49px;
  }
  [data-project-business=true] .business-architecture__lead {
    position: static;
    width: auto;
    max-width: 680px;
    max-height: 160px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.45;
  }
  [data-project-business=true] .business-architecture__more {
    position: static;
    grid-column: auto;
    margin-top: 0;
    font-size: 15px;
  }
  [data-project-business=true] .business-architecture {
    min-height: 0;
    height: auto;
    padding-top: 18px;
  }
  [data-project-business=true] .business-architecture__headline {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    font-size: clamp(48px, 12vw, 84px);
    opacity: 1;
    transform: none;
  }
  [data-project-business=true] .business-architecture__visual {
    position: relative;
    top: auto;
    left: auto;
    width: min(340px, 72vw);
    height: auto;
    margin-top: 8px;
    transform: none;
  }
  [data-project-business=true] .business-architecture__track {
    display: block;
  }
  [data-project-business=true] .business-architecture__pic:not(:first-child) {
    display: none;
  }
  [data-project-business=true] .business-architecture__pic img {
    aspect-ratio: 360/520;
  }
  [data-project-business=true] .business-materials {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  [data-project-business=true] .business-materials-section {
    min-height: 0;
    margin-bottom: 0;
    --business-materials-accordion-shift: 0px;
  }
  [data-project-business=true] .business-materials__sticky {
    position: relative;
    top: 0;
    min-height: 0;
    padding: 64px 0;
    transform: none;
  }
  [data-project-business=true] .business-materials .business-section-meta,
  [data-project-business=true] .business-materials__title,
  [data-project-business=true] .business-materials__visual,
  [data-project-business=true] .business-materials__content {
    grid-column: auto;
    grid-row: auto;
  }
  [data-project-business=true] .business-materials__title {
    font-size: 42px;
    margin: 0;
  }
  [data-project-business=true] .business-materials__content {
    padding-top: 0;
  }
  [data-project-business=true] .business-materials__pic img {
    height: auto;
    aspect-ratio: 358/300;
  }
  [data-project-business=true] .business-materials__preview {
    align-self: flex-start;
    width: min(360px, 100%);
  }
  [data-project-business=true] .business-materials__preview img {
    height: auto;
    aspect-ratio: 348/200;
  }
  [data-project-business=true] .business-landscaping {
    gap: 32px;
  }
  [data-project-business=true] .business-landscaping__content {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  [data-project-business=true] .business-landscaping__texts {
    grid-template-columns: 1fr;
  }
  [data-project-business=true] .business-flats {
    gap: 30px;
  }
  [data-project-business=true] .business-flats__facts {
    position: static;
    width: 100%;
    border-radius: 0;
  }
  [data-project-business=true] .business-flats__advantages {
    display: flex;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }
  [data-project-business=true] .business-flats__advantage {
    flex: 0 0 min(76vw, 340px);
    scroll-snap-align: start;
  }
  [data-project-business=true] .business-flats__layouts {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 18px;
  }
  [data-project-business=true] .business-flats__layout-preview {
    min-height: 420px;
  }
  [data-project-business=true] .business-commercial__intro {
    max-width: 430px;
    margin: 28px 0 48px auto;
  }
  [data-project-business=true] .business-commercial__lead {
    font-size: 16px;
  }
  [data-project-business=true] .business-commercial__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-project-business=true] .business-commercial__benefits {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  [data-project-business=true] .business-commercial__benefit {
    min-height: 0;
  }
  [data-project-business=true] .business-intro-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  [data-project-business=true] .business-intro-section .business-intro {
    width: 100%;
  }
  [data-project-business=true] .business-intro-section .business-intro__tab {
    display: block;
  }
  [data-project-business=true] .business-intro-section .business-intro__content {
    grid-template-columns: 1fr;
    grid-template-areas: "meta" "title" "features" "text" "more";
    gap: 28px;
    transform: none;
    margin-bottom: 0;
  }
  [data-project-business=true] .business-intro-section .business-intro__meta {
    margin-bottom: 8px;
  }
  [data-project-business=true] .business-intro-section .business-intro__title {
    font-size: 30px;
    margin-bottom: 28px;
  }
  [data-project-business=true] .business-intro-section .business-intro__text-block {
    margin-top: 0;
  }
  [data-project-business=true] .business-intro-section .business-intro__text {
    font-size: 16px;
  }
  [data-project-business=true] .business-intro-section .business-intro__features {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    border-top: 1px solid rgba(48, 40, 58, 0.16);
  }
  [data-project-business=true] .business-intro-section .business-intro__features-item,
  [data-project-business=true] .business-intro-section .business-intro__features-item:first-child {
    border-left: 0;
    border-bottom: 1px solid rgba(48, 40, 58, 0.16);
    padding: 16px 0;
  }
  [data-project-business=true] .business-intro-section .business-intro__features-title {
    font-size: 20px;
  }
  [data-project-business=true] .business-intro-section .business-intro__features-text {
    font-size: 16px;
  }
  [data-project-business=true] .business-intro-section .business-intro__more {
    grid-column: 1;
    margin-top: 0;
  }
  [data-project-business=true] .business-intro__audio {
    margin-top: 32px;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide {
    min-height: 148px;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__player {
    grid-template-columns: 48px 52px 48px 1fr;
    grid-template-rows: 56px 48px 28px;
    height: 148px;
    padding: 12px;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__player::before {
    grid-column: 1/-1;
    grid-row: 1;
    width: auto;
    font-size: 18px;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__control {
    grid-column: 2;
    grid-row: 2;
    width: 48px;
    height: 48px;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__step {
    grid-row: 2;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__step--back {
    grid-column: 1;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__step--forward {
    grid-column: 3;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__time {
    grid-column: 4;
    grid-row: 2;
    font-size: 16px;
  }
  [data-project-business=true] .business-intro__audio .project-audio-guide__timeline {
    grid-row: 3;
  }
  [data-project-business=true] .business-intro__gallery {
    display: flex;
    margin-top: 40px;
  }
  [data-project-business=true] .business-intro__gallery-item,
  [data-project-business=true] .business-intro__gallery-item--1,
  [data-project-business=true] .business-intro__gallery-item--2 {
    flex-basis: min(82vw, 320px);
    height: 390px;
    aspect-ratio: auto;
  }
  [data-project-business=true] .business-intro__gallery-caption {
    height: 140px;
    padding: 28px 12px 0;
  }
  [data-project-business=true] .business-intro__gallery-caption::before {
    top: 10px;
  }
  [data-project-business=true] .business-intro__gallery-caption b {
    margin-bottom: 8px;
    font-size: 18px;
  }
  [data-project-business=true] .business-intro__gallery-caption span {
    display: -webkit-box;
    overflow: hidden;
    font-size: 14px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  [data-project-business=true] .business-intro__gallery-tag {
    right: 14px;
    bottom: 14px;
    font-size: 13px;
  }
  [data-project-business=true] .business-intro__gallery-item.is-active .business-intro__gallery-pic {
    height: calc(100% - 140px);
  }
  [data-project-business=true] .business-intro__gallery-item.is-active .business-intro__gallery-tag {
    bottom: 154px;
  }
  [data-project-business=true] .business-intro__gallery-item.is-active .business-intro__fullscreen {
    bottom: 154px;
  }
  [data-project-business=true] .business-hero__pic {
    min-height: 420px;
  }
  [data-project-business=true] .business-hero__head {
    gap: 20px;
    margin-bottom: 0;
  }
  [data-project-business=true] .business-hero__title {
    top: 66%;
    font-size: clamp(48px, 7.8vw, 78px);
  }
  [data-project-business=true] .business-hero__subtitle {
    top: 54%;
    font-size: clamp(22px, 3.2vw, 28px);
  }
  [data-project-business=true] .business-hero__tags {
    top: 72px;
    left: 16px;
    max-width: calc(100% - 32px);
  }
  [data-project-business=true] .business-hero__prev,
  [data-project-business=true] .business-hero__next {
    display: none;
  }
  [data-project-business=true] .business-hero__pag {
    bottom: 24px;
    gap: 8px;
    width: calc(100% - 32px);
  }
  [data-project-business=true] .business-hero__tags,
  [data-project-business=true] .business-hero__subtitle,
  [data-project-business=true] .business-hero__title,
  [data-project-business=true] .business-hero__address,
  [data-project-business=true] .business-hero__pag {
    opacity: 1;
    animation: none;
    transform: none;
  }
  [data-project-business=true] .business-location-story__head,
  [data-project-business=true] .business-location-story__core,
  [data-project-business=true] .business-location-story__panel {
    grid-template-columns: 1fr;
  }
  [data-project-business=true] .business-location-story {
    min-height: auto;
  }
  [data-project-business=true] .business-location-story__inner {
    padding: 64px 0;
  }
  [data-project-business=true] .business-location-story__main {
    min-height: auto;
  }
  [data-project-business=true] .business-location-story__aside {
    position: relative;
    top: auto;
    max-height: none;
  }
  [data-project-business=true] .business-location-story__lead {
    max-width: none;
    font-size: 16px;
  }
  [data-project-business=true] .business-location-story__nav {
    flex-direction: row;
    gap: 18px;
    overflow-x: auto;
  }
  [data-project-business=true] .business-location-story__nav-item {
    flex: 0 0 220px;
  }
  [data-project-business=true] .business-location-story__content,
  [data-project-business=true] .business-location-story__visual,
  [data-project-business=true] .business-location-story__pic,
  [data-project-business=true] .business-location-story__pic img {
    min-height: 320px;
  }
  [data-project-business=true] .business-location-story__content {
    padding: 24px;
  }
  [data-project-business=true] .business-location-story__panel + .business-location-story__panel {
    margin-top: 32px;
  }
  [data-project-business=true] .business-location-story__year {
    font-size: 42px;
  }
  [data-project-business=true] .business-location-story__title {
    font-size: 24px;
  }
  [data-project-business=true] .business-location-section .wrapper-section__head-core {
    padding-top: 24px;
    padding-bottom: 28px;
  }
  [data-project-business=true] .business-location-section__title {
    max-width: none;
    font-size: 32px;
  }
  [data-project-business=true] .business-location-section .wrapper-section__body-core {
    padding-bottom: 48px;
  }
  [data-project-business=true] .business-scroll-tabs-counter {
    position: static;
    margin-top: 20px;
  }
  [data-project-business=true] .business-features {
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    overflow: hidden;
  }
  [data-project-business=true] .business-features__swiper {
    overflow: visible;
  }
  [data-project-business=true] .business-features__list {
    max-height: none;
  }
  [data-project-business=true] .business-features__item,
  [data-project-business=true] .business-features__item--large {
    width: min(76vw, 360px);
    height: 360px;
    padding-right: 0;
    padding-left: 0;
  }
  [data-project-business=true] .business-features__content {
    padding: 24px 24px 64px;
  }
  [data-project-business=true] .business-features__title {
    font-size: 22px;
  }
  [data-project-business=true] .business-plan {
    gap: 18px;
  }
  [data-project-business=true] .business-plan__tabs {
    justify-content: flex-start;
    overflow-x: auto;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
  }
  [data-project-business=true] .business-plan__tabs .tabs {
    flex: 0 0 auto;
  }
  [data-project-business=true] .business-plan__panel-inner {
    margin-right: -16px;
    margin-left: -16px;
    padding: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  [data-project-business=true] .business-plan .master-plan {
    min-height: 420px;
    border-radius: 0;
  }
  [data-project-business=true] .business-plan .master-plan__cover,
  [data-project-business=true] .business-plan .master-plan__img picture,
  [data-project-business=true] .business-plan .master-plan__img img {
    border-radius: 0;
  }
  [data-project-business=true] .business-location__panel-inner {
    margin-right: -16px;
    margin-left: -16px;
    padding: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  [data-project-business=true] .business-location .map-object {
    min-height: 480px;
    border-radius: 0;
  }
  [data-project-business=true] .business-location .map-object__map {
    height: 480px;
  }
  [data-project-business=true] .business-location .map-object__controls {
    width: min(288px, 100% - 32px);
    margin: 16px 0 0 16px;
    padding: 0;
  }
  [data-project-business=true] .business-location .map-object__filter-panel {
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
    height: auto;
  }
  [data-project-business=true] .business-office__body {
    display: block;
    height: 560px;
    min-height: 560px;
  }
  [data-project-business=true] .business-office__list {
    top: 24px;
    left: 24px;
    width: calc(100% - 48px);
    max-width: 364px;
  }
  [data-project-business=true] .business-office__map .map {
    min-height: 560px;
  }
  [data-project-business=true] .business-office__map {
    height: 100%;
  }
  [data-project-business=true] .business-news__core {
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    overflow: hidden;
  }
  [data-project-business=true] .business-about__core {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  [data-project-business=true] .business-about__nav {
    flex-direction: row;
    gap: 12px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    overflow-x: auto;
  }
  [data-project-business=true] .business-about__nav-item {
    flex: 0 0 auto;
  }
  [data-project-business=true] .business-about__nav-btn {
    width: auto;
    min-height: 40px;
    border: 1px solid rgba(48, 40, 58, 0.16);
    border-radius: 999px;
    padding: 9px 16px;
    white-space: nowrap;
  }
  [data-project-business=true] .is-active > .business-about__nav-btn {
    transform: none;
  }
  [data-project-business=true] .business-about__tab {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  [data-project-business=true] .business-about__content,
  [data-project-business=true] .business-about__gallery .gallery-slider__pic,
  [data-project-business=true] .business-about__pic--empty {
    min-height: 320px;
  }
  [data-project-business=true] .business-about__content {
    padding: 24px 0;
  }
  [data-project-business=true] .business-about__title {
    margin-bottom: 18px;
    font-size: 24px;
  }
  [data-project-business=true] .business-about__text {
    max-width: none;
  }
  [data-project-business=true] .business-about__core .business-scroll-tabs-counter {
    margin-top: 0;
  }
  [data-project-business=true] .business-lobby__core {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  [data-project-business=true] .business-lobby__hero {
    margin-bottom: 40px;
  }
  [data-project-business=true] .business-lobby__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-project-business=true] .business-lobby__fact {
    min-height: 72px;
    padding: 14px 16px;
  }
  [data-project-business=true] .business-lobby__content,
  [data-project-business=true] .business-lobby__gallery .gallery-slider__pic {
    min-height: 320px;
  }
  [data-project-business=true] .business-lobby__content {
    order: 2;
    padding: 24px 0;
  }
  [data-project-business=true] .business-lobby__main {
    order: 1;
  }
  [data-project-business=true] .business-lobby__title {
    margin-bottom: 14px;
    font-size: 24px;
  }
  [data-project-business=true] .business-lobby__subtitle {
    margin-bottom: 18px;
  }
  [data-project-business=true] .business-lobby__text {
    max-width: none;
  }
  [data-project-business=true] .business-parking-section .wrapper-section__head-core {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  [data-project-business=true] .business-parking-section__title {
    font-size: clamp(54px, 13vw, 86px);
  }
  [data-project-business=true] .business-parking__core {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  [data-project-business=true] .business-parking__nav {
    flex-direction: row;
    gap: 12px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    overflow-x: auto;
  }
  [data-project-business=true] .business-parking__nav-item {
    flex: 0 0 auto;
  }
  [data-project-business=true] .business-parking__nav-btn {
    width: auto;
    min-height: 40px;
    border: 1px solid rgba(48, 40, 58, 0.16);
    border-radius: 999px;
    padding: 9px 16px;
    white-space: nowrap;
  }
  [data-project-business=true] .is-active > .business-parking__nav-btn {
    transform: none;
  }
  [data-project-business=true] .business-parking__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  [data-project-business=true] .business-parking__viewport {
    min-height: 320px;
  }
  [data-project-business=true] .business-parking__description,
  [data-project-business=true] .business-parking__pic,
  [data-project-business=true] .business-parking__pic img {
    min-height: 320px;
  }
  [data-project-business=true] .business-parking__description {
    order: 2;
    justify-content: flex-start;
    padding: 0;
  }
  [data-project-business=true] .business-parking__pic {
    order: 1;
  }
  [data-project-business=true] .business-parking__title {
    margin-bottom: 18px;
    font-size: 24px;
  }
  [data-project-business=true] .business-parking__text {
    max-width: none;
  }
  [data-project-business=true] .business-parking__core .business-scroll-tabs-counter {
    margin-top: 0;
  }
  [data-project-business=true] .business-buy__core {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-bottom: 0;
  }
  [data-project-business=true] .business-buy__nav {
    flex-direction: row;
    gap: 12px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0 16px;
    overflow-x: auto;
  }
  [data-project-business=true] .business-buy__nav-item {
    flex: 0 0 auto;
  }
  [data-project-business=true] .business-buy__nav-btn {
    width: auto;
    min-height: 40px;
    border: 1px solid rgba(48, 40, 58, 0.16);
    border-radius: 999px;
    padding: 9px 16px;
    white-space: nowrap;
  }
  [data-project-business=true] .is-active > .business-buy__nav-btn {
    transform: none;
  }
  [data-project-business=true] .business-buy__tab {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  [data-project-business=true] .business-buy__text-block {
    min-height: auto;
    padding: 24px 0;
  }
  [data-project-business=true] .business-buy__title {
    margin-bottom: 18px;
    font-size: 24px;
  }
  [data-project-business=true] .business-buy__text {
    max-width: none;
  }
  [data-project-business=true] .business-buy__features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-project-business=true] .business-buy__btn {
    grid-column: auto;
  }
  [data-project-business=true] .business-buy__core .business-scroll-tabs-counter {
    margin-top: 0;
  }
  [data-project-business=true] .business-buy__summary {
    grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr) 36px;
    gap: 24px;
  }
  [data-project-business=true] .business-buy__row-conditions {
    grid-template-columns: repeat(2, minmax(110px, 1fr));
    gap: 18px 24px;
  }
  [data-project-business=true] .business-buy__panel {
    grid-template-columns: minmax(190px, 0.28fr) minmax(0, 1fr) 36px;
    gap: 24px;
  }
}
@media (max-width: 620px) {
  [data-project-business=true] .project-main-section-new--business {
    --business-hero-height: 520px;
  }
  [data-project-business=true] .business-facts-section__list {
    grid-template-columns: 1fr;
  }
  [data-project-business=true] .business-flat-filter .filter__col {
    width: 100%;
  }
  [data-project-business=true] .business-flat-filter .filter__row {
    grid-template-columns: 1fr;
  }
  [data-project-business=true] .business-hero__wrapper {
    min-width: 0;
  }
  [data-project-business=true] .business-hero__head {
    margin-bottom: 0;
  }
  [data-project-business=true] .business-hero__title {
    top: 64%;
    max-width: 100%;
    font-size: 42px;
  }
  [data-project-business=true] .business-hero__info {
    max-width: 100%;
    padding-top: 0;
    align-items: flex-start;
  }
  [data-project-business=true] .business-hero__subtitle {
    top: 52%;
    margin-bottom: 0;
    font-size: 22px;
    text-align: left;
  }
  [data-project-business=true] .business-hero__pic {
    min-height: var(--business-hero-height);
  }
  [data-project-business=true] .business-hero__address {
    top: 78%;
  }
  [data-project-business=true] .business-hero__tags {
    inset: 18px 10px auto 10px;
    justify-content: flex-start;
    gap: 6px;
    max-width: none;
  }
  [data-project-business=true] .business-hero__tags-item {
    max-width: 100%;
    padding: 4px 10px;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
  }
  [data-project-business=true] .business-architecture__award {
    width: 58px;
    height: 58px;
    font-size: 10px;
  }
  [data-project-business=true] .business-architecture__lead {
    max-height: 220px;
    font-size: 15px;
  }
  [data-project-business=true] .business-architecture__headline {
    font-size: 44px;
    line-height: 0.9;
  }
  [data-project-business=true] .business-architecture__visual {
    width: min(288px, 86vw);
  }
  [data-project-business=true] .business-materials__title {
    font-size: 32px;
  }
  [data-project-business=true] .business-materials__summary {
    min-height: 58px;
  }
  [data-project-business=true] .business-materials__summary span {
    font-size: 16px;
  }
  [data-project-business=true] .business-materials__text {
    padding: 0 32px 20px 0;
    font-size: 14px;
  }
  [data-project-business=true] .business-landscaping__hero {
    margin-right: -16px;
    margin-left: -16px;
    border-radius: 0;
  }
  [data-project-business=true] .business-landscaping-section .wrapper-section__title {
    font-size: clamp(42px, 11vw, 58px);
  }
  [data-project-business=true] .business-landscaping__pic {
    aspect-ratio: 390/360;
  }
  [data-project-business=true] .business-landscaping__hotspot-tooltip {
    display: none;
  }
  [data-project-business=true] .business-landscaping__note {
    position: static;
    width: auto;
    margin: 8px 16px 0;
    padding: 18px;
    box-shadow: none;
  }
  [data-project-business=true] .business-landscaping__title {
    font-size: 28px;
  }
  [data-project-business=true] .business-landscaping__text-card div {
    font-size: 14px;
  }
  [data-project-business=true] .business-landscaping-detail,
  [data-project-business=true] .business-landscaping-gallery {
    min-height: 0;
    margin-top: 56px;
  }
  [data-project-business=true] .business-landscaping-detail .business-section-meta,
  [data-project-business=true] .business-landscaping-gallery .business-section-meta,
  [data-project-business=true] .business-landscaping-detail__title,
  [data-project-business=true] .business-landscaping-detail__pic,
  [data-project-business=true] .business-landscaping-detail__text,
  [data-project-business=true] .business-landscaping-detail__caption,
  [data-project-business=true] .business-landscaping-gallery__hero {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    transform: none;
  }
  [data-project-business=true] .business-landscaping-detail .business-section-meta,
  [data-project-business=true] .business-landscaping-gallery .business-section-meta {
    margin-bottom: 28px;
  }
  [data-project-business=true] .business-landscaping-detail__title {
    font-size: 28px;
  }
  [data-project-business=true] .business-landscaping-detail__pic {
    aspect-ratio: 449/531;
    margin-top: 28px;
    border-radius: 10px;
  }
  [data-project-business=true] .business-landscaping-detail__text,
  [data-project-business=true] .business-landscaping-detail__caption {
    margin-top: 24px;
    font-size: 15px;
  }
  [data-project-business=true] .business-landscaping-detail__caption {
    margin-top: 18px;
  }
  [data-project-business=true] .business-landscaping-gallery__hero {
    width: 100%;
    max-width: 100%;
    height: 360px;
    aspect-ratio: 1408/720;
    min-height: 360px;
    border-radius: 10px;
  }
  [data-project-business=true] .business-landscaping-gallery__card {
    right: 12px;
    bottom: 12px;
    width: min(332px, 100% - 24px);
    height: auto;
    min-height: 280px;
  }
  [data-project-business=true] .business-landscaping-gallery__text {
    width: auto;
    font-size: 15px;
  }
  [data-project-business=true] .business-flats__hero {
    margin-right: -16px;
    margin-left: -16px;
    border-radius: 0;
  }
  [data-project-business=true] .business-flats__pic img {
    aspect-ratio: 390/340;
  }
  [data-project-business=true] .business-flats__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [data-project-business=true] .business-flats__fact {
    padding: 16px;
  }
  [data-project-business=true] .business-flats__fact strong {
    font-size: 22px;
  }
  [data-project-business=true] .business-flats__lead {
    font-size: 22px;
  }
  [data-project-business=true] .business-flats__layout-preview {
    min-height: 320px;
  }
  [data-project-business=true] .business-flats__layout-pic img {
    padding: 22px;
  }
  [data-project-business=true] .business-flats__layout-caption {
    position: static;
    max-width: none;
    margin: 0 16px 16px;
    box-shadow: none;
  }
  [data-project-business=true] .business-flats__layout-title {
    font-size: 24px;
  }
  [data-project-business=true] .business-flats__layout-name {
    white-space: normal;
  }
  [data-project-business=true] .business-commercial-section .wrapper-section__title {
    max-width: 358px;
    font-size: 48px;
    text-align: left;
  }
  [data-project-business=true] .business-commercial__intro {
    max-width: none;
    margin: 22px 0 36px;
  }
  [data-project-business=true] .business-commercial__hero-pic,
  [data-project-business=true] .business-commercial__hero-pic img {
    min-height: 360px;
  }
  [data-project-business=true] .business-commercial__facts {
    grid-template-columns: 1fr;
  }
  [data-project-business=true] .business-commercial__fact {
    padding: 16px;
  }
  [data-project-business=true] .business-commercial__list {
    grid-template-columns: 1fr;
  }
  [data-project-business=true] .business-commercial__benefit {
    padding: 20px;
  }
  [data-project-business=true] .business-commercial__benefit strong {
    font-size: 22px;
  }
  [data-project-business=true] .business-commercial__card-link {
    grid-template-rows: auto auto;
  }
  [data-project-business=true] .business-commercial__card-title {
    white-space: normal;
  }
  [data-project-business=true] .business-commercial__card-media {
    min-height: 220px;
  }
  [data-project-business=true] .business-commercial__footer,
  [data-project-business=true] .business-commercial__btn {
    width: 100%;
  }
  [data-project-business=true] .business-features__item,
  [data-project-business=true] .business-features__item--large {
    width: 288px;
    height: 340px;
  }
  [data-project-business=true] .business-features__content {
    padding: 20px 20px 60px;
  }
  [data-project-business=true] .business-features__title {
    font-size: 20px;
  }
  [data-project-business=true] .business-features__text {
    font-size: 14px;
  }
  [data-project-business=true] .business-plan .master-plan {
    min-height: 320px;
  }
  [data-project-business=true] .business-plan__tabs .tab {
    min-height: 36px;
    padding: 8px 14px;
  }
  [data-project-business=true] .business-location .map-object {
    min-height: 420px;
  }
  [data-project-business=true] .business-location .map-object__map {
    height: 420px;
  }
  [data-project-business=true] .business-location .map-object--project-location .map__controls {
    top: 0;
    right: 0;
    padding: 12px 12px 12px 0;
  }
  [data-project-business=true] .business-office__card {
    border-radius: 0;
  }
  [data-project-business=true] .business-office__body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: auto;
    min-height: 0;
    overflow: visible;
    border-radius: 0;
    background: transparent;
  }
  [data-project-business=true] .business-office__list {
    position: relative;
    top: auto;
    left: auto;
    order: 1;
    width: 100%;
  }
  [data-project-business=true] .business-office__map {
    position: relative;
    inset: auto;
    order: 2;
    margin-right: -16px;
    margin-left: -16px;
    height: 420px;
    border-right: 0;
    border-left: 0;
    border-radius: 0;
  }
  [data-project-business=true] .business-office__map .map {
    min-height: 420px;
  }
  [data-project-business=true] .business-office__map .map__controls {
    top: 12px;
    right: 12px;
  }
  [data-project-business=true] .business-lobby__hero {
    margin-right: -16px;
    margin-left: -16px;
    border-radius: 0;
  }
  [data-project-business=true] .business-lobby-section .wrapper-section__title {
    font-size: clamp(42px, 11vw, 58px);
  }
  [data-project-business=true] .business-lobby__hero-pic {
    aspect-ratio: 390/360;
  }
  [data-project-business=true] .business-lobby__facts {
    position: static;
    display: flex;
    overflow-x: auto;
    gap: 8px;
    padding: 8px 16px 0;
    background: #ffffff;
  }
  [data-project-business=true] .business-lobby__fact {
    flex: 0 0 168px;
    color: #30283a;
    background: #f7f4ef;
    backdrop-filter: none;
  }
  [data-project-business=true] .business-lobby__fact span {
    color: rgba(48, 40, 58, 0.68);
  }
  [data-project-business=true] .business-news__card {
    padding: 8px;
  }
  [data-project-business=true] .business-about__gallery .gallery-slider__pic,
  [data-project-business=true] .business-about__pic--empty {
    min-height: 260px;
  }
  [data-project-business=true] .business-gallery-counter {
    bottom: 12px;
    left: 12px;
    gap: 8px;
    min-width: 74px;
    padding: 8px 10px;
    font-size: 12px;
  }
  [data-project-business=true] .business-gallery-counter__current {
    font-size: 18px;
  }
  [data-project-business=true] .business-gallery-counter__divider {
    width: 22px;
  }
  [data-project-business=true] .business-about__content {
    min-height: auto;
  }
  [data-project-business=true] .business-lobby__content {
    min-height: auto;
  }
  [data-project-business=true] .business-lobby__gallery .gallery-slider__pic {
    min-height: 260px;
  }
  [data-project-business=true] .business-parking__description {
    min-height: auto;
  }
  [data-project-business=true] .business-parking__viewport {
    min-height: 260px;
  }
  [data-project-business=true] .business-parking__pic,
  [data-project-business=true] .business-parking__pic img {
    min-height: 260px;
  }
  [data-project-business=true] .business-timeline-section .wrapper-section__head-core {
    width: calc(100% - 32px);
    min-height: 142px;
  }
  [data-project-business=true] .business-timeline-section .wrapper-section__title {
    left: 0;
    font-size: clamp(42px, 11vw, 64px);
    white-space: normal;
  }
  [data-project-business=true] .business-timeline-section .wrapper-section__head::after {
    top: 142px;
  }
  [data-project-business=true] .business-timeline-years {
    top: 108px;
    left: 0;
    width: calc(100vw - 32px);
    overflow-x: auto;
    gap: 12px;
  }
  [data-project-business=true] .business-timeline-section .wrapper-section__body-core {
    left: auto;
    width: calc(100% - 16px);
    padding-bottom: 72px;
  }
  [data-project-business=true] .business-timeline-controls {
    top: 104px;
    right: 0;
  }
  [data-project-business=true] .business-timeline-section .timeline-carousel__core {
    overflow: visible;
    height: 360px;
  }
  [data-project-business=true] .business-timeline-section .timeline-carousel__item,
  [data-project-business=true] .business-timeline-section .timeline-carousel__item:first-child,
  [data-project-business=true] .business-timeline-section .timeline-carousel__item:nth-child(3n) {
    width: min(334px, 100vw - 48px);
    height: 360px;
    padding: 12px 0 12px 12px;
  }
  [data-project-business=true] .business-timeline-section .timeline-card {
    height: 336px;
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__core {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__side {
    order: 2;
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__content {
    order: 1;
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__cover,
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__cover img {
    min-height: 280px;
    aspect-ratio: 390/260;
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-section__form {
    min-height: 0;
    padding: 32px 24px 36px;
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__title-large {
    max-width: 340px;
    margin-bottom: 28px;
    font-size: clamp(34px, 9.4vw, 52px);
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__fields,
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__footer,
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__checkboxes {
    max-width: none;
  }
  [data-project-business=true] .projectcall-pic-section--projects_templin .projectcall-pic-form__footer .btn {
    width: 100%;
  }
  [data-project-business=true] .business-buy__features {
    grid-template-columns: 1fr;
  }
  [data-project-business=true] .business-buy__features-item {
    min-height: auto;
    padding: 16px;
  }
  [data-project-business=true] .business-buy__features-title {
    font-size: 22px;
  }
  [data-project-business=true] .business-buy__btn {
    width: 100%;
  }
  [data-project-business=true] .business-buy__summary {
    grid-template-columns: 1fr 34px;
    gap: 16px;
    padding: 22px 0 18px;
  }
  [data-project-business=true] .business-buy__row-conditions {
    grid-column: 1/-1;
    grid-row: 2;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  [data-project-business=true] .business-buy__toggle {
    grid-column: 2;
    grid-row: 1;
  }
  [data-project-business=true] .business-buy__panel {
    grid-template-columns: 1fr;
    gap: 18px;
    padding-bottom: 30px;
  }
  [data-project-business=true] .business-buy__panel .business-buy__text,
  [data-project-business=true] .business-buy__panel .business-buy__btn {
    grid-column: auto;
  }
}
@media (max-width: 1023px) {
  [data-project-business=true] .business-flats__feature-panel {
    margin-top: 64px;
  }
  [data-project-business=true] .business-flats__feature-meta {
    padding: 0;
    font-size: 14px;
  }
  [data-project-business=true] .business-flats__feature-title {
    width: auto;
    max-width: none;
    margin: 24px 0 44px;
    font-size: clamp(25px, 6.4vw, 32px);
  }
  [data-project-business=true] .business-flats__feature-track {
    padding-right: 16px;
    padding-left: 16px;
  }
  [data-project-business=true] .business-flats__feature-card {
    flex-basis: min(812px, 100vw - 32px);
  }
  [data-project-business=true] .business-flats__feature-card--narrow {
    flex-basis: min(581px, 100vw - 32px);
  }
  [data-project-business=true] .business-flats__feature-pic {
    height: clamp(300px, 62vw, 500px);
  }
  [data-project-business=true] .business-flats__feature-arrow {
    top: calc(clamp(300px, 62vw, 500px) / 2 - 18px);
  }
  [data-project-business=true] .business-flats__feature-arrow--prev {
    left: 24px;
  }
  [data-project-business=true] .business-flats__feature-arrow--next {
    right: 24px;
  }
  [data-project-business=true] .business-flats__feature-caption {
    margin-top: 18px;
    padding-left: 0;
  }
}
@media (max-width: 620px) {
  [data-project-business=true] .business-flats__feature-title br {
    display: none;
  }
  [data-project-business=true] .business-flats__feature-caption h4 {
    max-width: none;
    font-size: 20px;
  }
  [data-project-business=true] .business-flats__feature-caption p {
    max-width: none;
    font-size: 15px;
  }
}
@media (max-width: 1023px) {
  [data-project-business=true] .business-flats__picker-panel {
    min-height: 0;
    margin-top: 84px;
  }
  [data-project-business=true] .business-flats__picker {
    display: grid;
    height: auto;
    gap: 16px;
    margin-top: 24px;
  }
  [data-project-business=true] .business-flats__scheme,
  [data-project-business=true] .business-flats__choice,
  [data-project-business=true] .business-flats__choice-btn {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
  }
  [data-project-business=true] .business-flats__scheme {
    height: auto;
    aspect-ratio: 928/680;
  }
  [data-project-business=true] .business-flats__scheme-plan {
    top: 11.03%;
    left: 6.25%;
    width: 83.3%;
    height: 75.29%;
  }
  [data-project-business=true] .business-flats__scheme-caption {
    bottom: 18px;
    font-size: 18px;
  }
  [data-project-business=true] .business-flats__choice {
    height: auto;
    overflow: visible;
  }
  [data-project-business=true] .business-flats__choice::after {
    display: none;
  }
  [data-project-business=true] .business-flats__choice-list {
    display: flex;
    height: auto;
    flex-direction: row;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
  }
  [data-project-business=true] .business-flats__choice-item {
    flex: 0 0 360px;
  }
  [data-project-business=true] .business-flats__choice-card {
    gap: 16px;
  }
  [data-project-business=true] .business-flats__choice-info {
    width: auto;
    flex: 1 1 auto;
  }
}
@media (max-width: 620px) {
  [data-project-business=true] .business-flats__picker-meta {
    padding: 0;
    font-size: 14px;
  }
  [data-project-business=true] .business-flats__scheme {
    min-height: 430px;
    aspect-ratio: auto;
  }
  [data-project-business=true] .business-flats__scheme-tags {
    top: 16px;
    left: 16px;
    max-width: calc(100% - 84px);
    gap: 6px;
  }
  [data-project-business=true] .business-flats__scheme-tags span {
    min-height: 23px;
    padding: 1px 10px 3px;
    font-size: 13px;
  }
  [data-project-business=true] .business-flats__scheme-tools {
    top: 16px;
    right: 16px;
    gap: 8px;
  }
  [data-project-business=true] .business-flats__scheme-tool {
    width: 32px;
    height: 32px;
  }
  [data-project-business=true] .business-flats__scheme-plan {
    top: 80px;
    left: 16px;
    width: calc(100% - 32px);
    height: 270px;
  }
  [data-project-business=true] .business-flats__scheme-caption {
    right: 16px;
    bottom: 18px;
    left: 16px;
    font-size: 17px;
  }
  [data-project-business=true] .business-flats__choice-item {
    flex-basis: min(330px, 100vw - 48px);
  }
  [data-project-business=true] .business-flats__choice-card {
    height: 118px;
    gap: 12px;
    padding: 10px;
  }
  [data-project-business=true] .business-flats__choice-thumb {
    flex-basis: 128px;
    width: 128px;
    height: 96px;
  }
  [data-project-business=true] .business-flats__choice-info strong {
    white-space: normal;
  }
}

/* End */
/* /local/assets/css/style.css?1782733292863174 */