/* ===== Cloud-like 3D carousel for Tilda Zero (rec1442059171) ===== */

/* перспектива на контейнер */
#rec1442059171,
#rec1442059171.t396 { perspective: 1200px; }

/* артборд — опорный контейнер; overflow не трогаем,
   чтобы штатный оверфлоу Zero работал как ты задашь в интерфейсе */
#rec1442059171 .t396__artboard { position: relative; }

/* на случай, если тени подрезаются при overflow:hidden — можно добавить чуть
   внутреннего отступа (по желанию, иначе закомментируй):
   #rec1442059171 .t396__artboard { padding: 20px 0; } */

/* сцена — абсолютно поверх артборда, не создаёт "разрыва" */
#rec1442059171 .js-c9-stage{
  position: absolute;
  inset: 0;
  height: auto;
  pointer-events: none; /* клики проходят на карточки */
}

/* карточки */
#rec1442059171 .js-c9-item{
  position: absolute;
  left: 50%;
  top: 0;
  transform-style: preserve-3d;
  transform-origin: center;
  transition:
    transform .65s cubic-bezier(.2,.7,.2,1),
    box-shadow .65s cubic-bezier(.2,.7,.2,1),
    opacity .4s ease;
  will-change: transform, box-shadow, opacity;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
  opacity: .98;
  cursor: pointer;
}

#rec1442059171 .js-c9-item img{
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
}

/* стрелки */
#rec1442059171 .js-c9-prev,
#rec1442059171 .js-c9-next{
  cursor:pointer;
  user-select:none;
}

@media (max-width:960px){
  #rec1442059171 .js-c9-item{ box-shadow: 0 8px 28px rgba(0,0,0,.22); }
}