.mps-hc {
  box-sizing: border-box;
  --mps-hc-top: 0px;
}

.mps-hc.mps-hc--sticky {
  position: fixed !important;
  top: var(--mps-hc-top, 0px) !important;
  inset-inline-start: 0;
  inset-inline-end: 0;
  left: auto;
  right: auto;
  z-index: 9999;
  width: 100%;
  max-width: none;
  transform: translateZ(0);
}

.mps-hc[data-mps-hc-shadow="1"].mps-hc--sticky {
  box-shadow: 0 14px 40px rgba(15, 23, 42, .12);
}

.mps-hc[data-mps-hc-blur="1"].mps-hc--sticky {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.mps-hc[data-mps-hc-anim="slide"].mps-hc--sticky {
  animation: mpsHCSlide .18s ease both;
}

@keyframes mpsHCSlide {
  from { transform: translateY(-10px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.mps-hc[data-mps-hc-anim="fade"].mps-hc--sticky {
  animation: mpsHCFade .18s ease both;
}

@keyframes mpsHCFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

.mps-hc[data-mps-hc-anim="shrink"].mps-hc--sticky {
  animation: mpsHCShrink .18s ease both;
}

@keyframes mpsHCShrink {
  from { transform: scale(.98); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

.mps-hc.mps-hc--hidden {
  transform: translateY(calc(-100% - var(--mps-hc-top, 0px)));
  transition: transform .18s ease;
  will-change: transform;
}

.mps-hc-placeholder {
  display: block;
  width: 100%;
  flex: 0 0 auto;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  pointer-events: none;
}

html { overflow-anchor: none; }

.mps-hc[data-mps-hc-sticky-style="1"],
.mps-hc[data-mps-hc-sticky-style="1"] > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.mps-hc[data-mps-hc-sticky-style="1"]::before,
.mps-hc[data-mps-hc-sticky-style="1"] > .elementor-background-overlay {
  transition-property: background-color, border-color, box-shadow, opacity, backdrop-filter;
  transition-duration: var(--mps-hc-sticky-transition, 250ms);
  transition-timing-function: ease;
}

.mps-hc[data-mps-hc-sticky-style="1"].mps-hc--sticky:not(.elementor-motion-effects-element-type-background),
.mps-hc[data-mps-hc-sticky-style="1"].mps-hc--sticky > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: var(--mps-hc-sticky-bg, #fff) !important;
}

.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-preserve-bg="0"].mps-hc--sticky,
.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-preserve-bg="0"].mps-hc--sticky > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-preserve-bg="0"].mps-hc--sticky::before,
.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-preserve-bg="0"].mps-hc--sticky > .elementor-background-overlay {
  background-image: none !important;
}

.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-preserve-bg="0"].mps-hc--sticky::before,
.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-preserve-bg="0"].mps-hc--sticky > .elementor-background-overlay {
  background-color: transparent !important;
}

.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-border="1"].mps-hc--sticky {
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-color: var(--mps-hc-sticky-border-color, #e5e7eb) !important;
}

.mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-custom-shadow="1"].mps-hc--sticky {
  box-shadow: 0 var(--mps-hc-sticky-shadow-y, 14px) var(--mps-hc-sticky-shadow-blur, 40px) color-mix(in srgb, var(--mps-hc-sticky-shadow-color, #0f172a) 18%, transparent) !important;
}

@supports not (color: color-mix(in srgb, #000 50%, transparent)) {
  .mps-hc[data-mps-hc-sticky-style="1"][data-mps-hc-sticky-custom-shadow="1"].mps-hc--sticky {
    box-shadow: 0 var(--mps-hc-sticky-shadow-y, 14px) var(--mps-hc-sticky-shadow-blur, 40px) rgba(15, 23, 42, .18) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mps-hc[data-mps-hc-sticky-style="1"],
  .mps-hc[data-mps-hc-sticky-style="1"] > .elementor-motion-effects-container > .elementor-motion-effects-layer,
  .mps-hc[data-mps-hc-sticky-style="1"]::before,
  .mps-hc[data-mps-hc-sticky-style="1"] > .elementor-background-overlay,
  .mps-hc.mps-hc--hidden {
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
  }
}