/* تنسيقات عامة */
.video-container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

/* تنسيقات الفيديو الخاص بشاشات سطح المكتب */
.desktop-slider {
  position: relative;
  width: 100%;
  height: 100vh; /* لتغطية كامل ارتفاع الشاشة */
  overflow: hidden;
}
.desktop-slider video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-marquee {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 6px 0;
  z-index: 10;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}
.marquee-track {
  display: flex;
  animation: marquee 20s linear infinite;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(50%); }
}
.marquee-item {
  font-size: 1em;
  display: flex;
  align-items: center;
  margin: 0 15px;
}
.marquee-item:not(:last-child)::after {
  content: " •";
  color: #fff;
  font-size: 1.2em;
  margin-right: 15px;
}

/* تنسيقات الفيديو الخاص بالهواتف */
.mobile-slider {
    display: none;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.mobile-slider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Media Queries لإظهار وإخفاء الفيديوهات حسب حجم الشاشة */
@media (min-width: 1025px) {
    .mobile-slider { display: none !important; }
    .desktop-slider { display: block !important; }
}

@media (max-width: 1024px) {
    .mobile-slider { display: block !important; }
    .desktop-slider { display: none !important; }
}