/* ===== Нерухомість: картки та детальна сторінка ===== */
:root{
  --gb-ink:#293a30;
  --gb-muted:#66766b;
  --gb-green:#176b42;
  --gb-green-dark:#0f5634;
  --gb-sage:#eef5f0;
  --gb-border:#dbe5de;
  --gb-shadow:0 12px 32px rgba(41,58,48,.10);
}
.realty-list-section{margin:18px 0 34px}
.realty-list-header{margin:0 0 14px}
.realty-list-header h2{margin:0;color:var(--gb-ink);font-size:21px;line-height:1.3;text-transform:uppercase;letter-spacing:.4px}
.realty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.re-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--gb-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(41,58,48,.06);transition:transform .2s ease,box-shadow .2s ease}
.re-card:hover{transform:translateY(-3px);box-shadow:var(--gb-shadow)}
.re-card-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#e7eee9}
.re-card-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.re-card:hover .re-card-thumb img{transform:scale(1.025)}
.re-card-stage,.re-card-status{position:absolute;top:12px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.1;letter-spacing:.3px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.re-card-stage{left:12px;color:#fff;background:rgba(41,58,48,.86)}
.re-card-status{top:41px;left:12px;right:auto;max-width:calc(100% - 24px);color:#20543a;background:#eef7f1}
.re-card-status--reserved{color:#7a5412;background:#fff2ce}
.re-card-status--sold,.re-card-status--hidden{color:#7b3535;background:#f8dddd}
.re-card-status--building,.re-card-status--planned{color:#455d4d;background:#edf0ed}
.re-card-body{display:flex;flex:1;flex-direction:column;padding:16px}
.re-card-title{margin:0 0 7px;font-size:18px;line-height:1.3;letter-spacing:.15px}
.re-card-title a{color:var(--gb-ink);text-decoration:none}
.re-card-address{min-height:40px;display:block;color:var(--gb-muted);font-size:14px;line-height:1.45}
.re-card-address-text{display:inline}
.re-card-facts{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:12px;color:#45564a;font-size:13px}
.re-card-facts span{padding:4px 8px;border-radius:999px;background:var(--gb-sage)}
.re-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px}
.re-card-price{min-width:0}
.re-card-price-uah{color:var(--gb-ink);font-size:17px;font-weight:700;line-height:1.25}
.re-card-price-usd{margin-top:2px;color:var(--gb-muted);font-size:13px}
.re-card-more{flex:none;color:var(--gb-green-dark)!important;font-size:13px;font-weight:700;text-decoration:none!important}

.realty-detail-page{color:var(--gb-ink)}
.realty-picker{display:block;margin:0 0 18px;padding:12px 14px;border:1px solid var(--gb-border);border-radius:10px;background:#fff}
.realty-picker label{display:block;margin:0 0 6px;font-size:13px;font-weight:700}
.realty-picker select{width:100%;min-width:0;height:38px;padding:6px 34px 6px 10px;border:1px solid #cbd8cf;border-radius:6px;background:#fff;color:var(--gb-ink)}
.realty-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 18px;padding:22px;border-radius:12px;background:#fff}
.realty-detail-header h1{margin:8px 0 5px;font-size:27px;line-height:1.2;color:var(--gb-ink)}
.realty-detail-badges{display:flex;flex-wrap:wrap;gap:6px}
.realty-detail-badges .chip{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--gb-sage);color:#3d5847;font-size:12px}
.realty-detail-address{color:var(--gb-muted);font-size:14px}
.realty-detail-price{flex:none;text-align:right}
.realty-detail-price strong,.realty-detail-price span{display:block}
.realty-detail-price strong{font-size:23px;line-height:1.2}
.realty-detail-price span{margin-top:4px;color:var(--gb-muted);font-size:14px}
.realty-detail-price .realty-detail-price-label{margin:0 0 4px;font-size:12px;line-height:1.3}
.realty-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:22px}
.realty-detail-main{min-width:0}
.realty-section{margin:0 0 20px;padding:20px;border-radius:12px;background:#fff}
.realty-section h2,.realty-details-article h2,.realty-details-article h3{margin:0 0 14px;font-size:17px;line-height:1.4;text-transform:uppercase;letter-spacing:.25px}
.realty-photo-section{padding:12px}
.re-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.re-gallery a{display:block;overflow:hidden;border-radius:8px;background:#e7eee9}
.re-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.re-gallery-main{grid-column:1/-1;aspect-ratio:16/9}
.re-gallery-thumb{aspect-ratio:4/3}
.realty-summary-facts{display:flex;flex-wrap:wrap;gap:6px 12px;margin-bottom:12px;color:var(--gb-muted);font-size:13px}
.realty-description{font-size:16px;line-height:1.55}
.realty-specs,.re-specs{width:100%;margin:0;border-collapse:collapse;font-size:14px}
.realty-specs th,.realty-specs td,.re-specs th,.re-specs td{padding:8px 9px!important;border-top:1px solid #e4eae6;line-height:1.35;vertical-align:top}
.realty-specs th,.re-specs th{width:38%;color:#3c4b40;font-weight:700}
.realty-details-article{margin:0 0 20px!important;padding:20px!important;border-radius:12px;background:#fff}
.realty-details-article time,.realty-details-article .article-date{display:none!important}
.realty-details-article,.realty-details-article p,.realty-details-article li{font-size:16px!important;line-height:1.55!important}
.realty-detail-links a{color:var(--gb-green-dark)!important;font-weight:600}
#realty-map{min-height:360px;margin:0 0 20px;overflow:hidden;border-radius:12px;background:#e9efeb}
.realty-detail-aside{position:sticky;top:18px}
.realty-inquiry-card{padding:20px;border:1px solid var(--gb-border);border-radius:12px;background:#fff;box-shadow:var(--gb-shadow)}
.realty-inquiry-card h2{margin:0 0 8px;color:var(--gb-ink);font-size:20px;line-height:1.25;text-transform:none}
.realty-inquiry-card>p{margin:0 0 12px;color:var(--gb-muted);font-size:14px;line-height:1.45}
.realty-inquiry-object{margin:0 0 14px;padding:9px 10px;border-radius:7px;background:var(--gb-sage);font-size:13px;font-weight:700}
.realty-inquiry-card label{display:block;margin:0 0 11px;color:#425148;font-size:13px;font-weight:700}
.realty-inquiry-card label span{font-weight:400;color:var(--gb-muted)}
.realty-inquiry-card input,.realty-inquiry-card textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #cbd8cf;border-radius:6px;background:#fff;color:var(--gb-ink);font:inherit;font-weight:400;box-sizing:border-box}
.realty-inquiry-card textarea{resize:vertical}
.realty-inquiry-card button{width:100%;padding:11px 14px;border:0;border-radius:7px;background:var(--gb-green);color:#fff;font-weight:700;transition:background .2s ease}
.realty-inquiry-card button:hover{background:var(--gb-green-dark)}
.realty-inquiry-card small{display:block;margin-top:9px;color:#78857c;font-size:11px;line-height:1.4}
.realty-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.realty-form-success{margin:0 0 14px;padding:10px;border-radius:7px;background:#e2f4e8;color:#245b39;font-size:13px;font-weight:700}
.realty-mobile-cta{display:none}

.re-lb{position:fixed;z-index:10000;inset:0;display:none;align-items:center;justify-content:center;padding:52px 70px;background:rgba(18,27,21,.92)}
.re-lb.open{display:flex}
.re-lb-img{display:block;max-width:100%;max-height:calc(100vh - 104px);object-fit:contain;box-shadow:0 8px 35px rgba(0,0,0,.35)}
.re-lb-btn,.re-lb-close{position:absolute;z-index:2;border:0;color:#fff;background:rgba(25,45,32,.76);cursor:pointer}
.re-lb-btn{top:50%;width:46px;height:58px;margin-top:-29px;border-radius:8px;font-size:30px}
.re-lb-prev{left:14px}.re-lb-next{right:14px}
.re-lb-close{top:14px;right:14px;width:42px;height:42px;border-radius:50%;font-size:22px;line-height:42px;text-align:center}
.re-lb-cap{position:absolute;right:70px;bottom:16px;left:70px;color:#fff;font-size:13px;text-align:center}

@media (max-width:991px){
  .realty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .realty-detail-layout{grid-template-columns:1fr}
  .realty-detail-aside{position:static}
}
@media (max-width:767px){
  .realty-grid{grid-template-columns:1fr;gap:14px}
  .realty-list-header h2{font-size:18px}
  .re-card-title{font-size:17px}
  .realty-picker{align-items:stretch;flex-direction:column;gap:6px}
  .realty-detail-header{align-items:flex-start;flex-direction:column;padding:16px}
  .realty-detail-header h1{font-size:22px}
  .realty-detail-price{text-align:left}
  .realty-detail-price strong{font-size:20px}
  .realty-section{padding:15px}
  .realty-photo-section{padding:7px}
  .re-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .re-gallery-main{aspect-ratio:4/3}
  .realty-inquiry-card{padding:16px}
  .realty-detail-page{padding-bottom:72px}
  .realty-mobile-cta{
    position:fixed;
    z-index:9900;
    right:0;
    bottom:0;
    left:0;
    display:grid;
    grid-template-columns:minmax(120px,.8fr) minmax(180px,1.2fr);
    gap:8px;
    padding:9px max(10px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    border-top:1px solid rgba(41,58,48,.16);
    background:rgba(255,255,255,.97);
    box-shadow:0 -8px 28px rgba(41,58,48,.16);
    backdrop-filter:blur(8px);
  }
  .realty-mobile-cta a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:8px 10px;
    border:1px solid var(--gb-green);
    border-radius:8px;
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-align:center;
    text-decoration:none!important;
  }
  .realty-mobile-cta-call{color:var(--gb-green-dark)!important;background:#fff}
  .realty-mobile-cta-action{color:#fff!important;background:var(--gb-green)}
  .re-lb{padding:48px 8px 70px}
  .re-lb-btn{top:auto;bottom:12px;width:52px;height:44px;margin:0}
  .re-lb-prev{left:calc(50% - 62px)}.re-lb-next{right:calc(50% - 62px)}
  .re-lb-cap{right:8px;bottom:60px;left:8px}
}

/* ======= таблиця з лґнками ======= */
.realty-table{width:100%;max-width:100%}
.realty-table td,.realty-table th{vertical-align:middle}
.realty-table a{text-decoration:none}

/* ======= генплан: контейнер картинка ======= */
.plan-wrap{position:relative;max-width:1200px;margin:0 auto}
.plan-wrap img{width:100%;height:auto;display:block}

/* ======= Бейдж будинк ======= */
.hotspots .hotspot{
  position:absolute;transform:translate(-50%,-50%);
  padding:6px 12px;border-radius:6px;border:2px solid #cbd5e1;
  background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.12);
  font:700 13px/1.1 "Open Sans",Arial,sans-serif;letter-spacing:1px;
  color:#2b2f36;text-decoration:none;cursor:pointer;white-space:nowrap
}
.hotspots .hotspot:hover{box-shadow:0 5px 16px rgba(0,0,0,.18)}

/* статусн кольори */
.hotspots .hotspot.free{
  border-color:#10b981;color:#065f46;
  background:linear-gradient(0deg,#ecfdf5 0,#ffffff 85%)
}
.hotspots .hotspot.reserved{
  border-color:#f59e0b;color:#7c2d12;
  background:linear-gradient(0deg,#fff7ed 0,#ffffff 85%)
}
.hotspots .hotspot.sold{
  border-color:#ef4444;color:#7f1d1d;
  background:repeating-linear-gradient(45deg,#fee2e2,#fee2e2 6px,#ffffff 6px,#ffffff 12px)
}

/* маленька брочка стану праворуч вґд номера */
.hotspots .hotspot .tag{
  margin-left:6px;padding:2px 6px;border-radius:999px;font-size:11px;
  background:rgba(0,0,0,.08)
}
.hotspots .hotspot.reserved .tag{background:#f59e0b;color:#fff}
.hotspots .hotspot.sold .tag{background:#ef4444;color:#fff}

/* POI – кругли фґшки */
.hotspots .poi{border-radius:999px;padding:8px 12px;font-weight:800}

.plan-edit .hotspots .hotspot{cursor:move;outline:2px dashed rgba(5,95,70,.75)}

/* легенда (якщо використовуєш) */
.plan-legend{display:none}
.legend-chip{display:inline-block;margin-left:6px;padding:6px 10px;border-radius:999px;border:1px solid #dcdfe6;background:#fff;font:12px/1 Arial}
.legend-chip.free{border-color:#cbd5e1}
.legend-chip.reserved{border-color:#f59e0b;background:#fff7ed;color:#92400e}
.legend-chip.sold{border-color:#ef4444;background:#fef2f2;color:#991b1b}

/* дрґбнґший шрифт на дуже вузьких екранах */
@media (max-width:480px){
  .hotspots .hotspot{font-size:11px;padding:4px 6px}
  .hotspots .poi{font-size:9px;line-height:1.15;letter-spacing:0;padding:4px 6px;max-width:112px;white-space:normal;text-align:center}
  .hotspots .poi-trash{transform:translate(-100%,-50%)}
}

/* Genplan hub */
.genplan-hero {
  margin: 0 0 22px;
}

.genplan-hero img {
  display: block;
  width: 100%;
  height: auto;
}

.genplan-hero figcaption {
  margin-top: 8px;
  color: #607265;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}

.genplan-full-link,
.genplan-note {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.genplan-full-link {
  margin-top: -10px;
  text-align: center;
}

.genplan-note {
  color: #607265;
}

.gallery-list--materials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 18px 0 26px;
}

.material-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d7e1d9;
  border-radius: 10px;
  background: #fff;
}

.material-card__image {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

.material-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.material-card__body {
  padding: 12px 14px 14px;
}

.material-card__body h3 {
  margin: 0 0 7px;
}

.material-card__body p {
  margin: 0;
  color: #607265;
}

@media (max-width: 900px) {
  .gallery-list--materials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .gallery-list--materials {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

#glb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:99999}
#glb-wrap{max-width:96vw;max-height:90vh;display:flex;flex-direction:column;gap:8px;align-items:center}
#glb-img{max-width:96vw;max-height:80vh;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.6)}
#glb-cap{color:#fff;font:14px/1.4 system-ui,Segoe UI,Arial,sans-serif;opacity:.9;text-align:center;max-width:92vw}
#glb-close,#glb-prev,#glb-next{position:fixed;top:18px;background:rgba(255,255,255,.12);color:#fff;border:none;border-radius:28px;width:44px;height:44px;cursor:pointer}
#glb-close{right:18px}
#glb-prev{left:18px;top:50%;transform:translateY(-50%)}
#glb-next{right:18px;top:50%;transform:translateY(-50%)}
#glb-close:hover,#glb-prev:hover,#glb-next:hover{background:rgba(255,255,255,.22)}



/* ===== Modern breadcrumbs/title bar ===== */
.gb-crumbs{
               /* background: #f5f9f6; свґтло-зелений фон, гармонґю з шапкою #f4f8f4 */
  
}
.gb-title{
  margin: 4px 0 6px;
  font-weight: 600;
  letter-spacing: .2px;
  color: #55725c;                   /* зелений бренд */
  font-size: 20px;
  line-height: 1.25;
}
@media (min-width: 768px){
  .gb-title{ font-size: 30px; }
}

/* Bootstrap 3 breadcrumb tune-up */
.breadcrumb.gb-breadcrumb{
  background: transparent;
  margin: 6px 0 0;
  padding: 8px 0;
  text-align: right;
  font-size: 13px;
  color: #55725c;
}
.breadcrumb.gb-breadcrumb > li + li:before{
  content: "\00BB";                 /* замґсть / */
  padding: 0 6px;
  color: #55725c;
}
.breadcrumb.gb-breadcrumb > li > a{
  color: #55725c;
  text-decoration: none;
}
.breadcrumb.gb-breadcrumb > li > a:hover{
  text-decoration: underline;
}

/* останнґй елемент активний: сґрґший, без клґку */
.breadcrumb.gb-breadcrumb > li:last-child > a{
  color: #55725c;
  cursor: default;
  pointer-events: none;
  font-weight: 600;
}

.box li{
  font-size:16px;
  line-height:1.55;
  color:#000;
}
.col-lg-12 li{
  font-size:16px;
  line-height:1.55;
  color:#000;
}


/* Mobile: компактнґше, ховаємо середнґ крихти, дозволимо горизонтальний скрол */
@media (max-width: 767px){
  .gb-crumbs{ padding: 10px 0; background: #f5f9f6;}
  .gb-title{ text-align: center; font-size: 22px; background: #f5f9f6;}
  .breadcrumb.gb-breadcrumb{ 
  background: #f5f9f6; 
  margin: 1px 0 0;
  padding: 1px 0;
  text-align: center;
  font-size: 13px;
  color: #55725c;
  }
  .breadcrumb.gb-breadcrumb > li{
    display: inline-block;
    max-width: 65vw;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
  }
  /* показу№мо тґльки першу та останню крихту на вузьких екранах */

}

/* Homepage title: the CMS title is longer than the legacy logo heading. */
.home-title{
  font-size:34px;
  line-height:1.2;
  text-transform:none;
  overflow-wrap:anywhere;
}
.home-content p,
.home-content li{
  font-size:16px;
  line-height:1.55;
}
.home-content h2{
  margin-top:24px;
  margin-bottom:12px;
  font-size:25px;
  line-height:1.25;
}
.home-content h3{
  margin-top:20px;
  margin-bottom:10px;
  font-size:19px;
  line-height:1.3;
}
@media (max-width:767px){
  .home-title{
    font-size:26px;
    line-height:1.22;
    letter-spacing:0;
  }
  .home-content p,
  .home-content li{
    font-size:16px;
    line-height:1.5;
  }
  .home-content h2{
    margin-top:22px;
    margin-bottom:10px;
    font-size:23px;
    line-height:1.25;
  }
  .home-content h3{
    margin-top:18px;
    margin-bottom:8px;
    font-size:18px;
    line-height:1.3;
  }
}

/* Unified typography for headings inside editable CMS content.
   H2/H3 keep semantic hierarchy for SEO, while the visual hierarchy is
   expressed by weight, uppercase and spacing rather than oversized text. */
.box h2,
.box h3,
.home-content h2,
.home-content h3{
  margin-top:20px;
  margin-bottom:10px;
  font-size:16px;
  line-height:1.55;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.15px;
}
@media (max-width:767px){
  .box h2,
  .box h3,
  .home-content h2,
  .home-content h3{
    margin-top:18px;
    margin-bottom:8px;
    font-size:16px;
    line-height:1.5;
  }
}

/* Public galleries. Document captions are populated from gallery metadata. */
.g-gallery{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:12px;
}
.g-gallery-link{
  display:block;
}
.g-gallery-img{
  display:block;
  width:100%;
  height:160px;
  object-fit:cover;
  border:1px solid #e3e8e4;
  border-radius:6px;
}
.g-gallery-item{
  margin:0;
  min-width:0;
}
.g-gallery-item--captioned{
  padding:8px;
  border:1px solid #e3e8e4;
  border-radius:7px;
  background:#fff;
}
.g-gallery-item--captioned .g-gallery-img{
  height:220px;
  object-fit:contain;
  background:#f7f9f7;
}
.g-gallery-caption{
  padding:8px 3px 2px;
  font-size:14px;
  line-height:1.4;
  color:#3f5b46;
}
@media (max-width:767px){
  .g-gallery{
    grid-template-columns:1fr;
  }
  .g-gallery-item--captioned .g-gallery-img{
    height:auto;
    max-height:420px;
  }
}

/* Realty responsive overrides.
   Kept at the end so legacy Bootstrap/theme rules cannot override cards. */
@media (max-width:991px){
  .realty-phases,
  .realty-list-section,
  .realty-grid,
  .realty-detail-page,
  .realty-detail-layout,
  .realty-detail-main,
  .realty-detail-aside,
  .realty-section,
  .re-card{
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
  }
  .realty-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .realty-detail-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .realty-detail-aside{position:static!important}
}

@media (max-width:767px){
  .realty-phases,
  .realty-list-section,
  .realty-detail-page{margin-right:0;margin-left:0}
  .realty-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  .re-card{
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden;
  }
  .re-card-thumb{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10;
  }
  .re-card-thumb img{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .re-card-body{width:100%;box-sizing:border-box}
  .realty-detail-header,
  .realty-picker{width:100%;box-sizing:border-box}
  .realty-detail-header{display:flex!important;flex-direction:column!important}
  .re-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .re-gallery-main{grid-column:1/-1!important}
  .realty-specs,.re-specs{display:table!important;width:100%!important;table-layout:fixed}
  .realty-specs th,.re-specs th{width:42%}
}

@media (max-width:420px){
  .re-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
h2[id],
h3[id] {
  scroll-margin-top: 140px;
}

.realty-detail-price:empty,
.re-card-price:empty { display:none!important; }

.realty-object-title {
  margin:8px 0 6px;
  font-size:26px;
  line-height:1.25;
  text-transform:uppercase;
}

.footer-legal { display:inline-block; margin:8px 0 2px; font-size:13px; }
.footer-legal a { color:#536f5b; }

.content-accordion {
  margin:12px 0;
  border:1px solid #d5e0d7;
  border-radius:8px;
  background:#fff;
  overflow:hidden;
}
.content-accordion > summary {
  position:relative;
  padding:14px 48px 14px 16px;
  color:#2f3f34;
  font-weight:700;
  text-transform:uppercase;
  cursor:pointer;
  list-style:none;
}
.content-accordion > summary::-webkit-details-marker { display:none; }
.content-accordion > summary::after {
  content:'+';
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:22px;
  color:#56705d;
}
.content-accordion[open] > summary::after { content:'−'; }
.content-accordion__body {
  padding:0 16px 16px;
  border-top:1px solid #e7eee8;
}
.content-accordion__heading {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media (max-width:767px){
  .realty-object-title{font-size:20px}
  .content-accordion > summary{padding:12px 44px 12px 14px}
  .content-accordion__body{padding:0 14px 14px}
}

@media (max-width: 767px) {
  h2[id],
  h3[id] {
    scroll-margin-top: 96px;
  }
}

/* Seven primary sections fit on one desktop row. Keep the original visual
   scale, reducing spacing just enough for the longer Ukrainian labels. */
@media (min-width:1200px){
  .navbar .container{
    display:block!important;
    text-align:center;
  }
  .navbar-header{
    display:none!important;
  }
  .navbar-collapse.collapse{
    display:block!important;
    float:none!important;
    width:100%!important;
    text-align:center;
    padding-left:0!important;
    padding-right:0!important;
  }
  .navbar-nav{
    float:none!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:auto!important;
    margin:0 auto!important;
    vertical-align:middle;
  }
  .navbar-nav > li{float:none}
  .navbar-nav > li > a,
  .navbar-nav > li > a.dropdown-link{
    padding-left:14px!important;
    padding-right:16px!important;
    font-size:18px!important;
    letter-spacing:1.8px;
  }
  .navbar-nav > li > a.dropdown-link{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:10px!important;
  }
  .navbar-nav > li > a.dropdown-link > strong{
    display:inline-block;
    margin:0 0 0 2px!important;
  }
  .navbar-nav > li > a.dropdown-link .caret{
    display:inline-block!important;
    flex:0 0 auto;
    position:relative!important;
    top:0!important;
    left:auto!important;
    right:auto!important;
    margin:0!important;
    transform:none!important;
    opacity:.62;
  }
}

/* Tablets use a compact dropdown panel instead of expanding the navigation
   into a tall full-page list. */
@media (min-width:768px) and (max-width:1199px){
  .navbar{position:relative;min-height:64px}
  .navbar .container{position:relative}
  .navbar-header{display:block!important;float:none;min-height:64px}
  .navbar-brand{height:auto;padding:21px 15px;line-height:22px}
  .navbar-toggle{display:block!important;margin-top:14px;margin-bottom:14px}
  .navbar-collapse{
    position:absolute;
    z-index:1050;
    top:64px;
    right:15px;
    width:min(360px,calc(100vw - 30px));
    padding:8px 0!important;
    background:#fff;
    border:1px solid #d9e3dc!important;
    border-radius:0 0 8px 8px;
    box-shadow:0 12px 28px rgba(25,53,36,.16);
  }
  .navbar-collapse.collapse{display:none!important}
  .navbar-collapse.collapse.in{display:block!important;overflow:visible!important}
  .navbar-nav{float:none!important;width:100%;margin:0!important}
  .navbar-nav>li{float:none}
  .navbar-nav>li>a,
  .navbar-nav>li>a.dropdown-link{
    padding:10px 18px!important;
    line-height:1.3!important;
    font-size:16px!important;
    letter-spacing:1.6px!important;
  }
  .navbar-nav .open .dropdown-menu{
    position:static;
    float:none;
    width:auto;
    margin:0;
    padding:3px 0 5px 16px;
    background:#f7faf8;
    border:0;
    box-shadow:none;
  }
  .navbar-nav .open .dropdown-menu>li>a{
    padding:8px 18px!important;
    line-height:1.3!important;
    font-size:14px!important;
  }
}
/* Temporary language-review state. Draft translations are deliberately
   excluded from search indexing and visually separated from Ukrainian. */
.translation-notice {
  max-width: 1170px;
  margin: 18px auto 0;
  padding: 10px 14px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: rgba(255,255,255,.9);
  font-size: 14px;
  font-weight: 600;
}
.translation-placeholder--en,
.translation-placeholder--en h1,
.translation-placeholder--en h2,
.translation-placeholder--en h3,
.translation-placeholder--en h4,
.translation-placeholder--en p,
.translation-placeholder--en li,
.translation-placeholder--en td,
.translation-placeholder--en th,
.translation-placeholder--en label,
.translation-placeholder--en a,
.translation-placeholder--en .translation-notice { color: #177245 !important; }
.translation-placeholder--ru,
.translation-placeholder--ru h1,
.translation-placeholder--ru h2,
.translation-placeholder--ru h3,
.translation-placeholder--ru h4,
.translation-placeholder--ru p,
.translation-placeholder--ru li,
.translation-placeholder--ru td,
.translation-placeholder--ru th,
.translation-placeholder--ru label,
.translation-placeholder--ru a,
.translation-placeholder--ru .translation-notice { color: #a32622 !important; }
@media (max-width: 767px) {
  .translation-notice { margin: 12px 15px 0; font-size: 13px; }
}

/* Market-readiness: public realty cards and legal status blocks */
.re-card-price-label,
.re-card-budget span {
  display: block;
  margin-bottom: 2px;
  color: var(--gb-muted);
  font-size: 12px;
  line-height: 1.35;
}
.re-card-price:has(.re-card-price-uah:empty):has(.re-card-price-usd:empty),
.re-card-budget:has(strong:empty) { display: none; }
.re-card-budget {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--gb-border);
}
.re-card-budget strong {
  color: var(--gb-ink);
  font-size: 17px;
}
.re-card-reference {
  margin-top: 10px;
  color: var(--gb-muted);
  font-size: 12px;
  line-height: 1.4;
}
.re-card-reference-note{position:relative;display:inline-block;margin:0 0 0 2px}
.re-card-reference-note summary{display:inline;color:var(--gb-green-dark);background:transparent;font-weight:700;cursor:pointer;list-style:none}
.re-card-reference-note summary::-webkit-details-marker{display:none}
.re-card-address-tail{white-space:nowrap}
.re-card-reference-note[open]{display:inline-block}
.re-card-reference-note>div{position:absolute;z-index:20;top:calc(100% + 5px);left:50%;right:auto;transform:translateX(-50%);width:min(300px,calc(100vw - 48px));padding:9px 11px;border:1px solid var(--gb-border);border-radius:8px;background:#f7faf8;box-shadow:0 10px 24px rgba(18,55,38,.16);color:var(--gb-muted);font-size:11px;line-height:1.4;white-space:normal}
.re-card{position:relative;overflow:visible}
.re-card:hover,
.re-card:focus-within,
.re-card:has(.re-card-reference-note[open]){z-index:40}
.re-card-thumb{border-radius:13px 13px 0 0}
.home-properties,
.home-properties .realty-grid{overflow:visible!important}
.home-properties .re-card{position:relative;overflow:visible!important;z-index:1}
.home-properties .re-card:hover,
.home-properties .re-card:focus-within,
.home-properties .re-card:has(.re-card-reference-note[open]){z-index:80}
.home-properties .re-card-stage{top:10px;left:10px;right:auto}
.home-properties .re-card-status{top:39px;left:10px;right:auto;max-width:calc(100% - 20px)}
.home-properties .re-card-reference-note[open]{
  display:block;
  margin:5px 0 0;
  z-index:90
}
.home-properties .re-card-reference-note[open]>summary{display:inline-flex}
.home-properties .re-card-reference-note>div{
  position:static;
  z-index:100;
  left:auto;
  right:auto;
  top:auto;
  width:auto;
  max-width:none;
  margin-top:5px;
  transform:none;
  white-space:normal
}
.home-properties .re-card{
  height:auto;
  align-self:start
}
.home-properties .re-card-body{
  height:auto!important;
  min-height:0;
  overflow:visible!important
}
.home-properties .re-card-address{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  height:auto!important;
  min-height:40px;
  overflow:visible!important
}
.home-properties .re-card-reference-note[open]{
  flex:0 0 100%;
  width:100%;
  box-sizing:border-box;
  margin-left:0
}
.home-properties .re-card-reference-note>div{
  box-sizing:border-box;
  overflow:visible!important
}
.realty-project-reference{font-size:12px;line-height:1.4;padding:7px 9px}
.re-card-status--for_sale { background: #d9f2df; color: #176636; }
.re-card-status--sale_soon { background: #eef1e8; color: #526247; }
.re-card-status--viewing_only { background: #fff0c9; color: #725614; }
.re-card-status--free_interest { background: #e3edf4; color: #345467; }
.re-card-status--unavailable { background: #ececec; color: #666; }
.realty-budget-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
}

.realty-budget-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: .55rem;
  margin: 0;
}

.realty-budget-list > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .65rem .75rem;
  border-radius: 8px;
  background: #f4f8f4;
}

.realty-budget-list dt,
.realty-budget-list dd {
  margin: 0;
}

.realty-budget-list dd {
  font-weight: 700;
  text-align: right;
}

.realty-budget-total {
  border: 1px solid #a8c2ad;
  background: #eaf3ec !important;
}

.realty-project-reference,
.realty-warranty {
  margin: .8rem 0 0;
  padding: .8rem .9rem;
  border-left: 3px solid #6f9278;
  border-radius: 0 7px 7px 0;
  background: #f4f8f4;
  color: #405a47;
}
.realty-budget-item {
  padding: 14px;
  border: 1px solid #d9e4da;
  border-radius: 10px;
  background: #f8fbf8;
}
.realty-budget-item strong {
  display: block;
  margin-top: 5px;
  font-size: 18px;
}
.realty-address-notice,
.realty-warranty-note {
  margin-top: 10px;
  padding: 10px 12px;
  border-left: 3px solid var(--gb-green);
  background: #f3f7f3;
  color: #4e6153;
  font-size: 13px;
  line-height: 1.5;
}

.market-status-summary {
  margin: 0 0 1.25rem;
  padding: 1rem 1.1rem;
  border: 1px solid #d2e0d4;
  border-radius: 12px;
  background: #f7faf7;
}

.market-status-summary h2 {
  margin: 0 0 .65rem;
}

.market-status-summary ul {
  margin: 0;
  padding-left: 1.25rem;
}

.market-status-summary li + li {
  margin-top: .45rem;
}

.re-gallery a {
  position: relative;
}

.realty-media-label {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(18, 55, 39, .88);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  pointer-events: none;
}

@media (max-width: 767px) {
  .realty-budget-grid { grid-template-columns: 1fr; }
  .re-card-reference { font-size: 11px; }
  .market-status-summary { padding: .85rem; }
}