.avt-juicy-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(var(--avt-juicy-width, 300px), 100%);
  min-height: min(var(--avt-juicy-height, 250px), 72vh);
  margin-inline: auto;
  overflow: hidden;
}

.avt-juicy-zone {
  display: block;
  width: var(--avt-juicy-width, 300px);
  height: var(--avt-juicy-height, 250px);
  max-width: 100%;
}

.avt-juicy-status {
  position: absolute;
  inset-inline: 8px;
  inset-block-end: 6px;
  z-index: 2;
  color: rgba(255, 255, 255, .72);
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
  pointer-events: none;
}

/* The theme's generic overlay is optimized for wide banners. JuicyAds zone
   1106502 is 300x250, so give it its real dimensions instead of clipping it. */
.avt-player-ad--juicy {
  align-items: center !important;
  padding: 10px !important;
}

.avt-player-ad--juicy .avt-player-ad__panel {
  width: min(340px, 100%) !important;
  max-height: calc(100% - 12px) !important;
  overflow: hidden !important;
}

.avt-player-ad--juicy .avt-player-ad__slot {
  min-height: 250px !important;
  height: 250px !important;
  max-height: 250px !important;
  overflow: hidden !important;
}

.avt-player-ad--juicy .avt-juicy-wrap,
.avt-player-ad--juicy .avt-player-ad__slot iframe {
  width: 300px !important;
  height: 250px !important;
  min-height: 250px !important;
  max-width: 100% !important;
  max-height: none !important;
  margin-inline: auto !important;
  border: 0 !important;
}

@media (max-width: 540px) {
  .avt-player.avt-juicy-ad-active .avt-player__stage {
    aspect-ratio: auto;
    min-height: 340px;
  }

  .avt-player.avt-juicy-ad-active .avt-player__media > video,
  .avt-player.avt-juicy-ad-active .avt-player__media > iframe {
    object-fit: contain;
  }

  .avt-player-ad--juicy {
    padding: 6px !important;
  }

  .avt-player-ad--juicy .avt-player-ad__panel {
    width: min(314px, 100%) !important;
    max-height: calc(100% - 8px) !important;
  }
}