/* ==========================================================
   ВСЯКУРОРТКА — FINAL TZ ALIGNMENT
   Только визуальная часть карточки #view-object
   Никаких данных / API / backend
========================================================== */

#view-object{
  --vko-page:1240px;
  --vko-navy:#071E38;
  --vko-text:#081B31;
  --vko-muted:#687583;
  --vko-soft:#F7F8FA;
  --vko-soft2:#F3F5F7;
  --vko-line:#EDF0F2;
  --vko-line2:#DDE4E9;
  --vko-cyan:#18D9D1;

  font-family:
    Inter,
    Manrope,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;

  color:var(--vko-text) !important;
  background:#fff !important;
}


/* ==========================================================
   ЕДИНАЯ ШИРИНА ВСЕЙ СТРАНИЦЫ
========================================================== */

#view-object > .back,
#view-object > .obj-section,
#view-object > #objLinks,
#view-object > .obj-actions{
  width:min(calc(100% - 48px), var(--vko-page)) !important;
  max-width:var(--vko-page) !important;

  margin-left:auto !important;
  margin-right:auto !important;
}

#view-object > .obj-section{
  padding-left:0 !important;
  padding-right:0 !important;
}

#view-object .vko-section,
#view-object .vko-hero-grid,
#view-object .vko-meta,
#view-object .vko-plans,
#view-object .vko-roi-section{
  width:100% !important;
  max-width:none !important;
}


/* ==========================================================
   ОСНОВНАЯ ТИПОГРАФИКА
========================================================== */

#view-object .vko-section-head h2,
#view-object .vko-infra-head h2,
#view-object .vko-operator-card h2,
#view-object .vko-plans-head h3,
#view-object #objLinks .obj-head h3{
  margin:0 !important;

  color:var(--vko-navy) !important;

  font-family:inherit !important;
  font-size:24px !important;
  line-height:1.16 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}

#view-object .vko-copy .vko-about-head h3{
  color:var(--vko-navy) !important;

  font-family:inherit !important;
  font-size:25px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}

#view-object .vko-copy #objDesc{
  max-width:590px !important;

  color:#405468 !important;

  font-family:inherit !important;
  font-size:14px !important;
  line-height:1.62 !important;
  font-weight:400 !important;
}


/* ==========================================================
   ВЕРХНЯЯ METADATA
========================================================== */

#view-object .vko-meta{
  min-height:30px !important;

  margin:0 0 34px !important;
}

#view-object .vko-meta-left,
#view-object .vko-fav-top{
  font-family:inherit !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

#view-object .vko-meta-name{
  color:var(--vko-navy) !important;
  font-weight:700 !important;
}

#view-object .vko-meta-city,
#view-object .vko-meta-dev{
  color:#8997A5 !important;
  font-weight:500 !important;
}


/* ==========================================================
   О КОМПЛЕКСЕ
========================================================== */

#view-object .vko-hero-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1fr)
    560px !important;

  gap:56px !important;
  align-items:start !important;
}

#view-object .vko-copy{
  padding-top:0 !important;
}

#view-object .vko-copy .vko-about-head{
  margin:0 0 18px !important;
}


/* характеристики */

#view-object .vko-metrics-wrap{
  margin-top:32px !important;
}

#view-object .vko-copy #objMetrics.metrics{
  width:100% !important;
  max-width:590px !important;

  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;

  column-gap:26px !important;
  row-gap:24px !important;
}

#view-object .vko-copy #objMetrics .m{
  min-height:42px !important;
  padding-left:42px !important;
}

#view-object .vko-copy #objMetrics .m::before{
  width:30px !important;
  height:30px !important;
}

#view-object .vko-copy #objMetrics .m .l{
  margin:0 0 5px !important;

  color:#98A5B1 !important;

  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:650 !important;

  letter-spacing:.055em !important;
}

#view-object .vko-copy #objMetrics .m .v{
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}


/* ==========================================================
   ФОТОГАЛЕРЕЯ
========================================================== */

#view-object .vko-media{
  width:560px !important;
  max-width:100% !important;
}

#view-object .vko-media #objCard .ph{
  width:100% !important;

  aspect-ratio:3 / 2 !important;
  height:auto !important;

  border-radius:16px !important;

  box-shadow:
    0 4px 24px rgba(8,30,56,.06) !important;
}

#view-object .vko-thumbs{
  grid-auto-columns:
    calc((100% - 20px) / 3) !important;

  gap:10px !important;
  margin-top:10px !important;
}

#view-object .vko-thumb{
  height:88px !important;

  border-radius:10px !important;

  box-shadow:none !important;
}


/* ==========================================================
   ЕДИНЫЕ ВЕРТИКАЛЬНЫЕ РИТМЫ
========================================================== */

#view-object .vko-section,
#view-object .vko-plans,
#view-object #objLinks{
  margin-top:68px !important;
}

#view-object .vko-section-head,
#view-object .vko-plans-head{
  margin-bottom:20px !important;
}


/* ==========================================================
   РАСПОЛОЖЕНИЕ
========================================================== */

#view-object .vko-location-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(340px,.92fr) !important;

  gap:16px !important;
}

#view-object .vko-map-card,
#view-object .vko-location-data{
  border:1px solid var(--vko-line) !important;
  border-radius:16px !important;

  background:var(--vko-soft) !important;

  box-shadow:none !important;
}

#view-object .vko-map-art{
  height:270px !important;
}

#view-object .vko-map-bottom{
  min-height:70px !important;
  padding:14px 16px !important;
}

#view-object .vko-location-data{
  padding:6px 20px !important;
}

#view-object .vko-location-stat{
  min-height:84px !important;
}


/* ==========================================================
   ИНФРАСТРУКТУРА
========================================================== */

#view-object .vko-infra-shell{
  padding:26px !important;

  border-radius:18px !important;

  background:var(--vko-navy) !important;
}

#view-object .vko-infra-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.16fr)
    minmax(340px,.84fr) !important;

  gap:16px !important;
}

#view-object .vko-infra-photo{
  min-height:330px !important;

  border-radius:14px !important;
}

#view-object .vko-infra-cards{
  gap:9px !important;
}

#view-object .vko-infra-card{
  padding:13px 14px !important;

  border-radius:12px !important;

  box-shadow:none !important;
}

#view-object .vko-infra-card p{
  font-size:12.5px !important;
  line-height:1.5 !important;
}


/* ==========================================================
   ЗАСТРОЙЩИК
========================================================== */

#view-object .vko-developer-card{
  min-height:0 !important;

  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;
}

#view-object .vko-developer-icon{
  width:38px !important;
  height:38px !important;

  flex:0 0 38px !important;

  border-radius:10px !important;
}

#view-object .vko-developer-card strong{
  font-size:15px !important;
  font-weight:650 !important;
}


/* ==========================================================
   ПЛЮСЫ / МИНУСЫ
========================================================== */

#view-object .vko-proscons{
  padding:28px !important;

  border-radius:17px !important;

  background:var(--vko-soft) !important;
}

#view-object .vko-pc-grid{
  gap:14px !important;
}

#view-object .vko-pc-card{
  padding:21px !important;

  border:1px solid var(--vko-line) !important;
  border-radius:14px !important;

  background:#fff !important;

  box-shadow:none !important;
}

#view-object .vko-pc-card h3{
  font-size:15px !important;
}

#view-object .vko-pc-card p{
  font-size:13px !important;
  line-height:1.5 !important;
}


/* ==========================================================
   ПЛАНИРОВКИ — СТРОГО РОВНО
========================================================== */

#view-object #plansList.olist{
  width:100% !important;

  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-auto-rows:1fr !important;

  gap:16px !important;
}

#view-object #plansList .vko-plan-card{
  min-width:0 !important;
  height:100% !important;

  display:flex !important;
  flex-direction:column !important;

  border:1px solid var(--vko-line) !important;
  border-radius:16px !important;

  background:#fff !important;

  box-shadow:
    0 4px 24px rgba(8,30,56,.045) !important;
}

#view-object #plansList .vko-plan-card .th{
  height:240px !important;
  flex:0 0 240px !important;

  padding:18px !important;
}

#view-object #plansList .vko-plan-card .info{
  min-height:140px !important;
  height:100% !important;

  padding:17px !important;
}

#view-object #plansList .vko-plan-card h4{
  font-size:15px !important;
  line-height:1.25 !important;
}

#view-object #plansList .vko-plan-card .loc{
  font-size:11px !important;
}

#view-object #plansList .vko-plan-card .kv{
  font-size:10px !important;
}

#view-object #plansList .vko-plan-card .kv b{
  font-size:13px !important;
}


/* ==========================================================
   ROI
========================================================== */

#view-object .vko-roi-shell{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1.18fr)
    minmax(360px,.82fr) !important;

  gap:16px !important;
}

#view-object .vko-roi-form,
#view-object .vko-roi-result{
  min-width:0 !important;

  border-radius:16px !important;
}

#view-object .vko-roi-form{
  padding:24px !important;

  border:1px solid var(--vko-line) !important;

  box-shadow:none !important;
}

#view-object .vko-roi-result{
  padding:26px !important;

  background:
    linear-gradient(
      135deg,
      #CFFFFA 0%,
      #6FF2EB 100%
    ) !important;
}

#view-object .vko-roi-title h3{
  font-size:17px !important;
}

#view-object .vko-roi-fields{
  gap:17px 20px !important;
}

#view-object .vko-roi-output b{
  font-size:19px !important;
}

#view-object .vko-roi-total b{
  font-size:24px !important;
}


/* ==========================================================
   МАТЕРИАЛЫ — ТА ЖЕ ШИРИНА, ЧТО ВСЯ СТРАНИЦА
========================================================== */

#view-object #objLinks{
  width:min(calc(100% - 48px), var(--vko-page)) !important;
  max-width:var(--vko-page) !important;

  padding:0 !important;
}

#view-object #objLinks .obj-head{
  width:100% !important;

  margin:0 0 18px !important;
}

#view-object #objLinks .obj-links-grid{
  width:100% !important;

  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  grid-auto-rows:68px !important;

  gap:10px !important;
}

#view-object #objLinks .lnk{
  width:100% !important;
  min-height:68px !important;
  height:68px !important;

  padding:0 17px !important;

  border:1px solid var(--vko-line) !important;
  border-radius:12px !important;

  background:var(--vko-soft) !important;

  font-family:inherit !important;
  font-size:13px !important;
  font-weight:600 !important;

  box-shadow:none !important;
}


/* ==========================================================
   НИЖНИЕ CTA
========================================================== */

#view-object .obj-actions{
  width:min(calc(100% - 48px), var(--vko-page)) !important;

  margin-top:28px !important;
  margin-bottom:60px !important;

  display:grid !important;
  grid-template-columns:1fr 1fr !important;

  gap:10px !important;
}

#view-object .obj-actions .btn{
  width:100% !important;
  min-height:54px !important;

  border-radius:11px !important;

  font-family:inherit !important;
  font-size:13px !important;
  font-weight:650 !important;

  box-shadow:none !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1100px){

  #view-object .vko-hero-grid{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr) !important;

    gap:32px !important;
  }

  #view-object .vko-media{
    width:100% !important;
  }

  #view-object .vko-location-grid,
  #view-object .vko-infra-grid,
  #view-object .vko-roi-shell{
    grid-template-columns:1fr !important;
  }

  #view-object #plansList.olist{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:720px){

  #view-object > .back,
  #view-object > .obj-section,
  #view-object > #objLinks,
  #view-object > .obj-actions{
    width:calc(100% - 28px) !important;
  }

  #view-object .vko-meta{
    margin-bottom:22px !important;
  }

  #view-object .vko-hero-grid{
    display:flex !important;
    flex-direction:column !important;

    gap:26px !important;
  }

  #view-object .vko-media{
    width:100% !important;
    order:1 !important;
  }

  #view-object .vko-copy{
    order:2 !important;
  }

  #view-object .vko-copy .vko-about-head h3,
  #view-object .vko-section-head h2,
  #view-object .vko-infra-head h2,
  #view-object .vko-plans-head h3,
  #view-object #objLinks .obj-head h3{
    font-size:21px !important;
  }

  #view-object .vko-copy #objMetrics.metrics{
    grid-template-columns:
      repeat(2,minmax(0,1fr)) !important;

    max-width:none !important;
  }

  #view-object .vko-media #objCard .ph{
    aspect-ratio:4 / 3 !important;
  }

  #view-object .vko-thumb{
    height:72px !important;
  }

  #view-object .vko-section,
  #view-object .vko-plans,
  #view-object #objLinks{
    margin-top:48px !important;
  }

  #view-object #plansList.olist{
    display:flex !important;

    gap:12px !important;

    overflow-x:auto !important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }

  #view-object #plansList.olist::-webkit-scrollbar{
    display:none;
  }

  #view-object #plansList .vko-plan-card{
    flex:0 0 84% !important;
    scroll-snap-align:start;
  }

  #view-object #plansList .vko-plan-card .th{
    height:220px !important;
    flex-basis:220px !important;
  }

  #view-object #objLinks .obj-links-grid{
    grid-template-columns:1fr !important;
  }

  #view-object .obj-actions{
    grid-template-columns:1fr !important;
  }

}

/* VK_LOCATION_FINAL_START */

/* ==========================================================
   РАСПОЛОЖЕНИЕ — ФИНАЛ
   структура как в прототипе
========================================================== */


/* Заголовок */

#view-object .vko-location > .vko-section-head{
  margin:0 0 28px 0 !important;
  padding:0 !important;
}


#view-object .vko-location > .vko-section-head h2{
  margin:0 !important;
}


/* ==========================================================
   СЕТКА
========================================================== */

#view-object .vko-location-grid{
  display:grid !important;

  grid-template-columns:
    520px
    430px !important;

  column-gap:100px !important;

  align-items:start !important;

  justify-content:start !important;

  width:100% !important;

  margin:0 !important;
  padding:0 !important;
}


/* ==========================================================
   КАРТА
========================================================== */

#view-object .vko-location .vko-map-card{
  display:block !important;

  position:relative !important;

  width:520px !important;
  height:305px !important;

  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  border:0 !important;

  border-radius:0 !important;

  background:#f3f4f5 !important;

  box-shadow:none !important;
}


#view-object .vko-final-map{
  display:block !important;

  width:100% !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;

  filter:
    grayscale(1)
    brightness(1.08)
    contrast(.82) !important;
}


#view-object .vko-final-map-link{
  display:block !important;

  width:100% !important;
  height:100% !important;

  text-decoration:none !important;
}


#view-object .vko-location .vko-map-art{
  width:100% !important;
  height:100% !important;

  min-height:0 !important;

  border:0 !important;

  border-radius:0 !important;
}


/* старый низ карты больше не существует */

#view-object .vko-location .vko-map-bottom{
  display:none !important;
}


/* ==========================================================
   ПРАВАЯ КОЛОНКА
========================================================== */

#view-object .vko-location .vko-location-data{
  display:flex !important;

  flex-direction:column !important;

  align-items:flex-start !important;

  width:430px !important;

  max-width:100% !important;

  min-height:0 !important;

  margin:0 !important;
  padding:0 !important;

  border:0 !important;

  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;
}


/* ==========================================================
   ПУНКТЫ
========================================================== */

#view-object .vko-final-location-list{
  display:flex !important;

  flex-direction:column !important;

  width:100% !important;

  gap:20px !important;

  margin:0 !important;
  padding:0 !important;
}


#view-object .vko-final-location-row{
  display:grid !important;

  grid-template-columns:
    40px
    minmax(0,1fr) !important;

  column-gap:18px !important;

  align-items:center !important;

  min-height:40px !important;

  margin:0 !important;
  padding:0 !important;
}


#view-object .vko-final-location-dot{
  display:block !important;

  width:40px !important;
  height:40px !important;

  border-radius:50% !important;

  background:#d8d8d8 !important;
}


#view-object .vko-final-location-text{
  margin:0 !important;
  padding:0 !important;

  color:#111 !important;

  font-size:15px !important;

  line-height:1.35 !important;

  font-weight:400 !important;
}


/* ==========================================================
   ДОМ.РФ
========================================================== */

#view-object .vko-final-domrf{
  display:flex !important;

  align-items:center !important;
  justify-content:center !important;

  width:370px !important;
  height:98px !important;

  max-width:100% !important;

  margin-top:28px !important;

  padding:18px 28px !important;

  box-sizing:border-box !important;

  border:0 !important;

  border-radius:18px !important;

  background:#d6d6d6 !important;

  box-shadow:none !important;

  color:#111 !important;

  text-decoration:none !important;

  text-align:center !important;

  font-size:15px !important;

  line-height:1.35 !important;

  font-weight:400 !important;
}


#view-object .vko-final-domrf:hover{
  opacity:.88 !important;
}


/* УБИРАЕМ СТАРЫЕ КАРТОЧКИ */

#view-object .vko-location > .vko-location-grid
.vko-location-stat,

#view-object .vko-location
.vko-location-actions{
  display:none !important;
}


/* Отступ как в прототипе */

#view-object .vko-location{
  margin-bottom:68px !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1100px){

  #view-object .vko-location-grid{
    grid-template-columns:
      minmax(0,1fr)
      minmax(320px,.85fr) !important;

    column-gap:40px !important;
  }

  #view-object .vko-location .vko-map-card{
    width:100% !important;
  }

  #view-object .vko-location .vko-location-data{
    width:100% !important;
  }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:720px){

  #view-object .vko-location-grid{
    grid-template-columns:1fr !important;

    gap:26px !important;
  }


  #view-object .vko-location .vko-map-card{
    width:100% !important;
    height:270px !important;
  }


  #view-object .vko-location .vko-location-data{
    width:100% !important;
  }


  #view-object .vko-final-location-list{
    gap:16px !important;
  }


  #view-object .vko-final-domrf{
    width:100% !important;
    height:74px !important;

    margin-top:24px !important;
  }

}

/* VK_LOCATION_FINAL_END */


/* ==========================================================
   STABLE LOCATION
   Source: object-fullpage.js
========================================================== */

#view-object .vko-location-grid{
  display:grid !important;
  grid-template-columns:
    minmax(0,1.08fr)
    minmax(340px,.92fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}

#view-object .vko-map-card,
#view-object .vko-location-data{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

#view-object .vko-map-card{
  flex-direction:column !important;
  overflow:hidden !important;
}

#view-object .vko-map-bottom{
  width:100% !important;
  min-height:70px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:14px !important;

  padding:14px 16px !important;

  visibility:visible !important;
  opacity:1 !important;

  border-top:1px solid #EDF0F2 !important;
}

#view-object .vko-map-place small{
  display:block !important;

  margin-bottom:4px !important;

  color:#98A5B1 !important;

  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:650 !important;

  text-transform:uppercase !important;
  letter-spacing:.055em !important;
}

#view-object .vko-map-place strong{
  color:#081B31 !important;

  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
}

#view-object .vko-location-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;

  gap:8px !important;

  visibility:visible !important;
  opacity:1 !important;
}

#view-object .vko-location-btn{
  min-height:38px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:7px !important;

  padding:0 12px !important;

  border:1px solid #E3E9EE !important;
  border-radius:10px !important;

  background:#FFFFFF !important;
  color:#081B31 !important;

  font-family:inherit !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:600 !important;

  text-decoration:none !important;
}

#view-object .vko-location-btn-icon{
  width:14px !important;
  height:14px !important;

  display:grid !important;
  place-items:center !important;

  color:#687583 !important;
}

#view-object .vko-location-btn-icon svg{
  width:14px !important;
  height:14px !important;
}

#view-object .vko-location-data{
  min-width:0 !important;
  min-height:340px !important;

  flex-direction:column !important;

  padding:6px 20px !important;

  border:1px solid #EDF0F2 !important;
  border-radius:16px !important;

  background:#F7F8FA !important;
}

#view-object .vko-location-stat{
  width:100% !important;
  min-height:84px !important;

  display:flex !important;
  align-items:center !important;

  gap:15px !important;

  visibility:visible !important;
  opacity:1 !important;

  border-bottom:1px solid #E7EDF1 !important;
}

#view-object .vko-location-stat:last-child{
  border-bottom:0 !important;
}


@media(max-width:1050px){

  #view-object .vko-location-grid{
    grid-template-columns:1fr !important;
  }

  #view-object .vko-location-data{
    min-height:0 !important;

    display:grid !important;
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;
  }

}


@media(max-width:720px){

  #view-object .vko-map-bottom{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  #view-object .vko-location-actions{
    justify-content:flex-start !important;
  }

  #view-object .vko-location-data{
    display:flex !important;
    flex-direction:column !important;
  }

}


/* ==========================================================
   LOCATION VISIBILITY FIX
   Возвращаем элементы, ошибочно скрытые старым TZ-патчем
========================================================== */

#view-object .vko-location .vko-map-bottom{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

#view-object .vko-location
.vko-location-actions{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

#view-object .vko-location >
.vko-location-grid
.vko-location-stat{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

#view-object .vko-location
.vko-location-data{
  visibility:visible !important;
  opacity:1 !important;
}



/* ==========================================================
   DOM.RF — CTA КАК В ПРОТОТИПЕ
========================================================== */

#view-object .vko-domrf-main{
  width:calc(100% - 32px) !important;
  min-height:56px !important;

  margin:18px 16px 16px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  padding:14px 18px !important;

  border:0 !important;
  border-radius:14px !important;

  background:#E8EAEC !important;
  color:#081B31 !important;

  font-family:inherit !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:600 !important;

  text-align:center !important;
  text-decoration:none !important;

  transition:
    background .2s ease,
    transform .2s ease !important;
}

#view-object .vko-domrf-main:hover{
  background:#DDE1E4 !important;
  transform:translateY(-1px) !important;
}

#view-object .vko-domrf-main-icon{
  width:16px !important;
  height:16px !important;

  flex:0 0 16px !important;

  display:grid !important;
  place-items:center !important;

  color:#687583 !important;
}

#view-object .vko-domrf-main-icon svg{
  width:15px !important;
  height:15px !important;
}


/* справа характеристики сверху,
   CTA прижат вниз */
#view-object .vko-location-data{
  display:flex !important;
  flex-direction:column !important;
}

#view-object .vko-domrf-main{
  margin-top:auto !important;
}


@media(max-width:1050px){

  #view-object .vko-location-data{
    display:flex !important;
    flex-direction:column !important;
  }

}



/* ==========================================================
   DOM.RF — CTA КАК В ПРОТОТИПЕ
========================================================== */

#view-object .vko-domrf-main{
  width:calc(100% - 32px) !important;
  min-height:56px !important;

  margin:18px 16px 16px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  padding:14px 18px !important;

  border:0 !important;
  border-radius:14px !important;

  background:#E8EAEC !important;
  color:#081B31 !important;

  font-family:inherit !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:600 !important;

  text-align:center !important;
  text-decoration:none !important;

  transition:
    background .2s ease,
    transform .2s ease !important;
}

#view-object .vko-domrf-main:hover{
  background:#DDE1E4 !important;
  transform:translateY(-1px) !important;
}

#view-object .vko-domrf-main-icon{
  width:16px !important;
  height:16px !important;

  flex:0 0 16px !important;

  display:grid !important;
  place-items:center !important;

  color:#687583 !important;
}

#view-object .vko-domrf-main-icon svg{
  width:15px !important;
  height:15px !important;
}


/* справа характеристики сверху,
   CTA прижат вниз */
#view-object .vko-location-data{
  display:flex !important;
  flex-direction:column !important;
}

#view-object .vko-domrf-main{
  margin-top:auto !important;
}


@media(max-width:1050px){

  #view-object .vko-location-data{
    display:flex !important;
    flex-direction:column !important;
  }

}



/* ==========================================================
   LOCATION — FINAL TZ GEOMETRY
========================================================== */

#view-object .vko-location{
  width:100% !important;
  max-width:1240px !important;

  margin-top:64px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:68px !important;
}

#view-object .vko-location .vko-section-head{
  margin:0 0 22px !important;
}

#view-object .vko-location .vko-section-head h2{
  margin:0 !important;

  color:#071E38 !important;

  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}


/* две колонки строго в одной сетке */

#view-object .vko-location-grid{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
    minmax(0, 1.18fr)
    minmax(360px, .82fr) !important;

  gap:28px !important;

  align-items:stretch !important;
}


/* ==========================================================
   MAP
========================================================== */

#view-object .vko-map-card{
  width:100% !important;
  height:360px !important;

  min-width:0 !important;

  display:block !important;

  overflow:hidden !important;

  border:1px solid #EDF0F2 !important;
  border-radius:16px !important;

  background:#F4F7F9 !important;

  box-shadow:none !important;
}

#view-object .vko-map-art{
  width:100% !important;
  height:100% !important;

  min-height:0 !important;

  border-radius:0 !important;

  background-color:#F2F5F7 !important;
}


/* pin */

#view-object .vko-map-pin{
  width:48px !important;
  height:48px !important;

  border:1px solid #E8EDF1 !important;

  box-shadow:
    0 8px 24px rgba(8,30,56,.10) !important;
}

#view-object .vko-map-pin svg{
  width:22px !important;
  height:22px !important;
}


/* Старый технический низ карты в финальном макете не нужен */

#view-object .vko-map-bottom{
  display:none !important;
}


/* ==========================================================
   RIGHT DATA
========================================================== */

#view-object .vko-location-data{
  width:100% !important;
  height:360px !important;

  min-width:0 !important;
  min-height:0 !important;

  display:flex !important;
  flex-direction:column !important;

  padding:0 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;
}


/* строки */

#view-object .vko-location-stat{
  width:100% !important;
  min-height:82px !important;

  display:flex !important;
  align-items:center !important;

  gap:16px !important;

  padding:0 8px !important;

  border-bottom:1px solid #E7EDF1 !important;

  visibility:visible !important;
  opacity:1 !important;
}

#view-object .vko-location-stat:first-child{
  padding-top:0 !important;
}

#view-object .vko-location-stat:last-of-type{
  border-bottom:1px solid #E7EDF1 !important;
}


/* icon */

#view-object .vko-stat-icon{
  width:40px !important;
  height:40px !important;

  flex:0 0 40px !important;

  display:grid !important;
  place-items:center !important;

  border:1px solid #E4EAEF !important;
  border-radius:50% !important;

  background:#FFFFFF !important;
  color:#071E38 !important;
}

#view-object .vko-stat-icon svg{
  width:19px !important;
  height:19px !important;
}


/* text */

#view-object .vko-location-stat small{
  display:block !important;

  margin:0 0 5px !important;

  color:#94A1AE !important;

  font-size:10px !important;
  line-height:1.15 !important;
  font-weight:700 !important;

  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}

#view-object .vko-location-stat strong{
  display:block !important;

  margin:0 !important;

  color:#081B31 !important;

  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}


/* ==========================================================
   DOM.RF CTA
========================================================== */

#view-object .vko-domrf-main{
  width:calc(100% - 16px) !important;
  min-height:58px !important;

  margin:auto 8px 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  padding:13px 18px !important;

  border:0 !important;
  border-radius:14px !important;

  background:#E5E7E9 !important;
  color:#081B31 !important;

  font-family:inherit !important;
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:600 !important;

  text-align:center !important;
  text-decoration:none !important;

  box-shadow:none !important;

  transition:
    background .2s ease,
    transform .2s ease !important;
}

#view-object .vko-domrf-main:hover{
  background:#DADDE0 !important;

  transform:translateY(-1px) !important;
}

#view-object .vko-domrf-main-icon{
  width:16px !important;
  height:16px !important;

  flex:0 0 16px !important;

  display:grid !important;
  place-items:center !important;

  color:#687583 !important;
}

#view-object .vko-domrf-main-icon svg{
  width:15px !important;
  height:15px !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1000px){

  #view-object .vko-location-grid{
    grid-template-columns:1fr !important;

    gap:18px !important;
  }

  #view-object .vko-map-card{
    height:340px !important;
  }

  #view-object .vko-location-data{
    height:auto !important;
  }

  #view-object .vko-location-stat{
    min-height:76px !important;
  }

  #view-object .vko-domrf-main{
    margin-top:18px !important;
  }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:720px){

  #view-object .vko-location{
    margin-top:48px !important;
    margin-bottom:48px !important;
  }

  #view-object .vko-location .vko-section-head h2{
    font-size:21px !important;
  }

  #view-object .vko-map-card{
    height:260px !important;

    border-radius:14px !important;
  }

  #view-object .vko-location-stat{
    min-height:70px !important;

    padding:0 4px !important;
  }

  #view-object .vko-stat-icon{
    width:36px !important;
    height:36px !important;

    flex-basis:36px !important;
  }

  #view-object .vko-location-stat strong{
    font-size:15px !important;
  }

  #view-object .vko-domrf-main{
    width:100% !important;

    margin:16px 0 0 !important;

    min-height:54px !important;
  }

}

/* =========================================================
   POINT FIX 2026-08-19
   1) "Назад к сводке" по линии контента
   2) Характеристики в синей плашке — аккуратно
   3) Размещение характеристик в 2 ряда
========================================================= */

/* ---------- НАЗАД К СВОДКЕ ---------- */
#view-object > .back{
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: auto !important;
  transform: none !important;
}

/* ---------- СИНЯЯ ПЛАШКА С ХАРАКТЕРИСТИКАМИ ---------- */
#view-object .vko-metrics-wrap{
  margin-top: 30px !important;
  max-width: 648px !important;
}

#view-object .vko-copy #objMetrics.metrics{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  max-width: 648px !important;
  overflow: hidden !important;

  border: 0 !important;
  border-radius: 24px !important;

  background: linear-gradient(180deg, #132737 0%, #0A1F2E 100%) !important;
  box-shadow: 0 18px 44px rgba(7,30,56,.18) !important;
}

#view-object .vko-copy #objMetrics .m{
  position: relative !important;
  min-height: 108px !important;
  padding: 22px 18px 18px 66px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;

  background: transparent !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

/* сетка 3 x 2 на ПК */
#view-object .vko-copy #objMetrics .m{
  border-left: 1px solid rgba(255,255,255,.08) !important;
}
#view-object .vko-copy #objMetrics .m:nth-child(3n+1){
  border-left: 0 !important;
}
#view-object .vko-copy #objMetrics .m:nth-child(n+4){
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

/* иконки */
#view-object .vko-copy #objMetrics .m::before{
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;

  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px 16px !important;
  background-color: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: none !important;
}

/* подписи */
#view-object .vko-copy #objMetrics .m .l{
  order: 0 !important;
  margin: 0 !important;

  color: rgba(255,255,255,.68) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* значения */
#view-object .vko-copy #objMetrics .m .v{
  margin: 0 !important;

  color: #FFFFFF !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}

/* акцентные значения */
#view-object .vko-copy #objMetrics .m[data-metric="yield"] .v,
#view-object .vko-copy #objMetrics .m[data-metric="growth"] .v{
  color: #2FE5D5 !important;
}

/* ---------- МОБИЛКА ---------- */
@media (max-width: 720px){

  #view-object > .back{
    margin-bottom: 18px !important;
  }

  #view-object .vko-copy #objMetrics.metrics{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 100% !important;
  }

  #view-object .vko-copy #objMetrics .m{
    min-height: 96px !important;
    padding: 18px 14px 16px 54px !important;
  }

  #view-object .vko-copy #objMetrics .m:nth-child(odd){
    border-left: 0 !important;
  }

  #view-object .vko-copy #objMetrics .m:nth-child(even){
    border-left: 1px solid rgba(255,255,255,.08) !important;
  }

  #view-object .vko-copy #objMetrics .m:nth-child(n+3){
    border-top: 1px solid rgba(255,255,255,.08) !important;
  }

  #view-object .vko-copy #objMetrics .m::before{
    left: 14px !important;
    width: 28px !important;
    height: 28px !important;
    background-size: 14px 14px !important;
  }

  #view-object .vko-copy #objMetrics .m .l{
    font-size: 10px !important;
  }

  #view-object .vko-copy #objMetrics .m .v{
    font-size: 15px !important;
  }
}


/* =========================================================
   HERO ALIGN — точечная доводка
========================================================= */


/* ---------------------------------------------------------
   НАЗАД К СВОДКЕ
   Выравниваем с основной вертикалью контента
--------------------------------------------------------- */

#view-object > .back{
  width:100% !important;
  max-width:1240px !important;

  margin-left:auto !important;
  margin-right:auto !important;
  margin-bottom:34px !important;

  padding-left:0 !important;

  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:500 !important;

  color:#71808E !important;

  position:relative !important;
  left:0 !important;
  transform:none !important;
}


/* ---------------------------------------------------------
   ВЕРХНЯЯ СТРОКА:
   Одиссей · Евпатория · ГК Квартал
--------------------------------------------------------- */

#view-object .vko-meta{
  margin-bottom:36px !important;
}

#view-object .vko-meta-left{
  display:flex !important;
  align-items:center !important;

  gap:9px !important;

  font-size:13px !important;
  line-height:1.35 !important;
}

#view-object .vko-meta-left .vko-meta-name,
#view-object .vko-meta-name{
  color:#132B46 !important;

  font-size:13.5px !important;
  font-weight:700 !important;
}

#view-object .vko-meta-city,
#view-object .vko-meta-dev{
  color:#8A98A6 !important;

  font-size:13px !important;
  font-weight:500 !important;
}

#view-object .vko-meta-left i{
  width:3px !important;
  height:3px !important;

  flex:0 0 3px !important;

  margin:0 1px !important;

  background:#B7C1CA !important;
  border-radius:50% !important;
}


/* ---------------------------------------------------------
   HERO
   Левая и правая колонки одной высоты
--------------------------------------------------------- */

#view-object .vko-hero-grid{
  align-items:stretch !important;
}


/* Левая часть растягивается по высоте галереи */

#view-object .vko-copy{
  min-height:100% !important;

  display:flex !important;
  flex-direction:column !important;
}


/* ---------------------------------------------------------
   СИНЯЯ ПЛАШКА
   Автоматически прижимаем её вниз к уровню галереи
--------------------------------------------------------- */

#view-object .vko-metrics-wrap{
  width:100% !important;
  max-width:648px !important;

  margin-top:auto !important;
  padding-top:32px !important;
}


/* сама плашка */

#view-object .vko-copy #objMetrics.metrics{
  width:100% !important;
  max-width:648px !important;

  margin-bottom:0 !important;

  border-radius:22px !important;
}


/* чуть компактнее высота строк */

#view-object .vko-copy #objMetrics .m{
  min-height:98px !important;

  padding-top:18px !important;
  padding-bottom:18px !important;
}


/* иконки аккуратно по центру */

#view-object .vko-copy #objMetrics .m::before{
  left:18px !important;
  top:50% !important;

  width:34px !important;
  height:34px !important;

  transform:translateY(-50%) !important;
}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media(max-width:720px){

  #view-object > .back{
    max-width:100% !important;
    margin-bottom:22px !important;
  }

  #view-object .vko-meta{
    margin-bottom:24px !important;
  }

  #view-object .vko-meta-left{
    gap:6px !important;
  }

  #view-object .vko-meta-left .vko-meta-name,
  #view-object .vko-meta-name{
    font-size:12.5px !important;
  }

  #view-object .vko-meta-city,
  #view-object .vko-meta-dev{
    font-size:12px !important;
  }

  #view-object .vko-copy{
    display:block !important;
  }

  #view-object .vko-metrics-wrap{
    margin-top:26px !important;
    padding-top:0 !important;
    max-width:100% !important;
  }

}


/* =========================================================
   LOCATION FINAL
   Интерактивная карта + параметры + Дом.РФ
========================================================= */

#view-object .vko-location{
  width:100% !important;
  max-width:1240px !important;

  margin:68px auto 72px !important;
}


/* заголовок */

#view-object .vko-location > .vko-section-head{
  margin:0 0 26px !important;
}

#view-object .vko-location > .vko-section-head h2{
  margin:0 !important;

  color:#071E38 !important;

  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}


/* ---------------------------------------------------------
   ДВЕ КОЛОНКИ
--------------------------------------------------------- */

#view-object .vko-location-grid{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(390px,.92fr) !important;

  gap:38px !important;

  align-items:stretch !important;
}


/* ---------------------------------------------------------
   КАРТА
--------------------------------------------------------- */

#view-object .vko-map-card{
  width:100% !important;
  height:360px !important;

  display:block !important;

  overflow:hidden !important;

  border:1px solid #E9EEF2 !important;
  border-radius:16px !important;

  background:#F3F6F8 !important;

  box-shadow:none !important;
}

#view-object .vko-map-art{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;

  position:relative !important;

  border:0 !important;
  border-radius:0 !important;

  background:#F3F6F8 !important;
}


/* настоящее iframe */

#view-object .vko-map-frame{
  position:absolute !important;

  inset:0 !important;

  width:100% !important;
  height:100% !important;

  display:block !important;

  border:0 !important;

  background:#F3F6F8 !important;
}


/* декоративный pin больше не нужен,
   если загрузилась интерактивная карта */

#view-object .vko-map-art:has(.vko-map-frame)
.vko-map-pin{
  display:none !important;
}


/* старый технический подвал карты убираем */

#view-object .vko-map-bottom{
  display:none !important;
}


/* ---------------------------------------------------------
   ПРАВАЯ КОЛОНКА
--------------------------------------------------------- */

#view-object .vko-location-data{
  width:100% !important;
  height:360px !important;
  min-height:0 !important;

  display:flex !important;
  flex-direction:column !important;

  padding:0 !important;

  visibility:visible !important;
  opacity:1 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;
}


/* ---------------------------------------------------------
   ПУНКТЫ
--------------------------------------------------------- */

#view-object .vko-location-stat{
  width:100% !important;
  min-height:78px !important;

  display:flex !important;
  align-items:center !important;

  gap:18px !important;

  padding:0 4px !important;

  visibility:visible !important;
  opacity:1 !important;

  border-bottom:1px solid #E5EBEF !important;
}


/* круг с иконкой */

#view-object .vko-stat-icon{
  width:42px !important;
  height:42px !important;

  flex:0 0 42px !important;

  display:grid !important;
  place-items:center !important;

  border:1px solid #E2E8ED !important;
  border-radius:50% !important;

  background:#FFFFFF !important;
  color:#071E38 !important;
}

#view-object .vko-stat-icon svg{
  width:19px !important;
  height:19px !important;
}


/* подпись */

#view-object .vko-location-stat small{
  display:block !important;

  margin:0 0 5px !important;

  color:#93A0AD !important;

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:700 !important;

  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}


/* значение */

#view-object .vko-location-stat strong{
  display:block !important;

  margin:0 !important;

  color:#071E38 !important;

  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}


/* ---------------------------------------------------------
   ДОМ.РФ
--------------------------------------------------------- */

#view-object .vko-domrf-main{
  width:100% !important;
  min-height:62px !important;

  margin:auto 0 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:10px !important;

  padding:14px 20px !important;

  border:0 !important;
  border-radius:16px !important;

  background:#E1E3E5 !important;
  color:#071E38 !important;

  font-family:inherit !important;
  font-size:13.5px !important;
  line-height:1.3 !important;
  font-weight:600 !important;

  text-align:center !important;
  text-decoration:none !important;

  box-shadow:none !important;

  transition:
    background .2s ease,
    transform .2s ease !important;
}

#view-object .vko-domrf-main:hover{
  background:#D7DADD !important;
  transform:translateY(-1px) !important;
}

#view-object .vko-domrf-main-icon{
  width:16px !important;
  height:16px !important;

  flex:0 0 16px !important;

  display:grid !important;
  place-items:center !important;

  color:#687583 !important;
}

#view-object .vko-domrf-main-icon svg{
  width:15px !important;
  height:15px !important;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media(max-width:1000px){

  #view-object .vko-location-grid{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  #view-object .vko-map-card{
    height:340px !important;
  }

  #view-object .vko-location-data{
    height:auto !important;
  }

  #view-object .vko-domrf-main{
    margin-top:18px !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media(max-width:720px){

  #view-object .vko-location{
    margin-top:48px !important;
    margin-bottom:52px !important;
  }

  #view-object .vko-location >
  .vko-section-head h2{
    font-size:21px !important;
  }

  #view-object .vko-map-card{
    height:280px !important;

    border-radius:14px !important;
  }

  #view-object .vko-location-stat{
    min-height:72px !important;
    gap:13px !important;
  }

  #view-object .vko-stat-icon{
    width:36px !important;
    height:36px !important;

    flex-basis:36px !important;
  }

  #view-object .vko-location-stat strong{
    font-size:15px !important;
  }

  #view-object .vko-domrf-main{
    min-height:56px !important;
    margin-top:16px !important;
  }

}


/* =========================================================
   LOCATION ALIGN FIX 2026-08-19
   Ровная карта + правая колонка
========================================================= */

#view-object .vko-location{
  width:100% !important;
  max-width:1240px !important;
  margin:68px auto 72px !important;
}

#view-object .vko-location > .vko-section-head{
  margin:0 0 24px !important;
}

#view-object .vko-location > .vko-section-head h2{
  margin:0 !important;
  color:#071E38 !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}


/* две ровные колонки */

#view-object .vko-location-grid{
  width:100% !important;

  display:grid !important;

  grid-template-columns:
    minmax(0,1.08fr)
    minmax(0,.92fr) !important;

  gap:34px !important;

  align-items:stretch !important;
}


/* одинаковая высота слева и справа */

#view-object .vko-map-card,
#view-object .vko-location-data{
  height:390px !important;
  min-height:390px !important;

  box-sizing:border-box !important;
}


/* КАРТА */

#view-object .vko-map-card{
  width:100% !important;

  display:block !important;

  overflow:hidden !important;

  border:1px solid #E7EDF2 !important;
  border-radius:16px !important;

  background:#F4F7F9 !important;

  box-shadow:none !important;
}

#view-object .vko-map-art{
  position:relative !important;

  width:100% !important;
  height:100% !important;
  min-height:100% !important;

  overflow:hidden !important;

  border:0 !important;
  border-radius:16px !important;

  background:#F4F7F9 !important;
}

#view-object .vko-map-frame{
  position:absolute !important;

  inset:0 !important;

  display:block !important;

  width:100% !important;
  height:100% !important;
  min-height:100% !important;

  border:0 !important;
  border-radius:16px !important;

  background:#F4F7F9 !important;
}


/* старый низ карты не показываем */

#view-object .vko-map-bottom{
  display:none !important;
}


/* ПРАВАЯ КОЛОНКА */

#view-object .vko-location-data{
  width:100% !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;

  padding:0 !important;

  visibility:visible !important;
  opacity:1 !important;

  border:0 !important;
  border-radius:0 !important;

  background:transparent !important;

  box-shadow:none !important;
}


/* пункты */

#view-object .vko-location-stat{
  width:100% !important;
  min-height:86px !important;

  display:flex !important;
  align-items:center !important;

  gap:18px !important;

  padding:0 4px !important;

  visibility:visible !important;
  opacity:1 !important;

  border-bottom:1px solid #E5EBEF !important;

  box-sizing:border-box !important;
}


/* иконки */

#view-object .vko-stat-icon{
  width:42px !important;
  height:42px !important;

  flex:0 0 42px !important;

  display:grid !important;
  place-items:center !important;

  border:1px solid #E2E8ED !important;
  border-radius:50% !important;

  background:#FFFFFF !important;
  color:#071E38 !important;
}

#view-object .vko-stat-icon svg{
  width:18px !important;
  height:18px !important;
}


/* подписи */

#view-object .vko-location-stat small{
  display:block !important;

  margin:0 0 6px !important;

  color:#9AA7B4 !important;

  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;

  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}


/* значения */

#view-object .vko-location-stat strong{
  display:block !important;

  margin:0 !important;

  color:#071E38 !important;

  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}


/* ДОМ.РФ — прижимаем к низу правой колонки */

#view-object .vko-domrf-main{
  width:100% !important;
  min-height:66px !important;

  margin:auto 0 0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:10px !important;

  padding:16px 22px !important;

  border:0 !important;
  border-radius:16px !important;

  background:#E2E4E6 !important;
  color:#071E38 !important;

  font-family:inherit !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:600 !important;

  text-align:center !important;
  text-decoration:none !important;

  box-sizing:border-box !important;

  box-shadow:none !important;
}

#view-object .vko-domrf-main:hover{
  background:#D8DBDE !important;
}


/* TABLET */

@media(max-width:1000px){

  #view-object .vko-location-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  #view-object .vko-map-card{
    height:340px !important;
    min-height:340px !important;
  }

  #view-object .vko-location-data{
    height:auto !important;
    min-height:0 !important;
  }

  #view-object .vko-domrf-main{
    margin-top:18px !important;
  }

}


/* MOBILE */

@media(max-width:720px){

  #view-object .vko-location{
    margin:48px auto 56px !important;
  }

  #view-object .vko-location >
  .vko-section-head h2{
    font-size:21px !important;
  }

  #view-object .vko-map-card{
    height:280px !important;
    min-height:280px !important;

    border-radius:14px !important;
  }

  #view-object .vko-map-art,
  #view-object .vko-map-frame{
    border-radius:14px !important;
  }

  #view-object .vko-location-stat{
    min-height:76px !important;
    gap:14px !important;
  }

  #view-object .vko-stat-icon{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  #view-object .vko-location-stat strong{
    font-size:16px !important;
  }

  #view-object .vko-domrf-main{
    min-height:58px !important;
    margin-top:16px !important;
    font-size:13px !important;
  }

}


/* =========================================================
   LOCATION WIDTH FIX
   Карта = ширине синей плашки сверху
========================================================= */

@media (min-width:1001px){

  #view-object .vko-location{
    width:100% !important;
    max-width:1240px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  #view-object .vko-location-grid{
    width:100% !important;

    display:grid !important;
    grid-template-columns:
      648px
      minmax(0,1fr) !important;

    gap:34px !important;
    align-items:stretch !important;
  }

  #view-object .vko-map-card{
    width:648px !important;
    max-width:648px !important;

    height:390px !important;
    min-height:390px !important;
  }

  #view-object .vko-map-art,
  #view-object .vko-map-frame{
    width:100% !important;
    height:100% !important;
  }

  #view-object .vko-location-data{
    width:100% !important;
    max-width:none !important;

    height:390px !important;
    min-height:390px !important;
  }

}


/* планшет и мобилка остаются резиновыми */

@media (max-width:1000px){

  #view-object .vko-location-grid{
    grid-template-columns:1fr !important;
  }

  #view-object .vko-map-card{
    width:100% !important;
    max-width:100% !important;
  }

}


/* =========================================================
   LOCATION = HERO GRID
   Левая колонка как синяя плашка,
   правая колонка как галерея сверху
========================================================= */

@media (min-width:1101px){

  #view-object .vko-location{
    width:100% !important;
    max-width:1280px !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  #view-object .vko-location-grid{
    width:100% !important;

    display:grid !important;

    grid-template-columns:
      minmax(0,1.08fr)
      minmax(0,.92fr) !important;

    gap:clamp(46px,5vw,76px) !important;

    align-items:stretch !important;
  }


  /* ЛЕВАЯ ЧАСТЬ = ширина синей плашки */

  #view-object .vko-map-card{
    width:100% !important;
    max-width:none !important;

    height:390px !important;
    min-height:390px !important;

    margin:0 !important;
  }

  #view-object .vko-map-art,
  #view-object .vko-map-frame{
    width:100% !important;
    max-width:none !important;

    height:100% !important;
    min-height:100% !important;
  }


  /* ПРАВАЯ ЧАСТЬ = ширина галереи сверху */

  #view-object .vko-location-data{
    width:100% !important;
    max-width:none !important;

    height:390px !important;
    min-height:390px !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;
  }


  /* пункты растягиваем на всю ширину правой колонки */

  #view-object .vko-location-stat{
    width:100% !important;
    max-width:none !important;
  }


  /* Дом.РФ тоже ровно по ширине правой колонки */

  #view-object .vko-domrf-main{
    width:100% !important;
    max-width:none !important;

    margin:auto 0 0 !important;
  }

}


/* При уменьшении экрана не фиксируем колонки */

@media (min-width:821px) and (max-width:1100px){

  #view-object .vko-location-grid{
    grid-template-columns:
      minmax(0,1fr)
      minmax(0,1fr) !important;

    gap:32px !important;
  }

  #view-object .vko-map-card,
  #view-object .vko-location-data{
    width:100% !important;
    max-width:none !important;
  }

}


/* =========================================================
   DESKTOP LOCATION — COLUMN WIDTH FIX
   Только ПК.
   Левая колонка = синяя плашка сверху.
   Правая колонка = галерея сверху.
========================================================= */

@media (min-width:1101px){

  /* Используем ТОЧНО ту же геометрию двух колонок */
  #view-object .vko-location > .vko-location-grid{
    width:100% !important;
    max-width:none !important;

    display:grid !important;

    grid-template-columns:
      minmax(0,1.08fr)
      minmax(0,.92fr) !important;

    gap:clamp(46px,5vw,76px) !important;

    align-items:stretch !important;
    justify-items:stretch !important;
  }


  /* =====================================================
     ЛЕВАЯ КОЛОНКА
     Карта растягивается на ВСЮ ширину своей колонки
  ===================================================== */

  #view-object .vko-location >
  .vko-location-grid >
  .vko-map-card{

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    justify-self:stretch !important;
    align-self:stretch !important;

    margin:0 !important;

    height:390px !important;
    min-height:390px !important;

    box-sizing:border-box !important;
  }

  #view-object .vko-location >
  .vko-location-grid >
  .vko-map-card >
  .vko-map-art{

    width:100% !important;
    min-width:100% !important;
    max-width:none !important;

    height:100% !important;
    min-height:100% !important;

    margin:0 !important;
  }

  #view-object .vko-location
  .vko-map-frame{

    width:100% !important;
    min-width:100% !important;
    max-width:none !important;

    height:100% !important;
    min-height:100% !important;

    display:block !important;

    margin:0 !important;
    border:0 !important;
  }


  /* =====================================================
     ПРАВАЯ КОЛОНКА
     Растягивается ровно до ширины галереи сверху
  ===================================================== */

  #view-object .vko-location >
  .vko-location-grid >
  .vko-location-data{

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    justify-self:stretch !important;
    align-self:stretch !important;

    margin:0 !important;
    padding:0 !important;

    height:390px !important;
    min-height:390px !important;

    box-sizing:border-box !important;
  }


  /* Все строки справа — на всю ширину */
  #view-object .vko-location >
  .vko-location-grid >
  .vko-location-data >
  .vko-location-stat{

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin:0 !important;

    box-sizing:border-box !important;
  }


  /* Кнопка Дом.РФ тоже строго во всю ширину */
  #view-object .vko-location >
  .vko-location-grid >
  .vko-location-data >
  .vko-domrf-main{

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    align-self:stretch !important;

    margin:auto 0 0 !important;

    box-sizing:border-box !important;
  }

}


/* =========================================================
   PURCHASE SECTION — ОТДЕЛЬНО ОТ ROI
========================================================= */

#view-object .vko-purchase-section{
  width:100% !important;
  max-width:1240px !important;

  margin:72px auto 0 !important;
}

#view-object .vko-purchase-section .vko-section-head{
  margin:0 0 28px !important;
}

#view-object .vko-purchase-section .vko-section-head h2{
  margin:0 !important;

  color:#071E38 !important;

  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}

#view-object .vko-purchase-price{
  margin-bottom:32px !important;

  color:#17283A !important;

  font-size:18px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

#view-object .vko-purchase-price strong{
  color:#071E38 !important;
  font-weight:700 !important;
}


/* две части */

#view-object .vko-purchase-grid{
  display:grid !important;

  grid-template-columns:
    minmax(280px,.82fr)
    minmax(360px,1.18fr) !important;

  gap:72px !important;

  align-items:start !important;
}


/* варианты покупки */

#view-object .vko-purchase-tabs{
  display:grid !important;
  grid-template-columns:1fr !important;

  gap:12px !important;
}

#view-object .vko-purchase-tabs button{
  width:100% !important;
  min-height:72px !important;

  padding:16px 22px !important;

  border:1px solid #E4E8EC !important;
  border-radius:12px !important;

  background:#F7F8F9 !important;
  color:#17283A !important;

  font-family:inherit !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:600 !important;

  text-align:left !important;

  cursor:pointer !important;

  transition:
    background .18s ease,
    border-color .18s ease !important;
}

#view-object .vko-purchase-tabs button.is-active{
  background:#EAD6D6 !important;
  border-color:#E2C6C6 !important;
  color:#071E38 !important;
}


/* информация справа */

#view-object .vko-purchase-info{
  min-height:240px !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  padding:34px 38px !important;

  border:1px solid #E4E8EC !important;
  border-radius:16px !important;

  background:#FFFFFF !important;

  box-sizing:border-box !important;
}

#view-object .vko-purchase-current{
  display:block !important;

  margin-bottom:14px !important;

  color:#071E38 !important;

  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

#view-object .vko-purchase-info p{
  max-width:460px !important;

  margin:0 !important;

  color:#566675 !important;

  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}


/* =========================================================
   ROI — ТЕПЕРЬ ОТДЕЛЬНАЯ СЕКЦИЯ
========================================================= */

#view-object .vko-roi-section{
  width:100% !important;
  max-width:1240px !important;

  margin:72px auto 0 !important;
}

#view-object .vko-roi-section > .vko-section-head{
  display:flex !important;
  margin:0 0 28px !important;
}

#view-object .vko-roi-section > .vko-section-head h2{
  margin:0 !important;

  color:#071E38 !important;

  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
}


/* MOBILE */

@media(max-width:720px){

  #view-object .vko-purchase-section,
  #view-object .vko-roi-section{
    margin-top:48px !important;
  }

  #view-object .vko-purchase-section
  .vko-section-head h2,

  #view-object .vko-roi-section >
  .vko-section-head h2{
    font-size:21px !important;
  }

  #view-object .vko-purchase-grid{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  #view-object .vko-purchase-tabs{
    grid-template-columns:1fr !important;
  }

  #view-object .vko-purchase-tabs button{
    min-height:58px !important;
  }

  #view-object .vko-purchase-info{
    min-height:0 !important;
    padding:24px 20px !important;
  }

}


/* =========================================================
   TZ — INFRASTRUCTURE + RECOMMENDATIONS
   2026-08-19
========================================================= */

#view-object .vko-infrastructure,
#view-object .vko-proscons{
  display:block !important;

  width:100% !important;
  max-width:1240px !important;

  margin:
    72px auto 0 !important;

  visibility:visible !important;
  opacity:1 !important;
}


/* ================= INFRA ================= */

#view-object .vko-infra-shell{
  padding:30px !important;

  border-radius:18px !important;

  background:#071E38 !important;
  color:#FFFFFF !important;
}


#view-object .vko-infra-head{
  margin:0 0 24px !important;
}


#view-object .vko-infra-head h2{
  margin:0 !important;

  color:#FFFFFF !important;

  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}


#view-object .vko-infra-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.2fr)
    minmax(320px,.8fr) !important;

  gap:18px !important;

  align-items:stretch !important;
}


#view-object .vko-infra-photo{
  min-height:340px !important;

  border-radius:14px !important;

  background-color:#17344F !important;
  background-size:cover !important;
  background-position:center !important;
}


#view-object .vko-infra-cards{
  display:grid !important;

  grid-template-columns:1fr !important;

  gap:10px !important;
}


#view-object .vko-infra-card{
  min-height:0 !important;

  display:flex !important;
  align-items:flex-start !important;

  gap:12px !important;

  padding:16px !important;

  border:
    1px solid rgba(255,255,255,.10) !important;

  border-radius:12px !important;

  background:
    rgba(255,255,255,.055) !important;

  box-sizing:border-box !important;
}


#view-object .vko-infra-card > span{
  width:22px !important;
  height:22px !important;

  flex:0 0 22px !important;

  display:grid !important;
  place-items:center !important;

  color:#22CFC7 !important;
}


#view-object .vko-infra-card svg{
  width:17px !important;
  height:17px !important;
}


#view-object .vko-infra-card p{
  margin:0 !important;

  color:#E8EEF2 !important;

  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
}


/* ================ RECOMMEND ================ */

#view-object .vko-proscons{
  padding:30px !important;

  border:1px solid #EDF0F2 !important;
  border-radius:18px !important;

  background:#FAFAFA !important;

  box-sizing:border-box !important;
}


#view-object .vko-recommend-kicker{
  margin:0 0 8px !important;

  color:#8A949D !important;

  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:700 !important;

  letter-spacing:.09em !important;
  text-transform:uppercase !important;
}


#view-object
.vko-proscons
.vko-section-head{

  margin:0 0 24px !important;
}


#view-object
.vko-proscons
.vko-section-head h2{

  margin:0 !important;

  color:#071E38 !important;

  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
}


#view-object .vko-pc-grid{
  display:grid !important;

  grid-template-columns:
    repeat(2,minmax(0,1fr)) !important;

  gap:16px !important;
}


#view-object .vko-pc-card{
  padding:22px !important;

  border:
    1px solid #E4E8EB !important;

  border-radius:15px !important;

  background:#FFFFFF !important;
}


#view-object .vko-pc-card h3{
  margin:0 0 17px !important;

  color:#17283A !important;

  font-size:15px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}


#view-object .vko-pc-card ul{
  margin:0 !important;
  padding:0 !important;

  display:grid !important;

  gap:12px !important;

  list-style:none !important;
}


#view-object .vko-pc-card li{
  display:flex !important;
  align-items:flex-start !important;

  gap:10px !important;
}


#view-object .vko-pc-card li > span{
  width:20px !important;
  height:20px !important;

  flex:0 0 20px !important;

  display:grid !important;
  place-items:center !important;

  color:#19BEB8 !important;
}


#view-object .vko-pc-card li > span svg{
  width:16px !important;
  height:16px !important;
}


#view-object .vko-pc-card p{
  margin:0 !important;

  color:#526371 !important;

  font-size:13px !important;
  line-height:1.5 !important;
}


/* MOBILE — не ломаем текущую компоновку */

@media(max-width:720px){

  #view-object .vko-infrastructure,
  #view-object .vko-proscons{

    margin-top:48px !important;
  }


  #view-object .vko-infra-shell,
  #view-object .vko-proscons{

    padding:20px !important;
  }


  #view-object .vko-infra-grid,
  #view-object .vko-pc-grid{

    grid-template-columns:
      1fr !important;
  }


  #view-object .vko-infra-photo{
    min-height:240px !important;
  }


  #view-object .vko-infra-head h2,
  #view-object
  .vko-proscons
  .vko-section-head h2{

    font-size:21px !important;
  }
}