/* =============================================================================
   FORTRADERS BANNERS STYLES
   Респонсивные стили для баннеров сайта
   ============================================================================= */

/* Базовые стили для баннеров */
.b-bellow-menu-desktop {
  display: block;
}

.b-bellow-menu-mobile {
  display: none;
}

/* Адаптивные стили для баннеров */
.blockdiv1.overflow-hidden {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  margin: 20px 0;
}

.blockdiv1.overflow-hidden:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Стили для контента баннеров */
.blockdiv1 .jsCont,
.blockdiv1 ins,
.blockdiv1 div[id] {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
}

.blockdiv1 img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain;
}

/* Стили для всех типов баннеров */
[class*="blockdiv"] img {
  width: 100%;
  height: auto;
}

/* Специальные стили для баннеров в шапке */
.header_blockdiv1 {
  margin: 15px 0;
}

/* Стили для маленьких баннеров */
.blockdiv_small {
  margin-top: 20px;
}

.blockdiv_small > div > div {
  float: left;
}

body .blockdiv_small > div > div > div.jsCont {
  float: left !important;
  padding: 5px 0px 0px 0px;
}

.blockdiv_small > div > div > div img {
  max-width: 100% !important;
}

/* Стили для баннеров с разделителем */
.blockdiv3 {
  position: relative;
  margin-top: 20px;
}

.blockdiv3 > div:last-child {
  text-align: right;
}

.blockdiv3 > div img {
  max-width: 100%;
}

.blockdiv3:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -3px;
  height: 100%;
  width: 6px;
  background-color: #f1f1f1;
}

.blockdiv3 > div {
  float: left;
  width: 50%;
}

/* Стили для секционных баннеров */
.blocksectiondiv {
  display: table;
}

.blocksectiondiv_text {
  padding: 15px 0 15px 10px;
  vertical-align: middle;
  display: table-cell;
  font-size: 14px;
  color: #454444;
  border-left: 3px solid #ff1616;
  width: 452px;
  font-weight: 400;
  background: #f5f5f5;
}

.blocksectiondiv_text span {
  font-weight: 700;
  text-transform: uppercase;
}

.blocksectiondiv_link {
  overflow: hidden;
  float: right;
}

.blocksectiondiv_link a {
  width: 277px;
  padding: 15px 0;
  display: block;
  text-align: center;
  background-color: #ff1616;
  color: white;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  transition: background-color 0.3s ease;
}

.blocksectiondiv_link a:hover {
  background-color: #e01414;
}

/* =============================================================================
   РЕСПОНСИВНЫЕ МЕДИА-ЗАПРОСЫ
   ============================================================================= */

/* Планшеты и маленькие десктопы (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .b-bellow-menu-desktop {
    display: block;
  }
  
  .b-bellow-menu-mobile {
    display: none;
  }
  
  .blockdiv1.overflow-hidden {
    margin: 15px 0;
    border-radius: 6px;
  }
  
  .blocksectiondiv_text {
    width: 350px;
    font-size: 13px;
  }
  
  .blocksectiondiv_link a {
    width: 200px;
    padding: 12px 0;
  }
}

/* Мобильные устройства (до 768px) */
@media (max-width: 768px) {
  .b-bellow-menu-desktop {
    display: none;
  }
  
  .b-bellow-menu-mobile {
    display: block;
  }
  
  .blockdiv1.overflow-hidden {
    margin: 10px 0;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  }
  
  .blockdiv1 img {
    max-height: 200px;
    object-fit: cover;
  }
  
  /* Адаптация секционных баннеров */
  .blocksectiondiv {
    display: block;
  }
  
  .blocksectiondiv_text {
    width: 100%;
    display: block;
    padding: 12px;
    font-size: 13px;
  }
  
  .blocksectiondiv_link {
    float: none;
    width: 100%;
  }
  
  .blocksectiondiv_link a {
    width: 100%;
    padding: 12px 0;
  }
  
  /* Адаптация баннеров с разделителем */
  .blockdiv3:before {
    display: none;
  }
  
  .blockdiv3 > div {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  
  .blockdiv3 > div:last-child {
    text-align: left;
  }
}

/* Маленькие мобильные устройства (до 480px) */
@media (max-width: 480px) {
  .blockdiv1.overflow-hidden {
    margin: 8px 0;
    border-radius: 3px;
  }
  
  .blockdiv1 img {
    max-height: 150px;
  }
  
  .header_blockdiv1 {
    margin: 10px 0;
  }
  
  .blockdiv_small {
    margin-top: 15px;
  }
  
  .blocksectiondiv_text {
    padding: 10px;
    font-size: 12px;
  }
  
  .blocksectiondiv_link a {
    padding: 10px 0;
    font-size: 14px;
  }
}

/* Очень маленькие экраны (до 320px) */
@media (max-width: 320px) {
  .blockdiv1.overflow-hidden {
    margin: 5px 0;
  }
  
  .blockdiv1 img {
    max-height: 120px;
  }
  
  .header_blockdiv1 {
    margin: 8px 0;
  }
  
  .blocksectiondiv_text {
    padding: 8px;
    font-size: 11px;
  }
  
  .blocksectiondiv_link a {
    padding: 8px 0;
    font-size: 13px;
  }
}

/* =============================================================================
   ДОПОЛНИТЕЛЬНЫЕ УТИЛИТЫ
   ============================================================================= */

/* Скрытие баннера */
.blockdiv1.hidden {
  opacity: 0;
  pointer-events: none;
}

/* Плавное появление */
.blockdiv1 {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

/* Стили для AdSense баннеров */
.adsbygoogle {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Стили для кастомных баннеров */
.ftprefix1547Zone_32 {
  width: 100% !important;
  display: block !important;
}

.ftprefix1547Zone_33 {
  display: inline-block !important;
}

.ftprefix1547Zone_31 {
  justify-content: space-evenly;
}