/* Адаптация для планшетов ( 1024px) 
 ______________________________________________________*/

@media (max-width: 1024px) {}

/* Адаптация для мобильных (до 900px) 
 ______________________________________________________*/
@media (max-width: 900px) {}



/* Адаптация для мобильных (до768px)
 _______________________________________________ */
@media (max-width: 768px) {
  main {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  #ad0Container,
  #ad1Container,
  #ad1_1Container,
  #ad2Container,
  #ad2_1Container,
  #ad3Container,
  #ad4Container,
  #ad5Container {
    position: static;
    transform: none;
    width: 90%;
    height: 20vh;
    margin: 1rem auto;
    align-self: center;
    top: auto;
    bottom: 0;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    padding: 0 15px;
  }

  .ad-inner-wrapper {
    position: relative;
    /* Теперь кнопка привязывается сюда */
    width: 100%;
    height: 100%;
    border-radius: 0 8px 8px 0;
    overflow: hidden;
  }

  .ad-title {
    font-size: 1.6em !important; ;
    padding: 0.5px;
    word-spacing: -0.1em;
    line-height: 1.4;
  }

  .ad-text1,
  .ad-text2,
  .ad0-text1,
  .ad0-text2 {
    display: none;
  }

  .ad-action-btn,
  #ad0ActionBtn {
    font-size: 1rem !important;
    padding: 5px 8px !important;
    margin: 0.5em 0;
  }

  /* Второй рекламный блок - над кнопкой */
  .ad2 {
    order: 1;
    margin-top: 0;
  }

  #ad2Container {
    display: none;
  }

  #ad2_1Container {
    display: block;
  }

  #ad2_1Title{
    font-size: 2em !important;
    line-height: 1.4;  
    color: red;
      -webkit-text-stroke: 3px #fff;
      /* Обводка для WebKit (Chrome, Safari) */
      paint-order: stroke fill;
      /* Сначала рисует обводку, потом текст */
  }

  /* Первый рекламный блок - под кнопкой */
  .ad1 {
    order: 4;
    margin-top: 0;
  }

  #ad1Container {
    display: none;
  }

  #ad1_1Container {
    display: block;
  }

  #ad1_1Title {
    padding: 0;
    margin: 0.2em 0
  }

    #ad1_1Bottom {
      padding: 0.2em;
    }

  #ad1_1Bottom a {
    color: red;
    font-size: 1em;
    font-weight: bold;
  }

    .ad4 {
      order: 6;
      margin-bottom: 0;
      align-self: center;
    }
  
    .ad5 {
      order: 8;
      margin-bottom: 0;
      align-self: center;
    }

}