.slider {
      position: relative;
      width: 900px;
      height: 548px;
      perspective: 1200px;
      margin-inline: auto;
    }

    .slide {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 240px;
      height: 524px;
      border-radius: 20px;
      overflow: hidden;
      transform-style: preserve-3d;
      transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
      cursor: pointer;
      background: #222;
    }

.app-videos-silder.slide video {
    width: 100%;
    height: 100%;
}

    .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    } .-YC-widght_video-container-info {
    position: relative;
    z-index: 1;
}

.-YC-widght_video-container-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 26px;
}

.--title--row--widgets p.P-content {
    text-align: start;
    color: var(--secondarytext);
    font-weight: 500;
    font-size: 19px;
    line-height: 1.7;
    position: sticky;
    top: 90px;
    max-width: 600px;
}/* الحاوية الأساسية */
.iphone-container {
    position: absolute;
    width: 230px;
    height: 400px;
    z-index: 10;
    transform: translateY(0px); /* بدل lg:-translate-y-10 */
}

@media(min-width: 768px) {
    .iphone-container {
        width: 310px;
        height: 548px;
    }
}

/* أزرار التنقل */
.btn-left,
.btn-right {
    position: absolute;
    top: 50%;
    transform: translateY(-30%);
    width: 65px;  /* w-12 */
    height: 65px; /* h-12 */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--uicolor);
    border: 2px solid #000000;
    cursor: pointer;
    z-index: 20;
    transition: background-color 0.3s, color 0.3s;
}


.btn-left {
    left: -70px; /* -left-12 */
}

.btn-right {
    right: -70px; /* -right-12 */
}

.btn-left svg path, .btn-right svg path {
    stroke: #000000;
}

/* أيقونات SVG داخل الأزرار */
.icon {
    width: 40px;  /* w-6 */
    height: 40px; /* h-6 */
}

/* صورة الايفون */
.iphone-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    color: transparent;
}


.Yc-app-videos-list-silder-container {
    display: flex;
    align-items: center;
    justify-content: center;
}