/* MobiLux Elementor Hero Slider — isolated bridge around the original homepage visual language. */
.mobilux-elementor-hero{
  position:relative;
  width:100%;
  margin-inline:auto;
}
.mobilux-elementor-hero .hero-card{
  position:relative;
  isolation:isolate;
  --mobilux-hero-speed:450ms;
}
.mobilux-elementor-hero .mobilux-hero-slider__slides{
  display:grid;
  min-height:inherit;
}
.mobilux-elementor-hero .mobilux-hero-slide{
  grid-area:1/1;
  min-width:0;
  min-height:inherit;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,8px,0) scale(.996);
  transition:opacity var(--mobilux-hero-speed) ease,transform var(--mobilux-hero-speed) cubic-bezier(.2,.8,.2,1),visibility 0s linear var(--mobilux-hero-speed);
}
.mobilux-elementor-hero .mobilux-hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
  transition-delay:0s;
}
.mobilux-elementor-hero .mobilux-hero-slide>.row{
  min-height:inherit;
}
.mobilux-elementor-hero .hero-copy h1 .mobilux-hero-title-main{
  color:inherit;
}
.mobilux-elementor-hero .mobilux-hero-actions{
  align-items:center;
}
.mobilux-elementor-hero .hero-btn{
  gap:8px;
  text-decoration:none;
}
.mobilux-elementor-hero .mobilux-hero-icon{
  display:inline-grid;
  place-items:center;
  line-height:1;
  flex:0 0 auto;
}
.mobilux-elementor-hero .mobilux-hero-icon svg{
  width:1em;
  height:1em;
  fill:currentColor;
}
.mobilux-elementor-hero .floating-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.mobilux-elementor-hero .hero-pagination button,
.mobilux-elementor-hero .hero-v13-nav{
  cursor:pointer;
}
.mobilux-elementor-hero .hero-v13-nav:disabled{
  opacity:.38;
  cursor:not-allowed;
  transform:none!important;
}
.mobilux-elementor-hero .hero-pagination button:focus-visible,
.mobilux-elementor-hero .hero-v13-nav:focus-visible,
.mobilux-elementor-hero .hero-btn:focus-visible{
  outline:3px solid color-mix(in srgb,var(--ml-primary) 22%,transparent);
  outline-offset:3px;
}
.mobilux-elementor-hero .hero-v13-progress>span{
  width:100%;
  transform:scaleX(0);
  transform-origin:right center;
  will-change:transform;
}
.mobilux-elementor-hero:dir(ltr) .hero-v13-progress>span{
  transform-origin:left center;
}
.mobilux-elementor-hero .mobilux-hero-slide[aria-hidden="true"] a,
.mobilux-elementor-hero .mobilux-hero-slide[aria-hidden="true"] button{
  pointer-events:none;
}
.elementor-editor-active .mobilux-elementor-hero .hero-card{
  min-width:0;
}
@media(max-width:1024px){
  .mobilux-elementor-hero .hero-copy .mobilux-hero-actions,
  .mobilux-elementor-hero .hero-metrics{
    justify-content:center;
  }
}
@media(max-width:767px){
  .mobilux-elementor-hero .mobilux-hero-slider__slides{
    min-height:inherit;
  }
  .mobilux-elementor-hero .hero-metrics{
    flex-wrap:wrap;
  }
  .mobilux-elementor-hero .hero-btn{
    flex:1 1 150px;
  }
}
@media(prefers-reduced-motion:reduce){
  .mobilux-elementor-hero .mobilux-hero-slide{
    transition:none!important;
    transform:none!important;
  }
  .mobilux-elementor-hero .hero-v13-progress>span{
    animation:none!important;
  }
}

/* Reflow also follows the actual Elementor column, not only the viewport. */
@container mobilux-widget (max-width:1024px){
  .mobilux-elementor-hero .hero-copy .mobilux-hero-actions,
  .mobilux-elementor-hero .hero-metrics{
    justify-content:center;
  }
}
@container mobilux-widget (max-width:767px){
  .mobilux-elementor-hero .mobilux-hero-slider__slides{
    min-height:inherit;
  }
  .mobilux-elementor-hero .hero-metrics{
    flex-wrap:wrap;
  }
  .mobilux-elementor-hero .hero-btn{
    flex:1 1 150px;
  }
}

/* v1.0.44: component-specific responsive layout. */
.mobilux-elementor-hero .hero-card{max-width:100%;min-width:0}.mobilux-elementor-hero .hero-copy{min-width:0}
.mobilux-elementor-hero .mobilux-hero-slide>.row{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.mobilux-elementor-hero .mobilux-hero-slide>.row>.col-lg-6{width:100%;min-width:0;padding:0;max-width:100%}

@media(max-width:1024px){.mobilux-elementor-hero .mobilux-hero-slide>.row{grid-template-columns:minmax(0,1fr)}
.mobilux-elementor-hero .hero-copy{padding:24px;text-align:center}.mobilux-elementor-hero .hero-copy h1{font-size:clamp(28px,5vw,44px);line-height:1.5}
.mobilux-elementor-hero .hero-visual-wrap{height:auto;min-height:0;padding:20px;max-width:100%}.mobilux-elementor-hero .hero-visual-wrap img{max-height:330px;width:100%;object-fit:contain;position:relative;inset:auto;transform:none}
.mobilux-elementor-hero .hero-card{height:auto;min-height:0;padding-bottom:70px}
}
@container mobilux-widget (max-width:1024px){.mobilux-elementor-hero .mobilux-hero-slide>.row{grid-template-columns:minmax(0,1fr)}
.mobilux-elementor-hero .hero-copy{padding:24px;text-align:center}.mobilux-elementor-hero .hero-copy h1{font-size:clamp(28px,5vw,44px);line-height:1.5}
.mobilux-elementor-hero .hero-visual-wrap{height:auto;min-height:0;padding:20px;max-width:100%}.mobilux-elementor-hero .hero-visual-wrap img{max-height:330px;width:100%;object-fit:contain;position:relative;inset:auto;transform:none}
.mobilux-elementor-hero .hero-card{height:auto;min-height:0;padding-bottom:70px}
}
@media(max-width:767px){.mobilux-elementor-hero .hero-copy{padding:20px 16px}.mobilux-elementor-hero .hero-copy h1{font-size:30px}.mobilux-elementor-hero .hero-copy p{font-size:14px;line-height:1.9}
.mobilux-elementor-hero .hero-visual-wrap img{max-height:240px}.mobilux-elementor-hero .floating-chip{position:relative;inset:auto!important;transform:none!important;display:inline-flex;margin:6px;max-width:calc(100% - 12px);white-space:normal;font-size:12px}
.mobilux-elementor-hero .hero-btn{min-height:48px;white-space:normal;flex:1 1 160px;justify-content:center}
.mobilux-elementor-hero .hero-metrics{gap:14px;flex-wrap:wrap}.mobilux-elementor-hero .hero-v13-nav{width:44px;height:44px}
}
@container mobilux-widget (max-width:767px){.mobilux-elementor-hero .hero-copy{padding:20px 16px}.mobilux-elementor-hero .hero-copy h1{font-size:30px}.mobilux-elementor-hero .hero-copy p{font-size:14px;line-height:1.9}
.mobilux-elementor-hero .hero-visual-wrap img{max-height:240px}.mobilux-elementor-hero .floating-chip{position:relative;inset:auto!important;transform:none!important;display:inline-flex;margin:6px;max-width:calc(100% - 12px);white-space:normal;font-size:12px}
.mobilux-elementor-hero .hero-btn{min-height:48px;white-space:normal;flex:1 1 160px;justify-content:center}
.mobilux-elementor-hero .hero-metrics{gap:14px;flex-wrap:wrap}.mobilux-elementor-hero .hero-v13-nav{width:44px;height:44px}
}

/* Responsive refinements verified against the widget templates. */

@media(max-width:1024px){.mobilux-elementor-hero .hero-visual-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:16px}
.mobilux-elementor-hero .hero-visual-wrap>img.hero-visual{flex:0 1 100%;min-width:0;max-width:100%}}
@container mobilux-widget (max-width:1024px){.mobilux-elementor-hero .hero-visual-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:16px}
.mobilux-elementor-hero .hero-visual-wrap>img.hero-visual{flex:0 1 100%;min-width:0;max-width:100%}}
@media(max-width:767px){.mobilux-elementor-hero .floating-chip{flex:0 1 auto;min-width:0;max-width:100%;margin:0;gap:6px;line-height:1.6}
.mobilux-elementor-hero .hero-copy{padding:20px 18px 24px}
.mobilux-elementor-hero .hero-metrics{flex-wrap:wrap;gap:14px}
.mobilux-elementor-hero .hero-btn{min-height:48px;font-size:14px}
.mobilux-elementor-hero .hero-v13-nav{width:44px;height:44px}}
@container mobilux-widget (max-width:767px){.mobilux-elementor-hero .floating-chip{flex:0 1 auto;min-width:0;max-width:100%;margin:0;gap:6px;line-height:1.6}
.mobilux-elementor-hero .hero-copy{padding:20px 18px 24px}
.mobilux-elementor-hero .hero-metrics{flex-wrap:wrap;gap:14px}
.mobilux-elementor-hero .hero-btn{min-height:48px;font-size:14px}
.mobilux-elementor-hero .hero-v13-nav{width:44px;height:44px}}


/* v1.16.9 — scoped hero dot + arrow refinement */
.mobilux-elementor-hero .hero-pagination{
  gap:4px!important;
  align-items:center;
}
.mobilux-elementor-hero .hero-pagination button{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  border-radius:50%!important;
  background:#cfd4e2!important;
  box-shadow:none!important;
  transform:none!important;
}
.mobilux-elementor-hero .hero-pagination button.active{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  background:var(--ml-primary)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ml-primary) 24%,#fff)!important;
}
.mobilux-elementor-hero .hero-v13-controls{
  direction:rtl;
  gap:6px!important;
}
.mobilux-elementor-hero .hero-v13-nav{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
}
.mobilux-elementor-hero .hero-v13-nav i{
  font-size:14px!important;
  line-height:1;
}
@media(max-width:767px){
  .mobilux-elementor-hero .hero-pagination{gap:3px!important}
  .mobilux-elementor-hero .hero-pagination button{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important}
  .mobilux-elementor-hero .hero-pagination button.active{width:8px!important;height:8px!important}
  .mobilux-elementor-hero .hero-v13-nav{width:34px!important;height:34px!important;border-radius:10px!important}
  .mobilux-elementor-hero .hero-v13-nav i{font-size:13px!important}
}
@container mobilux-widget (max-width:767px){
  .mobilux-elementor-hero .hero-pagination{gap:3px!important}
  .mobilux-elementor-hero .hero-pagination button{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important}
  .mobilux-elementor-hero .hero-pagination button.active{width:8px!important;height:8px!important}
  .mobilux-elementor-hero .hero-v13-nav{width:34px!important;height:34px!important;border-radius:10px!important}
  .mobilux-elementor-hero .hero-v13-nav i{font-size:13px!important}
}