/* ===== ТЁМНЫЙ ЛАЙТБОКС ДЛЯ ГАЛЕРЕЙ ТИЛЬДЫ (90% видимый, 10% прозрачный) ===== */

/* Зум попап (клик по фото) */
.t-zoomer__bg{
  background-color: rgba(31, 31, 31, 0.9) !important;
  opacity: 1 !important;
}
.t-zoomer__container{
  background: transparent !important;
  box-shadow: none !important;
}

/* Вариант, когда галерея открывается через t-popup */
.t-popup.t-popup_show{
  background-color: rgba(31, 31, 31, 0.9) !important;
}
.t-popup__container{
  background: transparent !important;
  box-shadow: none !important;
}

/* Стрелки и крестик — белые */
.t-zoomer__close,
.t-popup__close,
.t-slds__arrow {
  filter: none !important;
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
}

/* На всякий случай: слой затемнения у слайдера в попапе */
.t-slds__overlay{
  background: rgba(31, 31, 31, 0.9) !important;
}

/* ===== МОБИЛЬНАЯ ВЕРСИЯ — фикс белой полосы у крестика ===== */
@media (max-width: 640px){
  /* Убираем фон и обёртки */
  .t-popup__close-wrapper,
  .t-zoomer__top,
  .t-zoomer__close_bg,
  .t-popup__close,
  .t-zoomer__close{
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Сам крестик — белый */
  .t-popup__close,
  .t-zoomer__close{
    filter: none !important;
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
    z-index: 1000001 !important;
    -webkit-tap-highlight-color: transparent;
  }

  /* Если иконка — svg */
  .t-popup__close svg, .t-popup__close svg path,
  .t-zoomer__close svg, .t-zoomer__close svg path{
    fill: #fff !important;
    stroke: #fff !important;
  }

  /* Убираем псевдоэлементы, создающие полосу */
  .t-popup__close::before,
  .t-zoomer__close::before,
  .t-popup__close-wrapper::before,
  .t-zoomer__top::before{
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Чёлка/вырез iOS */
  .t-popup__close,
  .t-zoomer__close{
    top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
    right: calc(env(safe-area-inset-right, 0px) + 8px) !important;
  }
}
