/* ReBox: Zero Block mobile fix */

/* Article element (960px wide) — scale approach, center at all desktop widths */
@media (min-width: 960px) {
  .tn-elem__240987702124098770210 {
    left: calc(50% - 480px) !important;
    top: 0 !important;
  }
}
@media (max-width: 959px) {
  .tn-elem__240987702124098770210 {
    left: 0 !important;
    top: 0 !important;
    transform-origin: top left !important;
  }
}

/* Blog element (1200px wide) — native Tilda responsive, centering only, no top override */
@media (min-width: 1200px) {
  .tn-elem__241315607124131560710 {
    left: calc(50% - 600px) !important;
  }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .tn-elem__241315607124131560710 {
    left: calc(50% - 480px) !important;
  }
}
@media (min-width: 640px) and (max-width: 959px) {
  .tn-elem__241315607124131560710 {
    left: calc(50% - 320px) !important;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .tn-elem__241315607124131560710 {
    left: calc(50% - 240px) !important;
  }
}
@media (max-width: 479px) {
  .tn-elem__241315607124131560710 {
    left: calc(50% - 160px) !important;
  }
}
/* Blog element — reduce top spacing on phone */
@media (max-width: 479px) {
  .tn-elem__241315607124131560710 {
    top: 120px !important;
  }
}
@media (min-width: 480px) and (max-width: 639px) {
  .tn-elem__241315607124131560710 {
    top: 110px !important;
  }
}

/* Article element — phone: no scale transform, full width */
@media (max-width: 499px) {
  .tn-elem__240987702124098770210 {
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    transform: none !important;
  }
}
/* Fix t396__filter overlay blocking clicks in zero block */
#rec2409877021 .t396__filter {
  pointer-events: none !important;
}

/* CTA button — color + centering */
#rec2409877021 .cta-btn {
  color: #F4ECE2 !important;
  text-align: center !important;
}
#rec2409877021 .cta {
  text-align: center !important;
}

/* Project cards — white card style (image top, text below) */
#rec2344248951 .t686 { height: auto !important; }
#rec2344248951 .t686__container { height: auto !important; }
#rec2344248951 .t-card__col { height: auto !important; }
#rec2344248951 .t686__table { display: block !important; height: auto !important; }
#rec2344248951 .t686__cell {
  display: block !important;
  position: relative !important;
  height: auto !important;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}
#rec2344248951 .t686__cell::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 8px;
  pointer-events: none;
  z-index: 10;
}
#rec2344248951 .t686__bg {
  position: relative !important;
  height: 188px !important;
  width: 100% !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  right: auto !important;
}
#rec2344248951 .t686__overlay { display: none !important; }
#rec2344248951 .t686__textwrapper {
  position: relative !important;
  background: #fff;
  padding: 14px 16px 16px !important;
  text-align: left !important;
  height: auto !important;
}
#rec2344248951 .t-card__title { color: #222 !important; }
#rec2344248951 .t-card__descr { color: #666 !important; }

/* Second row project cards — same white card style */
#rec2348129801 .t686 { height: auto !important; }
#rec2348129801 .t686__container { height: auto !important; }
#rec2348129801 .t-card__col { height: auto !important; }
#rec2348129801 .t686__table { display: block !important; height: auto !important; }
#rec2348129801 .t686__cell {
  display: block !important;
  position: relative !important;
  height: auto !important;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}
#rec2348129801 .t686__cell::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 8px;
  pointer-events: none;
  z-index: 10;
}
#rec2348129801 .t686__bg {
  position: relative !important;
  height: 188px !important;
  width: 100% !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  right: auto !important;
}
#rec2348129801 .t686__overlay { display: none !important; }
#rec2348129801 .t686__textwrapper {
  position: relative !important;
  background: #fff;
  padding: 14px 16px 16px !important;
  text-align: left !important;
  height: auto !important;
}
#rec2348129801 .t-card__title { color: #222 !important; }
#rec2348129801 .t-card__descr { color: #666 !important; }

/* Article page mobile fixes */
@media (max-width: 499px) {

  /* Fix last photo rows (before/after): parent has no height so height:100% on img fails */
  #rec2409877021 .photo-row.prih .photo-wrap.natural {
    height: auto !important;
  }
  #rec2409877021 .photo-row.prih .photo-wrap.natural img {
    height: 180px !important;
    object-fit: cover !important;
  }
  /* Fix "Смотреть все фото" link — correct 2-line wrap */
  #rec2409877021 .photo-row.prih ~ div a {
    display: block !important;
    text-align: center !important;
    letter-spacing: 0.06em !important;
    line-height: 1.7 !important;
    padding: 0 8px !important;
  }
}
/* Article CTA button — center on phone vertical */
@media (max-width: 499px) {
  #rec2409877021 .tn-atom__html {
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }
  #rec2409877021 .wrap {
    width: 100% !important;
    padding: 40px 24px !important;
    box-sizing: border-box !important;
  }
  #rec2409877021 .cta {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }

}

/* Hide old footer — replaced by new custom footer */
/* Hide only old FT389 footer content — keep Zero Block visible */
#rec2141305281 .t389 { display: none !important; }
#rec2141305281 { background: transparent !important; padding: 0 !important; }

/* Hide JS-injected duplicate footer — Zero Block footer is canonical */

/* ===== ReBox Footer Fixes ===== */

/* Fix link colors in footer (override page accent color) */
#rec2141305281 .rb-footer .rb-f-links a,
#rec2141305281 .rb-footer .rb-f-nav-grid a,
.rb-footer .rb-f-links a,
.rb-footer .rb-f-nav-grid a {
  color: rgba(255,255,255,.8) !important;
  text-decoration: none !important;
}
#rec2141305281 .rb-footer .rb-f-contacts a,
.rb-footer .rb-f-contacts a {
  color: rgba(255,255,255,.8) !important;
  text-decoration: none !important;
}
#rec2141305281 .rb-footer .rb-footer-bot a,
.rb-footer .rb-footer-bot a {
  color: rgba(255,255,255,.35) !important;
  text-decoration: none !important;
}

/* Fix animation bug: footer stays visible on page refresh */
/* Fix animation bug: footer stays visible on page refresh and back navigation */
#rec2141305281 .t396__artboard,
#rec2141305281 .tn-elem,
#rec2141305281 .tn-atom {
  opacity: 1 !important;
  visibility: visible !important;
}
#rec2141305281 .t396__artboard {
  height: auto !important;
  overflow: visible !important;
}
#rec2141305281 .tn-elem {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: auto !important;
}

/* Hide old FT389 footer content — keep Zero Block visible */
#rec2141305281 .t389 { display: none !important; }
#rec2141305281 { background: transparent !important; padding: 0 !important; }


/* NUCLEAR: force all footer elements visible — covers ALL Tilda animation levels */
#rec2141305281,
#rec2141305281 .t396,
#rec2141305281 .t396__artboard,
#rec2141305281 .tn-elem,
#rec2141305281 .tn-atom {
  opacity: 1 !important;
  visibility: visible !important;
  transition: none !important;
  animation: none !important;
}