/*
 * Lapozható fotónagyító (galeria.js): közös stílus minden galériás oldalhoz (tananyag, Akvárium-mustra, piactér, AquaLog nyilvános
 * adatlap). Sötét fotónézet mindkét témában (a fénykép hátterének semlegesnek kell lennie).
 */
.nagyito-nyitva { overflow: hidden; }
.nagyito {
  width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0;
  background: rgba(8, 15, 13, .96); color: #fff; overflow: hidden;
}
.nagyito::backdrop { background: rgba(8, 15, 13, .9); }
.nagyito[open] { display: grid; grid-template-rows: auto minmax(0, 1fr); }
.nagyito__fej { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 12px 6px 20px; }
.nagyito__szamlalo { margin: 0; font-size: .9375rem; font-weight: 700; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.nagyito__kep { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 0; margin: 0; padding: 0 clamp(8px, 7vw, 96px) 16px; }
.nagyito__kep img { display: block; width: auto; height: auto; max-width: 100%; max-height: calc(100dvh - 130px); object-fit: contain; border-radius: 6px; transition: opacity .2s ease; }
.nagyito__kep img.nagyito__kep--tolt { opacity: .35; }
.nagyito__felirat { max-width: 760px; margin-top: 12px; font-size: .9375rem; line-height: 1.45; text-align: center; color: rgba(238, 241, 234, .85); }
.nagyito__gomb {
  display: inline-grid; place-items: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%;
  background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; transition: background .2s ease;
}
.nagyito__gomb:hover { background: rgba(255, 255, 255, .22); }
.nagyito__gomb:focus-visible { outline: 3px solid var(--aq-accent-vilagos, #7FD3C6); outline-offset: 2px; }
.nagyito__lep { position: absolute; top: 50%; transform: translateY(-50%); }
.nagyito__fejgombok { display: inline-flex; gap: 8px; }
.nagyito__nagyit[aria-pressed="true"] { background: rgba(255, 255, 255, .28); }
.nagyito--nagy .nagyito__kep { display: block; overflow: auto; padding: 0 0 16px; text-align: center; overscroll-behavior: contain; }
.nagyito--nagy .nagyito__kep img { display: inline-block; max-width: none; max-height: none; width: min(200vw, 3200px); cursor: zoom-out; }
.nagyito--nagy .nagyito__felirat, .nagyito--nagy .nagyito__lep { display: none; }
.nagyito__kep img { cursor: zoom-in; }
.nagyito__lep--elozo { left: clamp(6px, 2vw, 24px); }
.nagyito__lep--kovetkezo { right: clamp(6px, 2vw, 24px); }
@media (max-width: 619px) {
  .nagyito__lep { top: auto; bottom: 14px; transform: none; }
  .nagyito__kep { padding-bottom: 76px; }
  .nagyito__kep img { max-height: calc(100dvh - 190px); }
}
@media (prefers-reduced-motion: reduce) {
  .nagyito__kep img, .nagyito__gomb { transition: none; }
}