/* Popup Studio 2.0.4 — visible native overlay scrollbar and restrained trailing scroll space. */
.psce-root{display:contents}
.psce-launch{border:0;border-radius:5px;padding:14px 24px;font:inherit;font-weight:700;cursor:pointer}
.psce-overlay,.psce-overlay *{box-sizing:border-box}
.psce-overlay{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;z-index:2147483000;display:none;pointer-events:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.psce-overlay.is-open{display:block}
.psce-overlay .psce-backdrop{position:fixed;inset:0;z-index:0;pointer-events:auto;background:var(--psce-backdrop-gradient,none),var(--psce-overlay,#000);opacity:var(--psce-overlay-opacity,.65);backdrop-filter:blur(var(--psce-backdrop-blur,0px));-webkit-backdrop-filter:blur(var(--psce-backdrop-blur,0px))}
.psce-overlay .psce-modal{position:absolute;left:50%;top:0;margin:0;padding:0;width:var(--psce-render-width,var(--psce-w,680px));height:var(--psce-render-height,var(--psce-h,440px));min-width:0;min-height:0;max-width:none;max-height:none;transform:translateX(-50%);transform-origin:center center;overflow:visible;isolation:isolate;z-index:1;background:transparent;border:0;border-radius:0;box-shadow:none;pointer-events:auto;outline:0}
.psce-overlay .psce-scale-frame{position:relative;width:100%;height:100%;overflow:visible}
.psce-overlay .psce-stage{position:absolute;top:0;left:0;width:var(--psce-w,680px);height:var(--psce-h,440px);max-width:none;max-height:none;transform:scale(var(--psce-stage-scale,1));transform-origin:top left;isolation:isolate;border:var(--psce-border-width,0px) var(--psce-border-style,solid) var(--psce-border,transparent);border-radius:var(--psce-radius,18px);box-shadow:var(--psce-shadow,none);background:transparent;overflow:hidden}
.psce-overlay .psce-background{position:absolute;z-index:0;box-sizing:border-box;pointer-events:none;background:var(--psce-bg,#fff);width:var(--psce-bgw,100%);height:var(--psce-bgh,100%);left:var(--psce-bgx,0px);top:var(--psce-bgy,0px)}
.psce-overlay .psce-bg-center{left:calc(50% + var(--psce-bgx,0px));top:calc(50% + var(--psce-bgy,0px));transform:translate(-50%,-50%)}
.psce-overlay .psce-bg-top-right{left:auto;right:calc(0px - var(--psce-bgx,0px))}
.psce-overlay .psce-bg-bottom-left{top:auto;bottom:calc(0px - var(--psce-bgy,0px))}
.psce-overlay .psce-bg-bottom-right{left:auto;right:calc(0px - var(--psce-bgx,0px));top:auto;bottom:calc(0px - var(--psce-bgy,0px))}
.psce-overlay .psce-item{position:absolute;z-index:1;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:0;overflow:visible;overflow-wrap:break-word;white-space:normal}
.psce-overlay .psce-item > :is(h1,h2,h3,h4,h5,h6,.psce-rich){margin:0;padding:0;max-width:none;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;text-transform:none}
.psce-overlay .psce-item .psce-item-button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;box-sizing:border-box;text-decoration:none;transition:filter .2s ease,transform .2s ease}
.psce-overlay .psce-item .psce-item-button:hover{filter:brightness(.9);transform:translateY(-2px);text-decoration:none}
.psce-overlay .psce-item a,.psce-overlay .psce-item a:hover,.psce-overlay .psce-item a:focus,.psce-overlay .psce-item a:visited{text-decoration:none}
.psce-overlay .psce-badge{display:inline-block}
.psce-overlay .psce-type-image img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-position:center center}
.psce-overlay .psce-close{position:absolute;z-index:5;right:var(--psce-close-right-render,var(--psce-close-right,14px));top:var(--psce-close-top-render,var(--psce-close-top,12px));width:var(--psce-close-size-render,var(--psce-close-size,34px));height:var(--psce-close-size-render,var(--psce-close-size,34px));display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--psce-close-font-render,var(--psce-close-font,25px));padding:0;margin:0;box-sizing:border-box;border:var(--psce-close-border,0 solid transparent);border-radius:var(--psce-close-radius,50%);background:var(--psce-close-bg,#fff);color:var(--psce-close-color,#222);cursor:pointer;text-decoration:none}
.psce-overlay .psce-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
/* Optional internal scroll: off by default. The wrapper provides the accurate scaled scroll height. */
.psce-overlay.psce-scroll-internal .psce-modal{overflow-y:auto;overflow-x:hidden;max-height:calc(100dvh - 24px);scrollbar-width:thin}
/* When the popup is taller than the viewport, reserve a visible, opaque scrollbar
   gutter above the backdrop. Only the outer viewport layer scrolls; the modal
   itself never receives an internal scrollbar in the default mode. */
.psce-overlay.psce-has-overflow {
  scrollbar-gutter: stable;
  background: linear-gradient(to right, transparent calc(100% - 14px), #f3f4f6 calc(100% - 14px));
  scrollbar-width: auto;
  scrollbar-color: #6f747b #f3f4f6;
}
.psce-overlay.psce-has-overflow::-webkit-scrollbar {width: 14px;}
.psce-overlay.psce-has-overflow::-webkit-scrollbar-track {background: #f3f4f6;}
.psce-overlay.psce-has-overflow::-webkit-scrollbar-thumb {
  background: #6f747b;
  border: 3px solid #f3f4f6;
  border-radius: 12px;
  min-height: 32px;
}
.psce-overlay.psce-has-overflow::-webkit-scrollbar-thumb:hover {background: #4f545b;}
/* Keep the dimming/blur layer out of the native scrollbar gutter, so the
   scrollbar is never visually behind the dark overlay. */
.psce-overlay.psce-has-overflow .psce-backdrop {right:14px;}
/* Adds just 40px past the popup's bottom, without enlarging the website
   behind it. Absolute positioning prevents a scroll area for short popups. */
.psce-overlay.psce-has-overflow::after {
  content: '';
  position: absolute;
  top: var(--psce-scroll-end, 0px);
  left: 0;
  width: 1px;
  height: 40px;
  pointer-events: none;
}
/* The scroll track is the viewport-sized overlay, not the popup card or the underlying page. */
html.psce-page-modal-open,body.psce-page-modal-open{overflow:hidden!important}
.psce-overlay:not(.psce-scroll-internal) .psce-modal{overflow:visible}
@media(min-width:768px) and (max-width:1024px){
 .psce-overlay .psce-stage{width:var(--psce-tablet-w,var(--psce-w,680px));height:var(--psce-tablet-h,var(--psce-h,440px))}
 .psce-overlay .psce-background{width:var(--psce-bgtw,var(--psce-bgw,100%));height:var(--psce-bgth,var(--psce-bgh,100%))}
 .psce-overlay .psce-item{left:var(--psce-tx)!important;top:var(--psce-ty)!important;width:var(--psce-tw)!important;height:var(--psce-th)!important}
 .psce-overlay .psce-item > :is(h1,h2,h3,h4,h5,h6,.psce-rich,.psce-item-button),.psce-overlay .psce-shape-text{font-size:var(--psce-tsize)!important;line-height:var(--psce-tline)!important;letter-spacing:var(--psce-tspacing)!important;font-family:var(--psce-tfont)!important;font-weight:var(--psce-tweight)!important}
}
@media(max-width:767px){
 .psce-overlay .psce-stage{width:var(--psce-mobile-w,360px);height:var(--psce-mobile-h,var(--psce-h,440px))}
 .psce-overlay .psce-background{width:var(--psce-bgmw,var(--psce-bgw,100%));height:var(--psce-bgmh,var(--psce-bgh,100%))}
 .psce-overlay .psce-item{left:var(--psce-mx)!important;top:var(--psce-my)!important;width:var(--psce-mw)!important;height:var(--psce-mh)!important}
 .psce-overlay .psce-item > :is(h1,h2,h3,h4,h5,h6,.psce-rich,.psce-item-button){font-size:var(--psce-msize)!important;line-height:var(--psce-mline)!important;letter-spacing:var(--psce-mspacing)!important;font-family:var(--psce-mfont)!important;font-weight:var(--psce-mweight)!important}
}
/* Opening motion applies to the modal shell, never to the scaled content. */
.psce-overlay.is-open:not(.is-closing) .psce-modal{animation:psce-open-zoom var(--psce-animation-duration,350ms) var(--psce-animation-ease,ease-out) both}
.psce-overlay.psce-anim-fade.is-open:not(.is-closing) .psce-modal{animation-name:psce-open-fade}
.psce-overlay.psce-anim-slide-up.is-open:not(.is-closing) .psce-modal{animation-name:psce-open-up}
.psce-overlay.psce-anim-slide-left.is-open:not(.is-closing) .psce-modal{animation-name:psce-open-left}
.psce-overlay.psce-anim-slide-right.is-open:not(.is-closing) .psce-modal{animation-name:psce-open-right}
.psce-overlay.psce-anim-flip.is-open:not(.is-closing) .psce-modal{animation-name:psce-open-flip}
.psce-overlay.psce-anim-none.is-open:not(.is-closing) .psce-modal{animation:none}
.psce-overlay.is-closing .psce-modal{animation:psce-close-fade var(--psce-close-duration,240ms) var(--psce-animation-ease,ease-out) both}
.psce-overlay.psce-close-anim-zoom.is-closing .psce-modal{animation-name:psce-close-zoom}
.psce-overlay.psce-close-anim-slide-up.is-closing .psce-modal{animation-name:psce-close-up}
.psce-overlay.psce-close-anim-slide-down.is-closing .psce-modal{animation-name:psce-close-down}
.psce-overlay.psce-close-anim-slide-left.is-closing .psce-modal{animation-name:psce-close-left}
.psce-overlay.psce-close-anim-slide-right.is-closing .psce-modal{animation-name:psce-close-right}
.psce-overlay.psce-close-anim-flip.is-closing .psce-modal{animation-name:psce-close-flip}
.psce-overlay.psce-close-anim-none.is-closing .psce-modal{animation:none}
@keyframes psce-open-zoom{from{opacity:0;transform:translateX(-50%) scale(.88)}to{opacity:1;transform:translateX(-50%) scale(1)}}
@keyframes psce-open-fade{from{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(-50%)}}
@keyframes psce-open-up{from{opacity:0;transform:translate(-50%,45px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes psce-open-left{from{opacity:0;transform:translate(calc(-50% + 56px),0)}to{opacity:1;transform:translateX(-50%)}}
@keyframes psce-open-right{from{opacity:0;transform:translate(calc(-50% - 56px),0)}to{opacity:1;transform:translateX(-50%)}}
@keyframes psce-open-flip{from{opacity:0;transform:translateX(-50%) perspective(900px) rotateY(-24deg)}to{opacity:1;transform:translateX(-50%) perspective(900px) rotateY(0deg)}}
@keyframes psce-close-fade{from{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translateX(-50%)}}
@keyframes psce-close-zoom{from{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(.88)}}
@keyframes psce-close-up{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-45px)}}
@keyframes psce-close-down{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,45px)}}
@keyframes psce-close-left{from{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translate(calc(-50% - 56px),0)}}
@keyframes psce-close-right{from{opacity:1;transform:translateX(-50%)}to{opacity:0;transform:translate(calc(-50% + 56px),0)}}
@keyframes psce-close-flip{from{opacity:1;transform:translateX(-50%) perspective(900px) rotateY(0)}to{opacity:0;transform:translateX(-50%) perspective(900px) rotateY(24deg)}}
@media(prefers-reduced-motion:reduce){.psce-overlay .psce-modal{animation:none!important}.psce-overlay .psce-item-button{transition:none}}

/* Version 1.8 — identical shapes on the published pop-up. */
.psce-overlay .psce-item{transform-origin:center center}
.psce-overlay .psce-type-shape .psce-shape{width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;min-width:0;min-height:0}
.psce-overlay .psce-type-shape .psce-shape-text{display:block;width:100%;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
@media(max-width:767px){.psce-overlay .psce-type-shape .psce-shape-text{font-size:var(--psce-msize)!important;line-height:var(--psce-mline)!important;letter-spacing:var(--psce-mspacing)!important;font-family:var(--psce-mfont)!important;font-weight:var(--psce-mweight)!important}}

/* Isolated custom HTML widget in published pop-ups. */
.psce-overlay .psce-type-html .psce-html-frame{display:block;width:100%;height:100%;border:0;background:transparent;max-width:none}

/* v2.0.2 — The background is the actual popup's full size, not a separate partial layer. */
.psce-overlay .psce-stage > .psce-background{position:absolute;inset:0;width:100%;height:100%;left:0;right:0;top:0;bottom:0;transform:none}

/* v2.1 — WordPress media and trusted video URL widgets. */
.psce-overlay .psce-type-video .psce-video-player{display:block;width:100%;height:100%;max-width:none;max-height:none;border:0;background:#121722}
.psce-overlay .psce-type-video .psce-video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#edf1f5;color:#596b77;font-size:14px;border-radius:8px}