.acto-pd__lb-nav { position: absolute; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 1px solid #ffffff60; border-radius: 50%; background: #0a2540cc; color: #fff; font: 38px/1 Arial, sans-serif; cursor: pointer; z-index: 1; direction: ltr; }
.acto-pd__lb-prev { left: 20px; }
.acto-pd__lb-next { right: 20px; }
.acto-pd__lb-nav:hover { background: #0284c7; }
.acto-pd__lb-nav[hidden] { display: none !important; }
.acto-pd__lb-count { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: #fff; background: #0a2540cc; padding: 6px 14px; border-radius: 20px; font-size: 13px; direction: ltr; }
.acto-pd__lightbox button:focus-visible { outline: 3px solid #38bdf8; outline-offset: 4px; }
.acto-pd__lightbox img { max-width: calc(100vw - 150px); max-height: calc(100dvh - 110px); }
@media(max-width:640px) { .acto-pd__lb-prev { left: 8px; } .acto-pd__lb-next { right: 8px; } .acto-pd__lb-nav { width: 40px; height: 40px; } .acto-pd__lightbox img { max-width: calc(100vw - 104px); } }