@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/askerweb_theme/inc/fonts/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/askerweb_theme/inc/fonts/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* @font-face {
  font-family: 'Inter';
  src: url('/wp-content/themes/askerweb_theme/inc/fonts/Inter-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
} */

/*
  Нормализация блочной модели
 */

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

:where(ul, ol):where([class]) {
  padding-left: 0;
}

body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

:where(
  h1, h2, h3, h4, h5, h6,
  p, ul, ol, dl
):where([class]) {
  margin-block: 0;
  font-weight: 400;
}

:where(dd[class]) { margin-left: 0; }
:where(fieldset[class]) { margin-left: 0; padding: 0; border: none; }
:where(ul[class]) { list-style: none; }
:where(address[class]) { font-style: normal; }

p {
  margin-block: 0;
}

p:where(:not([class]):not(:last-child)) {
  margin-bottom: 20px; /* Значение переменной по умолчанию */
}

input, textarea, select, button {
  font: inherit;
}

button {
  margin: 0; padding: 0;
  border: none; outline: none;
  background: none; color: inherit;
  font: inherit; text-align: inherit;
  text-decoration: none;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

html { height: 100%; }
html, :has(:target) { scroll-behavior: smooth; }
body { min-height: 100%; }

a:where([class]) { display: inline-flex; }
label { cursor: pointer; }




:where(table) { border-collapse: collapse; border-color: currentColor; }

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.entry-content p:not([class]) {
    margin-bottom: 1.5em;
}
.entry-content h1,
.entry-content h2,
.entry-content h3 {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
.entry-content ul:not([class]),
.entry-content ol:not([class]) {
    margin-bottom: 1.5em;
    padding-left: 1.5em;
    list-style: disc;
}

.entry-content a:not([class]) {
    display: inline;
}

.screen-reader-text {
    border: 0; clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%); height: 1px; margin: -1px;
    overflow: hidden; padding: 0; position: absolute !important;
    width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #f1f1f1; border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important; clip-path: none;
    color: #21759b; display: block; font-size: 0.875rem;
    font-weight: 700; height: auto; left: 5px;
    line-height: normal; padding: 15px 23px 14px;
    text-decoration: none; top: 5px; width: auto;
    z-index: 100000;
}

:root {
  --shrift: #3D3F42;
  --akcent: #9D8C78;
  --background-dark: #282D39;
  --font-family: "Montserrat", sans-serif;
  --margin60: clamp(2.5rem, 0.613rem + 3.92vw, 3.75rem);
  /* --margin60: 60px; */
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	background: #F3F3F3;
	font-family: var(--font-family);
    color: var(--shrift);
    font-size: 14px;
    line-height: 19px;
}

main {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

a{
	text-decoration: none;
}
img{
	width: 100%;
	height: auto;
}
::marker {
    color: #9D8C78;
}
.container{
	max-width: 1560px;
	margin: 0 auto;
	padding: clamp(3.75rem, 3.125rem + 2.08vw, 5rem) clamp(1rem, -1rem + 6.67vw, 5rem) 0;
    position: relative;
}
.mtop2{
margin-top: 20px;
}
.mtop6{
margin-top: var(--margin60);
}

.title{
	/* font-weight: 400; */
	letter-spacing: 0%;
	font-family: var(--font-family);
	text-transform: uppercase;
	color: var(--shrift);
	/* margin: 0; */
	max-width: 1280px;
    display: grid;
    gap: 12px;
}

.v1{
    font-size: clamp(2.25rem, 1.875rem + 1.25vw, 3rem);
	/* font-size:clamp(2.25rem, 1.5rem + 2.5vw, 3.75rem); */
	/* font-size: 60px-36px; */
    line-height: clamp(2.75rem, 2.375rem + 1.25vw, 3.5rem);
	/* line-height: clamp(2.75rem, 2rem + 2.5vw, 4.25rem); */
	/* line-height: 68px-44px; */
}
.v2{
	font-size: clamp(1.5rem, 1.375rem + 0.42vw, 1.75rem);
	/* font-size: 28px-24px; */
	line-height: clamp(2rem, 1.75rem + 0.83vw, 2.5rem);
	/* line-height: 40px-32px; */
}
.v3{
    font-size: 18px;
    line-height: 24px;
    text-transform: none;
}
.white{
  color: #fff;
}
.m-button{
	padding: 12px 28px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0%;
	text-align: center;
	color: var(--shrift);
	width: fit-content;
    border-radius: 100px;
	background: #F3F3F3;
	border: 1px solid var(--shrift);
	transition: 0.5s ease;
	align-items: center;
    cursor: pointer;
	text-transform: none !important;
}
.m-button:hover{
	background: var(--shrift);
	color: #fff;
}
.b-white{
	border: none;
	padding: 12.5px 28px;
	font-weight: 700;
	background: #fff;
}
.b-white:hover{
	opacity: 0.5;
}
.b-beige{
	background: var(--akcent);
	font-weight: 700;
	border: none;
    color: white;
}
.b-beige:hover{
	opacity: 0.4;
}




/* =========== хедер =========== */

.header {
    position: relative;
    max-height: 800px;
    overflow: hidden;
    z-index: 4;
}
.header::after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, transparent, #F3F3F3);
    z-index: 1;
}
.header::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #060611;
    opacity: 0.2;
    z-index: 1;
}
.header-cont {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.header-wrapper {
    width: 100%;
    position: unset;
}
.header-menu {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    padding: 0 clamp(1rem, -1rem + 6.67vw, 5rem);
}
.header-menu.fixed {
    right: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 9;
    top: 0;
    position: fixed;
    transition: .5s;
}
 .header-menu.fixed {
    background: var(--shrift);
    padding-top: 12px;
    padding-bottom: 12px;
}
.fixed .header-ul__link {
    color: white;
}
.header:has(.header-nav--active)::before {
    background: #282D3999;
    opacity: 1;
    z-index: 2;
    backdrop-filter: blur(4px);
}
.header-logo {
    width: 60px;
    height: 60px;
}
.header-logo a{
    display: block;
}

.header-container{
    width: 100%;
    max-width: 1400px;
}
.header-slide img {
    width: 100%;
    height: 800px;
    object-position: 50% 60%;
}
.header .title{
    text-align: center;
    margin-top: 20px;
    justify-self: center;
    display: grid;
    gap: 8px;
    justify-items: center;
    color: #fff;
    max-width: 1050px;
}
.title .v3{
    max-width: 742px;
}
.header .features-in {
    width: 95%;
    margin: 130px auto 0;
    position: relative;
}
.feature {
    border-radius: 100px;
    padding: 12px 24px;
    width: fit-content;
    height: fit-content;
    display: flex;
    gap: 16px;
    align-items: center;
    background: #F3F3F3;
    position: absolute;
    z-index: 3;
}
.header .features-in > :nth-child(-n+2) {
    flex-direction: row-reverse;
}
.header .features-in > :nth-child(4){
    top: 29px;
    right: 0;
}
.header .features-in > :nth-child(3){
    top: 122px;
    right: 30%;
}
.header .features-in > :nth-child(2){
    top: 198px;
    left: 20%;
}

svg.icon-levada {
    width: 16px;
    height: 16px;
    display: block;
}



/******          *****/

.st-cont {
    display: flex;
    gap: 20px;
}
.st-cont img {
    max-width: 526px;
    border-radius: 20px;
    object-fit: cover;
}
.st-cont-i {
    max-width: 1030px;
}
.st-cont-i ul{
    padding-left: 14px;
    display: grid;
    gap: 20px;
    margin: 0;
}
.st-cont-i strong{
    display: block;
    margin-top: 40px;
}

.st-cont-i-mob{
    display: none;
}

.read-more-content {
  overflow: hidden;
  line-height: 19px;
  transition: max-height 0.35s ease-out;
}

.feature-text .read-more-btn{
    margin-top: 20px;
}
.read-more-btn {
    font-weight: 700;
    color: var(--akcent);
    cursor: pointer;
    margin-top: 12px;
    transition: color 0.2s;
    text-decoration: underline;
}

.choice {
    max-width: 1920px;
    margin: auto;
}
.choice .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 20px;
    margin: 0 auto;
    justify-content: space-between;
    margin-bottom: clamp(1.5rem, -1.141rem + 7.83vw, 3.75rem);
}

.choice-wrapper img.gwt-Image {
    width: 50px;
}

.prices-tabs__item, 
.tab-btn, .choice__tab, 
.floor-tab{
    padding: 12px 28px;
	font-family: var(--font-family);
	font-weight: 400;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: 0%;
	text-align: center;
	color: var(--shrift);
	width: fit-content;
    border-radius: 100px;
	background: #F3F3F3;
	border: 1px solid var(--shrift);
	transition: 0.5s ease;
	align-items: center;
    cursor: pointer;
	text-transform: none !important;
}
.prices-tabs__item:hover, .tab-btn:hover,
.floor-tab:hover, .choice__tab:hover{
    background: var(--shrift);
	color: #fff;
}
.prices-tabs__item--active, 
.tab-btn--active, .floor-tab.active,
.choice__tab.active{
    background: var(--shrift);
    color: #fff;
}
.choice__tab:not(:last-child) {
    margin-right: 12px;
}
.prices-tabs{
    margin-bottom: 0;
}
.prices-ul {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    justify-content: unset;
}
.bank-table-container {
   margin-bottom: clamp(3.75rem, 1.863rem + 3.92vw, 5rem);
}
.bank-table, .prices-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    text-align: center;
}
.bank-table thead, .prices-table thead {
    background: rgba(61, 63, 66, 0.1);
    border: rgba(61, 63, 66, 0.1);
}
.bank-table th, .prices-table th {
    padding: 17.5px;
    font-weight: 700;
    font-size: 14px;
    border: 1px solid rgba(61, 63, 66, 0.2);
}
.bank-table td, .prices-table__cell {
    justify-items: center;
    width: 25%;
    padding: 4px 10px;
    border: 1px solid rgba(61, 63, 66, 0.2);
}

.prices-table__cell--info {
    text-align: left;
    padding: 20px 12px;
    white-space: normal; 
}
.bank-name {
    height: 72px;
    align-content: center;
}
.bank-logo {
    width: 168px;
}
.table-footer {
    margin-top: 20px;
    font-style: italic;
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ - КАРТОЧКИ ===== */
@media screen and (max-width: 768px) {
    .bank-table {
        max-width: 400px;
        margin: auto;
    }
    .bank-table thead, .prices-table thead {
        display: none;
    } 
    .bank-table tbody tr, .prices-table tr {
        border: 1px solid rgba(61, 63, 66, 0.2);
    }
    .prices-table tr {
        padding: 16px 8px;
        display: grid;
        gap: 8px;
    }
    .bank-table td{
        display: grid;
        width: 100%;
        justify-items: left;
        padding: 8px;
        text-align: left;
        border: none;
    }
    .prices-table__cell {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 2px;
        border: none;
        padding: 0;
    }
    .bank-table td::before, .prices-table td:before{
        content: attr(data-label);
        font-weight: 700;
        text-align: left;
    }
    .table-footer {
        margin-top: 24px;
    }
      .info-desktop {
        display: none !important;
    }
    td.prices-table__cell.prices-table__cell--info.info-mobile {
        padding: 16px 0 0px;
        margin-top: 8px;
        border-top: 1px solid rgba(61, 63, 66, 0.2);
    }
}

@media (min-width: 769px) {
    .prices-table td:before {
        display: none;
    }
     .info-mobile {
        display: none !important;
    }
    
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.table-responsive {
    width: 100%;
}
.inf-bl-cont{
    max-width: 808px;
    font-size: 14px;
    text-transform: none;
    line-height: 19px;
}
.prices-tabs {
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.prices-content__tab, .tab-content  {
    display: none;
    animation: fadeIn 0.6s ease;
}
.prices-content__tab--active, .tab-content--active {
    display: block;
}




.hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  object-position: center; 
  z-index: -1;
}

.sect-six, .sect-nine{
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  min-height: 750px;
}
.sect-six::before, .sect-nine::before{
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, #F3F3F3, transparent);
    z-index: 0;
}
.sect-nine::after{
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, transparent, var(--background-dark));
    z-index: -1;
}
.bg-sm{
    display: none;
}
.sect-six .title, .sect-nine .title{
    text-align: center;
    justify-self: center;
    justify-items: center;
}
.sect-six .title{
    max-width: 900px;
}
.sect-nine .title{
    gap: 8px;
}
.sect-nine .title .v3{
    font-weight: 700;
}
.sect-six .features-in {
    width: 100%;
    max-width: 848px;
    position: relative;
}
.features {
    margin-top: 40px;
    display: flex;
    gap: clamp(2.5rem, -14.205rem + 27.27vw, 6.25rem);
    justify-content: space-between;
    min-height: 385px;
    height: 100%;
}

.feature-text {
    border-radius: 20px;
    padding: 40px 20px;
    background: #f3f3f3;
    max-width: 400px;
    height: fit-content;
    margin: 0 0 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.sect-nine .features {
    margin-top: clamp(2.5rem, -0.774rem + 10.48vw, 5.25rem);
}
.sect-six .features-in > :nth-child(1){
    top: 52px;
    right: 13%;
}
.sect-six .features-in > :nth-child(2){
    top: 164px;
    left: 10%;
    flex-direction: row-reverse;
}
.sect-six .features-in > :nth-child(3){
    top: 271px;
    right: 0;
}
.sect-six .features-in > :nth-child(4){
    top: 342px;
    flex-direction: row-reverse;
}


.sect-seven .gallery-tabs-container {
    padding-bottom: clamp(3.75rem, 1.863rem + 3.92vw, 5rem);
    margin-bottom: 20px;
} 
.sect-seven .gallery-tabs-nav {
    display: flex;
    gap: 12px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.sect-seven .galleries-s7 {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch; 
    
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.sect-seven .galleries-s7::-webkit-scrollbar {
    display: none; 
}
.sect-seven .gallery-item {
    flex: 0 0 calc((100% - 24px) / 3);
    aspect-ratio: unset;
    min-width: 320px;
}
.sect-seven .gallery-item:hover{
    transform: scale(1);
}
.sect-seven .property-gallery-wrapper {
    max-height: 419px;
    height: clamp(17.875rem, 12.831rem + 14.94vw, 26.188rem);
    aspect-ratio: unset;
}
.sect-seven .property-image-link {
    display: block;
    width: 100%;
    height: 100%;
}

.sect-seven .property-main-image {
    transition: transform 0.4s ease, opacity 0.15s ease;
}

.sect-seven .gallery-nav, .modal__content .gallery-nav {
    background: transparent;
    opacity: 1;
}

.sect-seven .gallery-nav .nav-btn {
    background: rgba(255, 255, 255, 1);
    transition: all 0.4s ease;
}

.sect-seven .gallery-nav .nav-btn:hover {
    transform: scale(1.1);
}

.sect-seven .gallery-date {
    text-align: center;
    line-height: 24px;
    font-size: 18px;
    font-weight: 400;
    color: var(--shrift);
}

.property-card {
    flex: 0 0 calc((100% - 24px) / 3);
    min-width: 160px;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.property-card .m-button.b-beige {
    width: 100%;
    max-width: 260px;
}
.property-gallery-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 20px;
    overflow: hidden;
    max-height: 300px; 
    cursor: pointer;
}
.property-main-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}
/* .property-gallery-wrapper:hover .gallery-nav {
    opacity: 1;
} */
.gallery-nav {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    transition: opacity 0.3s ease;
    /* background: rgba(0,0,0,0.2); */
}
.mini-gallery__link {
    width: 100%;
    height: 100%;
}
.nav-btn {
    background: rgba(255, 255, 255, 0.8);
    pointer-events: auto;
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--shrift);
    transition: background 0.2s;
}

.nav-btn:hover {
    background: #fff;
}

.payment-video{
    width: 100%;
    height: clamp(20rem, 9.688rem + 34.38vw, 40.625rem);
}
.payment-wrapper {
    padding: 0;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    overflow: hidden; 
}



.payment-wrapper::before {
    content: '';
    position: absolute;
    inset: 0; 
    background: url(../img/scrin-bg-2.webp) no-repeat center;
    background-size: cover;
    background-position: center;
    filter: blur(8px); 
    z-index: -1; 
    transform: scale(1.05);
}

.se-cont{
    display: grid;
    gap: 40px;
    margin-bottom: clamp(3.75rem, 1.863rem + 3.92vw, 5rem);
}
.se-cont-i{
    display: flex;
    gap: clamp(1.25rem, -4.6rem + 12vw, 5rem);
}
.se-cont-in{
    display: grid;
    gap: 20px;
}
.se-cont-img{
    max-width: 203px;
    width: 140%;
    align-content: center;
}

.sect-nine .features-in{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 704px;
    gap: clamp(1.25rem, -2.619rem + 12.38vw, 4.5rem);
}
.sect-nine .feature{
    position: relative;
}
.sect-nine .features-in > :nth-child(1), .sect-nine .features-in > :nth-child(3) {
    align-self: end;
}
.sect-nine .features-in > :nth-child(2){
    flex-direction: row-reverse;
}
.sect-nine .request__input {
    border: 1px solid var(--shrift);
    border-radius: 100px;
    box-sizing: border-box;
    padding: 12px 28px;
    background: transparent;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--shrift) !important;
    margin-bottom: 12px;
    width: 100%;
}
.sect-nine .request__input::placeholder {
    color: var(--shrift); 
    opacity: 0.5;   
}
.sect-nine .m-button{
    width: 100%;
}




.property-content {
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.property-price {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

.property-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.property-cta {
    background-color: #b5a48b; 
    color: #fff;
    text-decoration: none;
    padding: 12px 24px;
    border-radius: 30px;
    font-weight: 600;
    transition: background 0.3s;
    display: inline-block;
}

.property-cta:hover {
    background-color: #9c8b73;
}

.slider-track {
    display: flex;
    gap: 12px;
    transition: transform 0.5s ease;
}
.slider-window {
    overflow: hidden;
}
.slider-controls {
    display: flex;
    gap: 20px;
    height: fit-content;
    align-self: end;
}

button.slider-arrow {
    background: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: var(--shrift);
    transition: background 0.2s;
   
}

.slider-arrow:disabled {
    opacity: 0.5;           
    cursor: default;          
    pointer-events: none;     
}

.slider-controls.is-hidden {
    opacity: 0;
    display: none;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.slider-track.mode-single {
    justify-content: center;
    transform: none !important; 
}
.slider-track.mode-single .property-card {
    flex: 0 0 100%;
    max-width: 100%;
}

.slider-track.mode-single .property-gallery-wrapper {
    max-width: 550px;
    align-self: center;
}
.slider-track.mode-double {
    transform: none !important;
}
.slider-header {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}









/* Горизонтальный список изображений */
.property-horizontal-scroll {
    width: 100%;
    overflow: visible;
}

.images-horizontal-list {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    cursor: grab;
    /* Скрываем скроллбар во всех браузерах */
    -ms-overflow-style: none;  /* IE и Edge */
    scrollbar-width: none;     /* Firefox */
}

.images-horizontal-list::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
}

.images-horizontal-list:active {
    cursor: grabbing;
}

.horizontal-image-link {
    flex-shrink: 0;
    display: block;
    width: 32.4%;
    max-width: 419px;
    max-height: 300px;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.2s;
}

.horizontal-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
    user-select: none;
}

/* Класс для активного перетаскивания (отключает выделение) */
.images-horizontal-list.is-dragging {
    cursor: grabbing;
    user-select: none;
    scroll-behavior: auto; /* отключаем плавность при драге */
}














.sect-ten, .sect-contacts, .sect-properties{
    background: var(--background-dark);
}

.location {
    display: flex;
    gap: 12px;
}
.loc-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.loc-item {
    border-radius: 100px;
    padding: 12px 24px;
    background: #434a59;
    display: flex;
    justify-content: space-between;
}
.loc-item-l {
    display: flex;
    gap: 16px;
    align-items: center;
}
.loc-l {
    width: 40%;
    max-width: 527px;
    min-width: 419px;
    display: grid;
    gap: clamp(1.5rem, 0.326rem + 3.48vw, 2.5rem);
}
.loc-map, .contacts-map {
    border-radius: 20px;
    overflow: hidden;
    width: 100%;
    position: relative;
    filter: invert(100%) hue-rotate(185deg) brightness(0.8) contrast(0.7) saturate(1.3);
}
.loc-map iframe, .contacts-map iframe{
    width: 100%;
}
.loc-map::after, .contacts-map::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 100, 255, 0.15);
    pointer-events: none; /* Чтобы можно было кликать сквозь маску */
    z-index: 1;
}



.sect-gallery-drag{
    background: var(--background-dark);
    padding-top: 20px;
}

.gallery-drag-wrapper {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-behavior: smooth;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
    user-select: none;
    -webkit-user-select: none;
    /* touch-action: none;  */
    padding: clamp(3.75rem, 3.125rem + 2.08vw, 5rem) 0 0;
}

.gallery-drag-wrapper::-webkit-scrollbar {
    display: none;
}

.gallery-drag-wrapper.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto;
}

.gallery-drag-item {
    flex: 0 0 auto;
    width: clamp(10rem, 5.848rem + 15.1vw, 19.438rem);
    aspect-ratio: 1;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    scroll-snap-align: start;
    transition: transform 0.3s ease;
    text-decoration: none;
    display: block;
}

.gallery-drag-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    pointer-events: auto;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}
.gallery-drag-item:hover img {
    transform: scale(1.05);
}
.contacts-in-i {
    display: flex;
    gap: 12px;
}
.con-ini-l {
    width: 120px;
}
.con-ini-r {
    font-weight: 700;
}
.con-ini-r a{
    color: #fff;
}
.contacts-l-in.mtop6 {
    display: grid;
    gap: 20px;
}
.contacts-map {
    width: clamp(46.375rem, 11.027rem + 39.14vw, 57.75rem);
    margin-left: auto;
    height: 482px;
    top: 0;
}

.footer{
    background: var(--background-dark);
    max-width: 100%;
}
.footer-wrapper{
    padding: clamp(2.5rem, 0.613rem + 3.92vw, 3.75rem) clamp(1rem, -1rem + 6.67vw, 5rem);
    padding-bottom: 20px;
    max-width: 1560px;
    margin: 0 auto;
    display: grid;
    gap: 12px;
    border-top: none;
}
.footer-logo {
    width: 60px;
    height: 60px;
}
.footer-ul__link{
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}

.footer-wrapper .white{
    opacity: 0.4;
}

.modal {
   padding: 24px 24px 40px;
   width: 95%;
   max-width: 520px;
   background: #282d39eb;

}
.icon-close-3:before {
    font-size: 20px;
    font-weight: 700;
    z-index: 999999;
    position: relative;
}
span.icon-close-3.icon-close-3-modal {
    position: absolute;
    right: 24px;
    top: 30px;
}
.modal__text {
    font-weight: 400;
    line-height: 19px;
    margin-top: 8px;
    margin-bottom: 20px;
    text-align: left;
    max-width: 100%;
}
.modal .title{
    display: flex;
    justify-content: space-between;
}
.modal__input{
    margin-bottom: 12px;
    padding: 12px 28px;
    width: 100%;
    border-radius: 100px;
}
.modal__button{
    width: 100%;
    margin: 0;
}

.porch1 {
    width: 70%;
    max-width: 964px;
    height: 610px;
}
.porch1-ulcontent__content--active{
    height: 420px;
}
.porch1-level, .porch1-porch, .porch1__housename {
    color: var(--shrift);
    font-family: var(--font-family);
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    margin-right: 24px;
   white-space: nowrap;
}
.porch1-level {
    margin-right: auto;
}
.porch1__housename{
    padding: 0;
}
.porch1-headerright {
    justify-content: unset;
    background: transparent;
    padding: 0;
    width: 100%;
}
.porch1-header{
    justify-content: unset;
    padding: 16px 40px;
    background: #3D3F421A;
}
.porch1-header .icon-close-3:before{
    color: var(--shrift);
}
.porch1-choice {
    display: none;
}
.porch1-header .icon-close-3-porch{
    margin-left: auto;
}
.porch1-content {
    text-align: center;
    margin: 25px 0;
}

.porch1-ul {
    gap: 12px;
    border: none;
    justify-content: center;
    margin-bottom: 40px;
}
.porch1-ul__tab {
    padding: 12px 28px;
    border-radius: 100px;
    width: fit-content;
    color: var(--shrift);
    font-family: var(--font-family);
    font-weight: 400;
    font-style: Regular;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0%;
    border: 1px solid var(--shrift);
    transition: 0.3s ease;
    text-transform: lowercase;
}
.porch1-ul__tab--active {
    color: #fff;
    background: var(--shrift);
}
.porch1-ul__tab:hover {
    color: #fff;
    background: var(--shrift);
}
.porch1-ulcontent .apartment-img {
    width: 65%;
    max-width: 480px;
    max-height: 367px;
}
.porch1-ulcontent .apartment-info .btn {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 12px 28px;
    border-radius: 100px;
    background: var(--akcent);
}
.porch1-ulcontent .apartment-info {
    max-width: 477px;
    text-align: left;
    width: 100%;
}
 .apartment-info .floor, .porch1-ulcontent .apartment-info .plan, .porch1-ulcontent .apartment-info .section, .porch1-ulcontent .apartment-info .square {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
}
.porch1-ulcontent .apartment-info .price text:nth-child(1){
    margin-right: 50px;
}
.porch1-ulcontent .apartment{
    padding: 64px 40px 40px;
    gap: 40px;
    @media (max-width: 529.98px) {
        padding: 120px 40px 40px;
    }
}

.porch-click .inner-circle {
    fill: #ffff;
}
.porch-click:hover .inner-circle {
    fill: #a8ffaf82 !important;
}
.porch-click .outer-circle{
    fill: #ffff;
}
.porch-click-sale text {
    fill: #ffff !important;
}
.porch-click.porch-click-sale .inner-circle{
    fill: var(--shrift);
}
.porch-click.porch-click-sale .outer-circle{
    fill: var(--shrift);
}

.sold-house-group .sold-house-tooltip {
    display: none;
}
.sold-house-group:hover .sold-house-tooltip {
    display: block;
}               
.porch-click:hover .sold-house-tooltip {
    display: block;
}
        




.floor_section {
    box-sizing: unset;
}
/* .icon-arrow--slider-l {
    left: -21px;
} */
.floor_section__title {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
    color: var(--shrift);
}





.kv-k{
    margin-bottom: 12px;
    display: block;
}

.filter-tabs {
    display: flex;
    gap: 12px;
    margin-bottom: clamp(1.5rem, 0.577rem + 3.08vw, 2.5rem);
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}
.tab-btn.active { background: var(--shrift); color: #fff; }
.search-btn {
    margin-left: 40px;
}
.apartments-list {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    -ms-overflow-style: none; 
    cursor: grab;
    padding-bottom: 18px;
}
.apartments-list::-webkit-scrollbar {
    height: 4px;
}
.apartments-list::-webkit-scrollbar-track {
    background: transparent;
}
.apartments-list::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.2);
    border-radius: 3px;
}
.apartments-list.is-dragging {
    cursor: grabbing;
    scroll-behavior: auto; 
}
.apartments-list.is-dragging * {
    user-select: none;
    /* pointer-events: none;  */
}
.apartments-list.is-dragging .card-btn, 
.apartments-list.is-dragging a {
    pointer-events: auto; 
}
.apartments-list:not([style*="display: grid"]) { display: none; }
.no-results {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px;
    color: #666;
    font-size: 16px;
}
.apartment-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.card-house {
    font-weight: 700;
    text-align: center;
}
.card-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(15rem, 10.833rem + 13.89vw, 21.25rem);
    width: clamp(10rem, 5.076rem + 16.41vw, 19.438rem);
}
.card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.no-image { color: #999; font-size: 14px; }
.card-info {
    display: grid;
    gap: 8px;
}
.card-type, .card-square, .card-floor {
    text-align: center;
}
.card-btn {
    width: 100%;
    margin: 0 auto;
    max-width: 260px;
    margin-top: auto;
}

.porch1__image svg .appartment-badge{
    line-height: 120%;
}










































@media (max-width: 1441px) {
   
    .contacts-map {
        width: clamp(25rem, -24.709rem + 79.53vw, 46.375rem);
    }
}

@media screen and (max-width: 1200px){
    .st-cont {
        flex-direction: column;
    }
    .st-cont img{
        max-height: 400px;
        min-height: 320px;
        max-width: 100%;
    }
}

@media screen and (max-width: 1080px){
    
    .footer{
       
        padding-bottom: 12px;
    }
        .footer-nav {
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
    }
        .footer-ul {
        width: 100%;
        display: flex;
    }
    .footer-menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: var(--margin60);
    }
    
}

@media (max-width: 992px) {
    .choice .container {
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
    .choice__tabs {
        width: 100%;
    }
    .choice__tab{
        width: 100%;
    }
    .choice .title {
        margin-right: auto;
    }
    .choice__tab[data-target="#panorama"] {
        justify-content: center;
    }
    .contacts-map {
        top: 0;
    }
    .header-ul {
        padding-top: 165px;
    }
    .header-ul__item, .header-ul li {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 40px;
    }
    .header-container {
        gap: 16px;
    }
    .header-container .m-button{
        margin-left: auto;
    }
   
    .header-nav--active ~ .burger .burger__line:last-child {
        transform: rotate(45deg) translateY(-10px);
    }

    .header-nav--active ~ .burger .burger__line:first-child {
        transform: rotate(-45deg) translateY(10px);
    }
    .burger {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: center;
        flex-direction: column;
    }
    .burger {
        width: 48px;
        height: 48px;
    }
    .burger__line:last-child, .burger__line {
        width: 32px;
    }
    .fixed .burger__line {
        background: #ffffff;
    }
    .header-menu.fixed {
        background: var(--shrift);
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .fixed .header-ul__link {
        color: white;
    }
    .fixed-nav {
    top: 35px;
    background: #282D3999;
    backdrop-filter: blur(6px);
    height: 100vh;
    overflow-y: auto;
    -ms-flex-pack: normal;
    justify-content: normal;
    }
    .filter-tabs {
        justify-content: space-between;
    }
    .filter-tabs .tab-btn{
        width: 48%;
    }
    .search-btn {
        margin-left: 0;
        margin-top: 4px;
        width: 100%;
    }
}



@media screen and (max-width: 920px){
    .sect-six, .sect-nine {
        height: auto;
    }
    .features{
        flex-direction: column;
        padding-bottom: 60px;
    }
    .feature-text {
        max-width: 600px;
        margin: 0 auto;
        padding: 24px 12px;
    }
    
    .features-in{
        display: grid;
        gap: 40px;
    }
    .feature{
        position: unset;
    }
    .sect-nine .feature {
        flex-direction: row-reverse;
    }
    .features-in > :nth-child(4),
    .features-in > :nth-child(2)
    {
        justify-self: right;
    }

    .sect-one .f-3, .sect-one .f-1 {
        margin-left: clamp(0rem, -7.44rem + 23.81vw, 6.25rem);
    }
    .sect-one .f-2, .sect-one .f-4{
        margin-right: clamp(0rem, -7.44rem + 23.81vw, 6.25rem);
    }
    .location {
        flex-direction: column;
    }
    .loc-l {
        width: 100%; 
        max-width: unset; 
        min-width: unset;
    }
    .loc-map iframe {
        aspect-ratio: 3/2;
    }
    .contacts-map {
        width: 100%;
        margin-top: 28px;
    }
        .footer-ul {
        grid-template-columns: repeat(3, 1fr);
        flex-direction: column;
        text-align: left;
        align-items: start;
    }

    .footer-wrapper{
        gap: var(--margin60);
    }
    .horizontal-image-link {
        aspect-ratio: 1;
        min-width: 160px;
        min-height: 160px;
    }

}









@media (max-width: 720px) {
    .prices1-ulcontent__content, .prices-content{
        display: block;
    }
    .porch1-ulcontent .apartment {
        gap: 20px;
    }
    .porch1-ul__tab {
         flex-basis: unset;
    }
    .porch1 {
    height: auto;
    width: 95%;
    }
    .porch1-porch, .porch1-level {
        text-align: left;
        width: min-content;
    }
}


@media screen and (max-width: 650px) {

    .header-slide img {
        object-position: 80.5% 50%;
    }
    .se-cont-i{
        flex-direction: column;
        gap: 8px;
    }
    .se-cont-img {
        height: 120px;
    }
    .sect-nine .title br{
        display: none;
    }
    .sect-nine .title{
        font-size: 32px;
    }

    .footer-top #primary-menu {
        flex-direction: column;
        text-align: left;
        align-items: start;
    }
    .footer-top {
    align-items: start;
    }
    .property-card .m-button.b-beige {
        padding: 12.5px 20px;
    }
    .property-gallery-wrapper {
        aspect-ratio: 1;
    }
    .slider-header {
        flex-direction: column;
    }
    .slider-controls {
        align-self: baseline;
    }
    .sect-seven .gallery-tabs-nav {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
    }
    .sect-seven .tab-btn, .prices-tabs__item {
    width: 100%;
    }
    .st-cont-i-mob{
        display: block;
    }
    .st-cont-i{
        display: none;
    }
    .prices-block .prices-tabs {
        margin-bottom: 24px;
        flex-wrap: nowrap;
    }
    .porch1-header {
    padding: 16px 16px;
    }
    .porch1-level, .porch1-porch, .porch1__housename {
    font-size: 15px;
    line-height: 22px;
    margin-right: 15px;
    }
    .porch1-ulcontent__content--active {
    height: clamp(16.875rem, -0.245rem + 65.22vw, 26.25rem);
    }
    .porch1-ulcontent .apartment-info .btn {
    display: block;
    width: 100%;
    text-align: center;
    margin: 40px auto;
    }
    .slider-track.mode-single .m-button.b-beige{
    max-width: 100%;
    }

}


@media screen and (max-width: 420px) {
    .bg-sm{
    display: block;
    }
     .bg-b{
    display: none;
    }
    .loc-map iframe{
        aspect-ratio: 1;
    }
    .contacts-in-i {
    flex-direction: column;
    gap: 4px;
    }
}

@media (max-width: 390px) {
    .header-slide {
        height: 100%;
    }
    .porch1-level, .porch1-porch, .porch1__housename {
        white-space: wrap;
        text-align: center;
    }
}