/* Octave Studio Works Carousel — 7.3.9 */
:root{--ow-gold:#f4c400;--ow-ink:#101010;--ow-muted:#666}
.uebt-works-section,.uebt-works-section *{box-sizing:border-box}
.uebt-works-section{width:100%!important;max-width:none!important;margin:34px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
.uebt-works-viewport{width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;touch-action:pan-y!important}
.uebt-works-track{display:flex!important;align-items:stretch!important;width:max-content!important;will-change:transform!important;transform:translate3d(0,0,0)}
.uebt-works-group{display:flex!important;align-items:stretch!important;gap:16px!important;flex:0 0 auto!important;padding-right:16px!important}
.uebt-work-card{flex:0 0 clamp(230px,28vw,360px)!important;width:clamp(230px,28vw,360px)!important;aspect-ratio:1/1!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
.uebt-work-trigger{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:20px!important;background:#111!important;overflow:hidden!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:0 12px 30px rgba(0,0,0,.11)!important;text-align:inherit!important}
.uebt-work-trigger:focus-visible{outline:3px solid rgba(244,196,0,.65)!important;outline-offset:3px!important}
.uebt-work-media{position:relative!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;line-height:0!important;background:#111!important}
.uebt-work-media img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center!important;transition:transform .35s ease!important}
.uebt-work-trigger:hover .uebt-work-media img{transform:scale(1.035)!important}
.uebt-work-overlay{position:absolute!important;z-index:2!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.04) 35%,rgba(0,0,0,.78) 100%)!important;pointer-events:none!important}
.uebt-work-play{position:absolute!important;z-index:4!important;top:50%!important;left:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:58px!important;height:58px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important;pointer-events:none!important}
.uebt-work-play svg{width:25px!important;height:25px!important;fill:#111!important;stroke:none!important;margin-left:3px!important}
.uebt-work-name{position:absolute!important;z-index:4!important;right:15px!important;bottom:15px!important;left:15px!important;display:block!important;color:#fff!important;font-family:'Zain',Arial,sans-serif!important;font-size:22px!important;font-weight:800!important;line-height:1.25!important;text-align:center!important;text-shadow:0 2px 9px rgba(0,0,0,.95)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;pointer-events:none!important}
.uebt-work-placeholder{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:#fff!important;background:#111!important}.uebt-work-placeholder svg{width:54px!important;height:54px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.4!important}
.uebt-works-player{width:100%!important;margin:18px 0 0!important;padding:0!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:20px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(0,0,0,.08)!important}
.uebt-works-player[hidden]{display:none!important}
.uebt-works-player__bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:13px 16px!important;background:#111!important;color:#fff!important}
.uebt-works-player__bar strong{display:block!important;min-width:0!important;font-family:'Zain',Arial,sans-serif!important;font-size:20px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.uebt-works-player__close{flex:0 0 36px!important;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:#f4c400!important;color:#111!important;font-size:26px!important;line-height:1!important;cursor:pointer!important}
.uebt-works-player__stage{width:100%!important;aspect-ratio:16/9!important;background:#000!important;overflow:hidden!important}
.uebt-works-player__stage iframe,.uebt-works-player__stage video,.uebt-works-player__stage img{display:block!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;object-fit:contain!important;background:#000!important}
.uebt-works-footer{display:flex!important;justify-content:center!important;margin:14px 0 0!important;padding:0!important}.uebt-works-footer a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:9px 18px!important;border:0!important;border-radius:10px!important;background:#111!important;color:var(--ow-gold)!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;box-shadow:none!important;background-image:none!important}.uebt-works-footer a:hover,.uebt-works-footer a:focus{background:#181818!important;color:#ffe26a!important;text-decoration:none!important}
.uebt-works-section a,.uebt-works-section a:hover,.uebt-works-section a:focus,.uebt-works-section a:active{text-decoration:none!important;border:0!important;border-bottom:0!important;box-shadow:none!important;background-image:none!important}
.uebt-auto-works-block{display:block!important;width:100%!important;max-width:none!important;margin:30px 0!important;overflow:hidden!important}
@media(max-width:767px){.uebt-works-section{margin:26px 0!important}.uebt-works-group{gap:12px!important;padding-right:12px!important}.uebt-work-card{flex-basis:min(76vw,300px)!important;width:min(76vw,300px)!important}.uebt-work-trigger{border-radius:18px!important}.uebt-work-name{right:12px!important;bottom:12px!important;left:12px!important;font-size:20px!important}.uebt-work-play{width:50px!important;height:50px!important}.uebt-work-play svg{width:22px!important;height:22px!important}.uebt-works-player{border-radius:16px!important}.uebt-works-player__bar{padding:11px 13px!important}.uebt-works-player__bar strong{font-size:18px!important}.uebt-works-footer{margin-top:11px!important}.uebt-auto-works-block{margin:22px 0!important;overflow:hidden!important}}


/* 7.3.9 — robust mobile/desktop continuous strip */
.uebt-works-viewport{
  direction:ltr!important;
  overflow:hidden!important;
  scroll-behavior:auto!important;
  scrollbar-width:none!important;
  overscroll-behavior-x:none!important;
}
.uebt-works-viewport::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.uebt-works-track{
  direction:ltr!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:max-content!important;
  min-width:max-content!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  animation:none!important;
}
.uebt-works-group{
  direction:ltr!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  margin:0!important;
}
.uebt-work-card{display:block!important;visibility:visible!important;opacity:1!important;transform:none!important}
@media(max-width:767px){
  .uebt-works-section,.uebt-auto-works-block{display:block!important;visibility:visible!important;opacity:1!important;min-height:0!important;height:auto!important}
  .uebt-works-viewport{display:block!important;visibility:visible!important;opacity:1!important;min-height:min(78vw,300px)!important;height:min(78vw,300px)!important}
  .uebt-works-track,.uebt-works-group{height:100%!important;visibility:visible!important;opacity:1!important}
  .uebt-work-card{flex:0 0 min(78vw,300px)!important;width:min(78vw,300px)!important;height:min(78vw,300px)!important;min-width:min(78vw,300px)!important}
}


/* 7.3.9 — شاهد العمل + نافذة منبثقة */
.uebt-work-name{font-size:21px!important;font-weight:900!important;color:#fff!important}
.uebt-works-player{display:none!important}
.uebt-works-modal[hidden]{display:none!important}
.uebt-works-modal{position:fixed!important;z-index:2147483000!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;direction:rtl!important}
.uebt-works-modal__backdrop{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(7px)!important;cursor:pointer!important}
.uebt-works-modal__dialog{position:relative!important;z-index:1!important;width:min(980px,92vw)!important;max-height:90vh!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(244,196,0,.38)!important;border-radius:22px!important;background:#0d0d0d!important;box-shadow:0 30px 80px rgba(0,0,0,.42)!important}
.uebt-works-modal__bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 16px!important;background:#111!important;color:#fff!important}
.uebt-works-modal__bar strong{display:block!important;min-width:0!important;font-family:'Zain',Arial,sans-serif!important;font-size:21px!important;font-weight:800!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.uebt-works-modal__close{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f4c400!important;color:#111!important;font-size:28px!important;line-height:1!important;cursor:pointer!important}
.uebt-works-modal__stage{width:100%!important;aspect-ratio:16/9!important;max-height:calc(90vh - 62px)!important;background:#000!important;overflow:hidden!important}
.uebt-works-modal__stage iframe,.uebt-works-modal__stage video,.uebt-works-modal__stage img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;object-fit:contain!important;background:#000!important}
html.uebt-works-modal-open,body.uebt-works-modal-open{overflow:hidden!important}
@media(max-width:767px){.uebt-works-modal{padding:12px!important}.uebt-works-modal__dialog{width:96vw!important;border-radius:16px!important}.uebt-works-modal__bar{padding:10px 12px!important}.uebt-works-modal__bar strong{font-size:18px!important}.uebt-works-modal__stage{aspect-ratio:16/9!important}.uebt-work-name{font-size:19px!important}}


/* 7.3.12 — زر تشغيل أوضح + حالة تحميل الفيديو */
.uebt-work-play{width:62px!important;height:44px!important;border-radius:13px!important;background:#ff0033!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important}
.uebt-work-play svg{width:24px!important;height:24px!important;fill:#fff!important;margin-left:2px!important}
.uebt-work-trigger.is-loading .uebt-work-play{animation:uebtWorkPulse .85s ease-in-out infinite alternate!important}
@keyframes uebtWorkPulse{from{transform:translate(-50%,-50%) scale(.92)}to{transform:translate(-50%,-50%) scale(1.08)}}
.uebt-works-video-error{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;min-height:280px!important;padding:24px!important;color:#fff!important;background:#000!important;font-family:'Zain',Arial,sans-serif!important;font-size:24px!important;font-weight:800!important;text-align:center!important}
@media(max-width:767px){.uebt-work-play{width:56px!important;height:40px!important;border-radius:12px!important}.uebt-work-play svg{width:22px!important;height:22px!important}.uebt-works-video-error{min-height:210px!important;font-size:20px!important}}

/* 7.3.14 — native portfolio player fallback */
.uebt-works-modal__stage>iframe{display:block!important;width:100%!important;height:100%!important;min-height:100%!important;border:0!important;background:#000!important}


/* 7.3.17 — توهج علامة YouTube + شاهد العمل أسفلها مباشرة */
.uebt-work-play{
  top:46%!important;
  left:50%!important;
  width:64px!important;
  height:46px!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:14px!important;
  background:#ff0033!important;
  box-shadow:
    0 0 0 6px rgba(255,0,51,.12)!important,
    0 0 22px rgba(255,0,51,.78)!important,
    0 0 44px rgba(244,196,0,.30)!important,
    0 10px 28px rgba(0,0,0,.34)!important;
  animation:uebtYoutubeGlow 1.8s ease-in-out infinite alternate!important;
}
.uebt-work-play::after{
  content:""!important;
  position:absolute!important;
  inset:-9px!important;
  border-radius:19px!important;
  border:1px solid rgba(255,0,51,.28)!important;
  box-shadow:0 0 24px rgba(255,0,51,.28)!important;
  pointer-events:none!important;
}
.uebt-work-play svg{
  width:25px!important;
  height:25px!important;
  fill:#fff!important;
  margin-left:2px!important;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))!important;
}
.uebt-work-name{
  position:absolute!important;
  z-index:5!important;
  top:46%!important;
  right:auto!important;
  bottom:auto!important;
  left:50%!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,42px)!important;
  color:#fff!important;
  font-family:'Zain',Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:center!important;
  text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 14px rgba(244,196,0,.24)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  pointer-events:none!important;
}
@keyframes uebtYoutubeGlow{
  from{box-shadow:0 0 0 5px rgba(255,0,51,.10),0 0 18px rgba(255,0,51,.62),0 0 34px rgba(244,196,0,.20),0 10px 26px rgba(0,0,0,.32)}
  to{box-shadow:0 0 0 7px rgba(255,0,51,.15),0 0 30px rgba(255,0,51,.92),0 0 52px rgba(244,196,0,.34),0 12px 30px rgba(0,0,0,.36)}
}
.uebt-work-trigger.is-loading .uebt-work-play{
  animation:uebtYoutubeGlow 1.05s ease-in-out infinite alternate!important;
}
@media(max-width:767px){
  .uebt-work-play{
    top:45%!important;
    width:58px!important;
    height:42px!important;
    border-radius:12px!important;
  }
  .uebt-work-play::after{inset:-7px!important;border-radius:17px!important}
  .uebt-work-play svg{width:23px!important;height:23px!important}
  .uebt-work-name{
    top:45%!important;
    transform:translate(-50%,38px)!important;
    font-size:16px!important;
  }
}


/* 7.3.17 — عنوان السيكشن + وميض شاهد العمل + صور بدون أشرطة سوداء */
.uebt-works-heading{
  width:100%!important;
  margin:0 0 18px!important;
  padding:0 14px!important;
  text-align:center!important;
}
.uebt-works-heading h2{
  display:inline-block!important;
  margin:0!important;
  padding:0 0 9px!important;
  color:#111!important;
  font-family:'Zain',Arial,sans-serif!important;
  font-size:clamp(24px,2.7vw,38px)!important;
  font-weight:900!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  border-bottom:3px solid #f4c400!important;
}

.uebt-work-media{
  background:transparent!important;
}
.uebt-work-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.055)!important;
  background:transparent!important;
}
.uebt-work-trigger:hover .uebt-work-media img{
  transform:scale(1.085)!important;
}
.uebt-work-overlay{
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.02) 55%,rgba(0,0,0,.26) 100%)!important;
}

.uebt-work-name{
  animation:uebtWorkNameBlink 1.55s ease-in-out infinite!important;
  will-change:opacity!important;
}
@keyframes uebtWorkNameBlink{
  0%,35%,100%{opacity:1}
  55%,75%{opacity:0}
}

@media(max-width:767px){
  .uebt-works-heading{margin-bottom:14px!important;padding:0 8px!important}
  .uebt-works-heading h2{
    font-size:clamp(20px,5.2vw,28px)!important;
    border-bottom-width:2px!important;
  }
  .uebt-work-media img{transform:scale(1.065)!important}
}

@media(prefers-reduced-motion:reduce){
  .uebt-work-name{animation:none!important;opacity:1!important}
}


/* 7.3.18 — عنوان سيكشن الأعمال كنص عادي ومحاذاة يمين */
.uebt-works-heading{
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  text-align:right!important;
}
.uebt-works-heading .uebt-works-heading-text{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#333!important;
  font-family:'Zain',Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.6!important;
  text-align:right!important;
  white-space:normal!important;
  border:0!important;
  text-decoration:none!important;
}
.uebt-works-heading h2{display:none!important;}
@media(max-width:767px){
  .uebt-works-heading{margin-bottom:12px!important;}
  .uebt-works-heading .uebt-works-heading-text{font-size:16px!important;}
}


/* 7.3.19 — عنوان الأعمال نص عادي يمين + نقطة متوهجة + Fade */
.uebt-works-heading{
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  text-align:right!important;
  direction:rtl!important;
}
.uebt-works-heading-text{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  color:#2f2f2f!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  font-family:'Zain',Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.6!important;
  text-align:right!important;
  animation:uebtWorksHeadingPulse 3.2s ease-in-out infinite!important;
}
.uebt-works-heading-text::before{
  content:""!important;
  display:block!important;
  flex:0 0 7px!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#f4c400!important;
  box-shadow:0 0 0 4px rgba(244,196,0,.12),0 0 12px rgba(244,196,0,.58)!important;
}
@keyframes uebtWorksHeadingPulse{
  0%,38%,100%{opacity:1}
  54%,70%{opacity:.16}
}
@media(max-width:767px){
  .uebt-works-heading{margin-bottom:11px!important}
  .uebt-works-heading-text{font-size:16px!important;gap:8px!important}
  .uebt-works-heading-text::before{width:7px!important;height:7px!important;flex-basis:7px!important}
}


/* 7.3.20 — عنوان الأعمال Typewriter في سطر واحد */
.uebt-works-heading{
  overflow:visible!important;
}
.uebt-works-heading-text{
  display:inline-flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
  animation:none!important;
  opacity:1!important;
  vertical-align:middle!important;
}
.uebt-works-heading-text::before{
  flex:0 0 7px!important;
  width:7px!important;
  height:7px!important;
  margin:0!important;
}
.uebt-works-heading-copy{
  display:inline-block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  opacity:1;
  will-change:opacity;
}
@media(max-width:767px){
  .uebt-works-heading-text{
    gap:6px!important;
    font-size:15px!important;
    line-height:1.45!important;
  }
  .uebt-works-heading-text::before{
    flex-basis:6px!important;
    width:6px!important;
    height:6px!important;
  }
}


/* 7.3.21 — تثبيت النقطة والنص في نفس السطر */
.uebt-works-heading{
  display:block!important;
  text-align:right!important;
  direction:rtl!important;
}
.uebt-works-heading-text{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  line-height:1.25!important;
}
.uebt-works-heading-text::before{
  display:none!important;
  content:none!important;
}
.uebt-works-heading-dot{
  display:inline-block!important;
  flex:0 0 7px!important;
  width:7px!important;
  height:7px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:#f4c400!important;
  box-shadow:0 0 0 4px rgba(244,196,0,.12),0 0 12px rgba(244,196,0,.58)!important;
  align-self:center!important;
}
.uebt-works-heading-copy{
  display:inline-block!important;
  flex:0 1 auto!important;
  min-width:0!important;
  white-space:nowrap!important;
  line-height:1.25!important;
  vertical-align:middle!important;
}
@media(max-width:767px){
  .uebt-works-heading-text{
    gap:6px!important;
    font-size:15px!important;
  }
  .uebt-works-heading-dot{
    flex-basis:6px!important;
    width:6px!important;
    height:6px!important;
  }
}


/* 7.3.23 — مسافة أوضح بين النقطة والنص */
.uebt-works-heading-text{
  gap:12px!important;
}
@media(max-width:767px){
  .uebt-works-heading-text{
    gap:10px!important;
  }
}


/* 7.3.23 — مسافة ثابتة فعلية بين النقطة والنص */
.uebt-works-heading-text{
  gap:0!important;
  column-gap:0!important;
}
.uebt-works-heading-dot{
  margin-left:16px!important;
  margin-right:0!important;
}
@media(max-width:767px){
  .uebt-works-heading-dot{
    margin-left:14px!important;
    margin-right:0!important;
  }
}

/* 7.3.26 — السماح بالتحريك البرمجي الموثوق مع إخفاء السكرول */
.uebt-works-viewport{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.uebt-works-viewport::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}