/* ==========================================================
   STREAM POST STYLES (TILDA FEED)
   Works for BOTH: separate page + popup
   Paste to: Site Settings → Additional CSS
   ========================================================== */

/* ---------- Shared tokens (optional) ---------- */
:root{
  --feed-bg: #f6f7fb;
  --feed-card-bg: #000000;
  --feed-text: #ffffff;
  --feed-shadow: 0 20px 60px rgba(0,0,0,0.08);
  --feed-radius: 20px;
  --feed-img-radius: 16px;
  --feed-maxw: 900px;
}

/* ==========================================================
   1) SEPARATE PAGE MODE
   (Tilda uses NON-popup classes)
   ========================================================== */

/* Page wrapper background (try several likely wrappers) */
.t-feed__postpage,
.t-feed__postpage .t-body,
.t-feed__post-container,
.t-feed__post-container .t-body,
.t-feed__post-content-wrapper,
.t-feed__post-content-wrapper .t-body{
  background: var(--feed-bg) !important;
}

/* Main content card (cover + title + text usually inside) */
.t-feed__postpage .t-feed__post-content,
.t-feed__post-container .t-feed__post-content,
.t-feed__postpage .t-feed__post-content,
.t-feed__post-container .t-feed__post-content,
.t-feed__postpage .t-feed__post-content-wrapper,
.t-feed__post-container .t-feed__post-content-wrapper{
  max-width: var(--feed-maxw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* If the actual “card” is a column/container */
.t-feed__postpage .t-feed__post-content,
.t-feed__post-container .t-feed__post-content,
.t-feed__postpage .t-col,
.t-feed__post-container .t-col{
  /* don’t break grids elsewhere: only apply when it’s clearly a post content area */
}

.t-feed__postpage .t-feed__post-content,
.t-feed__post-container .t-feed__post-content{
  background: var(--feed-card-bg) !important;
  padding: 60px !important;
  border-radius: var(--feed-radius) !important;
  box-shadow: var(--feed-shadow) !important;
}

/* Title */
.t-feed__postpage .t-feed__post-title,
.t-feed__postpage .t-feed__post__title,
.t-feed__post-container .t-feed__post-title,
.t-feed__post-container .t-feed__post__title,
.t-feed__postpage .js-feed-post-title,
.t-feed__post-container .js-feed-post-title{
  font-size: 42px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin-bottom: 18px !important;
}

/* Cover image */
.t-feed__postpage .t-feed__post-img,
.t-feed__postpage .t-feed__post__img,
.t-feed__post-container .t-feed__post-img,
.t-feed__post-container .t-feed__post__img,
.t-feed__postpage .js-feed-post-image,
.t-feed__post-container .js-feed-post-image{
  border-radius: var(--feed-img-radius) !important;
}

/* Text */
.t-feed__postpage .t-feed__post-text,
.t-feed__postpage .t-feed__post__text,
.t-feed__post-container .t-feed__post-text,
.t-feed__post-container .t-feed__post__text,
.t-feed__postpage .js-feed-post-text,
.t-feed__post-container .js-feed-post-text{
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: var(--feed-text) !important;
}

/* Hide author & date on page mode */
.t-feed__postpage .t-feed__post-author,
.t-feed__postpage .t-feed__post__author,
.t-feed__postpage .t-feed__post-author-wrapper,
.t-feed__postpage .js-feed-post-author,
.t-feed__postpage .t-feed__post-date,
.t-feed__postpage .t-feed__post__date,
.t-feed__postpage .t-feed__post-date-parts-wrapper,
.t-feed__postpage .js-feed-post-date,

.t-feed__post-container .t-feed__post-author,
.t-feed__post-container .t-feed__post__author,
.t-feed__post-container .t-feed__post-author-wrapper,
.t-feed__post-container .js-feed-post-author,
.t-feed__post-container .t-feed__post-date,
.t-feed__post-container .t-feed__post__date,
.t-feed__post-container .t-feed__post-date-parts-wrapper,
.t-feed__post-container .js-feed-post-date{
  display: none !important;
}

/* Spacing around the card in page mode */
.t-feed__postpage .t-feed__post-content,
.t-feed__post-container .t-feed__post-content{
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

/* ==========================================================
   2) POPUP MODE
   (Your HTML clearly shows t-feed__post-popup__*)
   ========================================================== */

/* Popup backdrop (may vary by Tilda build) */
.t-feed__post-popup,
.t-feed__post-popup.t-popup_show{
  background: rgba(0,0,0,0.60) !important;
}

/* Popup content (your exact class) */
.t-feed__post-popup.t-popup_show .t-feed__post-popup__content{
  background: var(--feed-card-bg) !important;
  padding: 60px !important;
  border-radius: var(--feed-radius) !important;
  max-width: var(--feed-maxw) !important;
  box-shadow: var(--feed-shadow) !important;
}

/* Popup title (your exact class) */
.t-feed__post-popup.t-popup_show .t-feed__post-popup__title{
  font-size: 38px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin-bottom: 18px !important;
}

/* Popup cover image (your exact class) */
.t-feed__post-popup.t-popup_show .t-feed__post-popup__img{
  border-radius: var(--feed-img-radius) !important;
}

/* Popup text (your exact class) */
.t-feed__post-popup.t-popup_show .t-feed__post-popup__text{
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: var(--feed-text) !important;
}

/* Hide author & date in popup (your exact classes) */
.t-feed__post-popup.t-popup_show .t-feed__post-popup__author-wrapper,
.t-feed__post-popup.t-popup_show .t-feed__post-popup__date-parts-wrapper{
  display: none !important;
}

/* ==========================================================
   3) RESPONSIVE
   ========================================================== */

@media (max-width: 960px){
  .t-feed__postpage .t-feed__post-content,
  .t-feed__post-container .t-feed__post-content,
  .t-feed__post-popup.t-popup_show .t-feed__post-popup__content{
    padding: 40px !important;
    max-width: 92vw !important;
  }

  .t-feed__postpage .t-feed__post-title,
  .t-feed__post-container .t-feed__post-title,
  .t-feed__postpage .js-feed-post-title,
  .t-feed__post-container .js-feed-post-title,
  .t-feed__post-popup.t-popup_show .t-feed__post-popup__title{
    font-size: 32px !important;
  }
}

@media (max-width: 640px){
  .t-feed__postpage .t-feed__post-content,
  .t-feed__post-container .t-feed__post-content,
  .t-feed__post-popup.t-popup_show .t-feed__post-popup__content{
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }

  .t-feed__postpage .t-feed__post-text,
  .t-feed__post-container .t-feed__post-text,
  .t-feed__postpage .js-feed-post-text,
  .t-feed__post-container .js-feed-post-text,
  .t-feed__post-popup.t-popup_show .t-feed__post-popup__text{
    font-size: 16px !important;
  }
}

/* ==========================================================
   4) DEBUG (optional)
   Uncomment if you want to verify selectors are hit.
   ========================================================== */
/*
.t-feed__post-popup.t-popup_show .t-feed__post-popup__content{ outline: 6px solid red !important; }
.t-feed__postpage .t-feed__post-content{ outline: 6px solid blue !important; }
*/


.t-animate {
    transition-duration: 0.2s !important;
    transition-timing-function: ease-out !important;
}

.t-animate__chain {
    transition-duration: 0.3s !important;
}


/*Стили кнопок меню*/

.t-feed__parts-switch-btn {
    transition: all 0.25s ease;
}

.t-feed__parts-switch-btn:hover a {
    color: #ffffff !important;
}

.t-feed__parts-switch-btn:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}



/*Block underline*/

.t-feed__post-title .t-feed__link {
    position: relative;
    text-decoration: none;
    
}

.t-feed__post-title .t-feed__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.25s ease;
}

.t-feed__post:hover .t-feed__post-title .t-feed__link::after {
    width: 100%;
    color: #F4BC25 !important;
    
}
.t-feed__post:hover .t-feed__post-title .t-feed__link {
    color: #F4BC25 !important;
}



/* убираем задержку chain */
.t-feed__post:hover,
.t851__col:hover {
    transition-delay: 0s !important;
}

/* быстрый hover */
.t-feed__post,
.t851__col {
    transition: transform 0.18s cubic-bezier(.4,0,.2,1)
}

/* сам подъём */
.t-feed__post:hover,
.t851__col:hover {
    transform: translateY(-8px);
}


/*.t-feed__post,*/
/*.t851__col {*/
/*    will-change: transform;*/
/*    transform: translateZ(0);*/
/*}*/

/* underline заголовка */
.t851__inner-wrapper .t-card__title {
    position: relative;
    display: inline-block;
}

.t851__inner-wrapper .t-card__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.25s ease;
}

.t851__col:hover .t-card__title::after {
    width: 100%;
    color: #F4BC25 !important;
}

.t851__col:hover .t-card__title {
    color: #F4BC25 !important;
}






/* =========================
   STORE CARDS — Awwwards hover
   ========================= */

/* Быстрый hover-движок карточки */
.t-store__card{
  transition: transform 0.18s cubic-bezier(.4,0,.2,1), box-shadow 0.18s cubic-bezier(.4,0,.2,1) !important;
  will-change: transform;
}

/* Убираем chain delay ТОЛЬКО при hover (оставляем для появления) */
.t-store__card:hover{
  transition-delay: 0s !important;
  transform: translateY(-8px);
}

/* Zoom изображения */
/*.t-store__card__bgimg{*/
/*  transition: transform 0.6s ease !important;*/
/*  will-change: transform;*/
/*}*/
/*.t-store__card:hover .t-store__card__bgimg{*/
/*  transform: scale(1.08);*/
/*}*/

/* Подчёркивание заголовка как у ссылки (анимированная линия) */
.t-store__card__title{
  position: relative;
  display: inline-block;
}

.t-store__card__title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:2px;
  background: currentColor;
  transition: width 0.25s ease;
}

.t-store__card:hover .t-store__card__title{
  color: #F4BC25 !important;
}
.t-store__card:hover .t-store__card__title::after{
  width:100%;
}

/* (опционально) чуть осветлить описание на hover */
.t-store__card__descr{
  transition: opacity 0.18s ease;
}
.t-store__card:hover .t-store__card__descr{
  opacity: 0.95;
}





/* =========================
   STORE PARTS (categories) — hover + active
   ========================= */

/* плавность */
/*.t-store__parts-switch-btn{*/
/*  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;*/
  /*border-radius: 999px;*/
/*  padding: 10px 14px;*/
/*}*/

/* hover */
/*.t-store__parts-switch-btn:hover{*/
  /*background: rgba(244,188,37,0.14);*/
/*  color: #F4BC25 !important;*/
/*  transform: translateY(-1px);*/
/*}*/

/* active */
/*.t-store__parts-switch-btn.t-active{*/
  /*background: #F4BC25 !important;*/
/*  color: #F4BC25 !important;*/
/*}*/

/* чтобы вложенные span/заголовки тоже перекрашивались */
/*.t-store__parts-switch-btn:hover *,*/
/*.t-store__parts-switch-btn.t-active *{*/
/*  color: #F4BC25 !important;*/
/*}*/

/* underline-акцент внутри tree-элементов (красиво смотрится в списке) */
/*.t-store__parts-tree-btn-title,*/
/*.t-store__parts-item-title{*/
/*  position: relative;*/
/*  display: inline-block;*/
/*}*/


/*.t-store__parts-tree-btn-title::after, .t-store__parts-item-title::after{*/
/*  content:"";*/
/*  position:absolute;*/
/*  left:0;*/
/*  bottom:-3px;*/
/*  width:0;*/
/*  height:2px;*/
/*  background: currentColor;*/
/*  transition: width 0.25s ease;*/
/*}*/

/*.t-store__parts-switch-btn:hover .t-store__parts-tree-btn-title::after,*/
/*.t-store__parts-switch-btn:hover .t-store__parts-item-title::after*/
/*.t-store__parts-switch-btn.t-active .t-store__parts-tree-btn-title::after,*/
/*.t-store__parts-switch-btn.t-active .t-store__parts-item-title::after*/
/*{*/
/*  content:"";*/
/*  position:absolute;*/
/*  left:0;*/
/*  bottom:-3px;*/
/*  width:100%;*/
/*  height:2px;*/
/*  background: currentColor;*/
/*}*/