/* ===== mobile-fix.css (обновлённая версия только для мобильных устройств) ===== */

@media (max-width: 768px) {
  body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
  }

  .container,
  .content,
  .col-md-8,
  .main-content,
  #container,
  #content,
  #main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px !important;
    margin: 0 auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .col-md-12,
  .col-md-8 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }

  .modern-help,
  .dobro-project,
  .list-event-item,
  .widget-item,
  .news-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 15px auto !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    display: block !important;
  }

  .modern-help .help-text,
  .dobro-project .text,
  .list-event-item .text {
    text-align: center !important;
  }

  .modern-help .button,
  .dobro-project .button,
  .list-event-item .button {
    display: block !important;
    margin: 10px auto !important;
    max-width: 300px !important;
  }

  .gphoto,
  .dobro-project img,
  .list-event-item img {
    display: block !important;
    margin: 10px auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .modern-help .block,
  .dobro-project .block,
  .list-event-item .block {
    box-sizing: border-box !important;
    padding: 10px !important;
    margin: 0 auto !important;
  }

  /* Скрытие блоков на мобильной версии */
  .president-block,
  .thanks-block,
  .we-thank-block,
  .gratitude,
  .blagodarnost,
  #president,
  #thanks-section {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Скрытие приветствия президента отдельно, если класс уникален */
@media (max-width: 768px) {
  .president-block {
    display: none !important;
  }
}