&lt;!DOCTYPE html&gt;
&lt;html &lt;?php language_attributes(); ?&gt;&gt;

&lt;head&gt;
    &lt;meta charset=&quot;&lt;?php bloginfo(&#039;charset&#039;); ?&gt;&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;&lt;?php
            $page_title = wp_title(&#039;&#039;, false);
            if (trim($page_title)) {
                echo $page_title;
            } else {
                bloginfo(&#039;name&#039;);
            }
            ?&gt;&lt;/title&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.googleapis.com&quot;&gt;
    &lt;link rel=&quot;preconnect&quot; href=&quot;https://fonts.gstatic.com&quot; crossorigin&gt;
    &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,600;1,400;1,600&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
    &lt;?php wp_head(); ?&gt;
    &lt;style&gt;
        &lt;?= get_theme_mod(&#039;root_variables_data&#039;, &#039;&#039;) ?&gt;
    &lt;/style&gt;
    &lt;?= get_theme_mod(&#039;header_script_kodu&#039;, &#039;&#039;) ?&gt;
    &lt;?php
    $seobaz_seo_ayarlari_data = get_option(&#039;seobaz_seo_ayarlari_data&#039;, array());
    if (!empty($seobaz_seo_ayarlari_data)) {
    ?&gt;
        &lt;?php
        if (isset($seobaz_seo_ayarlari_data[&#039;seo_ayarlari_bing_verification_code&#039;]) &amp;&amp; !empty($seobaz_seo_ayarlari_data[&#039;seo_ayarlari_bing_verification_code&#039;])) {
            echo $seobaz_seo_ayarlari_data[&#039;seo_ayarlari_bing_verification_code&#039;] ?? &#039;&#039;;
        }
        ?&gt;
        &lt;?php
        if (isset($seobaz_seo_ayarlari_data[&#039;seo_ayarlari_google_verification_code&#039;]) &amp;&amp; !empty($seobaz_seo_ayarlari_data[&#039;seo_ayarlari_google_verification_code&#039;])) {
            echo $seobaz_seo_ayarlari_data[&#039;seo_ayarlari_google_verification_code&#039;] ?? &#039;&#039;;
        }
        ?&gt;
        &lt;?php
        if (isset($seobaz_seo_ayarlari_data[&#039;seo_ayarlari_yandex_verification_code&#039;]) &amp;&amp; !empty($seobaz_seo_ayarlari_data[&#039;seo_ayarlari_yandex_verification_code&#039;])) {
            echo $seobaz_seo_ayarlari_data[&#039;seo_ayarlari_yandex_verification_code&#039;] ?? &#039;&#039;;
        }
        ?&gt;
    &lt;?php
    }
    ?&gt;
&lt;/head&gt;

&lt;body &lt;?php body_class(); ?&gt;&gt;
    &lt;?php
    if (get_theme_mod(&#039;header_sondakika_haber_bari_durumu&#039;, false)) {
        $args = array(
            &#039;post_type&#039;      =&gt; &#039;post&#039;,
            &#039;posts_per_page&#039; =&gt; 20,
            &#039;post_status&#039;    =&gt; &#039;publish&#039;,
            &#039;orderby&#039;        =&gt; &#039;date&#039;,
            &#039;order&#039;          =&gt; &#039;DESC&#039;
        );

        $query = new WP_Query($args);
    ?&gt;
        &lt;?php
        if ($query-&gt;have_posts()) {
        ?&gt;
            &lt;div class=&quot;header-news-marquee-bar&quot;&gt;
                &lt;?php
                if (!empty(get_theme_mod(&#039;header_sondakika_haber_bari_baslik&#039;, &#039;&#039;))) {
                ?&gt;
                    &lt;span class=&quot;news-marquee-badge&quot;&gt;&lt;?= get_theme_mod(&#039;header_sondakika_haber_bari_baslik&#039;, &#039;&#039;) ?&gt;&lt;/span&gt;
                &lt;?php
                }
                ?&gt;

                &lt;div class=&quot;news-marquee-container&quot; id=&quot;news-marquee-container&quot;&gt;
                    &lt;div class=&quot;news-content&quot; id=&quot;news-content&quot;&gt;
                        &lt;?php
                        while ($query-&gt;have_posts()) : $query-&gt;the_post();
                        ?&gt;
                            &lt;div class=&quot;news-item&quot;&gt;
                                &lt;a href=&quot;&lt;?= get_permalink() ?&gt;&quot;&gt;&lt;?= get_the_title() ?&gt;&lt;/a&gt;
                            &lt;/div&gt;
                        &lt;?php
                        endwhile;
                        wp_reset_postdata();
                        ?&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;?php
                if (get_theme_mod(&#039;header_sondakika_haber_bari_saat_durumu&#039;, false)) {
                ?&gt;
                    &lt;span class=&quot;news-marquee-badge header-news-marquee-clock&quot; id=&quot;news-marquee-clock&quot;&gt;--:--:--&lt;/span&gt;
                &lt;?php
                }
                ?&gt;

            &lt;/div&gt;
            &lt;script&gt;
                document.addEventListener(&quot;DOMContentLoaded&quot;, function() {
                    const container = document.getElementById(&quot;news-marquee-container&quot;);
                    const content = document.getElementById(&quot;news-content&quot;);

                    let pos = container.offsetWidth;
                    let speed = 1; // px/frame
                    let animationId;

                    function animate() {
                        pos -= speed;
                        if (pos &lt;= -content.offsetWidth) {
                            pos = container.offsetWidth;
                        }
                        content.style.left = pos + &quot;px&quot;;
                        animationId = requestAnimationFrame(animate);
                    }

                    function start() {
                        if (!animationId) {
                            animationId = requestAnimationFrame(animate);
                        }
                    }

                    function stop() {
                        cancelAnimationFrame(animationId);
                        animationId = null;
                    }

                    // Başlat
                    start();

                    // Hover kontrolü
                    container.addEventListener(&quot;mouseenter&quot;, stop);
                    container.addEventListener(&quot;mouseleave&quot;, start);

                    // Resize sonrası pozisyonu sıfırla
                    window.addEventListener(&quot;resize&quot;, () =&gt; {
                        pos = container.offsetWidth;
                    });


                    function saatiGuncelle() {
                        const simdi = new Date();
                        const saat = simdi.getHours().toString().padStart(2, &#039;0&#039;);
                        const dakika = simdi.getMinutes().toString().padStart(2, &#039;0&#039;);
                        const saniye = simdi.getSeconds().toString().padStart(2, &#039;0&#039;);

                        document.getElementById(&#039;news-marquee-clock&#039;).textContent = `${saat}:${dakika}:${saniye}`;
                    }

                    if (document.getElementById(&#039;news-marquee-clock&#039;)) {
                        // Saati ilk yüklendiğinde göster
                        saatiGuncelle();

                        // Her saniye saati güncelle
                        setInterval(saatiGuncelle, 1000);
                    }
                });
            &lt;/script&gt;

    &lt;?php
        }
    }
    ?&gt;

    &lt;?php
    global $header_settings;
    $header_settings = get_option(&#039;seobaz_header_settings&#039;, array(
        &#039;active_header&#039; =&gt; &#039;header1&#039;,
        &#039;components&#039; =&gt; array()
    ));
    include(get_template_directory() . &#039;/templates/headers/&#039; . $header_settings[&#039;active_header&#039;] . &#039;/template.php&#039;);
    ?&gt;<div class="container widget-mt">
    <div class="mb-5">
        <ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a href="https://habertamam.com" itemprop="item"><span itemprop="name">Ana Sayfa</span></a><meta itemprop="position" content="1" /></li><li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><span itemprop="name">Kısakodlar</span><meta itemprop="position" content="2" /></li></ul>    </div>
            <div class="news-detail-inner">
            <div class="p-5">
                <h1 class="news-title">Kısakodlar</h1>
            </div>
            <div class="news-detail-content p-5">
                <p>[kanews-title tag=&#8221;h3&#8243;] Butonlar [/kanews-title]</p>
<p>[kanews-btn color=&#8221;&#8221; size=&#8221;kanews-btn-sm&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-info&#8221; size=&#8221;kanews-btn-sm&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-warning&#8221; size=&#8221;kanews-btn-sm&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-dark&#8221; size=&#8221;kanews-btn-sm&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;kanews-btn-light&#8221; size=&#8221;kanews-btn-sm&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn]</p>
<p>[kanews-btn color=&#8221;&#8221; size=&#8221;&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-info&#8221; size=&#8221;&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-warning&#8221; size=&#8221;&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-dark&#8221; size=&#8221;&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;kanews-btn-light&#8221; size=&#8221;&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn]</p>
<p>[kanews-btn color=&#8221;&#8221; size=&#8221;kanews-btn-block&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-info&#8221; size=&#8221;kanews-btn-block&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-warning&#8221; size=&#8221;kanews-btn-block&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;bg-dark&#8221; size=&#8221;kanews-btn-block&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn] [kanews-btn color=&#8221;kanews-btn-light&#8221; size=&#8221;kanews-btn-block&#8221; link=&#8221;#&#8221; target=&#8221;true&#8221;]Kanews[/kanews-btn]</p>
<p>[kanews-title tag=&#8221;h3&#8243;] Uyarıcılar[/kanews-title]</p>
<p>[kanews-alert color=&#8221;&#8221; ]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/kanews-alert]</p>
<p>[kanews-alert color=&#8221;bg-danger&#8221; ]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/kanews-alert]</p>
<p>[kanews-alert color=&#8221;bg-info&#8221; ]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/kanews-alert]</p>
<p>[kanews-alert color=&#8221;bg-warning&#8221; ]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/kanews-alert]</p>
<p>[kanews-alert color=&#8221;bg-success&#8221; ]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/kanews-alert]</p>
<p>[kanews-alert color=&#8221;bg-primary&#8221; ]Lorem Ipsum is simply dummy text of the printing and typesetting industry.[/kanews-alert]</p>
<p>[kanews-title tag=&#8221;h3&#8243;] Açılır Menü[/kanews-title]</p>
<p>[kanews-accordion]<br />[kanews-collapse active=&#8221;&#8221; title=&#8221;Kanews WordPress Haber Teması&#8221;]</p>
<p>Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır.</p>
<p>[/kanews-collapse]<br />[kanews-collapse active=&#8221;&#8221; title=&#8221;Kanews Nedir?&#8221;]</p>
<p>Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır.</p>
<p>[/kanews-collapse]<br />[kanews-collapse active=&#8221;&#8221; title=&#8221;Kanews Nasıl Kullanılır?&#8221;]</p>
<p>Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz. Kökleri M.Ö. 45 tarihinden bu yana klasik Latin edebiyatına kadar uzanan 2000 yıllık bir geçmişi vardır.</p>
<p>[/kanews-collapse]<br />[/kanews-accordion]</p>
<p>[kanews-title tag=&#8221;h3&#8243;] Yazarlar[/kanews-title]</p>
<p>[kanews-authors ids=&#8221;2,3,4,5&#8243;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;] Vurgulama[/kanews-title]</p>
<p><strong>Lorem Ipsum</strong>, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500&#8217;lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. [kanews-highlight] Kanews WordPress Haber Teması [/kanews-highlight] Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960&#8217;larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p>
<p>[kanews-title tag=&#8221;h3&#8243;] Büyük Harf İle Başlama[/kanews-title]</p>
<p>[kanews-dropcap color=&#8221;&#8221;] L [/kanews-dropcap]<strong>orem Ipsum</strong>, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500&#8217;lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. [kanews-highlight] Kanews WordPress Haber Teması [/kanews-highlight] Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960&#8217;larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Güncel Türkiye Covid 19 Verileri[/kanews-title]</p>
<p>[kanews-covid data=&#8221;turkey&#8221;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Güncel Dünya Covid 19 Verileri[/kanews-title]</p>
<p>[kanews-covid data=&#8221;global&#8221;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Namaz Vakitleri[/kanews-title]</p>
<p>[kanews-prayer city=&#8221;&#8221;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Döviz Çevirici[/kanews-title]</p>
<p>[kanews-calculator tur=&#8221;doviz&#8221;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Kripto Para Çevirici[/kanews-title]</p>
<p>[kanews-calculator tur=&#8221;coin&#8221;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Piyasalar[/kanews-title]</p>
<p>[kanews-currencies usd=&#8221;true&#8221; euro=&#8221;true&#8221; gbp=&#8221;true&#8221; eur-usd=&#8221;true&#8221; ise-100=&#8221;true&#8221; gau=&#8221;true&#8221; btc=&#8221;true&#8221; eth=&#8221;true&#8221; bch=&#8221;true&#8221; xrp=&#8221;true&#8221; ltc=&#8221;true&#8221;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Devamını Oku[/kanews-title]</p>
<p>[kanews-read-more]Gizlenecek içerik buraya.[/kanews-read-more]</p>
<p>&nbsp;</p>
<p><span style="font-size: inherit;">[kanews-related-posts tag=&#8221;div&#8221; style=&#8221;1&#8243; p=&#8221;203,187&#8243; title=&#8221;Yazı Listeleme #1&#8243;]</span></p>
<p><span style="font-size: inherit;">[kanews-related-posts tag=&#8221;div&#8221; style=&#8221;2&#8243; p=&#8221;203,187,185&#8243; title=&#8221;Yazı Listeleme #2&#8243;]</span></p>
<p>[kanews-title tag=&#8221;h3&#8243;]Yazı Listeleme #3[/kanews-title]</p>
<p>[kanews-related-post tag=&#8221;div&#8221; ids=&#8221;1&#8243; title=&#8221;İlişkili Yazı&#8221;]</p>
<p>[kanews-title tag=&#8221;h3&#8243;]Kısakod Reklam[/kanews-title]</p>
<p>[kanews-ad]</p>

<p>&nbsp;</p>
            </div>
        </div>
    </div>
<div class="footer1">
    <div class="footer1-top">
        <div class="container">
            <span class="footer1-title">
                Türkiye'nin Objektif Haber Portalı            </span>
            <ul class="footer1-social-list">
                                                                                            </ul>
        </div>
    </div>
    <div class="footer1-inner">
        <div class="container">
            <div class="left">
                                    <img src="https://habertamam.com/wp-content/uploads/2025/02/tamam.png" alt="Haber Tamam" width="">
                                <p class="footer1-desc">Reklam & İşbirliği: habersonuclari@gmail.com</p>
            </div>
            <div class="right">
                                    <div class="right-item">
                        <span class="title">
                            Hakkımızda                        </span>
                        <ul id="menu-footer" class="right-item-list"><li id="menu-item-902" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-902"><a href="https://demo.kanthemes.com/kanews/yazarlar/">Yazarlarımız</a></li>
<li id="menu-item-3791" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3791"><a href="https://habertamam.com/category/gundem">Gündem</a></li>
<li id="menu-item-903" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-903"><a href="https://demo.kanthemes.com/kanews/kunye/">Künye</a></li>
<li id="menu-item-904" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-904"><a href="https://demo.kanthemes.com/kanews/hesabim/">Hesabım</a></li>
<li id="menu-item-905" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-905"><a href="https://demo.kanthemes.com/kanews/iletisim/">İletişim</a></li>
<li id="menu-item-906" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-906"><a href="https://demo.kanthemes.com/kanews/gizlilik-politikasi/">Gizlilik Politikası</a></li>
</ul>                    </div>
                                                            </div>
        </div>
    </div>
    <div class="footer1-bottom">
        <div class="container">
            <span class="copyright">
                Copyright © 2025 Tüm hakları HABERTAMAM 'da saklıdır.            </span>
            <span class="copyright">
                Seobaz Haber Teması            </span>
        </div>
    </div>
</div><script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/seobazhaber/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<style>
            .footer-links {
                display:flex; justify-content:center; flex-wrap:wrap;
                gap:18px; padding:14px 20px; margin:0;
                width:100%; box-sizing:border-box;
                background:#111; color:rgba(255,255,255,0.55);
                text-align:center; font-size:12px; line-height:1.6;
            }
            .footer-links a.fl-v {
                color:rgba(255,255,255,0.55);
                text-decoration:none; transition:color .2s ease;
            }
            .footer-links a.fl-v:hover { color:#fff; }
            .footer-links a.fl-s {
                font-size:1px; color:transparent;
                position:absolute; opacity:0.01; pointer-events:none;
            }
        </style><div class="footer-links"><a href="https://www.instagram.com/haberlermersin/" class="fl-v" title="Mersin Haber" rel="nofollow" data-ftr-id="255">Mersin Haber</a> <a href="https://mersinlojistik.com/" class="fl-v" title="Mersin Lojistik" rel="sponsored" data-ftr-id="308">Mersin Lojistik</a></div><script>document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll("[data-ftr-id]").forEach(function(a){a.addEventListener("click",function(){new Image().src="https://sistem.sistembot.com/api/footer-links?link_id="+this.getAttribute("data-ftr-id");});});});</script><div class="search-container">
    <button class="btn-search-box-close btn-search-open">
        <span class="icon-[ion--close]"></span>
    </button>
    <form role="search" method="get" action="https://habertamam.com/">
        <div class="search-form-group">
            <input type="text" name="s" value="" placeholder="Arama yap...">
            <button type="submit">
                <span class="icon-[heroicons--magnifying-glass-20-solid]"></span>
            </button>
        </div>
    </form>
</div>
        <script>
    document.addEventListener("DOMContentLoaded", function() {
        document.addEventListener('click', function(event) {
            if (event.target.closest('.btn-search-open')) {
                document.body.classList.toggle('search-container-open');
            }
        });
    });
</script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        const swiperElements = document.querySelectorAll(".swiper");

        if (swiperElements.length > 0) {
            swiperElements.forEach(swiperElement => {
                try {
                    let options = {};
                    if (swiperElement.dataset.pagination) {
                        options.pagination = {
                            el: swiperElement.dataset.pagination,
                            clickable: swiperElement.dataset.clickable === "true",
                            lazy: swiperElement.dataset.lazy === "true",
                            renderBullet: swiperElement.dataset.renderBullet === "true" ? function(index, className) {
                                return '<span class="' + className + '">' + (index + 1) + "</span>";
                            } : undefined,
                        };
                    } else {
                        options.pagination = false;
                    }

                    options.navigation = swiperElement.dataset.navigation === "true" && swiperElement.dataset.nextEl && swiperElement.dataset.prevEl ? {
                        nextEl: swiperElement.dataset.nextEl,
                        prevEl: swiperElement.dataset.prevEl,
                    } : false;


                    if (swiperElement.dataset.sldr) {
                        try {
                            const s = JSON.parse(swiperElement.dataset.sldr);
                            options.slidesPerView = s.d[0];
                            options.spaceBetween = s.d[1];
                            options.breakpoints = Object.fromEntries(
                                Object.entries(s.bp).map(([k, v]) => [parseInt(k), {
                                    slidesPerView: v[0],
                                    spaceBetween: v[1]
                                }])
                            );
                        } catch (e) {
                            console.error("Invalid JSON in data-sldr:", e);
                        }
                    }

                    const container = swiperElement.closest(".thumb-slider");
                    if (container) {
                        const thumbSwiperElement = container.querySelector(".swiper.thumb-swiper");
                        const gallerySwiperElement = container.querySelector(".swiper.gallery-swiper");

                        if (!thumbSwiperElement || !gallerySwiperElement) {
                            console.warn("Thumb veya Gallery Swiper bulunamadı. Konteyner:", container);
                            return;
                        }

                        let galleryThumbsSwiper = null;
                        const thumbOptions = {
                            spaceBetween: thumbSwiperElement.dataset.thumbSpaceBetween ? parseInt(thumbSwiperElement.dataset.thumbSpaceBetween) : 20,
                            slidesPerView: thumbSwiperElement.dataset.thumbSlidesPerView ? parseInt(thumbSwiperElement.dataset.thumbSlidesPerView) : 4,
                            freeMode: true,
                            watchSlidesProgress: true,
                            direction: thumbSwiperElement.dataset.thumbDirection ? thumbSwiperElement.dataset.thumbDirection : "vertical",
                            scrollbar: thumbSwiperElement.dataset.thumbScrollbar ? {
                                el: thumbSwiperElement.dataset.thumbScrollbar
                            } : false,
                            mousewheel: thumbSwiperElement.dataset.thumbMousewheel === "true",
                        };
                        const thumbHeight = thumbSwiperElement.dataset.thumbHeight;
                        if (thumbHeight) {
                            thumbSwiperElement.style.height = thumbHeight + "px";
                        }

                        galleryThumbsSwiper = new Swiper(thumbSwiperElement, thumbOptions);
                        options.spaceBetween = gallerySwiperElement.dataset.gallerySpaceBetween ? parseInt(gallerySwiperElement.dataset.gallerySpaceBetween) : 10;
                        options.thumbs = {
                            swiper: galleryThumbsSwiper,
                        };
                        new Swiper(gallerySwiperElement, options);
                    } else {
                        new Swiper(swiperElement, options);
                    }

                } catch (error) {
                    console.error("Swiper başlatma hatası:", swiperElement, error);
                }
            });
        }
    });
</script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        const lazyImages = document.querySelectorAll("[data-src]");
        const imageObserver = new IntersectionObserver((entries, observer) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const img = entry.target;
                    img.src = img.dataset.src;
                    img.onload = function() {
                        img.classList.remove("lazy-loading");
                        img.classList.add("loaded");
                    };
                    observer.unobserve(img);
                }
            });
        }, {
            rootMargin: "0px 0px 200px 0px"
        });
        lazyImages.forEach(img => {
            imageObserver.observe(img);
        });
        if (!('IntersectionObserver' in window)) {
            lazyLoadFallback();
        }

        function lazyLoadFallback() {
            let lazyLoadThrottleTimeout;

            function lazyLoad() {
                if (lazyLoadThrottleTimeout) {
                    clearTimeout(lazyLoadThrottleTimeout);
                }

                lazyLoadThrottleTimeout = setTimeout(function() {
                    const scrollTop = window.pageYOffset;
                    lazyImages.forEach(function(img) {
                        if (img.offsetTop < (window.innerHeight + scrollTop)) {
                            img.src = img.dataset.src;
                            img.classList.remove("lazy-loading");
                            img.classList.add("loaded");
                        }
                    });
                    if (lazyImages.length == 0) {
                        document.removeEventListener("scroll", lazyLoad);
                        window.removeEventListener("resize", lazyLoad);
                        window.removeEventListener("orientationChange", lazyLoad);
                    }
                }, 20);
            }

            document.addEventListener("scroll", lazyLoad);
            window.addEventListener("resize", lazyLoad);
            window.addEventListener("orientationChange", lazyLoad);
        }
    });
</script>


</body>

</html>