.effectus-sticky {
    --effectus-sticky-offset: 0px;
    --effectus-sticky-z: 9999;
    transition: transform .24s ease, box-shadow .24s ease, opacity .24s ease;
}

.effectus-sticky.effectus-sticky-is-fixed {
    position: fixed !important;
    z-index: var(--effectus-sticky-z) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.effectus-sticky--top.effectus-sticky-is-fixed {
    top: calc(var(--effectus-sticky-offset) + var(--effectus-admin-bar-offset, 0px)) !important;
    bottom: auto !important;
}

.effectus-sticky--bottom.effectus-sticky-is-fixed {
    bottom: var(--effectus-sticky-offset) !important;
    top: auto !important;
}

.effectus-sticky--full-width.effectus-sticky-is-fixed {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
}

.effectus-sticky--shadow.effectus-sticky-is-fixed {
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
}

.effectus-sticky-hidden {
    transform: translateY(-115%) !important;
}

.effectus-sticky-spacer {
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    pointer-events: none;
}

.effectus-sticky-spacer.is-active {
    height: var(--effectus-spacer-height, 0px);
}

@media (min-width: 1025px) {
    .effectus-sticky--no-desktop.effectus-sticky-is-fixed { position: relative !important; inset: auto !important; width: auto !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .effectus-sticky--no-tablet.effectus-sticky-is-fixed { position: relative !important; inset: auto !important; width: auto !important; }
}

@media (max-width: 767px) {
    .effectus-sticky--no-mobile.effectus-sticky-is-fixed { position: relative !important; inset: auto !important; width: auto !important; }
}

@media (prefers-reduced-motion: reduce) {
    .effectus-sticky { transition: none !important; }
}