.managed-ad {
  --managed-ad-width: 320px;
  --managed-ad-height: 280px;
  --managed-ad-x: 20px;
  --managed-ad-y: 20px;
  position: fixed;
  z-index: 90;
  width: min(var(--managed-ad-width), calc(100vw - 32px));
  height: min(var(--managed-ad-height), calc(100svh - 32px));
  background: transparent;
  filter: drop-shadow(0 16px 30px rgb(20 35 45 / 24%));
}
.managed-ad--bottom-left { left: var(--managed-ad-x); bottom: var(--managed-ad-y); }
.managed-ad--bottom-right { right: var(--managed-ad-x); bottom: var(--managed-ad-y); }
.managed-ad--top-left { left: var(--managed-ad-x); top: var(--managed-ad-y); }
.managed-ad--top-right { right: var(--managed-ad-x); top: var(--managed-ad-y); }
.managed-ad iframe { width: 100%; height: 100%; border: 0; background: transparent; }
.managed-ad__close,
.managed-popup__close {
  position: absolute;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #49657d;
  color: #fff;
  box-shadow: 0 6px 18px rgb(20 35 45 / 26%);
  cursor: pointer;
}
.managed-ad__close { top: -12px; right: -12px; width: 34px; height: 34px; font-size: 23px; }
.managed-popup {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgb(25 39 50 / 68%);
  backdrop-filter: blur(7px);
  overscroll-behavior: contain;
}
.managed-popup--top-left { place-items: start; }
.managed-popup--top-right { place-items: start end; }
.managed-popup--bottom-left { place-items: end start; }
.managed-popup--bottom-right { place-items: end; }
.managed-popup__card {
  --managed-popup-width: 820px;
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(280px, 1fr);
  width: min(var(--managed-popup-width), 100%);
  max-height: calc(100svh - 48px);
  overflow: auto;
  background: #faf8f3;
  color: #263642;
  box-shadow: 0 30px 100px rgb(15 30 40 / 38%);
}
.managed-popup__card > img { width: 100%; height: 100%; max-height: 620px; object-fit: cover; }
.managed-popup__card--image-right > img { order: 2; }
.managed-popup__card--image-right .managed-popup__content { order: 1; }
.managed-popup__card--image-top { grid-template-columns: 1fr; }
.managed-popup__card--image-top > img { height: min(48svh, 480px); }
.managed-popup__card--mode-image { grid-template-columns: 1fr; width: auto; max-width: min(var(--managed-popup-width), 100%); overflow: visible; background: transparent; }
.managed-popup__card--mode-image > img { width: auto; max-width: 100%; height: auto; max-height: calc(100svh - 48px); object-fit: contain; }
.managed-popup__card--mode-text { grid-template-columns: 1fr; }
.managed-popup__content { display: grid; align-content: center; justify-items: start; padding: clamp(34px, 6vw, 70px); }
.managed-popup__content h2 { margin: 0; font: 400 clamp(42px, 6vw, 68px) / .98 Georgia, serif; letter-spacing: -.04em; }
.managed-popup__content p { margin: 22px 0 0; color: #56636b; font-size: 15px; line-height: 1.7; }
.managed-popup__content a { display: inline-flex; margin-top: 30px; padding: 13px 19px; border: 1px solid #49657d; background: #49657d; color: #fff; font-size: 13px; text-decoration: none; }
.managed-popup__close { top: 14px; right: 14px; width: 38px; height: 38px; font-size: 25px; }
@media (max-width: 620px) {
  .managed-ad--hide-mobile { display: none; }
  .managed-ad { --managed-ad-x: 16px !important; --managed-ad-y: 16px !important; max-width: calc(100vw - 32px); }
  .managed-popup { place-items: center !important; padding: 12px; }
  .managed-popup__card { grid-template-columns: 1fr; max-height: calc(100svh - 24px); }
  .managed-popup__card > img { height: min(52svh, 430px); }
  .managed-popup__card--mode-image > img { width: auto; height: auto; max-height: calc(100svh - 24px); }
  .managed-popup__card--image-right > img,
  .managed-popup__card--image-right .managed-popup__content { order: initial; }
  .managed-popup__content { padding: 29px 24px 34px; }
  .managed-popup__content h2 { font-size: 42px; }
}
@media (prefers-reduced-motion: reduce) { .managed-popup { backdrop-filter: none; } }