.elementor-31303 .elementor-element.elementor-element-73f2d04d{--display:flex;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-31303 .elementor-element.elementor-element-2bd97fb1 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}.elementor-31303 .elementor-element.elementor-element-2bd97fb1{text-align:start;font-family:"Alexandria", Sans-serif;font-size:14px;font-weight:400;color:#000000CC;}.elementor-31303 .elementor-element.elementor-element-7700427{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-31303 .elementor-element.elementor-element-7700427:not(.elementor-motion-effects-element-type-background), .elementor-31303 .elementor-element.elementor-element-7700427 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-31303 .elementor-element.elementor-element-c2d246b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-31303 .elementor-element.elementor-element-a592ab5 > .elementor-widget-container{margin:0px 0px -50px 0px;padding:0px 0px 0px 0px;}.elementor-31303 .elementor-element.elementor-element-a592ab5{text-align:start;font-family:"Alexandria", Sans-serif;font-size:14px;font-weight:400;color:#000000CC;}@media(max-width:1024px){.elementor-31303 .elementor-element.elementor-element-7700427{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:768px){.elementor-31303 .elementor-element.elementor-element-73f2d04d{--width:100%;}.elementor-31303 .elementor-element.elementor-element-7700427{--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-69dbcd3 *//* الحاوية */
.inline-video-swiper {
  width: 100%;
}

/* موبايل فقط: نسمح بالخروج */
@media (max-width: 1023px) {
  .inline-video-swiper {
    overflow: visible;
  }
}

/* ديسكتوب: كل شيء داخل الحاوية */
@media (min-width: 1024px) {
  .inline-video-swiper {
    overflow: hidden;
  }
}

/* ❌ مهم: لا نحدد width للسلايد */
.inline-video-swiper .swiper-slide {
  width: auto;
}

/* الفيديو */
.video-wrap {
  position: relative;
  aspect-ratio: 9 / 16;
  border-radius: 14px;
  overflow: hidden;
}

.inline-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* أيقونة Tap */
.tap-hint {
  position: absolute;
  bottom: 12px;
  right: 12px;
  background: rgba(0,0,0,.5);
  color: #fff;
  font-size: 18px;
  padding: 6px 8px;
  border-radius: 8px;
  pointer-events: none;
}

.video-wrap {
  position: relative;
}

/* Skeleton overlay */
.video-wrap.is-loading::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    100deg,
    #2a2a2a 40%,
    #3a3a3a 50%,
    #2a2a2a 60%
  );
  background-size: 200% 100%;
  animation: skeleton-loading 1.2s infinite;
  z-index: 2;
  border-radius: 14px;
}

/* نخفي الفيديو مؤقتًا */
.video-wrap.is-loading video {
  opacity: 0;
}

@keyframes skeleton-loading {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7700427 */@media (max-width: 768px) {
  .product-video-carousel {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    overflow: visible;
  }
}/* End custom CSS */