/* ==========================================================
   FERGIPPS · CUSTOM.CSS — общие стили проекта
   Шрифты Roboto Condensed и Roboto подключены в настройках
   проекта Tilda, поэтому @import здесь не нужен.
   Основной стиль блога — блок «FERGIPPS · БЛОГ» в подвале,
   здесь только дополнения к нему.
   ========================================================== */


/* ==========================================================
   1. СЕТКА 1400px — только ПК от 1400px
   ========================================================== */

@media screen and (min-width: 1400px) {
  .t-container {
    width: 1400px !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .t-col { box-sizing: border-box !important; }

  .t-col_1  { width: 76.666px !important;   max-width: 76.666px !important; }
  .t-col_2  { width: 193.333px !important;  max-width: 193.333px !important; }
  .t-col_3  { width: 310px !important;      max-width: 310px !important; }
  .t-col_4  { width: 426.666px !important;  max-width: 426.666px !important; }
  .t-col_5  { width: 543.333px !important;  max-width: 543.333px !important; }
  .t-col_6  { width: 660px !important;      max-width: 660px !important; }
  .t-col_7  { width: 776.666px !important;  max-width: 776.666px !important; }
  .t-col_8  { width: 893.333px !important;  max-width: 893.333px !important; }
  .t-col_9  { width: 1010px !important;     max-width: 1010px !important; }
  .t-col_10 { width: 1126.666px !important; max-width: 1126.666px !important; }
  .t-col_11 { width: 1243.333px !important; max-width: 1243.333px !important; }
  .t-col_12 { width: 1360px !important;     max-width: 1360px !important; }
}


/* ==========================================================
   2. БЛОГ (Tilda Feed) — дополнения к стилю из подвала
   ========================================================== */

.t-feed__post {
  margin-bottom: 22px !important;
}

.t-feed__post:hover {
  background: #fffaf7 !important;
}

.t-feed__post-descr {
  margin-top: 0 !important;
  letter-spacing: 0.01em !important;
}

.t-feed__post-popup__content-wrapper {
  display: block !important;
}

.t-feed__post-popup__content {
  float: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.t-feed__post-popup__title-wrapper {
  position: relative !important;
}

.t-feed__post-popup__title-wrapper::after {
  content: "";
  display: block;
  width: 42px;
  height: 1px;
  margin-top: 18px;
  background: #e86109;
}

.t-feed__post-popup__tag {
  transition: background-color 0.25s ease, border-color 0.25s ease !important;
}

.t-feed__post-popup__tag:hover {
  background: rgba(232, 97, 9, 0.1) !important;
  border-color: rgba(232, 97, 9, 0.7) !important;
}

.t-redactor__video-container {
  margin: 42px 0 !important;
}


/* ==========================================================
   3. КНОПКА ЗАКРЫТИЯ POPUP
   ========================================================== */

.t-popup__close {
  color: #090909 !important;
}

.t-popup__close-wrapper {
  transition: transform 0.25s ease !important;
}

.t-popup__close:hover .t-popup__close-wrapper {
  transform: translateX(-3px) !important;
}


/* ==========================================================
   4. АДАПТИВ И ДОСТУПНОСТЬ
   ========================================================== */

@media (max-width: 720px) {
  .t-redactor__video-container {
    margin: 30px 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .t-popup__close-wrapper,
  .t-feed__post-popup__tag {
    transition: none !important;
  }
}