/* Standalone sticky styling overrides (minimal, isolated) */
/* Ensure container columns don't clip fixed element */
@media (min-width: 769px) {
  .occasion-layout-wrapper,
  .occasion-layout-wrapper .container,
  .occasion-layout-wrapper .occasion-main-grid { overflow: visible !important; }
}

/* Force card and placeholder into right grid column, first row */
@media (min-width: 769px) {
  .occasion-main-grid > .occasion-details-card,
  .occasion-main-grid > .sa-sticky-placeholder {
    grid-column: 2;
    grid-row: 1;
  }
}


@media (min-width: 769px) {
  .sa-sticky-fixed {
    position: fixed !important;
    top: var(--sa-top, 100px) !important;
    left: var(--sa-left, 0px) !important;
    width: var(--sa-width, auto) !important;
    right: auto !important;
    z-index: 100 !important;
    will-change: position, top, left;
  }
  .sa-sticky-placeholder {
    display: block;
  }
}

@media (max-width: 768px) {
  /* ensure normal flow on mobile */
  .sa-sticky-fixed { position: static !important; top: auto !important; left: auto !important; width: 100% !important; }
}



/* Reserve space visually identical to the card to avoid layout jump */
.sa-sticky-placeholder { height: 0; }