/* Mağaza galerisi (sahip onayı, 29 Ekim 2026: "her mağaza için ayrı galeri"). Izgara mağaza sayfasında; büyük görünüm site.css'teki
   .lightbox üzerine kurulu (ürün fotoğrafı ve kampanya afişi pencereleriyle aynı), yatay 3:2 fotoğraf için geniş. Yalnız galerisi
   olan sayfalarda yüklenir (partials/magaza-galeri). */

/* Mağaza sayfasındaki ızgara: bilgisayarda 4, tablette 3, telefonda 2 sütun */
.magaza-galeri-izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.magaza-galeri-izgara a { display: flex; flex-direction: column; color: inherit; }
.magaza-galeri-gorsel { display: block; aspect-ratio: 3 / 2; border-radius: var(--radius); overflow: hidden; }
.magaza-galeri-gorsel img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.magaza-galeri-izgara a:hover .magaza-galeri-gorsel img { transform: scale(1.03); }
.magaza-galeri-izgara a:focus-visible { outline: 3px solid var(--brand); outline-offset: 3px; border-radius: var(--radius); }
.magaza-galeri-ad { margin-top: 8px; font-weight: 700; font-size: .95rem; line-height: 1.3; }
@media (max-width: 1000px) { .magaza-galeri-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .magaza-galeri-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .magaza-galeri-ad { font-size: .88rem; }
}

/* Büyük görünüm: üstte mağaza adı ve sayaç, ortada fotoğraf, altında kısa adı; ana sayfada en altta mağaza sayfasına düğme */
.lightbox-magaza .lightbox-panel { width: min(1180px, calc(100vw - 48px)); height: min(860px, calc(100vh - 48px)); height: min(860px, calc(100svh - 48px)); }
.lightbox-magaza .lightbox-slide { flex-direction: column; gap: 12px; padding: 66px 72px 30px; }
.lightbox-magaza.has-link .lightbox-slide { padding-bottom: 86px; }
.lightbox-magaza .lb-foto { flex: 1 1 auto; min-height: 0; width: 100%; display: flex; align-items: center; justify-content: center; }
.lightbox-magaza .lb-foto img { border-radius: var(--radius-sm); background: var(--surface-2); }
.lightbox-magaza figcaption { flex: none; font-weight: 700; text-align: center; }
.lightbox-magaza .lightbox-counter { top: 20px; bottom: auto; left: 22px; transform: none; max-width: calc(100% - 96px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lightbox-magaza .lb-magaza-link { position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); white-space: nowrap; }
@media (max-width: 640px) {
  .lightbox-magaza .lightbox-panel { width: calc(100vw - 16px); height: calc(100vh - 32px); height: calc(100svh - 32px); }
  .lightbox-magaza .lightbox-slide { padding: 62px 10px 24px; }
  .lightbox-magaza.has-link .lightbox-slide { padding-bottom: 82px; }
  .lightbox-magaza .flip-btn.lightbox-arrow { top: 42%; bottom: auto; transform: translateY(-50%); }
  .lightbox-magaza .flip-btn.lightbox-arrow:active { transform: translateY(calc(-50% + 1px)); }
  .lightbox-magaza .lightbox-counter { top: 16px; left: 12px; max-width: calc(100% - 84px); }
  .lightbox-magaza .lb-magaza-link { bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) { .magaza-galeri-gorsel img { transition: none; } }
.lightbox-magaza [hidden] { display: none !important; }