/* ===== НАСТРОЙКИ ШРИФТОВ (вынесены из HTML) ===== */

/* Основной шрифт для всего сайта */
body, table, td, div, span, p, center, font, b, i, a {
  font-family: Lato, Arial, Helvetica, sans-serif;
}

/* Базовый цвет текста — #333333 (как на всех страницах) */
body, table, td, div, span, p, center, font, b, i {
  color: #333333;
}

/* Базовый размер текста — 12pt (десктоп) */
body, table, td, div, span, p, center, font {
  font-size: 12pt;
}

/* Ссылки в меню — чёрные */
.menu-container-td a.menu {
  color: #000000 !important;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* Ссылки в меню при наведении */
.menu-container-td a.menu:hover {
  color: #90B7D4 !important;
  text-decoration: underline !important;
}

/* Ссылки в меню на мобильных */
@media screen and (max-width: 768px) {
  .menu-container-td a.menu {
    font-size: 11pt !important;
  }
}

/* На мобильной версии размер шрифта на 1pt меньше (11pt) */
@media screen and (max-width: 768px) {
  body, table, td, div, span, p, center, font {
    font-size: 11pt;
  }
}

/* Текст в релизах — 12pt, #333333 */
.release-text span,
.release-text font {
  font-size: 12pt;
  color: #333333;
}

/* Текст в релизах на мобильных (11pt - 1pt = 10pt) */
td.release-text span {
  font-size: 10pt !important;
  line-height: 1.3 !important;
}

/* Секция "Follow us" — цвет #444444 */
.follow-us-text {
  color: #444444;
}

/* Общие ссылки */
a {
  color: #333333;
  text-decoration: none;
  transition: color 0.3s ease;
}

@media (hover: hover) {
  a:hover {
    color: #90B7D4 !important;
    text-decoration: underline;
  }
}

/* ===== ОРИГИНАЛЬНЫЕ СТИЛИ (БЕЗ ИЗМЕНЕНИЙ) ===== */

/* Скрываем мобильный баннер на десктопе */
.mobile-banner-row { 
  display: none; 
}

/* Мобильная версия (ширина до 768px) */
@media screen and (max-width: 768px) {
  body {
    width: 98% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  .desktop-banner-row { 
    display: none !important; 
  }
  
  .mobile-banner-row { 
    display: table-row !important; 
  }
  
  table, div, iframe {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  
  .menu-container-td {
    text-align: center !important;
    padding: 0px 0 !important;
    background-color: #FFFFFF !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    word-spacing: -4px !important;
  }

  .menu-container-td a.menu {
    display: inline-block !important;
    padding: 3px 3px !important;
    margin: 0 !important;
    font-size: 11pt !important;
    text-decoration: underline !important;
    word-spacing: normal !important;
  }

  .menu-container-td b {
    word-spacing: normal !important;
  }
}

/* Мобильная версия для таблиц с релизами */
@media screen and (max-width: 768px) {
  td.release-divider {
    display: none !important;
  }
  
  td.release-col-left,
  td.release-col-right {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  td.release-col-left {
    margin-bottom: 20px;
  }
}

/* Изображения релизов */
img.release-img {
  width: 160px !important;
  height: 160px !important;
}
  
img.release-img2 {
  width: 100px !important;
  height: 100px !important;
}
  
td.release-img-td {
  width: 165px !important;
  max-width: 165px !important;
}
  
td.release-img-td2 {
  width: 110px !important;
  max-width: 110px !important;
}

td.release-text span {
  font-size: 10pt !important;
  line-height: 1.3 !important;
}

/* Планшеты (до 1024px, альбомная ориентация) */
@media screen and (max-width: 1024px) and (orientation: landscape) {
  /* Внешний ряд с колонками — flex для двухколоночного макета */
  table table > tbody > tr {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100% !important;
  }

  td.release-col-left {
    display: block !important;
    width: 49% !important;
  }

  td.release-divider {
    display: none !important;
  }

  td.release-col-right {
    display: block !important;
    width: 49% !important;
  }

  /* Внутренние таблицы релизов — обычное табличное отображение */
  td.release-col-left table,
  td.release-col-right table {
    width: 100% !important;
  }

  td.release-col-left table tr,
  td.release-col-right table tr {
    display: table-row !important;
  }

  td.release-col-left table table,
  td.release-col-right table table {
    table-layout: fixed !important;
  }

  /* Фиксируем ширину колонки с изображением */
  td.release-col-left td.release-img-td,
  td.release-col-right td.release-img-td {
    width: 165px !important;
    max-width: 165px !important;
  }

  td.release-col-left td.release-text,
  td.release-col-right td.release-text {
    width: auto !important;
    overflow: hidden !important;
  }
}

/* Фикс для меню */
table tr:has(.menu-container-td),
table tr:has(a.menu) {
  display: table-row !important;
  width: auto !important;
}

.menu-container-td {
  display: table-cell !important;
  text-align: center !important;
  width: 100% !important;
}

/* Ряд релизов на главной */
.releases-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin-bottom: 20px;
}

.releases-row a {
  display: block;
  max-width: 290px;
  width: 100%;
}

.releases-row img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 480px) and (orientation: portrait) {
  .releases-row {
    flex-direction: column;
    align-items: center;
  }
}