.elkasa-projects-widget.elkasa-projects-section,
.elkasa-projects-widget.elkasa-projects-section *{
  box-sizing:border-box;
}
.elkasa-projects-widget.elkasa-projects-section{
  position:relative;
  width:100%;
  min-height:610px;
  padding:48px 18px 32px;
  background:#020305;
  overflow:hidden !important;
  isolation:isolate;
  direction:rtl;
  contain:layout paint style;
}
.elkasa-projects-widget .elkasa-bg{
  position:absolute;
  inset:0;
  top:-90px;
  height:calc(100% + 180px);
  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;
  filter:brightness(.72) contrast(1.08) saturate(1.05) blur(.25px);
  transform:translate3d(0,0,0) scale(1.015);
  z-index:-5;
}
.elkasa-projects-widget .elkasa-bg,
.elkasa-projects-widget .elkasa-shade{
  pointer-events:none;
}
.elkasa-projects-widget .elkasa-shade{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 38%, rgba(0,88,255,.16), transparent 38%),
    linear-gradient(to bottom, rgba(0,0,0,.16), rgba(0,0,0,.42) 44%, rgba(0,0,0,.82));
  z-index:-4;
}
.elkasa-projects-widget.elkasa-projects-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:44px 44px;
  opacity:.20;
  mask-image:linear-gradient(to bottom, transparent, #000 14%, #000 86%, transparent);
  pointer-events:none;
  z-index:-3;
}
.elkasa-projects-widget.elkasa-projects-section:after{
  content:"";
  position:absolute;
  left:-90px;
  bottom:60px;
  width:260px;
  height:260px;
  background:#075fff;
  filter:blur(120px);
  opacity:.30;
  z-index:-2;
}
.elkasa-projects-widget .elkasa-inner{
  position:relative;
  z-index:5;
  max-width:1320px;
  margin:0 auto;
}
.elkasa-projects-widget .elkasa-heading{
  text-align:center;
  margin-bottom:8px;
}
.elkasa-projects-widget .elkasa-heading span{
  display:block;
  color:#0A6CFF;
  direction:ltr;
  font-size:12px;
  font-weight:900;
  letter-spacing:9px;
  text-shadow:0 0 18px rgba(0,102,255,.90);
}
.elkasa-projects-widget .elkasa-heading h2{
  margin:4px 0 3px;
  color:#fff;
  font-size:48px;
  line-height:1.08;
  font-weight:900;
  text-shadow:0 12px 36px rgba(0,0,0,.98);
}
.elkasa-projects-widget .elkasa-heading h2:after{
  content:"";
  display:block;
  width:140px;
  height:7px;
  margin:5px auto 0;
  background:#0A6CFF;
  border-radius:30px;
  transform:skewX(-18deg);
  box-shadow:0 0 26px rgba(0,102,255,.95);
}
.elkasa-projects-widget .elkasa-heading p{
  margin:0;
  color:#f2f2f2;
  font-size:14px;
  text-shadow:0 8px 22px rgba(0,0,0,.9);
}
.elkasa-projects-widget .elkasa-carousel-box{
  position:relative;
  padding:0 70px 0;
  overflow:visible !important;
}
.elkasa-projects-widget .exact-window{
  position:relative;
  overflow:hidden;
  padding:30px 0 26px;
  contain:layout paint style;
}
.elkasa-projects-widget .exact-track{
  display:flex;
  gap:22px;
  direction:ltr;
  transition:transform .52s cubic-bezier(.22,.75,.25,1);
}
.elkasa-projects-widget .exact-track.is-moving{
  will-change:transform;
}
.elkasa-projects-widget .exact-card{
  position:relative;
  flex:0 0 calc((100% - 66px) / 4);
  height:315px;
  overflow:visible;
}
.elkasa-projects-widget .exact-card:nth-child(odd) .exact-paper{
  transform:rotate(-1.25deg);
}
.elkasa-projects-widget .exact-card:nth-child(even) .exact-paper{
  transform:rotate(1.15deg);
}
.elkasa-projects-widget .exact-card:hover{
  z-index:20;
}
.elkasa-projects-widget .exact-card:hover .exact-paper{
  transform:translateY(-12px) rotate(0deg) scale(1.012);
  border-color:rgba(255,255,255,.76);
  box-shadow:
    0 0 42px rgba(0,102,255,.58),
    0 28px 65px rgba(0,0,0,.86);
}
.elkasa-projects-widget .exact-paper{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  border-radius:3px;
  border:1px solid rgba(255,255,255,.58);
  background:rgba(255,255,255,.04);
  box-shadow:
    0 24px 58px rgba(0,0,0,.78),
    inset 0 0 0 1px rgba(255,255,255,.08);
  transition:.34s ease;
}
.elkasa-projects-widget .exact-paper:before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(to top, rgba(0,0,0,.96), rgba(0,0,0,.54) 44%, transparent 77%);
}
.elkasa-projects-widget .exact-paper:after{
  content:"";
  position:absolute;
  right:-38px;
  bottom:-38px;
  width:128px;
  height:128px;
  background:#075fff;
  opacity:.78;
  filter:blur(29px);
  z-index:3;
  pointer-events:none;
}
.elkasa-projects-widget .exact-card .elkasa-card-action{
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  color:inherit;
}
.elkasa-projects-widget .exact-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.025);
  filter:brightness(.76) contrast(1.1) saturate(1.05);
  transition:.45s ease;
}
.elkasa-projects-widget .exact-card:hover img{
  transform:scale(1.075);
  filter:brightness(.86) contrast(1.13) saturate(1.08);
}
.elkasa-projects-widget .exact-tape-top{
  position:absolute;
  right:-18px;
  top:12px;
  width:108px;
  height:29px;
  z-index:9;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.86) 0 7px,
      rgba(210,210,210,.62) 7px 14px
    );
  color:rgba(0,0,0,.62);
  font-family:Arial Black, sans-serif;
  font-size:11px;
  letter-spacing:1px;
  opacity:.82;
  transform:rotate(36deg);
  box-shadow:0 6px 16px rgba(0,0,0,.42);
  pointer-events:none;
}
.elkasa-projects-widget .exact-tape-top:before{
  content:"ELKASA";
}
.elkasa-projects-widget .exact-tape-bottom{
  position:absolute;
  left:-16px;
  bottom:76px;
  width:98px;
  height:27px;
  z-index:9;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,.78) 0 7px,
      rgba(205,205,205,.52) 7px 14px
    );
  color:rgba(0,0,0,.58);
  font-family:Arial Black, sans-serif;
  font-size:10px;
  letter-spacing:1px;
  opacity:.72;
  transform:rotate(-34deg);
  box-shadow:0 6px 16px rgba(0,0,0,.38);
  pointer-events:none;
}
.elkasa-projects-widget .exact-tape-bottom:before{
  content:"ELKASA";
}
.elkasa-projects-widget .exact-info{
  position:absolute;
  right:20px;
  left:20px;
  bottom:18px;
  z-index:10;
  direction:rtl;
  pointer-events:none;
}
.elkasa-projects-widget .exact-info span{
  display:block;
  color:#0A6CFF;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(0,102,255,.80);
}
.elkasa-projects-widget .exact-info h3{
  margin:4px 0 12px;
  color:#fff;
  font-size:31px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  direction:ltr;
  text-align:right;
  text-shadow:0 9px 25px rgba(0,0,0,.96);
}
.elkasa-projects-widget .exact-info em{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:118px;
  height:36px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.06));
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  color:#ffffff;
  font-style:normal;
  font-size:12px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 0 18px rgba(0,102,255,.18);
  overflow:hidden;
}
.elkasa-projects-widget .exact-info em:before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:11px;
  background:linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.02) 55%, rgba(255,255,255,.10));
  pointer-events:none;
}
.elkasa-projects-widget .exact-info em:after{
  content:"";
  position:absolute;
  top:-40%;
  left:-55%;
  width:46%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.32), rgba(255,255,255,0));
  transform:rotate(22deg);
  pointer-events:none;
}
.elkasa-projects-widget .exact-arrow{
  position:absolute;
  top:50%;
  width:56px;
  height:56px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.46);
  background:radial-gradient(circle at center, rgba(10,108,255,.98), rgba(10,108,255,.38));
  color:#fff;
  cursor:pointer;
  z-index:60;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 0 32px rgba(0,102,255,.78),
    inset 0 0 18px rgba(255,255,255,.14);
  transition:.25s ease;
}
.elkasa-projects-widget .exact-arrow:hover{
  background:#0A6CFF;
}
.elkasa-projects-widget .exact-arrow svg{
  width:29px;
  height:29px;
  fill:none;
  stroke:#fff;
  stroke-width:2.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.elkasa-projects-widget .exact-prev{
  left:0;
  transform:translateY(-50%);
}
.elkasa-projects-widget .exact-next{
  right:0;
  transform:translateY(-50%);
}
.elkasa-projects-widget .exact-prev:hover,
.elkasa-projects-widget .exact-next:hover{
  transform:translateY(-50%) scale(1.08);
}

@media(max-width:1024px){
.elkasa-projects-widget .elkasa-carousel-box{
    padding-left:54px;
    padding-right:54px;
  }
.elkasa-projects-widget .exact-card{
    flex-basis:calc((100% - 22px) / 2);
    height:320px;
  }
}

@media(max-width:767px){
.elkasa-projects-widget.elkasa-projects-section{
    min-height:auto;
    padding:38px 12px 30px;
    contain:layout paint style;
  }
.elkasa-projects-widget .elkasa-bg{
    top:0;
    height:100%;
    background-position:center center;
    filter:none;
    opacity:.70;
    transform:none !important;
    will-change:auto !important;
  }
.elkasa-projects-widget .elkasa-shade{
    background:
      radial-gradient(circle at 50% 35%, rgba(0,88,255,.14), transparent 42%),
      linear-gradient(to bottom, rgba(0,0,0,.28), rgba(0,0,0,.48) 45%, rgba(0,0,0,.86));
  }
.elkasa-projects-widget.elkasa-projects-section:before{
    display:none;
  }
.elkasa-projects-widget.elkasa-projects-section:after{
    left:-55px;
    bottom:40px;
    width:190px;
    height:190px;
    background:radial-gradient(circle, rgba(7,95,255,.38), rgba(7,95,255,0) 70%);
    filter:none;
    opacity:1;
  }
.elkasa-projects-widget .elkasa-heading{
    margin-bottom:10px;
  }
.elkasa-projects-widget .elkasa-heading span{
    font-size:10px;
    letter-spacing:5px;
  }
.elkasa-projects-widget .elkasa-heading h2{
    font-size:34px;
  }
.elkasa-projects-widget .elkasa-heading p{
    max-width:320px;
    margin:auto;
    font-size:12px;
    line-height:1.8;
  }
.elkasa-projects-widget .elkasa-carousel-box{
    padding:0 32px;
  }
.elkasa-projects-widget .exact-window{
    padding:24px 0 25px;
    contain:layout paint;
  }
.elkasa-projects-widget .exact-card{
    flex-basis:100%;
    height:clamp(306px, 88vw, 354px);
    contain:layout style;
  }
.elkasa-projects-widget .exact-card:nth-child(odd) .exact-paper,
.elkasa-projects-widget .exact-card:nth-child(even) .exact-paper{
    transform:rotate(0deg);
  }
.elkasa-projects-widget .exact-paper{
    box-shadow:
      0 18px 38px rgba(0,0,0,.66),
      inset 0 0 0 1px rgba(255,255,255,.08);
    transition:none;
  }
.elkasa-projects-widget .exact-paper:before{
    background:
      linear-gradient(to top, rgba(0,0,0,.96), rgba(0,0,0,.54) 44%, transparent 77%),
      linear-gradient(rgba(0,0,0,.18), rgba(0,0,0,.18));
  }
.elkasa-projects-widget .exact-paper:after{
    right:-28px;
    bottom:-28px;
    width:108px;
    height:108px;
    background:radial-gradient(circle, rgba(7,95,255,.72), rgba(7,95,255,0) 70%);
    filter:none;
    opacity:1;
  }
.elkasa-projects-widget .exact-card img{
    transform:none;
    filter:none;
    opacity:1;
    transition:none;
  }
.elkasa-projects-widget .exact-card:hover .exact-paper,
.elkasa-projects-widget .exact-card:active .exact-paper{
    transform:none;
    border-color:rgba(255,255,255,.58);
    box-shadow:
      0 18px 38px rgba(0,0,0,.66),
      inset 0 0 0 1px rgba(255,255,255,.08);
  }
.elkasa-projects-widget .exact-card:hover img,
.elkasa-projects-widget .exact-card:active img{
    transform:none;
    filter:none;
  }
.elkasa-projects-widget .exact-info em{
    background:rgba(24,34,52,.82);
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      0 0 14px rgba(0,102,255,.16);
  }
.elkasa-projects-widget .exact-info{
    right:16px;
    left:16px;
    bottom:16px;
  }
.elkasa-projects-widget .exact-info h3{
    font-size:29px;
  }
.elkasa-projects-widget .exact-info em{
    min-width:108px;
    height:34px;
    padding:0 14px;
    font-size:11px;
    border-radius:11px;
  }
.elkasa-projects-widget .exact-arrow{
    width:40px;
    height:40px;
    box-shadow:
      0 0 18px rgba(0,102,255,.56),
      inset 0 0 10px rgba(255,255,255,.12);
    transition:none;
  }
.elkasa-projects-widget .exact-arrow svg{
    width:23px;
    height:23px;
  }
.elkasa-projects-widget .exact-prev:hover,
.elkasa-projects-widget .exact-next:hover,
.elkasa-projects-widget .exact-prev:active,
.elkasa-projects-widget .exact-next:active{
    transform:translateY(-50%);
  }
}

@media(max-width:480px){
.elkasa-projects-widget.elkasa-projects-section{
    padding:32px 10px 24px;
  }
.elkasa-projects-widget .elkasa-heading span{
    font-size:9px;
    letter-spacing:4px;
  }
.elkasa-projects-widget .elkasa-heading h2{
    font-size:30px;
  }
.elkasa-projects-widget .elkasa-heading h2:after{
    width:112px;
    height:5px;
  }
.elkasa-projects-widget .elkasa-heading p{
    max-width:290px;
    font-size:11px;
    line-height:1.75;
  }
.elkasa-projects-widget .elkasa-carousel-box{
    padding:0 28px;
  }
.elkasa-projects-widget .exact-window{
    padding:21px 0 22px;
  }
.elkasa-projects-widget .exact-card{
    height:clamp(292px, 91vw, 330px);
  }
.elkasa-projects-widget .exact-info h3{
    font-size:26px;
  }
.elkasa-projects-widget .exact-arrow{
    width:36px;
    height:36px;
  }
.elkasa-projects-widget .exact-arrow svg{
    width:21px;
    height:21px;
  }
}

@media(prefers-reduced-motion:reduce){
.elkasa-projects-widget .exact-track{
    transition-duration:.01ms !important;
  }
.elkasa-projects-widget .exact-paper,
.elkasa-projects-widget .exact-card img,
.elkasa-projects-widget .exact-arrow{
    transition:none !important;
  }
}

/* Flex items must not inherit the minimum intrinsic width of a full-size image. */
.elkasa-projects-widget .exact-card { min-width:0; }
.elkasa-projects-widget .exact-track { min-width:0; width:100%; }
.elkasa-projects-widget .exact-window { min-width:0; touch-action:pan-y; }
.elkasa-projects-widget .exact-arrow:disabled { opacity:.45; cursor:default; }
.elkasa-projects-widget .exact-arrow svg { pointer-events:none; }
.elkasa-projects-widget a:focus-visible,
.elkasa-projects-widget button:focus-visible { outline:2px solid white; outline-offset:-3px; }
.elkasa-projects-widget .exact-tape-top:before,
.elkasa-projects-widget .exact-tape-bottom:before { content:attr(data-tape); }

/* ==========================================================
   ELKASA Projects 1.1.5 — slide actions and video popup
   ========================================================== */
body.elkasa-video-lock{
  overflow:hidden !important;
  overscroll-behavior:none;
}

.elkasa-projects-widget .elkasa-card-action{
  position:absolute;
  inset:0;
}
.elkasa-projects-widget button.elkasa-card-action{
  display:block;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  outline:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:inherit;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.elkasa-projects-widget .elkasa-card-static{cursor:default;}
.elkasa-projects-widget .elkasa-cover-placeholder{
  position:absolute;
  inset:0;
  display:block;
  background:
    radial-gradient(circle at 55% 45%, rgba(10,108,255,.22), transparent 38%),
    linear-gradient(145deg,#111720,#030507 70%);
}
.elkasa-projects-widget .elkasa-video-trigger:focus-visible{
  outline:2px solid #fff;
  outline-offset:-4px;
}

.elkasa-projects-widget .elkasa-card-play{
  position:absolute;
  left:50%;
  top:43%;
  transform:translate(-50%,-50%);
  z-index:30;
  width:76px;
  height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:2px solid rgba(44,132,255,.96);
  background:rgba(4,15,31,.56);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10) inset,
    0 0 34px rgba(0,103,255,.60),
    0 14px 35px rgba(0,0,0,.52);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
  pointer-events:none;
}

/* Keep the video marker above the card's decorative layers on desktop. */
@media(min-width:768px){
  .elkasa-projects-widget .exact-card.has-video .elkasa-card-play{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:30 !important;
  }
}
.elkasa-projects-widget .elkasa-card-play svg{
  width:44%;
  height:44%;
  fill:#fff;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.28));
  transform:translateX(4%);
}
.elkasa-projects-widget .elkasa-video-trigger:hover .elkasa-card-play,
.elkasa-projects-widget .elkasa-video-trigger:focus-visible .elkasa-card-play{
  transform:translate(-50%,-50%) scale(1.08);
  background:rgba(10,108,255,.78);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.14) inset,
    0 0 45px rgba(0,103,255,.88),
    0 18px 42px rgba(0,0,0,.56);
}

/* The modal is portalled to body while open, so these selectors are global. */
.elkasa-projects-video-modal{
  --elkasa-player-accent:#0A6CFF;
  position:fixed;
  inset:0;
  z-index:2147483640;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(14px,3vw,38px);
  direction:ltr;
  font-family:inherit;
}
.elkasa-projects-video-modal[hidden]{display:none !important;}
.elkasa-projects-video-modal .elkasa-video-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.84);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.elkasa-projects-video-modal .elkasa-player-shell{
  position:relative;
  z-index:2;
  width:min(1180px,96vw);
  max-width:1180px;
  max-height:94vh;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:#05080d;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 70px rgba(0,98,255,.20),
    0 32px 100px rgba(0,0,0,.85);
}
.elkasa-projects-video-modal.is-fullscreen{
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  padding:0 !important;
  align-items:stretch;
  justify-content:stretch;
  background:#000;
}
.elkasa-projects-video-modal.is-fullscreen .elkasa-video-backdrop{
  display:none;
}
.elkasa-projects-video-modal .elkasa-player-shell.is-fullscreen{
  position:fixed;
  inset:0;
  display:flex;
  flex-direction:column;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#000 !important;
  box-shadow:none !important;
}
.elkasa-projects-video-modal .elkasa-player-shell.is-fullscreen .elkasa-player-topbar,
.elkasa-projects-video-modal .elkasa-player-shell.is-fullscreen .elkasa-player-controls{
  flex:0 0 auto;
}
.elkasa-projects-video-modal .elkasa-player-shell.is-fullscreen .elkasa-player-topbar{
  padding-top:max(9px,env(safe-area-inset-top));
}
.elkasa-projects-video-modal .elkasa-player-shell.is-fullscreen .elkasa-player-stage{
  flex:1 1 auto;
  min-height:0;
  height:auto;
  max-height:none !important;
  aspect-ratio:auto;
}
.elkasa-projects-video-modal .elkasa-player-shell.is-fullscreen .elkasa-player-video{
  width:100%;
  height:100%;
  object-fit:contain;
}
.elkasa-projects-video-modal .elkasa-player-shell.is-fullscreen .elkasa-player-controls{
  padding-bottom:max(10px,env(safe-area-inset-bottom));
}
.elkasa-projects-video-modal .elkasa-player-topbar{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:9px 10px 9px 16px;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
}
.elkasa-projects-video-modal .elkasa-player-title{
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:#fff;
  font-size:13px;
  font-weight:700;
  opacity:.88;
  direction:auto;
}
.elkasa-projects-video-modal .elkasa-player-close{
  flex:0 0 34px;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  appearance:none;
  -webkit-appearance:none;
}
.elkasa-projects-video-modal .elkasa-player-close:hover{background:rgba(255,255,255,.13);}
.elkasa-projects-video-modal .elkasa-player-close svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
}
.elkasa-projects-video-modal .elkasa-player-stage{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  max-height:calc(94vh - 112px);
  overflow:hidden;
  background:#000;
}
.elkasa-projects-video-modal .elkasa-player-video{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
  outline:none;
}
.elkasa-projects-video-modal .elkasa-player-center-play{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:76px;
  height:76px;
  padding:0;
  border-radius:999px;
  border:2px solid var(--elkasa-player-accent);
  background:rgba(4,13,28,.62);
  box-shadow:0 0 42px color-mix(in srgb, var(--elkasa-player-accent) 68%, transparent);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
  appearance:none;
  -webkit-appearance:none;
}
.elkasa-projects-video-modal .elkasa-player-center-play:hover{
  transform:translate(-50%,-50%) scale(1.06);
  background:var(--elkasa-player-accent);
}
.elkasa-projects-video-modal .elkasa-player-center-play svg{width:38px;height:38px;fill:#fff;}
.elkasa-projects-video-modal .elkasa-player-center-play .elkasa-icon-play{transform:translateX(2px);}
.elkasa-projects-video-modal .elkasa-icon-pause{display:none;}
.elkasa-projects-video-modal.is-playing .elkasa-icon-play{display:none;}
.elkasa-projects-video-modal.is-playing .elkasa-icon-pause{display:block;}
.elkasa-projects-video-modal.is-playing .elkasa-player-center-play{
  opacity:0;
  pointer-events:none;
}
.elkasa-projects-video-modal.is-playing .elkasa-player-stage:hover .elkasa-player-center-play,
.elkasa-projects-video-modal.is-playing .elkasa-player-stage:focus-within .elkasa-player-center-play{
  opacity:1;
  pointer-events:auto;
}
.elkasa-projects-video-modal.has-player-error .elkasa-player-center-play{display:none;}
.elkasa-projects-video-modal .elkasa-player-error{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(88%,520px);
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:rgba(10,12,17,.92);
  color:#fff;
  text-align:center;
  direction:rtl;
  font-size:13px;
  line-height:1.8;
}
.elkasa-projects-video-modal .elkasa-player-controls{
  min-height:63px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px 12px;
  background:linear-gradient(180deg,#0b1018,#06090e);
  border-top:1px solid rgba(255,255,255,.08);
  color:#fff;
  user-select:none;
}
.elkasa-projects-video-modal .elkasa-player-btn{
  position:relative;
  flex:0 0 38px;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.elkasa-projects-video-modal .elkasa-player-btn:hover{background:rgba(255,255,255,.09);}
.elkasa-projects-video-modal .elkasa-player-btn svg{
  width:22px;
  height:22px;
  fill:#fff;
  stroke:#fff;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.elkasa-projects-video-modal .elkasa-seek-back svg,
.elkasa-projects-video-modal .elkasa-seek-forward svg{fill:none;width:25px;height:25px;}
.elkasa-projects-video-modal .elkasa-seek-back b,
.elkasa-projects-video-modal .elkasa-seek-forward b{
  position:absolute;
  left:50%;
  top:51%;
  transform:translate(-50%,-50%);
  color:#fff;
  font-size:8px;
  font-family:Arial,sans-serif;
  font-weight:900;
  line-height:1;
}
.elkasa-projects-video-modal .elkasa-player-time{
  flex:0 0 auto;
  min-width:88px;
  color:rgba(255,255,255,.78);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:11px;
  white-space:nowrap;
}
.elkasa-projects-video-modal .elkasa-player-time i{font-style:normal;opacity:.45;margin:0 3px;}
.elkasa-projects-video-modal .elkasa-player-progress,
.elkasa-projects-video-modal .elkasa-player-volume{
  accent-color:var(--elkasa-player-accent);
  cursor:pointer;
}
.elkasa-projects-video-modal .elkasa-player-progress{flex:1 1 auto;min-width:100px;}
.elkasa-projects-video-modal .elkasa-player-progress:disabled{cursor:default;opacity:.5;}
.elkasa-projects-video-modal .elkasa-player-volume{flex:0 1 84px;min-width:42px;max-width:84px;}
.elkasa-projects-video-modal .elkasa-icon-muted{display:none;}
.elkasa-projects-video-modal.is-muted .elkasa-icon-volume{display:none;}
.elkasa-projects-video-modal.is-muted .elkasa-icon-muted{display:block;}
.elkasa-projects-video-modal .elkasa-player-btn:focus-visible,
.elkasa-projects-video-modal .elkasa-player-close:focus-visible,
.elkasa-projects-video-modal .elkasa-player-center-play:focus-visible,
.elkasa-projects-video-modal input[type="range"]:focus-visible{
  outline:2px solid var(--elkasa-player-accent);
  outline-offset:2px;
}

@supports not (background:color-mix(in srgb, red 50%, transparent)){
  .elkasa-projects-video-modal .elkasa-player-center-play{box-shadow:0 0 42px rgba(10,108,255,.58);}
}

@media(max-width:767px){
  .elkasa-projects-widget .elkasa-card-play{width:64px;height:64px;}
  .elkasa-projects-video-modal{padding:8px;}
  .elkasa-projects-video-modal .elkasa-player-shell{width:100%;max-width:none;border-radius:14px;}
  .elkasa-projects-video-modal .elkasa-player-topbar{min-height:44px;padding:6px 7px 6px 12px;}
  .elkasa-projects-video-modal .elkasa-player-title{font-size:11px;}
  .elkasa-projects-video-modal .elkasa-player-stage{max-height:calc(92vh - 118px);}
  .elkasa-projects-video-modal .elkasa-player-controls{min-height:62px;gap:3px;padding:8px 7px;}
  .elkasa-projects-video-modal .elkasa-player-btn{width:34px;height:34px;flex-basis:34px;}
  .elkasa-projects-video-modal .elkasa-player-time{min-width:72px;font-size:9px;}
  .elkasa-projects-video-modal .elkasa-player-volume{display:none;}
  .elkasa-projects-video-modal .elkasa-player-progress{min-width:55px;}
  .elkasa-projects-video-modal .elkasa-player-center-play{width:64px;height:64px;}
}

@media(max-width:480px){
  .elkasa-projects-video-modal .elkasa-player-time{display:none;}
  .elkasa-projects-video-modal .elkasa-player-controls{gap:1px;}
  .elkasa-projects-video-modal .elkasa-player-progress{min-width:50px;}
  .elkasa-projects-video-modal .elkasa-player-mute{display:none;}
}

@media(prefers-reduced-motion:reduce){
  .elkasa-projects-widget .elkasa-card-play,
  .elkasa-projects-video-modal .elkasa-player-center-play{transition:none !important;}
}