.tk-hg { margin: 2.5rem 0 1rem; clear: both; }
.tk-hg .tk-hg-baslik { margin: 0 0 .9rem; }
.tk-hg .tk-hg-adet { font-weight: 400; opacity: .55; font-size: .8em; }
.tk-hg ul.tk-hg-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr)); gap: 10px; }
.tk-hg ul.tk-hg-izgara > li { margin: 0; padding: 0; list-style: none; }
.tk-hg ul.tk-hg-izgara > li::before, .tk-hg ul.tk-hg-izgara > li::after { content: none; display: none; }
.tk-hg a.tk-hg-oge { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 6px; background: rgba(127, 127, 127, .14);
    text-decoration: none; border: 0; box-shadow: none; outline-offset: 3px; cursor: pointer; }
.tk-hg a.tk-hg-oge img { display: block; width: 100%; height: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none;
    object-fit: cover; transition: transform .35s ease, opacity .2s; }
.tk-hg a.tk-hg-oge:hover img { transform: scale(1.04); }
.tk-hg a.tk-hg-oge::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0); transition: background .2s; }
.tk-hg a.tk-hg-oge:hover::after { background: rgba(0, 0, 0, .08); }
dialog.tk-hg-kutu { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: 100vw; max-height: 100dvh; margin: 0; padding: 0; border: 0;
    background: rgba(8, 10, 14, .94); color: #fff; overflow: hidden; }
dialog.tk-hg-kutu[open] { display: grid; place-items: center; }
dialog.tk-hg-kutu::backdrop { background: rgba(8, 10, 14, .94); }
.tk-hg-kutu .tk-hg-sahne { margin: 0; padding: 56px 72px 16px; width: 100%; height: 100%; display: grid; grid-template-rows: minmax(0, 1fr) auto;
    place-items: center; gap: 12px; box-sizing: border-box; }
.tk-hg-kutu img.tk-hg-buyuk { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: 3px; margin: 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .45); user-select: none; -webkit-user-drag: none; }
.tk-hg-kutu .tk-hg-alt { display: flex; gap: 16px; align-items: baseline; justify-content: center; max-width: 900px; font-size: .9rem; line-height: 1.45;
    color: rgba(255, 255, 255, .86); text-align: center; }
.tk-hg-kutu .tk-hg-sayac { flex: none; color: rgba(255, 255, 255, .55); font-variant-numeric: tabular-nums; }
.tk-hg-kutu .tk-hg-dugme { position: absolute; display: grid; place-items: center; width: 46px; height: 46px; margin: 0; padding: 0; border: 0;
    border-radius: 999px; background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; transition: background .15s; }
.tk-hg-kutu .tk-hg-dugme:hover { background: rgba(255, 255, 255, .24); }
/* tg A5 (2026-10-30): zemine ve büyük görsele tıklamak kutuyu kapatır (galeri-kutu.js) - imleç bunu söyler; düğmeler el, alt yazı olağan */
dialog.tk-hg-kutu, .tk-hg-kutu .tk-hg-sahne, .tk-hg-kutu img.tk-hg-buyuk { cursor: zoom-out; }
.tk-hg-kutu .tk-hg-alt { cursor: auto; }
.tk-hg-kutu .tk-hg-dugme:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.tk-hg-kutu .tk-hg-dugme svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tk-hg-kutu .tk-hg-kapat { top: 12px; inset-inline-end: 12px; }
.tk-hg-kutu .tk-hg-onceki { top: 50%; inset-inline-start: 14px; transform: translateY(-50%); }
.tk-hg-kutu .tk-hg-sonraki { top: 50%; inset-inline-end: 14px; transform: translateY(-50%); }
.tk-hg-kutu:dir(rtl) .tk-hg-onceki svg, .tk-hg-kutu:dir(rtl) .tk-hg-sonraki svg { transform: scaleX(-1); }
@media (max-width: 640px) {
    .tk-hg ul.tk-hg-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
    .tk-hg-kutu .tk-hg-sahne { padding: 60px 8px 12px; }
    .tk-hg-kutu .tk-hg-onceki, .tk-hg-kutu .tk-hg-sonraki { top: auto; bottom: 14px; transform: none; }
}
@media (prefers-reduced-motion: reduce) { .tk-hg a.tk-hg-oge img { transition: none; } }
[data-galeri] a[data-galeri-oge] { cursor: pointer; outline-offset: 3px; }
[data-galeri] a[data-galeri-oge]:focus-visible { outline: 3px solid currentColor; }
:where([data-galeri] a[data-galeri-oge]) { display: block; overflow: hidden; }
:where([data-galeri] a[data-galeri-oge]) img { transition: transform .35s ease; }
:where([data-galeri] a[data-galeri-oge]:hover) img { transform: scale(1.04); }
html.tk-galeri-acik, html.tk-galeri-acik body { overflow: hidden; }
.tk-galeri-proje .tk-hg-buyuk { animation: tk-galeri-gecis .18s ease; }
.tk-galeri-proje .tk-hg-sahne { display: flex; flex-direction: column; }
.tk-galeri-proje img.tk-hg-buyuk { flex: 1 1 0; width: 100%; height: 0; min-width: 0; min-height: 0; }
.tk-galeri-proje .tk-hg-alt { flex: 0 0 auto; }
.tk-hg-kutu .tk-hg-alt { overflow-wrap: anywhere; }
@keyframes tk-galeri-gecis { from { opacity: .65; translate: var(--tk-galeri-yon, 8px) 0; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 600px) {
    .tk-galeri-proje .tk-hg-onceki, .tk-galeri-proje .tk-hg-sonraki { top: 50%; bottom: auto; transform: translateY(-50%); background: rgba(255,255,255,.18); }
    .tk-galeri-proje .tk-hg-onceki { inset-inline-start: 8px; }
    .tk-galeri-proje .tk-hg-sonraki { inset-inline-end: 8px; }
    .tk-hg-kutu .tk-hg-alt { gap: 8px; max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    [data-galeri] a[data-galeri-oge] img { transition: none; }
    .tk-hg-kutu .tk-hg-buyuk { animation: none; }
}