/* Start:/local/templates/tomsk/components/bitrix/news.detail/news_detail/style.css?17854031622214*/
@import url("/local/templates/tomsk/vendor/photoswipe/photoswipe.css");

.news-detail-gallery-slider {
  clear: both;
  position: relative;
  margin-top: 32px;
  padding: 0 56px;
}

.news-detail-gallery-slider__controls {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.news-detail-gallery-slider.is-static .news-detail-gallery-slider__controls {
  display: none;
}

.news-detail-gallery-slider__btn {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(80,193,40,.18);
  border-radius: 50%;
  background: #fff;
  color: #080f1e;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto;
  transition: background .18s ease, color .18s ease, border-color .18s ease, opacity .18s ease;
}

.news-detail-gallery-slider__btn:hover:not(:disabled) {
  background: #50c128;
  border-color: #50c128;
  color: #fff;
}

.news-detail-gallery-slider__btn:disabled {
  cursor: default;
  opacity: .36;
}

.news-detail-gallery {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}

.news-detail-gallery-slider.is-dragging .news-detail-gallery {
  cursor: grabbing;
  scroll-behavior: auto;
  scroll-snap-type: none;
}

.news-detail-gallery::-webkit-scrollbar {
  display: none;
}

.news-detail-gallery__item {
  flex: 0 0 calc((100% - 48px) / 4);
  min-width: 0;
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  background: #f0f7f2;
  overflow: hidden;
  text-decoration: none;
  scroll-snap-align: start;
  user-select: none;
  -webkit-user-drag: none;
}

.news-detail-gallery__item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  user-select: none;
  -webkit-user-drag: none;
}

@media (max-width: 768px) {
  .news-detail-gallery__item {
    flex-basis: calc((100% - 32px) / 3);
  }
}

@media (max-width: 560px) {
  .news-detail-gallery-slider {
    padding: 0;
  }

  .news-detail-gallery-slider__controls {
    padding: 0 8px;
  }

  .news-detail-gallery__item {
    flex-basis: 100%;
  }
}

/* End */
/* /local/templates/tomsk/components/bitrix/news.detail/news_detail/style.css?17854031622214 */