/* =========================================================
   🎬 VIDEO SCENE — FRAME STAGE (clean version)
   Под разметку с .video-stage
   ========================================================= */

/* ---------------------------------------------------------
   ВНЕШНЯЯ СЦЕНА
--------------------------------------------------------- */


.scene--video .tour-video{
  padding-bottom: 0;
}


/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */

.scene__header--video{
  text-align:center;
  margin-bottom: var(--space-8);
}

.scene__header--video .scene__title{
  letter-spacing: var(--section-title-letter-spacing);
  font-weight: 500;
}

.scene__icon{
  display:none; /* убираем play-кнопку */
}


/* ---------------------------------------------------------
   ВНУТРЕННЯЯ ПЛОЩАДКА (главная сцена)
--------------------------------------------------------- */

.video-stage{
  margin-top: var(--space-6);

  padding: var(--space-8);

  background: linear-gradient(
    180deg,
    rgba(42,36,31,0.95) 0%,
    rgba(42,36,31,0.88) 100%
  );

  border-radius: var(--radius-xl);

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

  box-shadow: 0 12px 26px rgba(0,0,0,0.22);
}


/* ---------------------------------------------------------
   КАРТОЧКИ ВИДЕО
--------------------------------------------------------- */

.scene--video .video-vertical-card{
  box-shadow: 0 20px 40px rgba(0,0,0,0.6);
  transition: transform var(--transition-base);
}

.scene--video .video-vertical-card:hover{
  transform: translateY(-3px);
}

/* =========================================================
   📱 MOBILE — TIKTOK STYLE VIDEO
   ========================================================= */

@media (max-width:768px){


/* трек */
.scene--video .video-track{
  display:flex;
  gap:var(--space-4);

  overflow-x:auto;
  scroll-snap-type:x mandatory;

  padding-left:var(--space-4);
  padding-right:var(--space-4);
}

.scene--video .video-track::-webkit-scrollbar{
  display:none;
}

/* карточка */
.scene--video .video-vertical-card{
  flex:0 0 82%;
  scroll-snap-align:center;

  transform: scale(0.95);
  transition: transform var(--transition-base);
}

/* активная карточка */
.scene--video .video-vertical-card:active{
  transform: scale(1);
}

}

@media (max-width:768px){

.video-stage{
  padding:0;
  margin-left:calc(-1 * var(--space-4));
  margin-right:calc(-1 * var(--space-4));

  border-radius:0;
}

/* трек */
.scene--video .video-track{
  padding-left:var(--space-4);
  padding-right:var(--space-4);
}

}