/* 1.4 Cookie-баннер T972: дополнительные улучшения */
#rec2016055251 .t972__banner {
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
}
/* Скрыть крестик закрытия */
#rec2016055251 .t972__icon-close {
  display: none !important;
}
/* Заголовок баннера */
#rec2016055251 .t972__title {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}
/* Описание */
#rec2016055251 .t972__text {
  font-size: 14px !important;
  line-height: 1.5 !important;
  opacity: 0.85;
  margin-bottom: 16px !important;
}
/* Hover эффект на кнопку Принять все */
#rec2016055251 .t972__accept-btn:hover {
  opacity: 0.9 !important;
}
/* Hover эффект на кнопку Отклонить все */
#rec2016055251 .t972__reject-btn:hover {
  border-color: rgba(255,255,255,0.8) !important;
}

/* 1.5 Теги с зелёным фоном #2DBE64 — тёмный текст для достаточного контраста */
[style*="background-color: #2dbe64"] *,
[style*="background-color: #2DBE64"] *,
[style*="background: #2dbe64"] *,
[style*="background: #2DBE64"] * {
  color: #111111 !important;
}
.t-feed__tag[style*="#2dbe64"],
.t-feed__tag[style*="#2DBE64"] {
  color: #111111 !important;
}
/* 2. Запрет выделения текста на кликабельных элементах */
a, button, .t-btn, .t-feed__post, .t-feed__post-wrapper,
.t396__elem[data-elem-link], .t-card {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* 3. Размеры шрифтов в карточках статей (мин. по заданию) */
.t-feed__post-title {
  font-size: 18px !important;
  line-height: 1.35 !important;
}
.t-feed__post-descr {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
.t-feed__post-date,
.t-feed__post-category,
.t-feed__tag {
  font-size: 14px !important;
}
@media screen and (max-width: 768px) {
  .t-feed__post-title { font-size: 18px !important; }
  .t-feed__post-descr { font-size: 16px !important; }
  .t-feed__post-date, .t-feed__post-category, .t-feed__tag { font-size: 14px !important; }
}
/* ====================================================
   Hero CTA: залитая кнопка «Читать последнее» в Hero
   ==================================================== */
#rec2011201011 .t001__button,
.t-cover .t-btnflex:first-child,
.t-cover__carrier .t-btnflex:first-child {
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  border-color: #ffffff !important;
}
/* ====================================================
   Мобильный UX: тап-зона гамбургера >= 44x44px
   ==================================================== */
@media screen and (max-width: 768px) {
  .t-menu__mobile-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .t-menu__list-item a {
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
  }
}

/* ====================================================
   5. МЕНЮ — улучшения по стилю конкурентов
   (Habr, vc.ru, tproger.ru, skillbox.ru)
   ==================================================== */

/* 5.1 Шапка: тёмный фон, sticky, нижняя граница */
.t-menu__sticky-wrapper,
#allrecords .t-menu {
  background-color: #111111 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* 5.2 Высота шапки на desktop: 64px как у Habr/vc */
@media screen and (min-width: 769px) {
  .t-menu {
    min-height: 64px !important;
  }
  .t-menu__sticky-wrapper {
    min-height: 64px !important;
  }
}

/* 5.3 Логотип: белый цвет, жирный, межбуквенный интервал */
.t-menu__logo-wrapper,
.t-menu__logo-title {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  font-size: 18px !important;
}

/* 5.4 Пункты меню: белый текст, 14px, uppercase, отступы */
.t-menu__list-item a,
.t-menu__link-item {
  color: rgba(255,255,255,0.75) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 0 14px !important;
  transition: color 0.2s ease !important;
}

/* 5.5 Hover эффект на пункты меню */
.t-menu__list-item a:hover,
.t-menu__link-item:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* 5.6 Активный пункт меню */
.t-menu__list-item.t-active a,
.t-menu__list-item a.t-active {
  color: #ff6b35 !important;
}

/* 5.7 CTA кнопка «Поддержать» — оранжевая, скруглённая */
.t-menu .t-btn,
.t-menu .t001__button {
  background-color: #ff6b35 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  letter-spacing: 0.3px !important;
  transition: background-color 0.2s ease, opacity 0.2s ease !important;
}
.t-menu .t-btn:hover,
.t-menu .t001__button:hover {
  background-color: #e55a25 !important;
  opacity: 1 !important;
}

/* 5.8 Иконка поиска и гамбургера — белые */
.t-menu__search-icon svg,
.t-menu__search-icon path,
.t-menu__mobile-btn svg,
.t-menu__mobile-btn span {
  fill: #ffffff !important;
  background-color: #ffffff !important;
  color: #ffffff !important;
}

/* 5.9 Мобильное меню: тёмный фон раскрытого меню */
@media screen and (max-width: 768px) {
  .t-menu__minim-popup,
  .t-menu__popup {
    background-color: #111111 !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
  }
  .t-menu__minim-popup .t-menu__list-item a,
  .t-menu__popup .t-menu__list-item a {
    color: rgba(255,255,255,0.8) !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
    text-transform: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  }
  .t-menu__minim-popup .t-menu__list-item a:hover,
  .t-menu__popup .t-menu__list-item a:hover {
    color: #ff6b35 !important;
    background-color: rgba(255,107,53,0.06) !important;
  }
}

/* 5.10 Desktop: отступы между пунктами меню */
@media screen and (min-width: 769px) {
  .t-menu__list {
    gap: 4px !important;
  }
  .t-menu__list-item a {
    padding: 0 12px !important;
    line-height: 64px !important;
  }
}

/* ====================================================
   6. ПРОДВИНУТЫЕ УЛУЧШЕНИЯ 2025
   Источники: NN/g sticky headers, Glassmorphism trend,
   Smashing Magazine UX patterns, darwinapps 2025 guide
   ==================================================== */

/* 6.1 Glassmorphism: полупрозрачный хедер с backdrop-blur
   Лучший тренд 2025: Apple/Habr/vc.ru стиль */
.t-menu__sticky-wrapper,
#allrecords .t-menu {
  background-color: rgba(17,17,17,0.88) !important;
  backdrop-filter: blur(12px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(180%) !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 6.2 Хедер при скролле: тень для глубины (CSS-only) */
.t-menu_fixed,
.t-menu__sticky-wrapper.t-menu_fixed {
  box-shadow: 0 2px 20px rgba(0,0,0,0.45) !important;
}

/* 6.3 Hover underline анимация на пунктах меню
   Тренд 2025: micro-animations на nav-элементах */
@media screen and (min-width: 769px) {
  .t-menu__list-item a {
    position: relative !important;
  }
  .t-menu__list-item a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 14px !important;
    left: 12px !important;
    right: 12px !important;
    height: 2px !important;
    background-color: #ff6b35 !important;
    transform: scaleX(0) !important;
    transform-origin: center !important;
    transition: transform 0.25s ease !important;
    border-radius: 2px !important;
  }
  .t-menu__list-item a:hover::after {
    transform: scaleX(1) !important;
  }
  .t-menu__list-item.t-active a::after,
  .t-menu__list-item a.t-active::after {
    transform: scaleX(1) !important;
    background-color: #ff6b35 !important;
  }
}

/* 6.4 Плавный color transition на логотипе */
.t-menu__logo-wrapper,
.t-menu__logo-title {
  transition: opacity 0.2s ease !important;
}
.t-menu__logo-wrapper:hover,
.t-menu__logo-title:hover {
  opacity: 0.8 !important;
}

/* 6.5 CTA кнопка: пульсирующая тень на hover */
.t-menu .t-btn,
.t-menu .t001__button {
  box-shadow: 0 0 0 0 rgba(255,107,53,0.4) !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease !important;
}
.t-menu .t-btn:hover,
.t-menu .t001__button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(255,107,53,0.35) !important;
}
.t-menu .t-btn:active,
.t-menu .t001__button:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(255,107,53,0.25) !important;
}

/* 6.6 Акцентная полоска на логотипе (бренд-цвет слева)
   Паттерн: Habr — оранжевая полоска рядом с логотипом */
.t-menu__logo-wrapper {
  border-left: 3px solid #ff6b35 !important;
  padding-left: 12px !important;
}

/* 6.7 Скролл-индикатор прогресса чтения (reading progress bar)
   Тренд 2025: популярно на Smashing, Medium, Tproger */
.t-menu__sticky-wrapper::after,
#allrecords .t-menu::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #ff6b35, #ff9a35) !important;
  width: var(--scroll-progress, 0%) !important;
  transition: width 0.1s linear !important;
  z-index: 10 !important;
}

/* 6.8 Улучшенный мобильный хедер: больше паддинг, чёткие отступы */
@media screen and (max-width: 768px) {
  .t-menu {
    padding: 0 16px !important;
  }
  .t-menu__logo-wrapper {
    border-left: 2px solid #ff6b35 !important;
    padding-left: 8px !important;
  }
}

/* 6.9 Focus-visible доступность: оранжевый outline
   Best practice: accessibility-first 2025 */
.t-menu__list-item a:focus-visible,
.t-menu .t-btn:focus-visible {
  outline: 2px solid #ff6b35 !important;
  outline-offset: 3px !important;
  border-radius: 3px !important;
}

/* ====================================================
   7. ПЕРЕХВАТ КЛИКА ПОИСКА через CSS pointer-events
   Подход: ::before с pointer-events auto покрывает Tilda-кнопку
   ==================================================== */

/* Оболочка поиска Tilda в меню: релятивное позиционирование */
.t-menu__search-icon,
.t-menu__search-btn,
button[aria-label="Search"] {
  position: relative !important;
  z-index: 1 !important;
}

/* Псевдоэлемент покрывает Tilda-кнопку и перехватывает все клики */
.t-menu__search-icon::before,
.t-menu__search-btn::before,
button[aria-label="Search"]::before {
  content: '' !important;
  position: absolute !important;
  inset: -8px !important;
  z-index: 999 !important;
  cursor: pointer !important;
  border-radius: inherit !important;
  /* Прозрачный - не виден */
  background: transparent !important;
}



/* ====================================================
   8. СТИЛИ КОНТЕНТА СТАТЕЙ - УЛУЧШЕННАЯ ТИПОГРАФИКА
   Источники: vc.ru, Medium, Smashing Magazine
   ==================================================== */

/* 8.1 Основной контейнер статьи: максимальная ширина и отступы */
.t-article,
.tn-article,
.t-text,
.tp-text,
.t396__artboard {
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}

/* 8.2 Заголовок статьи: крупный, жирный, с правильными отступами */
.t-article__title,
.tn-article__title,
.t-text__title h1 {
  font-size: 36px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 24px !important;
  margin-top: 0 !important;
}

/* 8.3 Подзаголовки в тексте статьи */
.t-article h2,
.tn-article h2,
.t-text h2,
.tp-text h2 {
  font-size: 28px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}

.t-article h3,
.tn-article h3,
.t-text h3,
.tp-text h3 {
  font-size: 22px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: rgba(255,255,255,0.95) !important;
  margin-top: 32px !important;
  margin-bottom: 16px !important;
}

/* 8.4 Основной текст статьи: читаемость и контраст */
.t-article p,
.tn-article p,
.t-text p,
.tp-text p,
.t-article__text p {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.85) !important;
  margin-bottom: 20px !important;
  font-weight: 400 !important;
}

/* 8.5 Списки в статьях */
.t-article ul,
.t-article ol,
.tn-article ul,
.tn-article ol,
.t-text ul,
.t-text ol {
  margin: 20px 0 !important;
  padding-left: 28px !important;
}

.t-article li,
.tn-article li,
.t-text li {
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: rgba(255,255,255,0.85) !important;
  margin-bottom: 12px !important;
}

/* 8.6 Цитаты: акцентная оранжевая полоса слева */
.t-article blockquote,
.tn-article blockquote,
.t-text blockquote {
  border-left: 4px solid #ff6b35 !important;
  padding-left: 20px !important;
  margin: 30px 0 !important;
  font-style: italic !important;
  color: rgba(255,255,255,0.75) !important;
  background-color: rgba(255,107,53,0.05) !important;
  padding: 20px !important;
  border-radius: 4px !important;
}

/* 8.7 Ссылки в тексте статьи */
.t-article a,
.tn-article a,
.t-text a:not(.t-btn) {
  color: #ff6b35 !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,107,53,0.4) !important;
  transition: all 0.2s ease !important;
}

.t-article a:hover,
.tn-article a:hover,
.t-text a:not(.t-btn):hover {
  color: #ff9a35 !important;
  text-decoration-color: #ff9a35 !important;
}

/* 8.8 Код и моноширинные блоки */
.t-article code,
.tn-article code,
.t-text code {
  background-color: rgba(255,255,255,0.08) !important;
  color: #ff9a35 !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  font-family: 'Monaco', 'Courier New', monospace !important;
  font-size: 16px !important;
}

.t-article pre,
.tn-article pre,
.t-text pre {
  background-color: rgba(255,255,255,0.05) !important;
  padding: 20px !important;
  border-radius: 6px !important;
  overflow-x: auto !important;
  margin: 24px 0 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
}

/* 8.9 Изображения в статьях */
.t-article img,
.tn-article img,
.t-text img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  margin: 30px 0 !important;
  display: block !important;
}

/* 8.10 Подписи к изображениям */
.t-article figcaption,
.tn-article figcaption,
.t-text figcaption {
  font-size: 14px !important;
  color: rgba(255,255,255,0.6) !important;
  text-align: center !important;
  margin-top: 12px !important;
  font-style: italic !important;
}

/* 8.11 Разделители */
.t-article hr,
.tn-article hr,
.t-text hr {
  border: none !important;
  height: 1px !important;
  background: rgba(255,255,255,0.1) !important;
  margin: 40px 0 !important;
}

/* 8.12 Таблицы в статьях */
.t-article table,
.tn-article table,
.t-text table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 30px 0 !important;
}

.t-article th,
.tn-article th,
.t-text th {
  background-color: rgba(255,107,53,0.1) !important;
  color: #ffffff !important;
  padding: 12px !important;
  text-align: left !important;
  font-weight: 600 !important;
  border-bottom: 2px solid rgba(255,255,255,0.1) !important;
}

.t-article td,
.tn-article td,
.t-text td {
  padding: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  color: rgba(255,255,255,0.85) !important;
}

/* 8.13 Мобильная адаптация текста статей */
@media screen and (max-width: 768px) {
  .t-article,
  .tn-article,
  .t-text,
  .tp-text {
    padding: 24px 16px !important;
  }
  
  .t-article__title,
  .tn-article__title,
  .t-text__title h1 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
  }
  
  .t-article h2,
  .tn-article h2,
  .t-text h2 {
    font-size: 24px !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
  }
  
  .t-article h3,
  .tn-article h3,
  .t-text h3 {
    font-size: 20px !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
  }
  
  .t-article p,
  .tn-article p,
  .t-text p {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }
}

/* 8.14 Метаинформация статьи (дата, теги, автор) */
.t-article__meta,
.tn-article__meta {
  display: flex !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-bottom: 32px !important;
  padding-bottom: 24px !important;
  border-bottom: 1px solid rgba(255,255,255,0.1) !important;
}

.t-article__date,
.tn-article__date {
  color: rgba(255,255,255,0.6) !important;
  font-size: 14px !important;
}

/* 8.15 Фиксация всего body для темного фона */
body,
html {
  background-color: #1a1a1a !important;
  color: rgba(255,255,255,0.85) !important;
}

/* 8.16 Все Tilda-блоки должны иметь темный фон */
#allrecords,
.t-rec,
.t396__artboard {
  background-color: #1a1a1a !important;
}

/* 8.17 Форсирование темного фона для всех блоков статей */
#feed-text,
#feed-cover,
.t-feed,
.t-feed__container,
.t-feed__wrapper,
[id^="rec"] {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 8.18 Принудительное переопределение светлых фонов */
[style*="background-color: #ffffff"],
[style*="background-color: white"],
[style*="background-color: #fff"],
[style*="background-color: rgb(255, 255, 255)"],
[style*="background: #ffffff"],
[style*="background: white"],
[style*="background: #fff"] {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 8.19 Темные цвета текста для всех вложенных элементов */
#feed-text *,
.t-feed * {
  color: rgba(255,255,255,0.85) !important;
}

#feed-text h1,
#feed-text h2,
#feed-text h3,
.t-feed h1,
.t-feed h2,
.t-feed h3 {
  color: #ffffff !important;
}

/* 8.20 Переопределение черных inline-цветов текста */
[style*="color: #000000"],
[style*="color: black"],
[style*="color: #000"],
[style*="color: rgb(0, 0, 0)"] {
  color: rgba(255,255,255,0.85) !important;
}

/* 8.21 Форсирование темного фона для t-container */
.t-container,
.t-width,
.t-col {
  background-color: transparent !important;
}

/* 8.22 Форсированный темный фон для блока обложки статьи (Feed cover) */
.tn-article-page,
.tp-article-page,
[class*="tp-body"],
[class*="tn-body"],
.tp-page,
.tn-page,
[id*="feed-cover"],
.t-feed__cover,
.tn-article,
.tp-article {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 8.23 Принудительное переопределение светлых фонов через attribute selector */
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background:#ffffff"],
[style*="background: #ffffff"],
[style*="background:white"],
[style*="background: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="background-color:#ffffff"],
[style*="background-color: #ffffff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background-color: rgb(255, 255, 255)"],
[style*="background-color:rgb(255,255,255)"],
[style*="background-color: #f5f5f5"],
[style*="background-color:#f5f5f5"],
[style*="background-color: #fafafa"],
[style*="background-color:#fafafa"],
[style*="background-color: #eeeeee"],
[style*="background-color:#eeeeee"] {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 8.24 Все текстовые элементы светлыми */
[style*="color:#000"],
[style*="color: #000"],
[style*="color:#000000"],
[style*="color: #000000"],
[style*="color:black"],
[style*="color: black"],
[style*="color:rgb(0,0,0)"],
[style*="color: rgb(0,0,0)"],
[style*="color: rgb(0, 0, 0)"] {
  color: rgba(255,255,255,0.85) !important;
}

/* 8.25 КРИТИЧНЫЙ фикс: блок feed-cover с максимальной специфичностью */
#rec2034830291 #feed-cover,
#allrecords #feed-cover,
[id="feed-cover"],
div#feed-cover,
#feed-cover {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 8.26 Все дочерние элементы feed-cover */
#feed-cover *,
#feed-cover > *,
#feed-cover div,
#feed-cover section {
  background-color: transparent !important;
}

/* 8.27 АГРЕССИВНЫЙ фикс: Zero-блоки T396 и все artboard в feed-cover */
#feed-cover .t396__artboard,
#feed-cover .t396,
#feed-cover [class*="t396"],
.t396__artboard[style*="background"],
#rec2034830291 .t396__artboard,
#rec2034830291 [class*="t396"] {
  background-color: #1a1a1a !important;
  background-image: none !important;
}

/* 8.28 Удаление фоновых изображений */
#feed-cover [style*="background-image"] {
  background-image: none !important;
  background-color: #1a1a1a !important;
}

/* ====================================================
   9. ЕДИНЫЙ СТИЛЬ ДЛЯ ВСЕХ СТРАНИЦ
   Доработки после анализа
   ==================================================== */

/* 9.1 Полупрозрачные заголовки на /about - сделать более заметными */
.t001__uptitle,
.t-uptitle,
.t-title_sm,
[class*="t-uptitle"] {
  opacity: 0.15 !important;
}

/* 9.2 Единый стиль для outline-кнопок (тегов) на всех страницах */
.t-btntext,
.t-btn[style*="border"],
a[class*="t-btn"][style*="border"],
button[class*="t-btn"][style*="border"] {
  border-width: 1px !important;
  border-color: rgba(255,255,255,0.3) !important;
  color: rgba(255,255,255,0.9) !important;
  transition: all 0.3s ease !important;
}

.t-btntext:hover,
.t-btn[style*="border"]:hover,
a[class*="t-btn"][style*="border"]:hover,
button[class*="t-btn"][style*="border"]:hover {
  border-color: #ff6b35 !important;
  color: #ff6b35 !important;
  background-color: rgba(255,107,53,0.05) !important;
}

/* 9.3 Унификация тегов на карточках */
.t-feed__post-category,
.t-tag,
.t-feed__tag {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* 9.4 Единые отступы для карточек на всех страницах */
.t-feed__post-wrapper,
.t-card__wrapper,
.t-store__card {
  margin-bottom: 30px !important;
}

/* 9.5 Глобальная проверка темного фона для всех страниц */
.t-container,
.t-section,
.t-row {
  background-color: transparent !important;
}

/* 9.6 Заголовки секций - единый стиль */
.t-section__title,
.t-feed__title,
.t-title {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* 9.7 Описания секций - единый стиль */
.t-section__descr,
.t-feed__descr,
.t-descr {
  color: rgba(255,255,255,0.75) !important;
  line-height: 1.6 !important;
}

/* 9.8 Фикс для изображений в карточках - скругление */
.t-feed__post-img img,
.t-card__img img,
.t-store__card-img img {
  border-radius: 8px !important;
}

/* 9.9 Унификация hover-эффектов на карточках */
.t-feed__post-wrapper:hover,
.t-card__wrapper:hover,
.t-store__card:hover {
  transform: translateY(-4px) !important;
  transition: transform 0.3s ease !important;
}

/* 9.10 Единая тень для карточек */
.t-feed__post-wrapper,
.t-card__wrapper,
.t-store__card {
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  transition: all 0.3s ease !important;
}

.t-feed__post-wrapper:hover,
.t-card__wrapper:hover,
.t-store__card:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
}

/* ====================================================
   10. ФУТЕР - УЛУЧШЕНИЯ ПОСЛЕ АНАЛИЗА
   ==================================================== */

/* 10.1 Футер - логотип с оранжевой линией слева (как в хедере) */
.t-footer .t-logo__wrapper,
.t-footer .t-name {
  border-left: 3px solid #ff6b35 !important;
  padding-left: 12px !important;
  border-bottom: none !important;
}

/* 10.2 Иконки соцсетей в футере - полупрозрачный фон */
.t-footer .t-sociallinks__item,
.t-sociallinks__item {
  background-color: rgba(255,255,255,0.08) !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.t-footer .t-sociallinks__item:hover,
.t-sociallinks__item:hover {
  background-color: rgba(255,107,53,0.2) !important;
  transform: translateY(-2px) !important;
}

/* 10.3 Иконки в соцсетях - белые для лучшего контраста */
.t-footer .t-sociallinks__item svg,
.t-sociallinks__item svg,
.t-footer .t-sociallinks__item path,
.t-sociallinks__item path,
.t-footer .t-sociallinks__item img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.9 !important;
}

.t-footer .t-sociallinks__item:hover svg,
.t-footer .t-sociallinks__item:hover path,
.t-footer .t-sociallinks__item:hover img {
  opacity: 1 !important;
}

/* 10.4 Ссылки в футере - лучший контраст */
.t-footer a,
.t-footer__wrapper a {
  color: rgba(255,255,255,0.8) !important;
  transition: color 0.2s ease !important;
}

.t-footer a:hover,
.t-footer__wrapper a:hover {
  color: #ff6b35 !important;
}

/* 10.5 Заголовки колонок в футере */
.t-footer .t-col__title,
.t-footer h4 {
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

/* 10.6 Made on Tilda - более заметно */
.t-footer a[href*="tilda.cc"],
a[href*="tilda.cc"] {
  opacity: 0.5 !important;
  transition: opacity 0.2s ease !important;
}

.t-footer a[href*="tilda.cc"]:hover,
a[href*="tilda.cc"]:hover {
  opacity: 0.8 !important;
}

/* 10.7 Копирайт и мелкий текст */
.t-footer .t-text_xs,
.t-footer small {
  color: rgba(255,255,255,0.5) !important;
  line-height: 1.6 !important;
}

/* 10.8 Email в футере */
.t-footer a[href^="mailto:"] {
  color: rgba(255,255,255,0.7) !important;
}

.t-footer a[href^="mailto:"]:hover {
  color: #ff6b35 !important;
}

/* 10.9 Разделительная линия сверху футера */
.t-footer {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-top: 60px !important;
}

/* 10.10 Логотип в хедере - проверка линии */
.t-menu__logo-wrapper {
  border-left: 3px solid #ff6b35 !important;
  padding-left: 12px !important;
}

/* 10.11 Hover эффект для иконки поиска */
.t-menu__search-icon:hover svg,
.t-menu__search-icon:hover path {
  opacity: 0.7 !important;
  transition: opacity 0.2s ease !important;
}

/* 10.12 КРИТИЧНЫЙ ФИКС: Единый темный фон футера на всех страницах */
.t-footer,
.t-footer__wrapper,
footer,
[class*="t-footer"],
#footer {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 10.13 Переопределение светлого фона футера на страницах статей */
.tn-article .t-footer,
.tp-article .t-footer,
[id*="rec"] .t-footer,
.t-feed .t-footer {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 10.14 Весь footer блок с максимальной специфичностью */
body footer,
html footer,
body .t-footer,
html .t-footer {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 10.15 Конкретные rec-блоки футера */
#t-footer,
#rec2016974941,
#rec2016055251,
#t-footer .t-rec,
#t-footer [id^="rec"] {
  background-color: #1a1a1a !important;
  background: #1a1a1a !important;
}

/* 10.16 Все элементы внутри t-footer */
#t-footer *,
#t-footer .t-container,
#t-footer .t-row,
#t-footer .t-col {
  background-color: transparent !important;
}

/* 10.17 Дополнительные улучшения футера */

/* Ссылки в футере - улучшенная контрастность и читаемость */
#t-footer a,
.t-footer a,
footer a {
  color: #ffffff !important;
  transition: color 0.3s ease, opacity 0.3s ease;
}

#t-footer a:hover,
.t-footer a:hover,
footer a:hover {
  color: #ff6b35 !important;
  opacity: 0.9;
}

/* Заголовки в футере */
#t-footer h1,
#t-footer h2,
#t-footer h3,
#t-footer h4,
#t-footer h5,
#t-footer h6,
.t-footer h1,
.t-footer h2,
.t-footer h3,
.t-footer h4,
.t-footer h5,
.t-footer h6 {
  color: #ffffff !important;
}

/* Текст в футере */
#t-footer p,
#t-footer span,
#t-footer div,
.t-footer p,
.t-footer span,
.t-footer div {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Логотип Dizko в футере - оранжевая граница слева */
#t-footer .t-footer__logo-wrapper,
.t-footer .t-footer__logo-wrapper {
  border-left: 3px solid #ff6b35 !important;
  padding-left: 12px !important;
}

/* Социальные иконки в футере */
#t-footer .t-sociallinks__item,
.t-footer .t-sociallinks__item {
  opacity: 0.8;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

#t-footer .t-sociallinks__item:hover,
.t-footer .t-sociallinks__item:hover {
  opacity: 1;
  transform: translateY(-2px);
}

/* Made on Tilda - сохранение видимости с тонкой настройкой */
#t-footer .t-footer__link-tilda,
.t-footer .t-footer__link-tilda {
  opacity: 0.5 !important;
}

#t-footer .t-footer__link-tilda:hover,
.t-footer .t-footer__link-tilda:hover {
  opacity: 0.7 !important;
}

/* 10.18 Иконка гамбургер-меню - белые полоски (РАСШИРЕННАЯ ВЕРСИЯ) */

/* Все возможные варианты гамбургер-меню */
.t-menuburger,
.t-menuburger *,
.t-menubtn__burger,
.t-menubtn__burger *,
[class*="menuburger"],
[class*="menuburger"] *,
[class*="menu-icon"],
[class*="menu-icon"] * {
  stroke: #ffffff !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  background-color: #ffffff !important;
}

/* SVG элементы в меню */
.t-menuburger svg,
.t-menubtn__burger svg,
[class*="menuburger"] svg {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* Линии в SVG */
.t-menuburger svg line,
.t-menuburger svg rect,
.t-menuburger svg path,
.t-menubtn__burger svg line,
.t-menubtn__burger svg rect,
.t-menubtn__burger svg path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* Span элементы (классический вариант) */
.t-menuburger span,
.t-menuburger span:before,
.t-menuburger span:after,
.t-menubtn__burger span,
.t-menubtn__burger span:before,
.t-menubtn__burger span:after {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* 10.19 МАКСИМАЛЬНАЯ СПЕЦИФИЧНОСТЬ - по ID блока меню #rec1890217231 */

/* Белые полоски для конкретного блока меню */
#rec1890217231 .t-menuburger,
#rec1890217231 .t-menuburger *,
#rec1890217231 .t-menubtn__burger,
#rec1890217231 .t-menubtn__burger * {
  stroke: #ffffff !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  background-color: #ffffff !important;
}

#rec1890217231 .t-menuburger svg,
#rec1890217231 .t-menuburger svg *,
#rec1890217231 .t-menubtn__burger svg,
#rec1890217231 .t-menubtn__burger svg * {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

#rec1890217231 .t-menuburger span,
#rec1890217231 .t-menuburger span:before,
#rec1890217231 .t-menuburger span:after,
#rec1890217231 .t-menubtn__burger span,
#rec1890217231 .t-menubtn__burger span:before,
#rec1890217231 .t-menubtn__burger span:after {
  background-color: #ffffff !important;
  background: #ffffff !important;
}

/* 10.20 ПСЕВДОЭЛЕМЕНТЫ button - белые полоски через ::before и ::after */

button[aria-label*="меню"]::before,
button[aria-label*="меню"]::after,
button[aria-label*="Меню"]::before,
button[aria-label*="Меню"]::after,
button[aria-label*="menu"]::before,
button[aria-label*="menu"]::after {
  background-color: #ffffff !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
}

/* Иконка через SVG в button */
button[aria-label*="меню"] svg,
button[aria-label*="Меню"] svg,
button[aria-label*="menu"] svg {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

button[aria-label*="меню"] svg *,
button[aria-label*="Меню"] svg *,
button[aria-label*="menu"] svg * {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}

/* 10.21 КРИТИЧЕСКОЕ РЕШЕНИЕ - CSS filter: invert() для иконки меню */

/* Инвертируем цвет всей кнопки меню (черный -> белый) */
button[aria-label*="меню"],
button[aria-label*="Меню"],
button[aria-label*="menu"],
button[aria-label*="Menu"],
button[aria-label*="навигац"] {
  filter: invert(1) brightness(1) !important;
  -webkit-filter: invert(1) brightness(1) !important;
}

/* Также для классов .t-menuburger */
.t-menuburger,
.t-menubtn__burger {
  filter: invert(1) brightness(1) !important;
  -webkit-filter: invert(1) brightness(1) !important;
}