html.popup-open-v28,
html.popup-open-v28 body { overflow: hidden !important; }

.site-popup-layer.popup-v28 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: grid !important;
  place-items: center !important;
  padding: 20px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .22s ease, visibility .22s ease !important;
}
.site-popup-layer.popup-v28[hidden] { display: none !important; }
.site-popup-layer.popup-v28.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.site-popup-layer.popup-v28 .site-popup-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 24, 36, .68) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  backdrop-filter: blur(7px) !important;
}
.site-popup-layer.popup-v28 .site-popup {
  position: relative !important;
  z-index: 2 !important;
  width: min(var(--popup-width, 640px), calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 40px) !important;
  overflow: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  background: var(--popup-bg, #fff) !important;
  border-radius: 24px !important;
  box-shadow: 0 32px 100px rgba(0,0,0,.34) !important;
  transform: translateY(18px) scale(.97) !important;
  transition: transform .24s cubic-bezier(.2,.75,.2,1) !important;
  direction: rtl !important;
}
.site-popup-layer.popup-v28.is-open .site-popup { transform: none !important; }
.site-popup-layer.popup-v28 .site-popup.popup-no-media,
.site-popup-layer.popup-v28 .site-popup:not(:has(.site-popup-media)) { grid-template-columns: 1fr !important; }
.site-popup-layer.popup-v28 .site-popup-media { min-width: 0 !important; min-height: 320px !important; background: #eef7f8 !important; }
.site-popup-layer.popup-v28 .site-popup-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 320px !important;
  max-height: 620px !important;
  object-fit: cover !important;
}
.site-popup-layer.popup-v28 .site-popup-content { padding: 34px !important; align-self: center !important; min-width: 0 !important; }
.site-popup-layer.popup-v28 .site-popup-content h2 { margin: 0 0 12px !important; color: #102c3b !important; font-size: clamp(22px, 3vw, 32px) !important; line-height: 1.5 !important; }
.site-popup-layer.popup-v28 .site-popup-content .rich-output { color: #627781 !important; line-height: 2 !important; }
.site-popup-layer.popup-v28 .site-popup-actions { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; margin-top: 22px !important; }
.site-popup-layer.popup-v28 .site-popup-actions .btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 44px !important; padding: 10px 20px !important; border-radius: 12px !important;
  background: #0297a7 !important; color: #fff !important; text-decoration: none !important; font-weight: 700 !important;
}
.site-popup-layer.popup-v28 .site-popup-actions .ghost-btn { background: transparent !important; color: #087f8c !important; border: 1px solid rgba(2,151,167,.35) !important; }
.site-popup-layer.popup-v28 .site-popup-close {
  position: absolute !important; top: 12px !important; left: 12px !important; z-index: 4 !important;
  width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important;
  display: grid !important; place-items: center !important; padding: 0 !important; margin: 0 !important;
  border: 0 !important; border-radius: 50% !important; background: rgba(7,31,43,.82) !important;
  color: #fff !important; font: 700 26px/1 Arial,sans-serif !important; cursor: pointer !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}
@media (max-width: 720px) {
  .site-popup-layer.popup-v28 { padding: 12px !important; }
  .site-popup-layer.popup-v28 .site-popup { grid-template-columns: 1fr !important; width: min(var(--popup-width, 640px), calc(100vw - 20px)) !important; max-height: calc(100dvh - 24px) !important; border-radius: 18px !important; }
  .site-popup-layer.popup-v28 .site-popup-media { min-height: 180px !important; }
  .site-popup-layer.popup-v28 .site-popup-media img { min-height: 180px !important; max-height: 260px !important; }
  .site-popup-layer.popup-v28 .site-popup-content { padding: 24px 20px !important; }
}

/* v30: adaptive image-only/content popup */
.site-popup-layer.popup-v28 .site-popup.popup-image-only {
  display: block !important;
  width: min(var(--popup-width, 760px), calc(100vw - 32px)) !important;
  overflow: hidden !important;
  background: transparent !important;
}
.site-popup-layer.popup-v28 .site-popup.popup-image-only .site-popup-media {
  min-height: 0 !important;
  width: 100% !important;
  background: transparent !important;
}
.site-popup-layer.popup-v28 .site-popup.popup-image-only .site-popup-media img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 40px) !important;
  object-fit: contain !important;
  background: transparent !important;
}
.site-popup-layer.popup-v28 .site-popup.popup-image-only .site-popup-content { display:none !important; }
.site-popup-layer.popup-v28 .site-popup.popup-with-media {
  grid-template-columns: minmax(0,.9fr) minmax(280px,1.1fr) !important;
}
@media (min-width: 721px) {
  .site-popup-layer.popup-v28 .site-popup.popup-with-media .site-popup-media img {
    height: 100% !important;
    min-height: 360px !important;
    object-fit: cover !important;
  }
}
@media (max-width: 720px) {
  .site-popup-layer.popup-v28 .site-popup.popup-image-only {
    width: min(var(--popup-width,760px),calc(100vw - 20px)) !important;
  }
  .site-popup-layer.popup-v28 .site-popup.popup-image-only .site-popup-media img {
    max-height: calc(100dvh - 24px) !important;
  }
}