/* ===== PERMIO GLOBAL POPUP LOCK (TOP LAYER + NO BACKGROUND SCROLL) ===== */
html.permio-modal-open,
body.permio-modal-open{
  overflow: hidden !important;
}

/* Ensure any permio popup/modal stays above everything */
.permio-popup,
.permio-modal,
[class*="permio"][class*="popup"],
[class*="permio"][class*="modal"]{
  z-index: 2147483647 !important;
}

/* Common overlays */
.permio-popup-overlay,
.permio-overlay,
[class*="permio"][class*="overlay"]{
  z-index: 2147483646 !important;
}

/* Hide floating review bubbles/cards when modal open (they sometimes sit above overlays) */
body.permio-modal-open .permio-review-bubble,
body.permio-modal-open .permio-review-card,
body.permio-modal-open [class*="review-bubble"],
body.permio-modal-open [class*="review-card"]{
  display: none !important;
}

/* Portal (Merci) overlay */
.permio-portal-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 2147483646;
  display: flex;
  align-items: flex-start; /* top-ish like your request */
  justify-content: center;
  padding: 30px 16px;
  overflow: auto;
}

.permio-portal-modal{
  width: min(820px, 100%);
  background: #fff;
  border-radius: 22px;
  padding: 22px;
  box-shadow: 0 18px 64px rgba(0,0,0,.35);
  position: relative;
  margin-top: 10px;
}

.permio-portal-modal *{
  max-width: 100%;
}

.permio-portal-close{
  display: block;
  width: 100%;
  margin-top: 14px;
  border-radius: 999px;
  padding: 14px 18px;
  border: 2px solid #3C43ED;
  background: #fff;
  color: #3C43ED;
  font-weight: 900;
  cursor: pointer;
}