/* A neutral top layer, with no blur/filter work during image changes. */
dialog.kab-lightbox,dialog.kap-lightbox,dialog.ka-media-dialog,dialog.kab-video-dialog{box-sizing:border-box;border:0;background:transparent;color:#fff;box-shadow:none;outline:0;overflow:auto;width:min(96vw,1280px);max-width:96vw;max-height:96vh;max-height:96dvh;padding:48px 16px 54px;border-radius:0;font-family:var(--ka-arabic-font,"Alexandria"),sans-serif}
dialog.kab-lightbox::backdrop,dialog.kap-lightbox::backdrop,dialog.ka-media-dialog::backdrop,dialog.kab-video-dialog::backdrop{background:rgba(10,12,16,.92);backdrop-filter:none;-webkit-backdrop-filter:none}
dialog.kab-lightbox>img,dialog.ka-media-dialog>img{display:block;margin:auto;max-width:100%;width:100%;height:74vh;height:74dvh;object-fit:contain;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
dialog.kap-lightbox .kap-lb-stage{padding:0;background:transparent;max-height:74vh;max-height:74dvh;min-height:0;touch-action:pan-y pinch-zoom}
dialog.kap-lightbox[open]{display:block;position:fixed;inset:0;margin:auto;height:auto;z-index:9999999}
dialog.kap-lightbox .kap-lb-stage:not(.is-zoomed) img{display:block;width:100%;height:74vh;height:74dvh;max-width:100%;object-fit:contain}
dialog.kap-lightbox .kap-lb-stage.is-zoomed{touch-action:auto}
dialog.kab-lightbox [data-kab-close],dialog.ka-media-dialog [data-ka-close]{position:absolute;top:12px;inset-inline-end:16px}
dialog.kap-lightbox .kap-lb-toolbar{position:absolute;top:12px;inset-inline:16px;background:transparent;padding:0}
dialog.kab-lightbox>div,dialog.ka-media-dialog .ka-media-controls,dialog.kap-lightbox .kap-lb-bottom{display:flex;align-items:center;justify-content:center;gap:14px;background:transparent;margin:10px auto 0;padding:0;direction:rtl}
dialog.kap-lightbox .kap-lb-caption{font-size:12px;color:#eee;text-align:center;max-width:70%;margin:0}
dialog.kab-lightbox button,dialog.ka-media-dialog button,dialog.kap-lightbox button,dialog.kab-video-dialog button{border:1px solid #ffffff40;border-radius:50%;min-width:44px;min-height:44px;padding:8px;background:#ffffff14;color:#fff;cursor:pointer;line-height:1;font:inherit}
dialog.kab-lightbox button:disabled,dialog.ka-media-dialog button:disabled,dialog.kap-lightbox button:disabled{opacity:.25;cursor:default}
dialog.kab-lightbox button:focus-visible,dialog.ka-media-dialog button:focus-visible,dialog.kap-lightbox button:focus-visible,dialog.kab-video-dialog button:focus-visible{outline:2px solid var(--ka-accent,#519CE8);outline-offset:3px}
[data-kab-lb-count],.kap-lb-counter,[data-ka-count],[data-kab-counter]{direction:ltr;unicode-bidi:isolate;font-family:var(--ka-latin-font,"Montserrat"),sans-serif;font-size:12px}
dialog.kab-video-dialog{width:min(96vw,1000px);padding:50px 16px 24px}
dialog.kab-video-dialog .kab-dialog-bar{position:absolute;inset-inline:16px;top:12px;padding:0;background:transparent}
dialog.kab-video-dialog [data-kab-video-title]{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#fff}
dialog.kab-video-dialog .kab-video-fallback a,dialog.kab-video-dialog .kab-source-card{color:#fff}
dialog.kab-video-dialog .kab-video{background:#000;margin:0 auto}
.ka-media-rail{scroll-behavior:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}
.kab-carousel-track.ka-media-rail{direction:rtl;scroll-behavior:auto}
.ka-media-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none}
@media(hover:hover) and (pointer:fine){.ka-media-rail{cursor:grab}}
@media(max-width:600px){dialog.kab-lightbox,dialog.kap-lightbox,dialog.ka-media-dialog{width:100%;max-width:100%;padding-inline:8px}dialog.kap-lightbox .kap-lb-caption{font-size:11px}}
/* Keep controls fully inside the top layer, including small landscape screens
   and iPhone safe areas. Border-box dimensions include the circular border. */
dialog.kab-lightbox,dialog.kap-lightbox,dialog.ka-media-dialog,dialog.kab-video-dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding-top:68px;padding-bottom:54px;margin:auto}
dialog.kab-lightbox button,dialog.ka-media-dialog button,dialog.kap-lightbox button,dialog.kab-video-dialog button{box-sizing:border-box;flex:0 0 auto;width:44px;height:44px;display:inline-grid;place-items:center;transform:none;translate:none;margin:0}
dialog.kab-lightbox>img,dialog.ka-media-dialog>img,dialog.kap-lightbox .kap-lb-stage:not(.is-zoomed) img{height:min(74dvh,calc(100dvh - 174px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}
.kab-thumbs{direction:rtl}