/* 1) Round the outer popup & clip contents */
.pum-container {
  border-radius: 20px !important;
  overflow: hidden !important;
  padding: 0 !important;
}

/* 2) Make inner wrappers inherit the rounding & remove any white bg/padding */
.pum-content {
  border-radius: inherit !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Gutenberg wrappers (Cover / Group) used inside the popup */
.pum-content .wp-block-cover,
.pum-content .wp-block-group {
  border-radius: inherit !important;
  overflow: hidden !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 4) Ensure the image itself fits edge-to-edge */
.pum-content img,
.pum-content .wp-block-cover__image-background {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  background: transparent !important;
}
/* Make the popup & its content fully clipped/rounded */
.pum-container,
.pum-content {
  border-radius: 20px !important;
  overflow: hidden !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Kill Gutenberg block spacing inside the popup */
.pum-content .wp-block-image,
.pum-content .wp-block-cover,
.pum-content > * {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Make an image truly fill the popup height and crop any stray edge */
.pum-content .wp-block-image img,
.pum-content img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;   /* crops off any extra edge */
}
.pum-content img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  border-radius: 20px !important;
}
.pum-close {
  top: 10px !important;
  right: 10px !important;
  z-index: 9999 !important;
  overflow: visible !important;
}

.pum-container {
  overflow: visible !important; /* allows the X to sit above the curve */
}