/* Ayur Brahma Option1 — scoped feed tiles + popup contrast. NO global/header/.t-menu rules. */

/* Popup title contrast (feed article view only) */
.t-feed__post-popup .t-feed__post-popup__title,
.t-feed__post-popup .t-feed__post-popup__title.t-title,
.t-feed__post-popup .js-feed-post-title,
.t-feed__post-popup h1.js-feed-post-title,
.t-feed__post-popup .t-feed__post-popup__relevants-title,
.t-feed__post-popup .t-feed__post-popup__relevants-item-title {
  color: #18403f !important;
  -webkit-text-fill-color: #18403f !important;
  opacity: 1 !important;
}
.t-feed__post-popup .t-feed__post-popup__text,
.t-feed__post-popup .t-feed__post-popup__date,
.t-feed__post-popup .t-feed__post-popup__part,
.t-feed__post-popup .t-feed__post-popup__subtitle {
  color: #3d5654 !important;
  -webkit-text-fill-color: #3d5654 !important;
}
.t-feed__post-popup { background-color: #f3efe6; }

/* ========== /stati feed block only ========== */
#rec629217884 { background: #f3efe6 !important; }

#rec629217884 .js-feed.t-feed,
#rec629217884 .t-feed {
  display: block !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  float: none !important;
  position: relative !important;
  overflow-x: hidden !important;
}
@media (min-width: 900px) {
  #rec629217884 .js-feed.t-feed,
  #rec629217884 .t-feed {
    max-width: 1100px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

/* Hide native Tilda tab strip — hero tabs are the only UI (strip stays in DOM for filter clicks) */
#rec629217884 .js-feed-parts-select-container,
#rec629217884 .t-feed > .t-feed__container:not(ul):not(.js-feed-container) {
  display: none !important;
}

/* Posts UL — strict CSS grid; kill clearfix ::before/::after */
#rec629217884 ul.js-feed-container {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
  clear: none !important;
}
#rec629217884 ul.js-feed-container::before,
#rec629217884 ul.js-feed-container::after {
  content: none !important;
  display: none !important;
}
@media (min-width: 900px) {
  #rec629217884 ul.js-feed-container {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

/* Equal-height cards; neutralize Tilda t-col / t-prefix / floats */
#rec629217884 ul.js-feed-container > .t-feed__post,
#rec629217884 ul.js-feed-container > .js-feed-post,
#rec629217884 ul.js-feed-container > li.t-feed__post {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  float: none !important;
  clear: none !important;
  background: #fffdf8 !important;
  border: 1px solid rgba(24, 64, 63, 0.12) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: 0 8px 24px rgba(24, 64, 63, 0.08);
  box-sizing: border-box !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
}
#rec629217884 ul.js-feed-container > .t-feed__post.t-col,
#rec629217884 ul.js-feed-container > .t-feed__post.t-col_10,
#rec629217884 ul.js-feed-container > .t-feed__post.t-prefix_2,
#rec629217884 ul.js-feed-container > .t-feed__post.t-width,
#rec629217884 ul.js-feed-container > .js-feed-post.t-col,
#rec629217884 ul.js-feed-container > .js-feed-post.t-col_10,
#rec629217884 ul.js-feed-container > .js-feed-post.t-prefix_2,
#rec629217884 ul.js-feed-container > .js-feed-post.t-width {
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: auto !important;
}

#rec629217884 .t-feed__row-grid__post-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/*
  Cover 4/3. CRITICAL: .js-feed-post-image IS the bgimg element.
  Never use `background` shorthand on it — it resets background-image and kills lazyload covers.
*/
#rec629217884 .t-feed__post-imgwrapper {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background-color: #f3efe6 !important; /* cream placeholder only */
  flex: 0 0 auto !important;
  position: relative !important;
}
#rec629217884 .t-feed__post-imgwrapper .t-bgimg,
#rec629217884 .t-feed__post-imgwrapper .t-feed__post-bgimg,
#rec629217884 .t-feed__post-imgwrapper .js-feed-post-image {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
  /* do NOT set background / background-image / background-color here */
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 0 !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}
#rec629217884 .t-feed__post-imgwrapper:empty,
#rec629217884 .t-feed__post-imgwrapper .vb-tile-ph {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #f3efe6 !important;
}

/* Text column grows; date/parts consistent; Читать pinned bottom */
#rec629217884 .t-feed__textwrapper,
#rec629217884 .t-feed__post-content,
#rec629217884 .js-feed-post-content {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
}
#rec629217884 .t-feed__post-title,
#rec629217884 ul.js-feed-container .js-feed-post-title,
#rec629217884 .t-feed__post-title .t-name,
#rec629217884 .t-feed__post-title a,
#rec629217884 ul.js-feed-container .t-feed__link {
  color: #18403f !important;
  -webkit-text-fill-color: #18403f !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  text-decoration: none !important;
  font-family: "Playfair Display", Georgia, serif !important;
  font-weight: 500 !important;
}
#rec629217884 .t-feed__post-descr,
#rec629217884 .js-feed-post-descr {
  color: #3d5654 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-family: GraphikTT, Manrope, system-ui, sans-serif !important;
  flex: 0 1 auto !important;
}
#rec629217884 .t-feed__post-parts-date-row,
#rec629217884 .t-feed__post-date,
#rec629217884 .js-feed-post-date,
#rec629217884 .t-feed__post-parts {
  color: #6a7c7a !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  font-family: GraphikTT, Manrope, system-ui, sans-serif !important;
  margin: 0 !important;
}
#rec629217884 .t-feed__post__line-separator,
#rec629217884 .t-feed__post-separator,
#rec629217884 .t-feed__separator {
  display: none !important;
}
#rec629217884 .vb-tile-more {
  display: inline-block !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  color: #2f6f6a !important;
  font-family: GraphikTT, Manrope, system-ui, sans-serif !important;
}
#rec629217884 ul.js-feed-container > .t-feed__post > .vb-tile-more,
#rec629217884 ul.js-feed-container > .js-feed-post > .vb-tile-more {
  padding: 0 16px 16px 16px !important;
  margin-top: auto !important;
}

/* /stati only: restore text font cascade (not .t-menu) */
#allrecords[data-tilda-page-alias="stati"],
#allrecords[data-tilda-page-alias="stati"] .t-records {
  font-family: GraphikTT, Manrope, system-ui, sans-serif;
}


/* ===== Mobile-first overflow containment (Sergey: sideways pan) ===== */
#allrecords,
#t-header,
#t-footer {
  max-width: 100% !important;
  overflow-x: hidden !important;
}
#rec629217884,
#rec629217884 .t896,
#rec629217884 ul.js-feed-container {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
#rec629217884 ul.js-feed-container > .t-feed__post,
#rec629217884 ul.js-feed-container > .js-feed-post {
  max-width: 100% !important;
}
#rec629217884 img,
#rec629217884 .t-bgimg,
#rec629217884 .t-feed__post-bgimg {
  max-width: 100% !important;
}

/* Our vibe sections on /stati */
.vb-k7m,
.vb-q9x,
[id^="vb-"][class^="vb-"] {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}
.vb-k7m__inner,
.vb-q9x__inner {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
/* Tabs: swipe stays INSIDE container; do not widen the page */
.vb-k7m__tabs {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  overscroll-behavior-x: contain !important;
  touch-action: pan-x !important;
  -webkit-overflow-scrolling: touch !important;
}
@media (min-width: 640px) {
  .vb-k7m__tabs {
    overflow-x: visible !important;
    touch-action: auto !important;
  }
}

/* Post pages: crumbs + content */
.vb-c4r,
.vb-c4r__nav {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.t-feed__post-popup,
.t-feed__post-popup__content,
.t-feed__post-popup__text,
.t-feed__post-popup__text img,
.t-feed__post-popup__text table,
.t-feed__post-popup__text iframe {
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.t-feed__post-popup__text img {
  height: auto !important;
}
.t-feed__post-popup__text table {
  display: block !important;
  overflow-x: auto !important;
}

@media (max-width: 639px) {
  #rec629217884 .t-feed__post-title,
  #rec629217884 ul.js-feed-container .t-feed__link {
    font-size: 16px !important;
  }
  #rec629217884 .t-feed__textwrapper,
  #rec629217884 .t-feed__post-content {
    padding: 14px !important;
  }
  #rec629217884 ul.js-feed-container {
    gap: 12px !important;
  }
  .vb-k7m {
    padding: 72px 16px 8px !important;
  }
  .vb-k7m__tab {
    min-height: 36px;
    padding: 0 12px;
    font-size: 12px;
  }
}


/* Card chrome: image flush top; category chip; consistent meta (Все = filtered) */
#rec629217884 .t-feed__post__line-separator {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
#rec629217884 .t-feed__post-imgwrapper {
  border-radius: 0 !important; /* card overflow:hidden already rounds top */
  margin: 0 !important;
}
#rec629217884 .t-feed__post-parts-date-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  order: -1; /* chip/date above title if needed — keep natural DOM order unless afterdescr */
}
#rec629217884 .t-feed__post-parts-date-row_afterdescr {
  order: 0;
}
#rec629217884 .t-feed__post-tag {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: rgba(24, 64, 63, 0.08) !important;
  color: #18403f !important;
  -webkit-text-fill-color: #18403f !important;
  font-family: GraphikTT, Manrope, system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}
#rec629217884 .t-feed__post-date,
#rec629217884 .js-feed-post-date {
  color: #6a7c7a !important;
  -webkit-text-fill-color: #6a7c7a !important;
  font-family: GraphikTT, Manrope, system-ui, sans-serif !important;
  font-size: 12px !important;
}

/* live7 infinite scroll: native load-more button chrome (IO auto-clicks) */
#rec629217884 .t-feed__button-wrapper,
#rec629217884 .t-feed__btn-wrapper,
#rec629217884 .t-feed__container > .t-col .t-feed__button,
#rec629217884 .t-feed__button {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 28px 0 8px !important;
  clear: both !important;
}
#rec629217884 a.t-feed__button,
#rec629217884 .t-feed__button .t-btn,
#rec629217884 .t-feed__button a.t-btn,
#rec629217884 .js-feed-btn-more,
#rec629217884 [class*="feed"][class*="more"] a.t-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 12px 28px !important;
  border-radius: 40px !important;
  background: #18403f !important;
  color: #f7f3ea !important;
  -webkit-text-fill-color: #f7f3ea !important;
  font-family: GraphikTT, Manrope, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
#rec629217884 a.t-feed__button:hover,
#rec629217884 .t-feed__button .t-btn:hover {
  opacity: 0.92 !important;
}


/* live8/ff: isolate article view — no feed-grid chrome, no clip thrash in Gecko */
#allrecords[data-post-page="y"],
#allrecords[data-post-page="y"] #t-header,
#allrecords[data-post-page="y"] #t-footer {
  overflow-x: hidden !important;
}
#allrecords[data-post-page="y"] #rec629217884 ul.js-feed-container,
#allrecords[data-post-page="y"] #rec629217884 .js-feed-parts-select-container,
#allrecords[data-post-page="y"] #rec629217884 .vb-tile-more,
#allrecords[data-post-page="y"] #rec629217884 .js-feed-btn-show-more,
#allrecords[data-post-page="y"] #rec629217884 .t-feed__showmore-btn,
#allrecords[data-post-page="y"] #rec629217884 .t-feed__button-wrapper,
#allrecords[data-post-page="y"] #rec629217884 .t-feed__button {
  display: none !important;
}
#allrecords[data-post-page="y"] #rec629217884 .t-feed__post-popup,
#allrecords[data-post-page="y"] #rec629217884 .t-feed__post-popup__content,
#allrecords[data-post-page="y"] #rec629217884 .t-feed__post-popup__container {
  overflow-x: hidden !important;
  max-width: 100% !important;
}