html.site-ad-open { overflow: hidden !important; scroll-snap-type: none !important; }
html.site-ad-open body { overflow: hidden !important; }
.site-ad-dialog {
  box-sizing: border-box; position: fixed; inset: 0; margin: auto; padding: 62px 16px 16px;
  width: fit-content; max-width: 100%; max-height: 100dvh; overflow: auto;
  border: 0; background: transparent; color: #572e11;
}
.site-ad-dialog::backdrop { background: #24150db3; backdrop-filter: blur(5px); }
.site-ad-dialog[open] { animation: site-ad-appear .22s ease-out; }
.site-ad-content { display: block; width: fit-content; max-width: 100%; border-radius: 20px; overflow: hidden; background: #fff4ea; box-shadow: 0 16px 60px #0005; }
.site-ad-dialog .site-ad-image { position: static; display: block; width: auto; height: auto; max-width: min(840px, calc(var(--viewport-width, 100vw) - 32px)); max-height: calc(100dvh - 110px); object-fit: contain; }
.site-ad-dialog .site-ad-close {
  position: absolute; right: 16px; top: 8px; display: grid; place-items: center;
  width: 44px; height: 44px; padding: 0; border: 1px solid #ead3bf; border-radius: 50%;
  background: #fff4ea; color: #572e11; font: 32px/1 Arial, sans-serif; cursor: pointer;
}
.site-ad-dialog .site-ad-close:hover { background: #ffe4ca; }
.site-ad-dialog :focus-visible { outline: 3px solid #fd7702; outline-offset: 3px; }
@keyframes site-ad-appear { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .site-ad-dialog[open] { animation: none; } }