img { image-rendering: auto; } /* SLIDER GÖRSELLERİ */ .slider-img { width: auto; height: auto; /* Sabit yükseklik yerine orantılı yükseklik */ max-height: auto; /* Masaüstünde çok büyümesin */ object-fit: contain; /* Yatay oranı bozmadan tam göster */ border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); display: block; margin: 0 auto; } @media (max-width: auto) { .slider-img { max-height: auto; /* Tablet ve küçük ekranlarda biraz daha düşük */ } } @media (max-width: auto) { .slider-img { max-height: auto; /* Telefonda daha kompakt */ } } /* Diğer görseller için hizalama */ .img-hizali { max-height: auto; width: auto; height: auto; object-fit: contain; display: block; margin-left: auto; margin-right: auto; } @media (max-width: auto) { .img-hizali { max-height: auto; } } .horizontal-scroll-wrapper { overflow: hidden; white-space: nowrap; scroll-behavior: smooth; } .horizontal-scroll-wrapper::-webkit-scrollbar { display: none; } .horizontal-scroll-wrapper { -ms-overflow-style: none; scrollbar-width: none; } .custom-margin { margin-right: 12px; } $(document).ready(function () { $(".owl-carousel").owlCarousel({ loop: true, margin: 20, nav: true, autoplay: true, autoplayTimeout: 3000, responsive: { 0: { items: 1 }, 576: { items: 2 }, 768: { items: 3 }, 992: { items: 4 } } }); // Lightbox tıklama (isteğe göre resimlere data-bs-target eklenebilir) $('.slider-img').on('click', function () { const src = $(this).attr('src'); $('#lightboxImage').attr('src', src); $('#lightboxModal').modal('show'); }); });