/* =====================================================
   ПОЛНЫЙ CSS ДЛЯ САЙТА "ВСЕ СВОИ"
   Включает: глобальные стили + стили блога
   
   Куда вставить:
   Тільда → Настройки сайта → Еще → CSS для всего сайта
   ===================================================== */

/* ===== CSS ПЕРЕМЕННЫЕ ===== */
:root {
  --red: #CC1A1A;
  --red-d: #9B1010;
  --neon: #6B9DC2;
  --neon2: #5A8BAA;
  --blk: #08080E;
  --dk: #101018;
  --dk2: #181828;
  --g: #7A7A90;
  --gl: #A0A0B8;
  --w: #FFFFFF;
  --sf: 'Raleway', 'Helvetica Neue', sans-serif;
  --sn: 'Raleway', 'Helvetica Neue', sans-serif;
  --ease: cubic-bezier(.25, .46, .45, .94);
  
  /* Дублируем для совместимости */
  --vs-black: #08080E;
  --vs-dark: #101018;
  --vs-dark2: #181828;
  --vs-dark3: #222238;
  --vs-red: #CC1A1A;
  --vs-red-hover: #9B1010;
  --vs-gray: #7A7A90;
  --vs-gray-light: #A0A0B8;
  --vs-white: #FFFFFF;
  --vs-border: rgba(255, 255, 255, 0.06);
  --vs-border-hover: rgba(255, 255, 255, 0.12);
}

/* ===== ГЛОБАЛЬНЫЕ СТИЛИ ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Raleway', 'Helvetica Neue', sans-serif !important;
  background: #08080E !important;
  color: #A0A0B8 !important;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-height: 100vh;
}

/* ===== ОТСТУП ПОД HEADER ===== */
#allrecords {
  padding-top: 104px !important;
}

/* ===== СТИЛИ ДЛЯ T896 (FEED БЛОК) ===== */

/* Контейнер feed */
.t896 {
  background: var(--blk) !important;
  padding: 60px 0 !important;
}

/* Заголовок секции */
.t896 .t-section__title {
  font-family: 'Raleway', sans-serif !important;
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  color: var(--w) !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 40px !important;
}

.t896 .t-section__descr {
  font-family: 'Raleway', sans-serif !important;
  font-size: 1.1rem !important;
  color: var(--gl) !important;
  line-height: 1.6 !important;
  margin-bottom: 50px !important;
}

/* Контейнер статей */
.t-feed__container {
  background: transparent !important;
}

/* Карточка статьи */
.t-feed__post {
  background: var(--dk) !important;
  border: 1px solid var(--vs-border) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  margin-bottom: 32px !important;
}

.t-feed__post:hover {
  border-color: var(--vs-border-hover) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4) !important;
}

/* Обложка статьи */
.t-feed__post-img {
  transition: transform 0.4s ease !important;
}

.t-feed__post:hover .t-feed__post-img {
  transform: scale(1.05) !important;
}

/* Контент карточки */
.t-feed__post-text {
  padding: 24px !important;
  background: var(--dk) !important;
}

/* Категория */
.t-feed__post-category {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--red) !important;
  margin-bottom: 12px !important;
  display: inline-block !important;
}

/* Заголовок статьи */
.t-feed__post-title {
  font-family: 'Raleway', sans-serif !important;
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  color: var(--w) !important;
  line-height: 1.4 !important;
  margin-bottom: 12px !important;
}

.t-feed__post-title a {
  color: var(--w) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}

.t-feed__post-title a:hover {
  color: var(--red) !important;
}

/* Описание статьи */
.t-feed__post-descr {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.95rem !important;
  color: var(--gl) !important;
  line-height: 1.6 !important;
  margin-bottom: 16px !important;
}

/* Дата */
.t-feed__post-date {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.85rem !important;
  color: var(--g) !important;
}

/* Кнопка "Читать далее" */
.t-feed__post-btn {
  font-family: 'Raleway', sans-serif !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  color: var(--red) !important;
  background: transparent !important;
  border: 1px solid var(--red) !important;
  padding: 10px 24px !important;
  border-radius: 4px !important;
  transition: all 0.3s !important;
  display: inline-block !important;
  margin-top: 16px !important;
  text-decoration: none !important;
}

.t-feed__post-btn:hover {
  background: var(--red) !important;
  color: var(--w) !important;
}

/* ===== СТИЛИ ДЛЯ ДРУГИХ БЛОКОВ ===== */

/* T017 - текстовый блок */
.t017 {
  background: var(--blk) !important;
}

.t017__uptitle {
  color: var(--g) !important;
}

.t017__title {
  color: var(--w) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t017__descr {
  color: var(--gl) !important;
  font-family: 'Raleway', sans-serif !important;
}

/* T225 - текстовый блок с uptitle */
.t225 {
  background: var(--blk) !important;
}

.t225__uptitle {
  color: var(--g) !important;
}

.t225__title {
  color: var(--w) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t225__descr {
  color: var(--gl) !important;
  font-family: 'Raleway', sans-serif !important;
}

/* T403 - карточки с изображениями */
.t403 {
  background: var(--blk) !important;
}

.t403__uptitle {
  color: var(--g) !important;
}

.t403__title {
  color: var(--w) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t403__descr {
  color: var(--gl) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t403__link {
  text-decoration: none !important;
}

/* T1047 - cover блок */
.t1047 {
  /* Cover остается как есть - с фоновым изображением */
}

.t1047__title {
  color: var(--w) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t1047__descr {
  color: var(--gl) !important;
  font-family: 'Raleway', sans-serif !important;
}

/* T704 - форма подписки */
.t704 {
  background: #ededed !important; /* Светлый блок */
}

.t704__title {
  color: #000 !important;
  font-family: 'Raleway', sans-serif !important;
}

.t704__descr {
  color: #333 !important;
  font-family: 'Raleway', sans-serif !important;
}

/* T447 - футер */
.t447 {
  background: #111111 !important;
}

.t447__title {
  color: var(--gl) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t447__descr {
  color: var(--w) !important;
  font-family: 'Raleway', sans-serif !important;
}

.t447__text {
  color: var(--gl) !important;
  font-family: 'Raleway', sans-serif !important;
}

/* ===== ЗАЩИТА ОТ ТІЛЬДОВСКИХ ПЕРЕОПРЕДЕЛЕНИЙ ===== */

/* Все страницы должны иметь отступ под header */
.t-page__body {
  padding-top: 104px !important;
}

/* Защита шрифтов */
.t-page *,
.t-rec *,
.t-container * {
  font-family: 'Raleway', 'Helvetica Neue', sans-serif !important;
}

/* Защита ссылок */
.t-page a,
.t-rec a {
  text-decoration: none !important;
}

/* Защита заголовков */
h1, h2, h3, h4, h5, h6,
.t-title, .t-name, .t-heading {
  font-family: 'Raleway', 'Helvetica Neue', sans-serif !important;
}

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

@media (max-width: 768px) {
  body {
    font-size: 15px;
  }
  
  #allrecords {
    padding-top: 104px !important;
  }
  
  .t896 .t-section__title {
    font-size: 2rem !important;
  }
  
  .t-feed__post-text {
    padding: 20px !important;
  }
  
  .t-feed__post-title {
    font-size: 1.1rem !important;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 14px;
  }
  
  .t896 .t-section__title {
    font-size: 1.8rem !important;
  }
  
  .t-feed__post-text {
    padding: 16px !important;
  }
}

/* ===== КОНЕЦ СТИЛЕЙ ===== */