/* --- Base Sticky Clone Styles --- */
.sticky-clone-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  z-index: 1100;
  box-shadow: var(--shadow-md);
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;

  &.is-visible {
    transform: translateY(0);
  }

  .header-alert {
    position: relative;
    z-index: 1;
  }

  .header-inner {
    padding: calc(var(--item-gap) * 0.38) var(--header-pad-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--content-width);
    margin: 0 auto;
    column-gap: 0;

    @media (max-width: 1023px) {
      padding: calc(var(--item-gap) * 0.47) var(--mobile-pad);
    }
  }

  @media (min-width: 1024px) {
    .mobile-toggle {
      display: none !important;
    }
  }
}

/* Default Visibility States */
@media (min-width: 1024px) {
  .sticky-mobile-1-group,
  .sticky-mobile-2-group,
  .sticky-mobile-2-bottom {
    display: none !important;
  }

  .sticky-desktop-actions {
    display: flex;
    gap: var(--item-gap);
  }
}

@media (max-width: 1023px) {
  .sticky-desktop-actions {
    display: none !important;
  }
}

.use-original-sticky.is-stuck {
  .header-logo {
    img {
      height: 3.5rem;
    }
  }
}
.sticky-logo {
  img {
    height: 3.5rem;
  }
}