/* === ЗАЩИТА ОТ СКРОЛЛА И ТРАНСФОРМА В BODY === */
body, .site-grid, .wrapper-for-main {
  overflow: visible !important;
  transform: none !important;
}
/* === ЗАЩИТА ОТ СЛЁТА КНОПКИ — ПОЛНАЯ БЛОКИРОВКА CASSIOPEIA === */
/* Убираем transform, overflow, position из модуля и grid */
#mod-custom139,
#mod-custom139 *,
.site-grid #mod-custom139,
.site-grid #mod-custom139 * {
  transform: none !important;
  overflow: visible !important;
  /*position: static !important;  Только для контейнера, не для кнопки */
  contain: none !important;
  will-change: auto !important;
}

/* Защищаем саму кнопку и wrapper — выше специфичность шаблона */
body .floating-contact-wrapper,
body #mod-custom139 .floating-contact-wrapper {
  position: fixed !important;
  z-index: 999 !important;
  transform: none !important;
  top: 33px !important;
  right: 85px !important;
}

/* Ваши оригинальные стили кнопки (оставьте как есть, но добавьте !important для защиты) */
.floating-contact-wrapper {
  position: fixed !important;
  top: 33px !important;
  right: 85px !important;
  z-index: 9999 !important;
}
.floating-contact-btn {
  background-color: #b6f5f2 !important;
  color: #006761 !important;
  border: 0px !important;
  border-radius: 10px !important;
  padding: 6px 15px !important;
  font-size: 19px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
  text-transform: uppercase !important;
}
.floating-contact-btn:hover {
  background-color: #fff !important;
  transform: scale(1.05) !important;
}

/* МОБИЛЬНЫЙ БРЕЙКПОИНТ — УСИЛЕННАЯ ЗАЩИТА */
@media screen and (max-width: 1199.99px){
  body .floating-contact-wrapper,
  #mod-custom139 .floating-contact-wrapper {
    position: fixed !important;
    top: 10px !important;
    right: 8px !important;
    z-index: 999 !important;
    transform: none !important;
  }
  .floating-contact-btn {
    background-color: #b6f5f2 !important;
    color: #006761 !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border: 0px !important;
    border-radius: 6px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
  }
}

/* ДОП. ЗАЩИТА ДЛЯ ВСЕХ БРЕЙКПОИНТОВ (на случай, если Cassiopeia меняет grid) */
@media (max-width: 1200px) {
  .site-grid {
    /* Не даём grid ломать fixed */
    contain: layout !important;
  }
  #mod-custom139 .floating-contact-wrapper {
    position: fixed !important;
    top: 10px !important;
    right: 8px !important;
    z-index: 999 !important;
  }
}
/* === ДОПОЛНИТЕЛЬНЫЙ БРЕЙКПОИНТ: ≤910px === */
@media screen and (max-width: 910px) {
  body .floating-contact-wrapper,
  #mod-custom139 .floating-contact-wrapper {
    position: fixed !important;
    top: 7% !important;     
    right: 2px !important;   
    z-index: 999 !important;
    transform: none !important;
  }

  .floating-contact-btn {
    padding: 6px 10px !important;
    font-size: 12px !important;
    border-radius: 6px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
  }
}
@media screen and (max-width: 910px) and (min-width: 200px) {
  body #mod-custom139 .floating-contact-wrapper {
    top: 70px !important;
    right: 4px !important;
  }
}

/* === МОДАЛКА — ПОСЕРЕДИНЕ ЭКРАНА, ПОВЕРХ ВСЕГО === */
.custom-modal {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9998 !important;
  background-color: rgba(0,0,0,0.5) !important;
  overflow: hidden !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.custom-modal.show {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  position: fixed !important;
}

/* Контент по центру */
.custom-modal-content {
  background: #fff !important;
  padding: 20px !important;
  border-radius: 10px !important;
  width: 90% !important;
  max-width: 400px !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  position: relative !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
  animation: fadeIn 0.3s ease !important;
}

/* Закрытие */
.custom-close {
  position: absolute !important;
  top: 10px !important;
  right: 15px !important;
  color: #aaa !important;
  font-size: 24px !important;
  cursor: pointer !important;
}
.custom-close:hover { color: #000 !important; }

/* Анимация */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}


a:not([class]) {
    text-decoration: none;
}
.footer .grid-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: center;
    padding: 1.5rem .5em
}
.footer .grid-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
:root {
  --cassiopeia-color-primary: #006761;
  --cassiopeia-color-hover: #00ccc2;
  --cassiopeia-color-link: #006761;
  --primary: #006761;
  --link-color: #006761;
  --link-hover-color: #00ccc2;
  }
.container-header {
    background-color: var(--cassiopeia-color-primary);
    background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
    -webkit-box-shadow: inset 0 5px 5px rgb(0 0 0 / 3%);
    box-shadow: inset 0 5px 5px rgb(0 0 0 / 3%);
    position: relative;
    z-index: 10;
}

.footer {
    background-color: var(--cassiopeia-color-primary);
    background-image: -o-linear-gradient(315deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);
    color: #fff;
    font-size: 11px;
    margin-top: 1em;
 }
.metismenu.mod-menu .metismenu-item>ul {
    -webkit-box-shadow: 7px -1px 4em 3px rgb(0 0 0 / 10%);
    box-shadow: 5px 5px 5px -3px #3B3D3D;
    display: block;
    list-style: none;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 1001;
}
.form-control {
    background-color: #fff;
    max-width: 95%;
    padding: 0.6em 0.6em;
}
.metismenu.mod-menu .metismenu-item {
    padding: 0.3em 1.4em;
    font-size: 1rem;
}
  
.btn {
  padding: .2rem 0.2rem;}

.btn-primary {
    background-color:#d9d1d1;
    border-color: #d9d1d1;
}
.btn-secondary {
  background-color: hsla(0,0%,100%,0);
  border-color: hsla(0,0%,100%,0);
  color: #fff;}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size: 1.5rem;
    }
   .h4, h4 {
    font-size: 1.3rem;
   }
} 
  [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button] {
    background-color: #ffffff;
    border: 1px solid #c0c6cf;
    border-top-width: 0px;
    border-radius: 2px;
    padding: .3rem 1.25rem;
       
  }
  [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]),[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]):hover,[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]),[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]):hover {
    background-color: #fff;
    border-color: #a51f18
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel],[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
    background: #fff;
    border: 1px solid #a51f18;
    border-radius: 2px
    }
.my-figure {
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 14px 18px;
    margin: 20px 0;
    display: inline-block;        /* важно! */
    width: 100%;
    max-width: 100%;
    background: transparent;      /* без фона */
    line-height: 1.5;
    font-family: Verdana, Geneva, sans-serif;
    color: #34495e;
}
.my-figure strong {
    color: #2c3e50;
}
 
[data-modals-element=modal] [data-modals-element=slide-content] {
  width: 90%;
}
  
[data-modals-element="slide-content"] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

[data-modals-element="slide-content-inner"] {
    margin: 0 auto !important;
    text-align: center !important;
}

[data-modals-element="slide-content-inner"] img {
    display: inline-block !important;
    margin: 0 auto !important;
}
 
  /* Стили "только для этого" слайдера для таблиц в статьях*/
.tbl-articles .ssl-title,
.my-figure .ssl-title {
    font-family: "Verdana", sans-serif !important;
    font-size: 16px !important;
    color: #169179 !important;
  border: 1px solid #ccc;
    border-radius: 12px;
    padding: 14px 18px;
    margin: 20px 0;
    display: inline-block;        /* важно! */
    width: 100%;
    max-width: 100%;
    background: transparent;      /* без фона */
    line-height: 1.5;
    font-family: Verdana, Geneva, sans-serif;
    color: #34495e;
}
/* Отключение стилей в шаблоне слайдера*/
  .tbl-articles.ssl-outer,
.my-figure.ssl-outer {
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: none !important;
}

/* Контейнер-ссылка "фигура" для всех ссылок, открывающих модал */
a[data-modals] {
    display: inline-block !important;       /* как фигура */
    border: 1px solid #ccc !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;;
    margin: 20px 0 !important;;
    width: 100% !important;;
    max-width: 100%; !important;
    background: transparent !important;;
    line-height: 1.5 !important;;
    color: #34495e !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 16px !important;
    color: #169179 !important;
    text-decoration: none !important;
}

/* Вложенные спаны — чтобы перебить inline-стили */
a[data-modals] span {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 16px !important;
    color: #169179 !important;
}

/* Стрелка → */
a[data-modals] strong,
a[data-modals] em {
    color: #006761 !important;
}
/* Hover-эффект */
a[data-modals]:hover {
    border-color: 1px solid #ccc !important;
    background-color: #eee !important; /* легкий фон */
}

a[data-modals]:hover span {
    color: #0e6e63 !important; /* темнее при наведении */
}

a[data-modals]:hover strong,
a[data-modals]:hover em {
    color: #004d46 !important; /* стрелка темнее */
}
/* .custom-two-columns {
  display: flex;
  flex-direction: row;
} */
 /* .sidebar-column {
  max-width: 30%;
 } */
    /* Десктоп и выше: твои любимые 70/30 + стили */
@media (min-width: 768px) {
  .custom-two-columns {
    display: flex;
    flex-direction: row; 
    justify-content: space-between;
    }

  .main-column {
    max-width: 70% !important;
    padding-right: 15px;
   
  }

  .sidebar-column {
    width: 100% !important;
    max-width: 30% !important;
    display: flex;
    gap: .5rem;
    flex-direction: column;
    border-radius: 0 !important;   /* без скругления углов */
  }
}

/* Мобильные: всё на 100%, убираем лишние отступы/скругления если нужно */
@media (max-width: 767.98px) {
  .custom-two-columns {
    gap: 15px !important;          /* меньший gap на мобильных — выглядит лучше */
    flex-direction: column !important;
    display: flex;
    max-width: 100%;
  }

  .main-column,
  .sidebar-column {
    /* flex: 0 0 100% !important; */
    /* width: 100% !important; */
    max-width: 100% !important;
    padding: 10px !important;      /* можно подкорректировать под аккордеон */
    border-radius: 0 !important;   /* или убрать, если не нужно */
  }

  /* Если аккордеон внутри всё равно узкий — принудительно растягиваем */
  .sidebar-column .accordion,
  .sidebar-column .accordion-item,
  .sidebar-column .accordion-header,
  .sidebar-column .accordion-button {
    width: 100% !important;
  }
}

.field_download {
  padding: .75rem 1.25rem;
  display: flex;
  border-radius: 5px !important;
  border: 1px solid #c0c6cf !important;
  background-color: #ffffff!important;
  justify-content: center;
  align-items: center;
}
.com-content-article__body.custom-content{
  font-family: verdana, geneva, sans-serif;
  color: #34495e;
  font-size: 16px;
}
.com-content-article__body.custom-content h4 {
  font-weight: 700;
}
.com-content-article__body.custom-content p {
text-align: justify;
}
.sidebar-column [data-rlta-type="accordions"] {
    font-family: verdana, geneva;
    font-size: 14px;
    display: block;
}
 .sidebar-column [data-rlta-type="accordions"] h3 {
   text-align: center;
   color: #006761;
 }
[data-rlta-element=container][data-rlta-state=ready] {
    margin-bottom: 0;
  }