/* galeri.css */
.galeri{padding:3.5rem 1rem}

/* kategori filtresi */
.galeri__filtre{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;justify-content:center}
.galeri__filtre button{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.15rem;border-radius:999px;
  border:1.5px solid var(--clr-line);background:#fff;color:var(--clr-ink);font:inherit;font-weight:700;
  font-size:.92rem;cursor:pointer;transition:background .2s,border-color .2s,color .2s;min-height:44px}
.galeri__filtre button:hover{border-color:var(--clr-primary);color:var(--clr-primary-dark)}
.galeri__filtre button.is-active{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff}
.galeri__filtre button i{font-size:.75em}
.galeri__kutu.galeri__kutu--gizli{display:none}
.galeri__grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,1fr)}
.galeri__kutu{display:block;position:relative;border-radius:var(--radius);overflow:hidden}
.galeri__kutu img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .5s}
.galeri__kutu:hover img{transform:scale(1.06)}
.galeri__buyutec{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(28,36,25,0);color:#fff;font-size:1.5rem;opacity:0;transition:opacity .3s,background .3s}
.galeri__kutu:hover .galeri__buyutec,.galeri__kutu:focus-visible .galeri__buyutec{opacity:1;background:rgba(28,36,25,.45)}
/* video karosu */
.galeri__oynat{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.galeri__oynat i{display:flex;width:64px;height:64px;border-radius:50%;background:rgba(28,36,25,.65);
  color:#fff;align-items:center;justify-content:center;font-size:1.4rem;padding-left:4px;
  border:2px solid rgba(255,255,255,.7);transition:background .25s,transform .25s}
.galeri__kutu--video:hover .galeri__oynat i{background:var(--clr-primary);transform:scale(1.08)}

.galeri__not{text-align:center;margin:2.5rem 0 0;color:var(--clr-ink-70);font-weight:600}
.galeri__not a{font-weight:800;text-decoration:none}
.galeri__not a:hover{text-decoration:underline}

/* lightbox (main.js <dialog>) */
.lightbox{border:0;border-radius:var(--radius);padding:0;background:#111;max-width:min(92vw,1200px);box-shadow:var(--shadow-2)}
.lightbox::backdrop{background:rgba(10,14,8,.85)}
.lightbox__img{width:100%;height:auto;max-height:80vh;object-fit:contain;background:#111}
.lightbox__video{width:100%;height:auto;max-height:80vh;background:#111}
.lightbox__baslik{color:#e8ede5;text-align:center;padding:.75rem 3rem;margin:0;font-size:.92rem}
.lightbox__kapat{position:absolute;top:.4rem;right:.4rem;width:44px;height:44px;border-radius:50%;border:0;
  background:rgba(255,255,255,.12);color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.lightbox__kapat:hover{background:var(--clr-primary)}

@media (min-width:480px){.galeri__grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:768px){.galeri__grid{gap:1.1rem}}
@media (min-width:1200px){.galeri__grid{grid-template-columns:repeat(4,1fr)}}