/* Scoped media surfaces. Opaque image backdrop avoids WebView blur compositing. */
.avj-so-lightbox[hidden],.avj-so-lightbox [hidden]{display:none!important}
.avj-so-lightbox[open]{
  position:fixed;inset:0;z-index:1000000;display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;
  box-sizing:border-box;margin:0;padding:12px;border:0;
  padding-top:max(12px,env(safe-area-inset-top));
  padding-bottom:max(12px,env(safe-area-inset-bottom));
  color:#fff;background:#0b1220;overflow:hidden;direction:rtl;
  font-family:Vazirmatn,sans-serif;
}
.avj-so-lightbox::backdrop{background:#0b1220}
.avj-so-lightbox__toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.avj-so-lightbox__toolbar h2{flex:1;min-width:0;margin:0;font-size:15px;color:#fff}
.avj-so-lightbox button{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
  padding:8px 12px;border:1px solid #64748b;border-radius:10px;
  background:#172238;color:#fff;font:inherit;font-size:12px;cursor:pointer;
}
.avj-so-lightbox button:focus-visible{outline:3px solid #facc15;outline-offset:2px}
.avj-so-lightbox button:disabled{opacity:.5;cursor:default}
.avj-so-lightbox__stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;direction:ltr;touch-action:none;overscroll-behavior:contain;user-select:none;cursor:grab}
.avj-so-lightbox__stage img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;transform-origin:center center;pointer-events:none;user-select:none;-webkit-user-drag:none}
.avj-so-lightbox.is-original .avj-so-lightbox__stage{cursor:move}
.avj-so-lightbox__notice{text-align:center}
.avj-so-lightbox__notice p{font-size:13px;line-height:1.8;margin:8px 0}
body.avj-so-lightbox-open{overflow:hidden!important}
.avj-so-view-video{display:grid;gap:10px;min-width:0;width:100%}
.avj-so-view-video video{display:block;width:100%;max-width:100%;max-height:65vh;background:#0b1220;border-radius:12px}
.avj-so-view-video .avj-so-link-btn{justify-self:start}
@media(max-width:480px){
  .avj-so-lightbox[open]{padding-left:8px;padding-right:8px}
  .avj-so-lightbox__toolbar{gap:6px}
  .avj-so-lightbox__toolbar h2{font-size:12px}
  .avj-so-lightbox button{padding:8px;font-size:11px}
}
@media print{.avj-so-lightbox[open]{display:none!important}}