/* =========================================================
   LINE — CLEAN FINAL CSS (no duplicates / no conflicts)
   ========================================================= */

:root{
  --bg:#0e0e0e;
  --panel:#141414;
  --text:#e9e9ea;
  --muted:rgba(233,233,234,.74);
  --accent:#feff04;

  --hfont:"Oswald", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --bfont:"GraphikTT", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  --radius:4px;
  --shadow:0 18px 50px rgba(0,0,0,.55);

  /* FD301 */
  --cardPad:22px;
  --fdTitleDesktop:36px;
}

/* Base */
html, body{ background:var(--bg) !important; }
.t-body{
  background:var(--bg) !important;
  color:var(--text) !important;
  font-family:var(--bfont) !important;
}
.t-rec, .t396, .t-cover{ background:transparent !important; }
a{ color:inherit; }
::selection{ background:color-mix(in srgb, var(--accent) 22%, transparent) !important; }

.t-title, .t-heading, h1,h2,h3,h4{
  font-family:var(--hfont) !important;
  letter-spacing:.01em;
}
.t-descr:not(.t976__menu-link), .t-text, p, li {
  font-family: var(--bfont) !important;
  color: var(--text) !important;
  line-height: 1.55;
}
a.t976__menu-link.t976__menu-link_large,
a.t976__menu-link {
  font-family: "Oswald", system-ui, -apple-system, "Segoe UI", sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.08em;
}

/* =========================================================
   MENU (T1272 / t-menu-base)
   ========================================================= */
.t-menu-base,
.t-menu-base__maincontainer{
  background:rgba(14,14,14,.72) !important;
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.t-menu__link-item{
  font-family:var(--hfont) !important;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:600 !important;
  color:rgba(233,233,234,.84) !important;
}
.t-menu__link-item:hover,
.t-menu__link-item:focus-visible{ color:var(--accent) !important; }
.t-menu-burger__icon span{ background-color:rgba(233,233,234,.88) !important; }
.tmenu-mobile{ background:rgba(14,14,14,.96) !important; }
.tmenu-mobile .t-menu__link-item{ font-size:22px !important; line-height:1.1 !important; }

/* =========================================================
   FD301 (главная/разделы) — poster layout
   Works for both variants: .t-feed__post and col-grid wrapper
   ========================================================= */

/* Remove any ellipsis/clamp on titles globally inside FD301 */
.t897 .t-feed__post-title,
.t897 .t-feed__post-title *{
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:normal !important;
  max-height:none !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
}

/* --- Variant B (most common for your site): col grid wrapper --- */
.t897 .t-feed__col-grid__post-wrapper{
  position:relative !important;
  border-radius:var(--radius) !important;
  overflow:hidden !important;
  background:var(--panel) !important;
  box-shadow:var(--shadow);
}

/* 9:16 poster */
@supports (aspect-ratio: 9 / 16){
  .t897 .t-feed__col-grid__post-wrapper{
    height:auto !important;
    aspect-ratio:9 / 16 !important;
  }
}
@supports not (aspect-ratio: 9 / 16){
  .t897 .t-feed__col-grid__post-wrapper{
    height:640px !important;
  }
}

/* image fill */
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-imgwrapper{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  padding-bottom:0 !important;
  margin:0 !important;
}
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-bgimg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  border-radius:var(--radius) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
}

/* softer bottom gradient */
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-bgimg::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(0,0,0,.02) 0%,
    rgba(0,0,0,0) 60%,
    rgba(0,0,0,.16) 80%,
    rgba(0,0,0,.62) 100%) !important;
}

/* overlay */
.t897 .t-feed__col-grid__post-wrapper .t-feed__col-grid__wrapper{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;

  padding:var(--cardPad) !important;
  background:transparent !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important; /* top parts / bottom title */
  pointer-events:none;
}
.t897 .t-feed__col-grid__post-wrapper .t-feed__col-grid__content{
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

/* parts top with gap 30 */
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-parts-date-row_beforetitle{
  display:flex !important;
  flex-wrap:wrap;
  gap:30px !important;
  margin:0 !important;
}

/* parts color + remove dot separators */
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-tag{
  color:var(--accent) !important;
  font-family:var(--hfont) !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:700 !important;
  font-size:13px !important;
  line-height:1.05 !important;
  text-shadow:0 12px 32px rgba(0,0,0,.55);
}
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-tag:after{ display:none !important; }

/* title bottom: size 52px + bigger line-height */
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-title{
  color:var(--accent) !important;
  font-family:var(--hfont) !important;
  text-transform:uppercase;
  font-weight:700 !important;
  letter-spacing:.035em !important;

  font-size:var(--fdTitleDesktop) !important; /* 52px */
  line-height:.98 !important;                /* как в разделах */
  margin:0 !important;
  max-width:92% !important;
  text-shadow:0 24px 70px rgba(0,0,0,.78);
}

/* hide descr/date/buttons for poster look */
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-descr,
.t897 .t-feed__col-grid__post-wrapper .t-feed__buttons-wrapper,
.t897 .t-feed__col-grid__post-wrapper .t-feed__post-date{
  display:none !important;
}

/* clickable */
.t897 .t-feed__col-grid__post-wrapper a{ pointer-events:auto; }
.t897 .t-feed__col-grid__post-wrapper .t-feed__col-grid__wrapper a{ pointer-events:auto; }

/* hover */
@media (hover:hover){
  .t897 .t-feed__col-grid__post-wrapper{ transition:transform .18s ease; }
  .t897 .t-feed__col-grid__post-wrapper:hover{ transform:translateY(-2px); }
}

/* responsive title scaling (keep 52 desktop, smaller on mobile) */
@media (max-width: 640px){
  .t897 .t-feed__col-grid__post-wrapper .t-feed__post-title{
    font-size:clamp(28px, 6.5vw, 44px) !important;
    max-width:98% !important;
  }
}

/* --- Variant A fallback: if some pages render .t-feed__post --- */
.t897 .t-feed__post-title{ color:var(--accent) !important; }
.t897 .t-feed__post-tag{ color:var(--accent) !important; }
.t897 .t-feed__post-tag:after{ display:none !important; }

/* =========================================================
   POST PAGE (feed popup)
   ========================================================= */
.t-feed__post-popup{ background-color:var(--bg) !important; }
.t-feed__post-popup__container{ background:transparent !important; }

.t-feed__post-popup__close-wrapper{
  background:rgba(14,14,14,.72) !important;
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.t-feed__post-popup .t-popup__close-icon path{ stroke:rgba(233,233,234,.90) !important; }
.t-feed__post-popup .t-feed__share-icon svg{ fill:rgba(233,233,234,.90) !important; }
.t-feed__post-popup .t-feed__post-popup__close-text{ color:rgba(233,233,234,.78) !important; }

/* tags (x1.5) */
.t-feed__post-popup__tag .t-uptitle{
  font-family:var(--hfont) !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:600 !important;
  color:var(--accent) !important;
  font-size:18px !important;
  line-height:1.05 !important;
}

/* title smaller x1.5 (from big x2) */
.t-feed__post-popup__title{
  font-family:var(--hfont) !important;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-weight:700 !important;
  color:var(--accent) !important;
  line-height:.92 !important;
  font-size:clamp(37px, 4vw, 85px) !important;
  margin:16px 0 0 !important;
}

/* cover */
.t-feed__post-popup__cover-wrapper{
  height:560px !important;
  overflow:hidden !important;
  border-radius:var(--radius) !important;
  margin-top:18px !important;
  box-shadow:var(--shadow);
  position:relative !important;
}
.t-feed__post-popup__cover-wrapper .t-feed__post-popup__img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block;
  filter:saturate(1.05) contrast(1.02);
}

/* intro */
.t-feed__post-popup__text blockquote.t-redactor__preface{
  margin:24px 0 28px !important;
  padding:18px !important;
  background:rgba(255,255,255,.04) !important;
  border-left:4px solid var(--accent) !important;
  border-radius:10px !important;

  color:rgba(233,233,234,.92) !important;
  font-size:20px !important;
  line-height:1.35 !important;
}

/* =========================================================
   "Смотрите также" — title UNDER image + 9:16
   ========================================================= */

/* keep 4 cols rules if already in your Tilda; only style */
.t-feed__post-popup__relevants-item{
  border-radius:var(--radius) !important;
  overflow:hidden !important;
  background:var(--panel) !important;
  box-shadow:var(--shadow);
}

/* 9:16 */
@supports (aspect-ratio: 9 / 16){
  .t-feed__post-popup__relevants-imgwrapper{
    padding-bottom:0 !important;
    aspect-ratio:9 / 16 !important;
  }
}
@supports not (aspect-ratio: 9 / 16){
  .t-feed__post-popup__relevants-imgwrapper{
    padding-bottom:177.78% !important;
  }
}

/* remove overlay gradient because title is under image */
.t-feed__post-popup__relevants-imgwrapper::after{ display:none !important; }

/* hide tags/descr/date */
.t-feed__post-popup__relevants-item-tag,
.t-feed__post-popup__relevants-item-descr,
.t-feed__post-popup__relevants-item-date{
  display:none !important;
}

/* put text under image */
.t-feed__post-popup__relevants-textwrapper{
  position:static !important;
  padding:14px 0 0 !important;
}

/* title like sections (FD301): 52px + line-height .98 */
.t-feed__post-popup__relevants-item-title{
  font-family:var(--hfont) !important;
  text-transform:uppercase;
  font-weight:700 !important;
  color:var(--accent) !important;
  letter-spacing:.035em !important;
  font-size:26px !important;
  line-height:.98 !important;
  margin:0 !important;
}
@media (max-width: 640px){
  .t-feed__post-popup__relevants-item-title{
    font-size:clamp(28px, 6.5vw, 44px) !important;
  }
}
/* ME606 (T976): .t-descr+!important в этом же файле давал Graphik — фикс для подвала */
#t-footer #rec2201586141 .t976__list-item a.t976__menu-link,
#t-footer .uc-line-m606 a.t976__menu-link {
  font-family: var(--hfont) !important;
  letter-spacing: 0.08em;
}