.lavy-split-host { --ls-share:55%; --ls-min-height:560px; --ls-background:#0c2b45; --ls-gold:#b49049; --ls-band:72px; --ls-shift:92px; --ls-edge:calc(var(--ls-share) - 82px); background:var(--ls-background); }
.lavy-split-host *, .lavy-split-host *::before, .lavy-split-host *::after { box-sizing:border-box; }
.lavy-split { --ls-band:72px; --ls-shift:92px; --ls-edge:calc(var(--ls-share) - 82px); position:relative; width:100%; height:360px; overflow:hidden; background:var(--ls-background); isolation:isolate; }
.lavy-split__picture { position:absolute; top:0; bottom:0; right:0; left:var(--ls-edge); overflow:hidden; clip-path:polygon(var(--ls-shift) 0,100% 0,100% 100%,0 100%); }
.lavy-split__picture img { width:100%; height:100%; display:block; object-fit:cover; }
.lavy-split__truss { position:absolute; z-index:2; top:0; bottom:0; left:var(--ls-edge); width:calc(var(--ls-shift) + var(--ls-band)); pointer-events:none; }
.lavy-split__truss svg { display:block; width:100%; height:100%; fill:var(--ls-gold); }
.lavy-split__image-help, .lavy-split__editor-help { position:absolute; z-index:3; font:14px/1.4 Arial,sans-serif; padding:9px 12px; background:rgba(12,43,69,.9); color:#fff; }
.lavy-split__image-help { right:18px; top:18px; }
.lavy-split__editor-help { left:18px; bottom:18px; max-width:420px; }
.lavy-split[data-reverse="yes"] .lavy-split__picture { right:var(--ls-edge); left:0; clip-path:polygon(0 0,calc(100% - var(--ls-shift)) 0,100% 100%,0 100%); }
.lavy-split[data-reverse="yes"] .lavy-split__truss { left:auto; right:var(--ls-edge); transform:scaleX(-1); }

/* Elementor keeps the native content container in a regular edit-friendly stack. */
.lavy-split-host:not(.is-ready) .lavy-split-content { min-height:250px; background:var(--ls-background); color:#fff; }
.lavy-split-host.is-ready { position:relative; display:block !important; min-height:var(--ls-min-height); height:auto !important; padding:0 !important; overflow:visible !important; }
.lavy-split-host.is-ready .lavy-split-layout { display:block !important; position:static !important; width:100%; max-width:none; min-height:var(--ls-min-height); }
.lavy-split-host.is-ready .lavy-split-controller { position:absolute !important; inset:0; width:100% !important; height:100%; max-width:none !important; margin:0 !important; z-index:0; }
.lavy-split-host.is-ready .lavy-split-controller > .elementor-widget-container { height:100%; }
.lavy-split-host.is-ready .lavy-split { height:100%; overflow:hidden; }
.lavy-split-host.is-ready .lavy-split__editor-help { display:none; }
.lavy-split-host.is-ready .lavy-split-content { position:relative; z-index:1; display:flex; flex-direction:column; justify-content:center; width:var(--ls-share) !important; max-width:var(--ls-share) !important; min-height:var(--ls-min-height); margin:0 !important; background:transparent !important; color:#fff; }
.lavy-split-host.is-ready .lavy-split-content > .e-con { background:transparent !important; }
.lavy-split-host.is-ready.is-reversed .lavy-split-content { margin-left:auto !important; }

@media (max-width:1024px) {
  .lavy-split-host.is-ready { min-height:0; }
  .lavy-split-host.is-ready .lavy-split-layout { display:flex !important; flex-direction:column; min-height:0; }
  .lavy-split-host.is-ready .lavy-split-content { order:0; width:100% !important; max-width:none !important; min-height:0; margin:0 !important; padding:48px 24px !important; }
  .lavy-split-host.is-ready.is-reversed .lavy-split-content { order:1; margin:0 !important; }
  .lavy-split-host.is-ready .lavy-split-controller { position:relative !important; inset:auto; order:1; height:clamp(300px,70vw,470px); flex:none; }
  .lavy-split-host.is-ready.is-reversed .lavy-split-controller { order:0; }
  .lavy-split-host.is-ready .lavy-split { height:100%; overflow:visible; }
  .lavy-split-host.is-ready .lavy-split__picture,
  .lavy-split-host.is-ready .lavy-split[data-reverse="yes"] .lavy-split__picture { inset:0; clip-path:none; }
  .lavy-split-host.is-ready .lavy-split__truss,
  .lavy-split-host.is-ready .lavy-split[data-reverse="yes"] .lavy-split__truss { left:0; right:0; top:-27px; bottom:auto; width:100%; height:54px; transform:none; }
  .lavy-split-host.is-ready.is-reversed .lavy-split__truss,
  .lavy-split-host.is-ready.is-reversed .lavy-split[data-reverse="yes"] .lavy-split__truss { top:auto; bottom:-27px; transform:scaleY(-1); }
}


/*
 * Elementor responsive visibility compatibility.
 *
 * The split section needs display:block while active, but Elementor's
 * responsive "Hide On" classes must be allowed to win on the frontend.
 * Keep Elementor's muted/grey editor state intact by excluding the editor.
 */
@media (min-width:1025px) {
  body:not(.elementor-editor-active) .lavy-split-host.elementor-hidden-desktop {
    display:none !important;
  }
}

@media (min-width:768px) and (max-width:1024px) {
  body:not(.elementor-editor-active) .lavy-split-host.elementor-hidden-tablet {
    display:none !important;
  }
}

@media (max-width:767px) {
  body:not(.elementor-editor-active) .lavy-split-host.elementor-hidden-mobile {
    display:none !important;
  }
}