.cl-blog-zoom-trigger{cursor:zoom-in;-webkit-touch-callout:none;user-select:none;-webkit-user-drag:none}
.cl-blog-zoom-trigger:focus-visible{outline:2px solid #242424;outline-offset:4px}
.cl-blog-zoom{border:0;padding:52px 16px 16px;background:#fff;max-width:96vw;max-height:94dvh;width:max-content;border-radius:12px;overflow:auto}
.cl-blog-zoom::backdrop{background:rgba(0,0,0,.82)}
.cl-blog-zoom img{display:block;max-width:calc(96vw - 32px);max-height:calc(94dvh - 68px);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
.cl-blog-zoom button{position:absolute;right:6px;top:4px;width:44px;height:44px;background:#fff;border:0;color:#111;font:32px/1 Arial;cursor:pointer}
@media(max-width:767px){.cl-blog-zoom{width:96vw}.cl-blog-zoom img{max-width:none;width:900px;max-height:none;height:auto}}