/* Ürün galerisi lightbox'ı — assets/js/gallery-lightbox.js tarafından dinamik olarak 'e eklenir (PHP'de sabit bir yer tutucu yok). Önceden galeri görselleri (ana + küçük resimler) target="_blank" ile yeni sekmede açılıyordu; artık sayfadan ayrılmadan büyütülmüş halde gösterilir. Desen: teklif-al.css/quick-view.css ile aynı backdrop + ortadan açılan içerik yaklaşımı. */ .dga-lightbox { position: fixed; inset: 0; z-index: 1000; display: none; align-items: center; justify-content: center; background: rgba(20, 19, 19, 0.92); opacity: 0; transition: opacity var(--transition); } .dga-lightbox.is-open { display: flex; opacity: 1; } body.dga-lightbox-open { overflow: hidden; } .dga-lightbox__stage { max-width: min(1100px, 92vw); max-height: 88vh; display: flex; align-items: center; justify-content: center; } .dga-lightbox__img { max-width: 100%; max-height: 88vh; object-fit: contain; border-radius: var(--radius-tab); background: var(--color-surface); } .dga-lightbox__close, .dga-lightbox__nav { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: none; border-radius: var(--radius-icon); background: var(--color-surface); color: var(--color-text); cursor: pointer; box-shadow: var(--shadow-card); transition: background-color var(--transition), color var(--transition); } .dga-lightbox__close:hover, .dga-lightbox__close:focus-visible, .dga-lightbox__nav:hover, .dga-lightbox__nav:focus-visible { background: var(--color-primary); color: var(--color-surface); } .dga-lightbox__close svg, .dga-lightbox__nav svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .dga-lightbox__close { top: var(--space-3); right: var(--space-3); } .dga-lightbox__nav--prev { left: var(--space-3); top: 50%; transform: translateY(-50%); } .dga-lightbox__nav--next { right: var(--space-3); top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .dga-lightbox__close, .dga-lightbox__nav { width: 44px; height: 44px; } .dga-lightbox__nav--prev { left: var(--space-1); } .dga-lightbox__nav--next { right: var(--space-1); } } @media (prefers-reduced-motion: reduce) { .dga-lightbox { transition: none; } }