#item-1770707349497 .ba-slideshow-img {
border-radius:25px !important;
}

.ygh-slider,
.ygh-slider * {
  visibility: visible !important;
}

.ygh-slider {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

/* =========================================
   АККОРДЕОН: ИКОНКА + / − (без правки HTML)
   ========================================= */

/* 1) место под кнопку справа */
.ba-item-accordion .accordion-heading .accordion-toggle{
  position: relative;
  padding-right: 70px !important;
}

/* 2) прячем старую стрелку */
.ba-item-accordion .accordion-icon{
  font-size: 0 !important;
  width: 40px;
  height: 40px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  transition: background .25s ease;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 3) рисуем "+" по умолчанию */
.ba-item-accordion .accordion-icon::before{
  content: "+";
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  transform: translateY(-1px); /* чуть ровнее по центру */
  transition: color .25s ease, transform .25s ease;
}

/* hover */
.ba-item-accordion .accordion-toggle:hover .accordion-icon{
  background: rgba(255,255,255,0.15);
}

/* 4) когда открыто — показываем "−" и делаем светлую кнопку */
.ba-item-accordion .accordion-toggle.active .accordion-icon,
.ba-item-accordion .accordion-toggle:not(.collapsed) .accordion-icon{
  background: #fff;
}

.ba-item-accordion .accordion-toggle.active .accordion-icon::before,
.ba-item-accordion .accordion-toggle:not(.collapsed) .accordion-icon::before{
  content: "−";
  color: #292929;
  transform: translateY(-2px);
}

/* 5) мобилка */
@media (max-width: 768px){
  .ba-item-accordion .accordion-heading .accordion-toggle{
    padding-right: 56px !important;
  }
  .ba-item-accordion .accordion-icon{
    right: 16px;
    width: 34px;
    height: 34px;
  }
  .ba-item-accordion .accordion-icon::before{
    font-size: 24px;
  }
}


/* =========================================
   АККОРДЕОН: правильное переключение + / −
   ориентируемся на ОТКРЫТЫЙ BODY, а не на .active
   ========================================= */

/* По умолчанию всегда "+" */
.ba-item-accordion .accordion-icon::before{
  content: "+" !important;
  color: #fff !important;
}

/* Открыт именно этот пункт (у него body .in) => "−" */
.ba-item-accordion .accordion-group:has(.accordion-body.in) .accordion-icon{
  background:#fff !important;
}
.ba-item-accordion .accordion-group:has(.accordion-body.in) .accordion-icon::before{
  content: "−" !important;
  color:#292929 !important;
}

/* На всякий случай: если body не .in, возвращаем темный фон */
.ba-item-accordion .accordion-group:not(:has(.accordion-body.in)) .accordion-icon{
  background: rgba(255,255,255,0.08) !important;
}

____________________________________________

/* ===== GRIDBOX FORMS LIGHTBOX — FIX HORIZONTAL SCROLL ===== */

/* полностью убираем горизонтальный скролл */
html, body {
  overflow-x: hidden !important;
  max-width: 100%;
}

/* когда форма открыта */
body.formsModal-open {
  overflow-x: hidden !important;
}

/* сама модалка Gridbox */
.ba-forms-modal,
.ba-forms-modal * {
  box-sizing: border-box !important;
}

/* контейнер формы */
.ba-form-page {
  max-width: 100vw !important;
  overflow-x: hidden !important;
  margin: 0 auto !important;
}

/* внутренности формы */
.ba-page-items,
.ba-form-row,
.ba-form-column-wrapper {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* убираем косяки 100vw / translate */
.ba-forms-lightbox-row {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

_________________________

/* ✅ ЖЁСТКО ПЕРЕОПРЕДЕЛЯЕМ позицию крестика */
.ba-form-page i.ba-form-icons.ba-icon-close[data-dismiss="formsModal"]{
  position: absolute !important;

  top: 12px !important;
  right: 12px !important;

  left: auto !important;          /* сброс centering */
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;     /* убираем translate(-50%) */
  translate: none !important;

  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #fff !important;
  opacity: 1 !important;
  font-size: 22px !important;

  background: rgba(0,0,0,.35) !important;
  border-radius: 10px !important;

  z-index: 999999 !important;
  cursor: pointer !important;
}

/* база для абсолютного позиционирования */
.ba-form-page{
  position: relative !important;
}

________________________________-

/* 1) Делаем модалку базой для позиционирования */
.ba-form-page{
  position: relative !important;
  overflow: visible !important;
}

/* 2) Верхняя строка с крестиком не должна обрезаться */
.ba-form-page .ba-forms-lightbox-row{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 0 !important;          /* чтобы не сдвигала контент */
  overflow: visible !important;
  z-index: 99999 !important;
  pointer-events: none !important; /* клики не блокируем, кроме крестика */
}

/* 3) Сам крестик */
.ba-form-page .ba-forms-lightbox-row .ba-icon-close{
  position: absolute !important;
  top: 29px !important;
  right: -20px !important;

  width: 40px !important;
  height: 40px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #fff !important;
  opacity: 1 !important;
  font-size: 22px !important;

  background: rgba(0,0,0,.25) !important; /* чтобы был виден на любом фоне */
  border-radius: 10px !important;

  cursor: pointer !important;
  pointer-events: auto !important; /* включаем клики именно на крестике */
}

/* если крестик рисуется через псевдоэлемент */
.ba-form-page .ba-forms-lightbox-row .ba-icon-close:before,
.ba-form-page .ba-forms-lightbox-row .ba-icon-close:after{
  color:#fff !important;
}

______________________

/* ✅ МОБИЛКА: фиксируем крестик, чтобы не съезжал */
@media (max-width: 768px){
  .ba-form-page .ba-forms-lightbox-row .ba-icon-close{
    top: 10px !important;
    right: 10px !important;     /* вместо -20px */
    left: auto !important;
    transform: none !important; /* на случай если тема центрирует */
  }
}

/* совсем маленькие экраны */
@media (max-width: 480px){
  .ba-form-page .ba-forms-lightbox-row .ba-icon-close{
    top: 24px !important;
    right: -16px !important;
    width: 36px !important;
    height: 36px !important;
    font-size: 20px !important;
  }
}