/* Batch 4 inner-page opt-in only. Closed actions occupy document space;
   only the explicitly opened contact panel overlays the viewport.
   Existing hidden states, event hooks and the centered campaign dialog stay intact. */
@media screen {
  body[data-batch4-experience] .ofero-contact-widget {
    position: static;
    inset: auto;
    z-index: auto;
    width: min(360px, calc(100% - 32px));
    margin: 16px auto;
  }

  body[data-batch4-experience] .ofero-contact-launcher-row {
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
  }

  body[data-batch4-experience] .ofero-contact-launcher {
    flex: 1 1 auto;
    min-height: 44px;
    max-width: 100%;
    padding: 10px 16px;
    box-shadow: none;
  }

  body[data-batch4-experience] .ofero-contact-panel {
    position: fixed;
    top: auto;
    right: max(16px, env(safe-area-inset-right));
    bottom: max(16px, env(safe-area-inset-bottom));
    left: max(16px, env(safe-area-inset-left));
    z-index: 70;
    width: auto;
    max-width: 360px;
    max-height: calc(100vh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));
    max-height: calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));
    margin: 0 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body[data-batch4-experience] #ofero-celebration-20261001 .ofc-202610-launcher {
    position: static;
    inset: auto;
    z-index: auto;
    display: block;
    width: fit-content;
    max-width: calc(100% - 32px);
    margin: 8px auto 16px;
    box-shadow: none;
  }

  /* The old spacer only reserved room for a fixed launcher; the real row now
     contributes its own height. It is not used as an obstruction workaround. */
  body[data-batch4-experience] .ofero-contact-spacer {
    display: none;
  }

  /* Preserve the real links if widget JavaScript fails or is disabled. */
  body[data-batch4-experience] .site-contact-dock {
    position: static;
    inset: auto;
    z-index: auto;
    width: calc(100% - 32px);
    margin: 16px auto;
    box-shadow: none;
  }
}