/* أوغاريتي — معرض صور المحل: الشبكة، شريط الرئيسية، والعارض الكامل */
.gl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gl-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:700px){.gl-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gl-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
@media (min-width:1100px){.gl-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
.gl-i{position:relative;display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--line,#e2dccd);cursor:zoom-in}
.gl-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.gl-i:hover img{transform:scale(1.04)}
.gl-i:focus-visible{outline:3px solid var(--gold,#c9a24b);outline-offset:3px}
.gl-c{position:absolute;inset-inline:0;bottom:0;padding:22px 12px 9px;font-size:.84rem;font-weight:600;line-height:1.5;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72));overflow-wrap:anywhere}
.gl .sx-sech h2 small{font-size:.8rem;font-weight:500;color:var(--muted,#5e6762)}
/* العارض */
.glb{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgba(10,14,12,.96);color:#fff;touch-action:pan-y}
.glb[hidden]{display:none}
.glb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.glb-n{font-size:.92rem;font-weight:600;direction:ltr}
.glb-x,.glb-a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:1.4rem;line-height:1;cursor:pointer}
.glb-x:hover,.glb-a:hover{background:rgba(255,255,255,.25)}.glb-x:focus-visible,.glb-a:focus-visible{outline:3px solid #f0d58c;outline-offset:2px}
.glb-mid{position:relative;display:grid;place-items:center;min-height:0;padding:0 8px}
.glb-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;user-select:none;-webkit-user-drag:none}
.glb-a{position:absolute;top:50%;transform:translateY(-50%)}.glb-a.p{inset-inline-start:12px}.glb-a.n{inset-inline-end:12px}
.glb-a[hidden]{display:none}
.glb-cap{margin:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));text-align:center;font-size:1rem;line-height:1.7;min-height:52px;overflow-wrap:anywhere}
@media (max-width:600px){.glb-a{width:40px;height:40px;background:rgba(0,0,0,.45)}}
@media (prefers-reduced-motion:reduce){.gl-i img{transition:none}}