/* Базовые стили */

  /* Главный контейнер (relative для позиционирования кнопок внутри) */
  .ptse-scene0-slider-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
  }

  /* Трек со слайдами */
  .ptse-scene0-slider {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    /* Скрытие стандартного скроллбара */
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .ptse-scene0-slider::-webkit-scrollbar {
    display: none;
  }

  /* Элемент ленты (строго 400x600) */
  .ptse-scene0-slider-item {
    flex: 0 0 400px;
    height: 600px;
    display: block;
    overflow: hidden;
    background: #eee;
	border: 1px solid rgb(232, 232, 232);
  }

  .ptse-scene0-slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }

  /* Контейнер с кнопками навигации (По умолчанию для Десктопа) */
  .ptse-scene0-slider-controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%); /* Центрирование по вертикали */
    display: flex;
    justify-content: space-between; /* Кнопки по краям */
    padding: 0 15px;
    pointer-events: none; /* Пропускаем клики сквозь контейнер, кроме самих кнопок */
    opacity: 0;           /* Скрыты по умолчанию */
    transition: opacity 0.3s ease; /* Плавное появление */
    z-index: 10;
  }

  /* Появление кнопок при наведении на слайдер на десктопе */
  .ptse-scene0-slider-wrapper:hover .ptse-scene0-slider-controls {
    opacity: 1;
  }

  /* Стили кнопок (Белые прямоугольные) */
  .ptse-scene0-slider-btn {
    pointer-events: auto; /* Включаем клики для самих кнопок */
    background: rgba(255, 255, 255, 0.9); /* Почти белый, слегка прозрачный */
    color: #333333;
    border: 1px solid #ddd;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Тень для объема на фото */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
  }

  .ptse-scene0-slider-btn:hover {
    background: rgba(255, 255, 255, 1); /* Ярко-белый при наведении на кнопку */
  }

  /* --- Адаптация под мобильные устройства --- */
  @media (max-width: 768px) {
    /* Возвращаем кнопки в поток документа под слайдер */
    .ptse-scene0-slider {
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		scroll-snap-align: end;    	
	}	
	.ptse-scene0-slider-item {
		scroll-snap-align: center;    	
	}	
    .ptse-scene0-slider-controls {
      position: static;
      transform: none;
      opacity: 1; /* Всегда видимы */
      padding: 0;
      margin-top: 5px; /* Прилипают снизу к фотографиям */
      gap: 5px;          /* Минимальный отступ между ними */
    }

    .ptse-scene0-slider-btn {
      flex: 1;            /* Делят ширину пополам */
      border-radius: 0; 
      height: 55px;
      background: white;
   }
  }
	@media (max-width: 422px) {
        .ptse-scene0-slider-item {
            /* Пересчитываем ширину: 100% ширины экрана (vw) минус отступы wrapper'а */
            flex: 0 0 calc(100vw - 22px); 
            height: calc((100vw - 22px) * 4 / 3); 
            scroll-snap-align: center; /* Центрируем карточку при пролистывании на мобилках */
        }
    }