<!DOCTYPE html>

<html lang="tr">
<head>
    <meta charset="utf-8">
    <title>Diyanet Vakfı Yayın - Okuyan Bilir! | Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!</title>
    <meta name="description" content="Diyanet Vakfı kitaplarını güvenle satın alın. TDV Yayınları online satış mağazasında çocuk, genç, Kur’an, hadis, fıkıh ve tüm İslami eserler sizi bekliyor." />
    <meta name="keywords" content="" />
    <meta name="author" content="Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  
    <!-- font -->
    <link rel="stylesheet" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/fonts/fonts.css">
    <link rel="stylesheet" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/icon/icomoon/style.css">
    <!-- css -->
    <link rel="stylesheet" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/css/sib-styles.css">
    <link rel="stylesheet" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/css/animate.css">
    <link rel="stylesheet" type="text/css" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/css/styles.css">
    <link rel="stylesheet" type="text/css" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/css/drift-basic.min.css">
    <link rel="stylesheet" type="text/css" href="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/css/photoswipe.css">
        <style>
        .bsk-rozet {
            display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap;
            margin-top:6px; padding:4px 9px; border-radius:20px;
            font-size:12px; line-height:1.4; font-weight:500;
        }
        .bsk-rozet .icon { font-size:12px; }
        .bsk-var   { background:#e8f6ed; color:#1a7f43; border:1px solid #bfe4cd; }
        .bsk-eksik { background:#fff5e5; color:#9a6400; border:1px solid #f2ddb5; }
        .bsk-yok   { background:#fdecec; color:#b02a2a; border:1px solid #f3c9c9; }
        .bsk-dar   { margin-top:4px; padding:2px 7px; font-size:11px; }
        .bsk-onizleme { display:inline-flex; align-items:center; gap:3px; margin-left:2px; }
        .bsk-onizleme img {
            width:22px; height:22px; border-radius:4px; object-fit:cover;
            border:1px solid rgba(0,0,0,.12); background:#fff;
        }
        .bsk-fazla { font-size:11px; opacity:.75; }

        /* Sepet sayfasindaki eksik gorsel seridi */
        .bsk-uyari {
            display:flex; gap:12px; align-items:flex-start;
            background:#fdecec; border:1px solid #f3c9c9; border-left:4px solid #b02a2a;
            border-radius:8px; padding:14px 16px; margin-bottom:18px; color:#7a1f1f;
        }
        .bsk-uyari-simge {
            flex:0 0 32px; width:32px; height:32px; border-radius:50%;
            background:#b02a2a; color:#fff;
            display:flex; align-items:center; justify-content:center; font-size:15px;
        }
        .bsk-uyari-baslik { font-weight:600; font-size:14px; margin-bottom:3px; }
        .bsk-uyari-metin  { font-size:13px; line-height:1.6; }
        </style>
    <style>
        :root {
            --primary: #FF6550;
            --secondary: #FF6550;
        }
    </style>
    <style>
        /* Kutu ÖLÇÜSÜ BURADA DA VERİLİYOR ( tema 122x122 diyor ): yüzde
           ölçünün çözülebilmesi için yüksekliğin kesin olması gerekiyor.
           flex-basis de sabitleniyor, satır esnerken kutu daralmasın. */
        .tf-mini-cart-item .tf-mini-cart-image {
            flex: 0 0 122px; width: 122px; height: 122px; overflow: hidden;
        }
        .tf-mini-cart-item .tf-mini-cart-image > a {
            display: block; width: 100%; height: 100%;
        }
        /* Görselin kendisi de zorlanıyor: bağlantı katmanı değişse bile
           yükseklik serbest kalıp taşmasın. */
        .tf-mini-cart-item .tf-mini-cart-image img {
            width: 100% !important; height: 100% !important;
        }
        .tf-sticky-btn-atc { display: none !important; }
        /* KART SARMALI ORTALIYOR
           Sığdırılan fotoğraf kutunun oranına tam oturmayınca artan yer
           kutunun bir yanında birikiyordu. Sarmal esnek yapılıp ortalanınca
           boşluk iki yana eşit dağılıyor ve kart hizalı duruyor.

           .product-img e ölçü de veriliyor: esnek öğe olduğunda içeriği
           kadar daralır ve kutuyu boydan boya kaplamazdı. Rozet ve eylem
           listeleri mutlak konumlu, bu değişiklikten etkilenmiyorlar. */
        .card-product_wrapper {
            display: flex; align-items: center; justify-content: center;
        }
        .card-product_wrapper > .product-img {
            width: 100%; height: 100%;
        }

        /* KURAL YALNIZ ÜRÜN FOTOĞRAFINA.
           Kombin afişi, mozaik kartı ve menü görseli TASARIM görselidir:
           kutuyu dolduracak şekilde seçiliyorlar ve  contain  onlari
           kenarlarda beyaz bosluklu birakip duzeni bozardi. Kirpilma
           sikayeti urun fotografi icindi, kural da orada duruyor. */
        .card-product img,
        .card-product .img-product,
        /* Ana galeri: <img class="tf-image-zoom lazyload"> .item > .swiper-slide
           icinde duruyor ( olculdu ). Hem sarmaldan hem sinifin kendisinden
           yakalaniyor: tema surumu degisip sarmal adi kaysa bile kural
           dusmesin. */
        .tf-image-zoom,
        .tf-product-media-main .item img,
        .tf-product-media-main img,
        .tf-product-media-thumbs img,
        .thumbs-slider img,
        .trend-product-item .image img,
        .tf-mini-cart-item .tf-mini-cart-image img,
        /* Kombin penceresindeki ÜRÜN küçük görselleri de ürün fotoğrafı. */
        .as-km-urun-resim img,
        .as-km-mini img {
            /* KIRPAN ŞEY object-fit DEĞİL, KARTIN SABİT ORANI.
               Ölçüldü: fotoğraf 400x600 ( 2:3 ), <img> kutusu 277x416 yani
               fotoğrafın tamamı zaten içindeydi — ama kart sarmalı
               aspect-ratio 3/4 ile 369px yüksekliğinde ve overflow:hidden.
               Taşan 47px i sarmal kesiyordu.

               Görsele sarmalın TAMAMINI verip contain bırakınca fotoğraf
               sarmalın içine sığıyor, artan yer boş kalıyor ve hiçbir yeri
               kesilmiyor. Sarmalın oranını kaldırmak da çözerdi ama o zaman
               kart yükseklikleri fotoğrafa göre değişir, ızgara bozulurdu. */
            width: 100% !important;
            height: 100% !important;
            object-fit: contain !important;
            background: #fff;
        }
        .card-product_wrapper { aspect-ratio: 1 / 1 !important; }

        /* DETAY GALERİSİ  —  DAYANAK  .flat-wrap-media-product
           ------------------------------------------------------------------
           Oranı önce en içteki  .item  e vermiştim ve tutmuyordu: o kutunun
           yüksekliği zincirin ÜSTÜNDEN geliyor.  .flat-wrap-media-product
           esnek bir öğe ve temanın kendi ölçülendirmesi orada
           ( styles.css:11089 — dosyanın kendi yorumu da bunu söylüyor );
           altındaki  .tf-product-media-main,  .swiper-wrapper,
           .swiper-slide  ve  .item  hepsi  height:100%  ile ona bağlı.

           Oran en dıştaki kutuya verilip alt zincir 100% te bırakılınca
           ölçü tepeden aşağı çözülüyor.  max-height: 764px  de kaldırılmak
           zorunda: kalsaydı büyük ekranda oran orada kesilirdi.

           Swiper slayt yüksekliğini kendi de hesaplıyor;  !important  ile
           satır içi değil ama kural düzeyinde onun sınıf kurallarını
           eziyoruz. */
        .flat-wrap-media-product {
            aspect-ratio: 1 / 1 !important;
            height: auto !important;

            /* GERİLME KAPATILIYOR  —  oranın hiç tutmamasının sebebi buydu.
               .product-thumbs-slider  display:flex  ( styles.css:11069 ) ve
               esnek kaplarda varsayılan  align-items: stretch.  Kutu, yanındaki
               küçük görsel sütununun boyuna GERİLİYOR; yüksekliği böylece
               kesinleşiyor ve tarayıcı  aspect-ratio  yu YOK SAYIYOR
               ( oran ancak iki ölçüden biri belirsizken çalışır ).

               align-self: flex-start  gerilmeyi kaldırıyor, yükseklik yeniden
               belirsiz kalıyor ve oran devreye giriyor. Dikey yerleşimde
               ( 1199px altı, flex-direction: column ) zararsız. */
            align-self: flex-start !important;

            /* min-height: 0  —  ORANI ASIL BOZAN BUYDU.
               Olculdu ( canli sayfa ): kutuya  aspect-ratio: 1/1  uygulanmis
               gorunuyor,  align-self  de tutmus, ama kutu 430 genis 645
               yuksek cikiyor.

               Sebep: esnek ogelerin varsayilan  min-height: auto  degeri.
               O deger " icerigimden kisa olamam " demek; icerideki fotograf
               dogal boyunda 645px oldugu icin kutu 430e inemiyor ve oran
               sessizce gecersiz kaliyor. Tarayici kurali ezmiyor, en kucuk
               olcu kuralini uyguluyor.

               Sifirlaninca kutu oranin verdigi olcuye inebiliyor; tasan
               kisim  overflow  ile kirpiliyor ( fotograf zaten
               object-fit ile kutuya oturuyor ). */
            min-height: 0 !important;
            overflow: hidden;
        }
        .flat-wrap-media-product .tf-product-media-main,
        .flat-wrap-media-product .tf-product-media-main .swiper-wrapper,
        .flat-wrap-media-product .tf-product-media-main .swiper-slide {
            height: 100% !important;
        }
        .flat-wrap-media-product .tf-product-media-main .item {
            height: 100% !important; max-height: none !important;
        }
        .flat-wrap-media-product .tf-product-media-main .item img {
            width: 100% !important; height: 100% !important;
        }

        /* Şeritlerdeki ( benzer ürünler, en yeniler ) kart da aynı kutu. */
        .trend-product-item .image { aspect-ratio: 1 / 1 !important; overflow: hidden; }
        .trend-product-item .image img { width: 100% !important; height: 100% !important; }
        @media ( min-width: 1200px ) {

            /* SÜTUNUN ORTASINA
               Sarmal daraltılınca sütunun SOL kenarına yapışıyor, sağında
               kocaman bir boşluk kalıyordu ( ölçüldü: 638px lik sütunda
               solda 24px, sağda 194px ). Otomatik yan boşluklarla
               ortalanıyor. */
            .tf-product-media-wrap {
                max-width: 480px;
                margin-left: auto !important;
                margin-right: auto !important;
            }

            /* KÜÇÜK GÖRSEL ŞERİDİ DE KÜÇÜLÜYOR
               Tema şeride SABİT 115px, büyük görsele de
               calc( 100% - 123px )  veriyor ( 115 şerit + 8 aralık ).
               Sarmal daraltılınca şerit küçülmüyor: 297px lik bir görselin
               yanında 115px lik kocaman küçük görseller kalıyordu.

               İkisi de ORANSAL yazıldı. Temanın kendi ölçüsünde
               ( sarmal 696 ) sonuç birebir aynı: 696 x %16.5 = 115,
               kalan da 573. Yani ayar kullanılmadığında hiçbir şey
               değişmiyor, daraldıkça ikisi birlikte küçülüyor. */
            .tf-product-media-wrap .tf-product-media-thumbs { width: 16.5% !important; }
            .tf-product-media-wrap .flat-wrap-media-product { width: calc( 83.5% - 8px ) !important; }
        }
        /* ANA SAYFA AFİŞ SLIDER I — BEŞ AFİŞ ÜST ÜSTE BASILIYORDU
           ------------------------------------------------------------------
           Slider  fade  kipinde çalışıyor: Swiper bütün slaytları AYNI
           noktaya yığıyor ( ölçüldü: 5 slaytın beşi de sol 16, üst 107,
           343x277 ) ve hangisinin görüneceğini OPACITY ile ayırmayı
           bekliyor.

           Temanın fade kuralı ise başka bir slider a yazılmış:
               .slider-book .swiper-slide { opacity: 0 !important; }
           Buradaki slider  .slider_effect_fade  sınıfını taşıyor, o kural
           ona değmiyor ve beş afişin opacity si de 1 kalıyordu — hepsi
           üst üste görünüyor, özellikle telefonda karmakarışık.

           Aynı kural bu sınıf için de yazıldı. !important ŞART: Swiper
           geçiş sırasında slaytlara satır içi  opacity  yazıyor, temanın
           kendi kuralı da bu yüzden !important kullanıyor.
           ------------------------------------------------------------------ */
        .slider_effect_fade .swiper-slide { opacity: 0 !important; transition: opacity .5s ease; }
        .slider_effect_fade .swiper-slide.swiper-slide-active { opacity: 1 !important; }

        .tf-product-media-thumbs .swiper-slide { overflow: hidden; }

        .tf-product-media-thumbs .swiper-slide > * { height: 100% !important; }

        .tf-product-media-thumbs .swiper-slide img {
            height: 100% !important;
            object-fit: contain !important;
        }

        .tf-product-media-thumbs.swiper-vertical .swiper-slide > * {
            padding: 3px 0;
            box-sizing: border-box;
        }
        .tf-btn {
            background-color: var( --primary );
            border-color: var( --primary );
            color: var( --white );
        }
        .tf-btn.style-line {
            background-color: transparent;
            color: var( --primary );
            border-color: var( --primary );
        }
        .tf-product-info-wrap .variant-color .color-btn.style-image-square {
            width: 96px;
            height: 128px;
        }
        @media ( max-width: 1199px ) {
            .tf-product-info-wrap .variant-color .color-btn.style-image-square {
                width: 72px;
                height: 96px;
            }
        }
        .ani-zoom {
            animation: none !important;
            transform: none !important;
        }
        .s-page-title .kategori-aciklama { display: none !important; }
        .s-page-title {
            padding-top: 26px !important;
            padding-bottom: 26px !important;
        }
        .s-page-title .content {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
        .s-page-title .title-page {
            font-size: 20px !important;
            line-height: 1.3 !important;
            margin-bottom: 6px !important;
        }

        /* ŞERİTTEN SONRAKİ BOŞLUK
           Tema  .flat-spacing  a 56px üst boşluk veriyor; şeridin altındaki
           20px lik ayırma ile birlikte 76px oluyordu — şeridin ÜSTÜNDEKİ
           boşluğun ( 26px ) neredeyse üç katı. İkisi eşitlendi.

           Yalnız  .flat-spacing  hedefleniyor:  .flat-spacing-1  ( ürün
           sayfası ) zaten 0 üst boşlukla geliyor, ona dokunmak oraya yeni
           boşluk EKLERDİ. */
        .s-page-title + .flat-spacing { padding-top: 6px !important; }

        @media ( max-width: 767px ) {
            .s-page-title {
                padding-top: 18px !important;
                padding-bottom: 18px !important;
            }
            .s-page-title .title-page { font-size: 17px !important; }
            .s-page-title + .flat-spacing { padding-top: 6px !important; }
        }
    </style>
    <style>
        /* MİNİ SEPET  —  ARA TOPLAM VE ÜCRETSİZ KARGO  ( ayardan bağımsız )
           Sepet penceresinin alt bölümü: " Ara toplam " 18px, tutar 20px,
           ilerleme çubuğunun altında 16px boşluk, " … daha ekleyin, kargo
           ücretsiz olsun " ve altta ayrıca " … üzeri siparişlerde kargo
           ücretsiz " satırı 16px. Ölçüldü: bölüm 239px, ürün listesine o
           kadar yer kalmıyordu. Yazılar ve aralıklar küçültüldü. */
        .tf-mini-cart-threshold .subtotal { font-size: 15px; }
        .tf-mini-cart-threshold .total-price { font-size: 18px; }
        .tf-mini-cart-threshold .tf-progress-bar { margin-bottom: 8px; }
        .tf-mini-cart-threshold .desc { font-size: 13px; line-height: 1.4; }
        .tf-mini-cart-bottom .free-shipping { font-size: 13px; line-height: 1.4; }
        .tf-mini-cart-bottom .tf-mini-cart-view-checkout { margin-bottom: 10px; }

        .s-page-title { margin-bottom: 20px; }
        @media ( max-width: 767px ) {
            .s-page-title { margin-bottom: 12px; }
        }
    </style>
    <!-- bicim s1 tema_uzunluk=13452 ayar_var=1 etkin=1 oran=kare gorsel=sigdir baslik=cok_kucuk -->

    <!-- ==================================================================
         TEMA DÜZELTMELERİ  —  site genelinde, tek yerde
         ------------------------------------------------------------------
         Sayfaların kendi <style> bloklarına dağıtılmadı: aynı kural üç
         sayfaya ayrı ayrı gömülünce birini değiştirince diğerleri geride
         kalıyor. Buradaki kurallar temanın styles.css inden SONRA geldiği
         için ek bir !important e gerek kalmadan onu eziyor.
         ================================================================== -->
    <style>
    /* --- ÜRÜN KARTI ROZETLERİ ---
       Tema rozetleri YAN YANA diziyordu. Kartta hangi rozetin çıkacağı
       ürüne göre değiştiği için dizi her kartta başka bir yerde bitiyor;
       biri eksik olunca kalanlar sola kayıyor, üç rozet olunca da satır
       resmin üstünü boydan boya kaplıyordu.

       Artık HER ZAMAN alt alta ve sola dayalı tek sütun: bir rozet eksik
       olduğunda kalanlar yerinden oynamıyor, sıra hep aynı — durum
       ( tükendi / ön sipariş / tükenmek üzere ), indirim, yeni, kargo. */
    .product-badge_list {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        max-width: calc(100% - 16px);
    }

    /* Tema 18px kullanıyordu; tek rozetli demo kartında hoş duruyor ama üç
       rozet alt alta gelince kartın yarısını yiyor. Uzun yazı ( Kargo
       Bedava ) kartı taşırmasın diye tek satırda kesiliyor. */
    .product-badge_item {
        padding: 2px 10px;
        font-size: 13px;
        line-height: 20px;
        border-radius: 3px;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* DURUM ROZETLERİNİN RENGİ
       ----------------------------------------------------------------------
       Tema yalnızca kendi demo rozetlerine renk veriyor:
         sale ( kırmızı ), new ( yeşil ), hot ( turuncu ), flash-sale, trend, limit
       Bizim kodumuzun bastığı  sold-out  ve  low-stock  sınıflarının temada
       karşılığı YOK. Rozetin yazı rengi beyaz olduğu için arka planı olmayan
       rozet beyaz zeminde ve açık görselin üstünde HİÇ GÖRÜNMÜYORDU.
       Ölçüldü ( Yeni Gelenler ): sold-out rozetinin arka planı
       rgba(0,0,0,0), yazısı rgb(255,255,255) — yani görünmez bir " Tükendi ".

       Renkler anlamla eşleşiyor: satılamayan ürün nötr gri, azalan stok
       uyarı sarısı. İndirim kırmızısı ve yeni yeşili temadan geliyor,
       ön sipariş rengi ayardan ( on_siparis_kur.php ).

       Koyuluk kontrasta göre seçildi: beyaz yazıyla gri 5,2:1, kehribar
       5,1:1 — ikisi de okunabilirlik sınırının ( 4,5:1 ) üstünde.
       Temanın kendi turuncu rozeti bu ölçüde 2,7:1 de kalıyor. */
    .product-badge_item.sold-out  { background-color: #6C6E6B; color: #FFFFFF; }
    .product-badge_item.low-stock { background-color: #9A6200; color: #FFFFFF; }

    @media (max-width: 575px) {
        .product-badge_list { gap: 4px; }
        .product-badge_item { padding: 2px 8px; font-size: 12px; line-height: 18px; }
    }

    /* --- SEÇİM YUVARLAKLARI VE ONAY KUTULARI ---
       Sipariş adımındaki ödeme ve kargo seçenekleri görünmüyordu.
       Ölçüldü: seçilmemiş yuvarlağın hem zemini hem ÇERÇEVESİ #F5F5F5,
       yani beyaz sayfada belli belirsiz bir disk; onay kutusunun çerçevesi
       de #9B9B9B yerine temanın açık gri çizgisi ( --line ) idi. Ziyaretçi
       seçenek olduğunu ancak üzerine gelince anlıyordu.

       Artık seçilmemiş yuvarlak beyaz zeminli, 2px gri çerçeveli; seçili
       olan siyah çerçeveli ve ortasında siyah nokta. Onay kutusu da aynı
       kalınlıkta. Ölçü ve yerleşim değişmiyor, yalnız görünürlük artıyor.

       Burada duruyor çünkü aynı sınıflar üyeli / üyesiz sipariş, kargo
       seçimi ve sepet sayfasında ORTAK; sayfa sayfa yazılsa biri
       güncellenmeden kalırdı. */
    .tf-check-rounded.style-2 { background-color: #FFFFFF; border: 2px solid #9A9A9A; }
    .tf-check-rounded.style-2:checked { border-color: var(--black); background-color: #FFFFFF; }
    .tf-check-rounded.style-2::before { width: 10px; height: 10px; }
    @media (min-width: 1200px) {
        /* Temanın kendi ölçüsü 16px; 22px lik halkanın içinde nokta kenara
           yapışıp dolu disk gibi duruyordu. */
        .tf-check-rounded.style-2::before { width: 12px; height: 12px; }
    }

    .tf-check.style-2 { border: 2px solid #9A9A9A; }
    .tf-check.style-2:checked { border-color: var(--black); background-color: var(--black); }

    /* İlk bölümün üst dolgusu YOK: başlık akıştan çıktığı için o dolgu
       şeritle video arasında beyaz bir bant olarak kalıyordu. Yalnız bu
       kipte ve yalnız ilk bölümde; alt dolgusuna dokunulmuyor. */
    .bs-ustte .as-bolum.as-ilk { padding-top: 0; }

    /* Otomatik beyazlatma: ayrı bir açık logo YÜKLENMEMİŞSE ve panelden
       açılmışsa logo saydam başlıkta beyaza çevriliyor. brightness(0)
       önce her rengi siyaha indiriyor, invert(1) sonra beyaza çeviriyor;
       böylece logonun kendi rengi ne olursa olsun sonuç düz beyaz.
       Yapışkan başlığa uygulanmıyor — orası beyaz zemine dönüyor. */
    .bs-logo-beyaz img { filter: brightness(0) invert(1); }

    /* ==================================================================
       PENCERE KAPATMA DÜĞMESİ  —  ÖLÇÜLDÜ: 0 x 0 PİKSEL
       ------------------------------------------------------------------
       .icon-close-popup kutusu tarayıcıda 0 x 0 çıkıyor, konumu 0,0.
       Sebebi ikon yazı tipinin bu sınıf için BOŞ içerik basması
       ( ::before content boş ) — kutunun içinde hiçbir şey olmayınca
       genişliği de sıfır kalıyor.

       Sonuç ağır: pencere açılıyor, arka plan kararıyor, kullanıcı
       kapatamıyor. Çarpının bulunması gereken noktaya tıklandığında
       isabet eden öge modal-backdrop oluyor ve sayfa kilitli kalıyor.

       İkon yazı tipine güvenmiyoruz: çarpı CSS ile yazılıyor ve 38px
       dokunulabilir hedef veriliyor. font-size:0 eski glifi bastırıyor,
       yazı tipi düzelse bile çift çarpı olmuyor.

       KURAL BURADA çünkü sorun ürün sayfasına özel değil: sepet, sipariş
       adımı, hızlı bakış — hepsi aynı sınıfı kullanıyor.
       ================================================================== */
    .modal .icon-close-popup {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        font-size: 0;
        cursor: pointer;
        border-radius: 50%;
        z-index: 5;
    }
    .modal .icon-close-popup::after {
        content: "\00d7";
        font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
        font-size: 26px;
        line-height: 1;
        color: var(--black);
    }
    .modal .icon-close-popup:hover { background: rgba(0,0,0,.06); }

    /* --- BAŞLIK SLIDER IN ÜSTÜNDE ---
       Başlık akıştan çıkıp saydamlaşıyor, altındaki slider en üstten
       başlıyor. Temada böyle bir seçenek yok ( başlık türleri yalnız arka
       plan rengini değiştiriyor ), o yüzden burada kuruluyor.

       YAPIŞKAN BAŞLIĞA DOKUNULMUYOR: sayfa kaydırılınca beyaz zeminiyle
       inen ayrı bir başlık o, saydam olması gerekmiyor. */
    /* Sarmal konumlandiriliyor: baslik ona gore yerlesiyor. */
    .bs-ustte { position: relative; }

    /* BASLIK AKISTAN CIKIYOR AMA YERINDEN OYNAMIYOR.

       top:0 YANLISTI: baslik sayfanin en tepesine yapisir ve UST BILGI
       SERIDININ ustunu orterdi. top:auto ile baslik AKISTAKI yerinde
       kaliyor ( seridin hemen alti ), yalnizca akistan cikiyor: video
       yukari kayip onun altindan basliyor.

       Serit yuksekligini bir sayiyla yazmak da olurdu ama serit kapali
       oldugunda ya da iki satira dustugunde tutmazdi. */
    .bs-ustte .tf-header.style-3 {
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        z-index: 60;
    }

    /* SAYDAMLIK BAŞLIĞIN TAMAMINDA.
       Önce yalnız  .tf-header  ve  .header-top  hedeflenmişti; canlıda logo
       satırı yine beyaz bir bant olarak videonun üstünü örtüyordu. Beyaz
       zemin bu yapıda birkaç sarmaldan herhangi birinde olabiliyor, o yüzden
       başlığın kendisi ve DOĞRUDAN çocukları birlikte saydamlaştırılıyor.
       ( > * yalnız header-top ve header-inner e değiyor; açılır menüler daha
       derinde, kendi beyaz zeminlerini koruyorlar. ) */
    .bs-ustte .tf-header.style-3,
    .bs-ustte .tf-header.style-3 > *,
    .bs-ustte .tf-header.style-3 .header-top,
    .bs-ustte .tf-header.style-3 .header-top > .container,
    .bs-ustte .tf-header.style-3 .header-inner {
        background-color: transparent !important;
        background-image: none !important;
    }
    .bs-ustte .tf-header.style-3 .header-top,
    .bs-ustte .tf-header.style-3 .header-inner {
        border-color: rgba(255, 255, 255, .22);
    }

    .bs-ustte .tf-header.style-3,
    .bs-ustte .tf-header.style-3 a,
    .bs-ustte .tf-header.style-3 .icon,
    .bs-ustte .tf-header.style-3 .text-caption,
    .bs-ustte .tf-header.style-3 .menu-link {
        color: #fff;
    }

    /* Arama kutusu saydam zeminde kaybolmasın.
       Seçici DÜZELTİLDİ: kutu  form.form_search-product > input.style-def
       ( baslik_kur.php ). Önce temanın  .form-search  sınıfı yazılmıştı,
       o bu başlıkta hiç yok — kural boşa düşüyordu. */
    .bs-ustte .tf-header.style-3 .form_search-product input {
        background-color: rgba(255, 255, 255, .16) !important;
        border-color: rgba(255, 255, 255, .3) !important;
        color: #fff;
    }
    .bs-ustte .tf-header.style-3 .form_search-product input::placeholder {
        color: rgba(255, 255, 255, .75);
    }
    /* Açılan menüler kendi beyaz zeminlerinde: oradaki yazı beyaz kalırsa
       okunmuyor. */
    .bs-ustte .tf-header.style-3 .sub-menu a,
    .bs-ustte .tf-header.style-3 .sub-menu,
    .bs-ustte .tf-header.style-3 .mega-menu,
    .bs-ustte .tf-header.style-3 .mega-menu a {
        color: var(--text);
    }
    </style>

    <!-- Favicon and Touch Icons  -->
    <link rel="shortcut icon" href="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-a8e0d1ddfc-4063989.ico">
    <link rel="apple-touch-icon-precomposed" href="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-a8e0d1ddfc-4063989.ico">

    <meta name="robots" content="NOINDEX,FOLLOW">
    <meta name="format-detection" content="telephone=no">
    <link rel="canonical" href="https://www.yeni.artipartners.net/tr/arama">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="tr_TR">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:site_name" content="">
    <meta property="og:url" content="https://www.yeni.artipartners.net/tr/arama">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="">
    <meta name="twitter:description" content="">
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9S6HWCB3XL"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('consent', 'update', {
        'ad_user_data': 'granted',
        'ad_personalization': 'granted',
        'ad_storage': 'granted',
        'analytics_storage': 'granted'
      });
      gtag('js', new Date());
      gtag('set', 'allow_ad_personalization_signals', true);
      gtag('set', 'url_passthrough', true);
      gtag('config', 'AW-395898552');
      gtag('config', 'G-9S6HWCB3XL');
    </script>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-N3JN584');</script>
    <script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window, document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '576663436001754');
    fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=576663436001754&ev=PageView&noscript=1"></noscript>
</head>

<body>

    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JN584"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- Scroll Top -->
    <button id="goTop">
        <span class="border-progress"></span>
        <span class="icon icon-caret-up"></span>
    </button>

    <!-- preload -->
    <div class="preload preload-container" id="preload">
        <div class="preload-logo">
            <div class="spinner"></div>
        </div>
    </div>
    <!-- /preload -->

    <!-- SARMAL SINIFLARI iki ayrı ayardan geliyor; tek bir class özniteliğinde
     birleştiriliyor. Ayrı ayrı basılsalardı ikincisi birincisini ezerdi. -->

    <!-- BAŞLIK YERLEŞİMİ
         bs-ustte: başlık saydamlaşıp slider ın üstüne biner. Sınıf BURAYA
         konuyor, başlığın kendisine değil: başlık işaretlemesi menü
         önbelleğinden de gelebiliyor, sayfaya göre değişen bir sınıf orada
         yanlış sayfaya yapışırdı. -->
    <main id="wrapper">
        <!-- Marquee -->
        <!-- MENU UST BILGI SERIDI
             Icerik, bicim ( kayan / sabit / slider ), renkler ve ayrac simgesi
             panelden geliyor: ayarlar.genel.ust_bilgi  ->  ust_bilgi_kur.php
             Kapaliysa ya da hic oge yoksa serit HIC basilmaz. -->
        
        <div class="ub-serit" style="background:#ff6550;color:#ffffff;">
                <div class="ub-slider" data-sure="5">
                        <div class="ub-slayt etkin"><p class="h6"><a href="/tr/kategori/727" style="color:inherit;">500–1000 TL ve Üzeri Hediye Çeki Seçenekleriyle Sevdiklerinizi Mutlu Edin.</a></p></div>
                        <div class="ub-slayt"><p class="h6"><a href="#" style="color:inherit;">1500 TL ve Üzeri Kargo Bedava</a></p></div>
                        <div class="ub-slayt"><p class="h6"><a href="/tr/kampanyalar" style="color:inherit;">Her An Avantajlarla Dolu İndirimli Kitaplara Ulaşmak İçin Kampanyalar Sekmemizi Keşfetmeyi Unutmayın.</a></p></div>
                </div>
        </div>
        <!-- /Marquee -->
        
        
        <style>
        .bd-bolge { display:flex; align-items:center; gap:16px; }
        .bd-bolge > * { margin-bottom:0; }
        .bd-bolge .form_search-product { flex:1 1 auto; margin-bottom:0; }
        .bd-bolge .logo-site { margin:0; }

        .bd-hiz-sol  { justify-content:flex-start; }
        .bd-hiz-orta { justify-content:center; }
        .bd-hiz-sag  { justify-content:flex-end; }

        .bd-hiz-sol  .nav-icon-list,
        .bd-hiz-sol  .box-nav-menu  { justify-content:flex-start; }
        .bd-hiz-orta .nav-icon-list,
        .bd-hiz-orta .box-nav-menu  { justify-content:center; }
        .bd-hiz-sag  .nav-icon-list,
        .bd-hiz-sag  .box-nav-menu  { justify-content:flex-end; }

        .bd-hiz-sol  .logo-site { justify-content:flex-start; }
        .bd-hiz-orta .logo-site { justify-content:center; }
        .bd-hiz-sag  .logo-site { justify-content:flex-end; }

        .bd-bolge .nav-icon-list { margin-bottom:0; flex:0 0 auto; }
        .bd-bolge .box-navigation { flex:1 1 auto; }

        /* Başlığa eklenen marka logoları. Yükseklik ayardan geliyor,
           genişlik oranı korunuyor — yan yana duranlar aynı boyda kalsın. */
        .bd-gorsel { display:inline-flex; align-items:center; flex:0 0 auto; }
        .bd-gorsel-img { width:auto; max-width:100%; object-fit:contain; display:block; }

        /* ==================================================================
           MENÜ SÜTUNUNA SIĞMIYORSA KADEMELİ SIKIŞTIR
           ------------------------------------------------------------------
           Yapışkan başlıkta menü sütunu panelde verilen oranla kuruluyor
           ( varsayılan 2 / 8 / 2 ). Ölçüldü ( 1366px ekran ): menü sütunu
           907px, menünün kendisi 1190px ( 9 öge, 18px kalın yazı, öge
           arası 32px ). 283px taşıyor, " Kampanyalar " ile " Mağazalar "
           simgelerin üstüne biniyor, " Askıda Kitap " ekran dışına çıkıyordu.

           Taşma CSS ile ÖLÇÜLEMİYOR ve öge sayısı firmadan firmaya değişiyor;
           sabit bir yazı boyu 12 ögede yine taşar, 5 ögede boşuna küçültür.
           Aşağıdaki betik menüyü ölçüyor ve yalnız GEREKTİĞİ KADAR sıkıştırıyor:

             1  öge arası 24px
             2  öge arası 16px
             3  + yazı 16px
             4  öge arası 12px, yazı 15px
             5  öge arası 10px, yazı 14px
             6  son çare: iki satıra kır ( üst üste binmekten iyidir )

           Menü zaten sığıyorsa HİÇBİR sınıf eklenmiyor; geniş ekranda başlık
           birebir bugünkü gibi. Sınıflar başlığın kendisine veriliyor, menüye
           değil: tema mobil menüyü  .box-nav-menu  yü KOPYALAYARAK kuruyor,
           kopyaya sıkıştırma taşınmasın.

           min-width:0 — menü kutusu içeriğinden dar olamıyordu ( flex öğesinin
           varsayılanı min-width:auto ); taşma ölçülebilsin diye sütuna
           sınırlanıyor. */
        .tf-header .bd-bolge .box-navigation { min-width:0; }
        .tf-header.bd-olcum .box-nav-menu,
        .tf-header.bd-olcum .box-nav-menu .item-link { transition:none !important; }

        .tf-header.bd-sik-1 .box-nav-menu { gap:24px; }
        .tf-header.bd-sik-2 .box-nav-menu { gap:16px; }
        .tf-header.bd-sik-3 .box-nav-menu > .menu-item > .item-link { font-size:16px; }
        .tf-header.bd-sik-4 .box-nav-menu { gap:12px; }
        .tf-header.bd-sik-4 .box-nav-menu > .menu-item > .item-link { font-size:15px; }
        .tf-header.bd-sik-5 .box-nav-menu { gap:10px; }
        .tf-header.bd-sik-5 .box-nav-menu > .menu-item > .item-link { font-size:14px; }
        .tf-header.bd-sik-6 .box-nav-menu { flex-wrap:wrap; row-gap:4px; }
        </style>
        <script>
        (function () {

            var KADEME = 6;

            /* GEÇİŞ KAPALIYKEN ÖLÇ
               Tema menü ögelerine  transition  veriyor. Sınıf değişince yazı
               boyu ve aralık bir süre ARA değerlerden geçiyor; o sırada
               ölçmek her seferinde farklı sonuç veriyordu ( ölçüldü: aynı
               ekranda bir kez 5, bir kez 6 ). .bd-olcum ölçüm boyunca
               geçişi kapatıyor. */
            function sigdir(bas) {

                var menu = bas.querySelector(".bd-bolge .box-nav-menu");
                if (!menu) { return; }

                var kutu = menu.closest(".box-navigation") || menu.parentElement;

                bas.classList.add("bd-olcum");
                for (var i = 1; i <= KADEME; i++) { bas.classList.remove("bd-sik-" + i); }

                /* Görünmeyen başlıkta ölçü 0; boyu geldiğinde yeniden
                   çağrılıyor ( aşağıdaki ResizeObserver ). */
                if (kutu.clientWidth > 0 && menu.scrollWidth > kutu.clientWidth + 1) {
                    for (var k = 1; k <= KADEME; k++) {
                        bas.classList.add("bd-sik-" + k);
                        if (menu.scrollWidth <= kutu.clientWidth + 1) { break; }
                    }
                }

                bas.classList.remove("bd-olcum");
            }

            /* Yalnız GENİŞLİK değişince yeniden ölç. Sıkıştırma başlığın
               YÜKSEKLİĞİNİ değiştirebiliyor ( 6. kademe iki satır ); her boy
               değişiminde ölçseydik gözlemci kendini tetikleyip döngüye
               girerdi. */
            var sonGenislik = new WeakMap();

            function hepsi(zorla) {
                var basliklar = document.querySelectorAll(".tf-header");
                for (var i = 0; i < basliklar.length; i++) {
                    var b = basliklar[i];
                    var g = b.clientWidth;
                    if (!zorla && sonGenislik.get(b) === g) { continue; }
                    sonGenislik.set(b, g);
                    sigdir(b);
                }
            }

            function kur() {
                hepsi(true);

                if (window.ResizeObserver) {
                    var gozlemci = new ResizeObserver(function () { hepsi(false); });
                    var basliklar = document.querySelectorAll(".tf-header");
                    for (var i = 0; i < basliklar.length; i++) { gozlemci.observe(basliklar[i]); }
                } else {
                    window.addEventListener("resize", function () { hepsi(false); });
                }

                /* Web yazı tipi geç iniyor; inene kadar yedek yazı tipiyle
                   ölçülen genişlik yanlış. */
                if (document.fonts && document.fonts.ready) {
                    document.fonts.ready.then(function () { hepsi(true); });
                }
                window.addEventListener("load", function () { hepsi(true); });
            }

            if (document.readyState === "loading") {
                document.addEventListener("DOMContentLoaded", kur);
            } else {
                kur();
            }
        })();
        </script><header class="tf-header style-3">
            <div class="header-top">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-4 col-3 d-xl-none">
                            <a href="#mobileMenu" data-bs-toggle="offcanvas" class="btn-mobile-menu">
                                <span></span>
                            </a>
                        </div>
                        <div class="col-md-4 col-6 d-xl-none">
                            <a href="https://www.yeni.artipartners.net/" class="logo-site justify-content-center">
                                <img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-9c9869028e-4059331.png" alt="Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!" style="width:70%!important;">
                            </a>
                        </div>
                        <div class="col-md-4 col-3 d-xl-none">
                            <ul class="nav-icon-list">
                                <li class="d-none d-lg-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/hesap"><i class="icon icon-user"></i></a>
                                </li>
                                <li class="d-none d-sm-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/begeniler"><i class="icon icon-heart"></i></a>
                                </li>
                                <li class="shop-cart" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart">
                                    <a class="nav-icon-item link" href="#shoppingCart" data-bs-toggle="offcanvas">
                                        <i class="icon icon-shopping-cart-simple"></i>
                                    </a>
                                    <span class="count sepet_sayaci">0</span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-xl-2 d-none d-xl-block">
                            <div class="bd-bolge bd-hiz-sol">
                            <a href="https://www.yeni.artipartners.net/" class="logo-site">
                                <img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-9c9869028e-4059331.png" alt="Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!" style="width:70%!important;">
                            </a>
                            </div>
                        </div>
                        <div class="col-xl-8 d-none d-xl-block">
                            <div class="bd-bolge bd-hiz-orta">
                            <form class="form_search-product" style="max-width:100%!important;">
                                <input class="style-def" type="text" placeholder="Ne Aramıştınız...">
                            </form>
                            </div>
                        </div>
                        <div class="col-xl-2 d-none d-xl-block">
                            <div class="bd-bolge bd-hiz-sag">
                            <ul class="nav-icon-list">
                                <li class="shop-cart" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart">
                                    <a class="nav-icon-item link" href="#shoppingCart" data-bs-toggle="offcanvas">
                                        <i class="icon icon-shopping-cart-simple"></i>
                                    </a>
                                    <span class="count sepet_sayaci">0</span>
                                </li>
                                <li class="d-none d-lg-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/hesap"><i class="icon icon-user"></i></a>
                                </li>
                                <li class="d-none d-sm-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/begeniler"><i class="icon icon-heart"></i></a>
                                </li>
                            </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-inner d-none d-xl-block">
                <div class="container">
                    <span class="br-line d-block"></span>
                    <nav class="box-navigation">
                        <ul class="box-nav-menu">
                                    <li class="menu-item">
                                        <a href="https://www.yeni.artipartners.net/" class="item-link bd-ev"
                                           title="Anasayfa"
                                           aria-label="Anasayfa">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.2 10.7 12 3.6l8.8 7.1"/><path d="M5.6 9.6V19.4a1 1 0 0 0 1 1h3.6v-5.6h3.6v5.6h3.6a1 1 0 0 0 1-1V9.6"/></svg>
                                        </a>
                                    </li>
                            <li class="menu-item">
                                <a href="javascript:void(0)" class="item-link">Kategoriler<i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-gorseller">
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/arama?kelime=&amp;ozellik%C3%982=Diyanet+%C4%B0%C5%9Fleri+Ba%C5%9Fkanl%C4%B1%C4%9F%C4%B1+Yay."><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/18e5128819-07bf7-6955253.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/arama?kelime=&amp;ozellik%C3%982=Tdv+-+T%C3%BCrkiye+Diyanet+Vakf%C4%B1"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/diyanet-vakfi-yayinlari-8a22293b29-5736285.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/arama?kelime=&amp;ozellik%C3%982=%C4%B0SAM+-+%C4%B0slam+Ara%C5%9Ft%C4%B1rmalar%C4%B1+Merkezi"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/64e8e805e4-60145-7067175.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/kategori/cocuk-genc"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/d30c14e4b0-669ff-5783133.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/kategori/cocuk-genc"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/0edbdb1eb6-a8078-5788466.png" alt="" loading="lazy"></a></div>
                                            </div>
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/aile-kitapligi" class="kat-baglanti">Aile Kitaplığı <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/aile-hayati-evlilik" class="kat-baglanti">Aile Hayatı - Evlilik </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/aile-kitapligi-modelleri" class="kat-baglanti">Aile Kitaplığı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ailede-egitim" class="kat-baglanti">Ailede Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/anne-baba-kitaplari" class="kat-baglanti">Anne Baba Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-egitimi" class="kat-baglanti">Çocuk Eğitimi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kadinlar-icin-kitaplar" class="kat-baglanti">Kadınlar İçin Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-aile-kitaplari" class="kat-baglanti">Yabancı Dilde Aile Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/basvuru-kaynak" class="kat-baglanti">Başvuru - Kaynak <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/atlas-harita" class="kat-baglanti">Atlas - Harita </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/faydali-bilgiler" class="kat-baglanti">Faydalı Bilgiler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kaynakca-bibliyografya" class="kat-baglanti">Kaynakça - Bibliyografya </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sozlukler" class="kat-baglanti">Sözlükler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/takvimler-ajandalar" class="kat-baglanti">Takvimler - Ajandalar </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-genc" class="kat-baglanti">Çocuk Kitapları ve Genç Kitapları <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-genc-cizgi-roman" class="kat-baglanti">Çizgi Roman </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-kitaplari-genel" class="kat-baglanti">Çocuk Kitapları - Genel </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuklara-bilimsel-kitaplar" class="kat-baglanti">Çocuklara Bilimsel Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitici-oyuncak" class="kat-baglanti">Eğitici Oyuncak </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/fikra-bilmece-tekerleme" class="kat-baglanti">Fıkra - Bilmece - Tekerleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hikayeler-oykuler" class="kat-baglanti">Hikayeler - Öyküler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hobi-oyun" class="kat-baglanti">Hobi - Oyun </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-cocuk-kitaplari" class="kat-baglanti">İslami Çocuk Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/masallar" class="kat-baglanti">Masallar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/okul-oncesi-kitaplari" class="kat-baglanti">Okul Öncesi Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ozel-egitim-kitaplari" class="kat-baglanti">Özel Eğitim Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/piyes" class="kat-baglanti">Piyes </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rehber-kisisel-gelisim" class="kat-baglanti">Rehber - Kişisel Gelişim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman" class="kat-baglanti">Roman </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-kitaplari" class="kat-baglanti">Şiir Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-cocuk-genc-" class="kat-baglanti">Tarih (çocuk-genç) </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-cocuk-kitaplari" class="kat-baglanti">Yabancı Dilde Çocuk Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yapboz" class="kat-baglanti">Yapboz </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cami-din-gorevlisi" class="kat-baglanti">Cami - Din Görevlisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din" class="kat-baglanti">Din <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger-dinler" class="kat-baglanti">Diğer Dinler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din-arastirmalari" class="kat-baglanti">Din Araştırmaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dinler-tarihi" class="kat-baglanti">Dinler Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hiristiyanlik" class="kat-baglanti">Hıristiyanlık </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yahudilik" class="kat-baglanti">Yahudilik </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat" class="kat-baglanti">Edebiyat <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ani-anlati" class="kat-baglanti">Anı - Anlatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/antoloji-derleme" class="kat-baglanti">Antoloji - Derleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/biyografi-otobiyografi" class="kat-baglanti">Biyografi - Otobiyografi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/deneme" class="kat-baglanti">Deneme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dil-gramer" class="kat-baglanti">Dil - Gramer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/divan-edebiyati" class="kat-baglanti">Divan Edebiyatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-diger" class="kat-baglanti">Edebiyat - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-calismalari" class="kat-baglanti">Edebiyat Çalışmaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-tarihi" class="kat-baglanti">Edebiyat Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/guzel-ozlu-sozler" class="kat-baglanti">Güzel - Özlü Sözler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/halk-edebiyati" class="kat-baglanti">Halk Edebiyatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hikaye-oyku" class="kat-baglanti">Hikaye - Öykü </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hitabet-soylesi-roportaj" class="kat-baglanti">Hitabet - Söyleşi - Röportaj </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/inceleme" class="kat-baglanti">İnceleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-biyografik" class="kat-baglanti">Roman - Biyografik </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-cagdas-turk-edebiyati" class="kat-baglanti">Roman - Çağdaş Türk Edebiyatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-gunumuz" class="kat-baglanti">Roman - Günümüz </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-tarihi" class="kat-baglanti">Roman - Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-ceviri" class="kat-baglanti">Şiir - Çeviri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-divan-siiri" class="kat-baglanti">Şiir - Divan Şiiri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-yerli" class="kat-baglanti">Şiir - Yerli </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tiyatro-piyes" class="kat-baglanti">Tiyatro - Piyes </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ekonomi" class="kat-baglanti">Ekonomi <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ekonomik-arastirmalar" class="kat-baglanti">Ekonomik Araştırmalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iktisat-kitaplari" class="kat-baglanti">İktisat Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim" class="kat-baglanti">Eğitim <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-edebiyat-kitapla" class="kat-baglanti">Yabancı Dilde Edebiyat Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dil-ogrenimi-osmanlica" class="kat-baglanti">Dil Öğrenimi - Osmanlıca </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim-modelleri" class="kat-baglanti">Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim-ve-ogretim-kitaplari" class="kat-baglanti">Eğitim ve Öğretim Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/meslek-egitim" class="kat-baglanti">Meslek Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rehber-kitaplar" class="kat-baglanti">Rehber Kitaplar </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-dusunce" class="kat-baglanti">Felsefe - Düşünce <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-dusunce-modelleri" class="kat-baglanti">Felsefe - Düşünce </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-yazilari" class="kat-baglanti">Felsefe Yazıları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/filozoflar-dusunurler" class="kat-baglanti">Filozoflar - Düşünürler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-felsefesi" class="kat-baglanti">İslam Felsefesi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri" class="kat-baglanti">Hat Tezhip ve Ebru Malzemeleri <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-aharli-kagitlar" class="kat-baglanti">Aharlı Kağıtlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/bicak-ve-cetveller" class="kat-baglanti">Bıçak ve Cetveller </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ebru-setleri" class="kat-baglanti">Ebru Setleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-ve-kaligrafi-kalemleri" class="kat-baglanti">Hat ve Kaligrafi Kalemleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-yardimci-malzemeler" class="kat-baglanti">Hat Yardımcı Malzemeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kalem-ve-teknik-cizim" class="kat-baglanti">Kalem ve Teknik Çizim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/murekkepler" class="kat-baglanti">Mürekkepler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tezhip-fircalari" class="kat-baglanti">Tezhip Fırçaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tezhip-yardimci-malzemeler" class="kat-baglanti">Tezhip Yardımcı Malzemeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/747" class="kat-baglanti">Guaj Boyalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/748" class="kat-baglanti">Ebru Boyaları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iletisim-medya" class="kat-baglanti">İletişim - Medya <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genel-iletisim" class="kat-baglanti">Genel İletişim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/halkla-iliskiler" class="kat-baglanti">Halkla İlişkiler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iletisim-medya-modelleri" class="kat-baglanti">İletişim - Medya </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/internet-yayinciligi" class="kat-baglanti">Sosyal Medya </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ilahiyat" class="kat-baglanti">İlahiyat </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam" class="kat-baglanti">İslam Kitapları <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/alevilik-bektasilik" class="kat-baglanti">Alevilik - Bektaşilik </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/bilim-sanat" class="kat-baglanti">Bilim - Sanat </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cagdas-islam-dusuncesi" class="kat-baglanti">Çağdaş İslam Düşüncesi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger" class="kat-baglanti">Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dua-kitaplari" class="kat-baglanti">Dua Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/fikih-ilmihal" class="kat-baglanti">Fıkıh - İlmihal </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hadis-sunnet" class="kat-baglanti">Hadis - Sünnet </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hikayeler-menkibeler" class="kat-baglanti">Hikayeler - Menkıbeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hz-muhammed-s-a-s-siyer" class="kat-baglanti">Hz Muhammed (s.a.s).- Siyer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ibadet" class="kat-baglanti">İbadet </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iman-akaid" class="kat-baglanti">İman - Akaid </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/insan-ve-toplum" class="kat-baglanti">İnsan ve Toplum </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-arastirma-inceleme" class="kat-baglanti">İslam Araştırma - İnceleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-buyukleri" class="kat-baglanti">İslam Büyükleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-dusunce-tarihi" class="kat-baglanti">İslam Düşünce Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-ekonomisi" class="kat-baglanti">İslam Ekonomisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-hukuku" class="kat-baglanti">İslam Hukuku </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-kulturu" class="kat-baglanti">İslam Kültürü </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-tarihi" class="kat-baglanti">İslam Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-uzerine-yazilar" class="kat-baglanti">İslam Üzerine Yazılar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-egitim" class="kat-baglanti">İslami Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-hareketler" class="kat-baglanti">İslami Hareketler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-hayat" class="kat-baglanti">İslami Hayat </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kadin-ve-aile" class="kat-baglanti">Kadın ve Aile </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kaynak-eserler" class="kat-baglanti">Kaynak Eserler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kur-an-incelemeleri" class="kat-baglanti">Kur`ân İncelemeleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kur-an-i-kerim" class="kat-baglanti">Kur`ân-ı Kerîm </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/mevlevilik-ve-mevlana" class="kat-baglanti">Mevlevilik ve Mevlana </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/mezhepler" class="kat-baglanti">Mezhepler ve Tarikatlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/peygamberler-tarihi" class="kat-baglanti">Peygamberler Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sohbetler-vaazlar" class="kat-baglanti">Sohbetler - Vaazlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tasavvuf-ve-tarikatlar" class="kat-baglanti">Tasavvuf </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tefsir-meal" class="kat-baglanti">Tefsir - Meal </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-islami-kitaplar" class="kat-baglanti">Yabancı Dilde İslami Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/730" class="kat-baglanti">Kelam </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/731" class="kat-baglanti">Yasini Şerifler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/psikoloji" class="kat-baglanti">Psikoloji <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-psikolojisi" class="kat-baglanti">Çocuk Psikolojisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din-psikolojisi" class="kat-baglanti">Din Psikolojisi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sanat-mimarlik" class="kat-baglanti">Sanat - Mimarlık <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-turk-islam-sanati" class="kat-baglanti">Geleneksel Türk - İslam Sanatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/mimarlik" class="kat-baglanti">Mimarlık </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sanat-diger" class="kat-baglanti">Sanat - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sehir-mimarisi" class="kat-baglanti">Şehir Mimarisi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siyaset" class="kat-baglanti">Siyaset <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/anlasmalar-kongreler" class="kat-baglanti">Anlaşmalar - Kongreler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/guncel-siyaset" class="kat-baglanti">Güncel Siyaset </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hatiralar" class="kat-baglanti">Hatıralar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siyasal-hayat-turkiye" class="kat-baglanti">Siyasal Hayat - Türkiye </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sosyoloji" class="kat-baglanti">Sosyoloji <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din-sosyolojisi" class="kat-baglanti">Din Sosyolojisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ekoloji-cevre" class="kat-baglanti">Ekoloji - Çevre </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genclik-kitaplari" class="kat-baglanti">Gençlik Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genel-sosyoloji" class="kat-baglanti">Genel Sosyoloji </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kultur-sosyolojisi" class="kat-baglanti">Kültür Sosyolojisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sosyolojik-arastirmalar" class="kat-baglanti">Sosyolojik Araştırmalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-sosyoloji-kitaplari" class="kat-baglanti">Yabancı Dilde Sosyoloji Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih" class="kat-baglanti">Tarih <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hatirat-gunluk" class="kat-baglanti">Hatırat - Günlük </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/medeniyetler" class="kat-baglanti">Medeniyetler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/osmanli-donemi-ve-tarihi" class="kat-baglanti">Osmanlı Dönemi ve Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/selcuklu-donemi" class="kat-baglanti">Selçuklu Dönemi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/selcuklu-uygarligi" class="kat-baglanti">Selçuklu Uygarlığı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/seyahatname" class="kat-baglanti">Seyahatname </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-diger" class="kat-baglanti">Tarih - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-arastirmalari" class="kat-baglanti">Tarih Araştırmaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-referans-kitaplar" class="kat-baglanti">Tarih Referans Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarihi-kisilikler" class="kat-baglanti">Tarihi Kişilikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/turk-tarihi" class="kat-baglanti">Türk Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/turkiye-yakin-tarih" class="kat-baglanti">Türkiye - Yakın Tarih </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik" class="kat-baglanti">Müzik <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-diger" class="kat-baglanti">Müzik - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-egitimi" class="kat-baglanti">Müzik Eğitimi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-tarihi" class="kat-baglanti">Müzik Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-uzerine" class="kat-baglanti">Müzik Üzerine </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tip-saglik" class="kat-baglanti">Tıp - Sağlık <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/basvuru-saglik-kitaplari" class="kat-baglanti">Başvuru Sağlık Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genel-saglik-kitaplari" class="kat-baglanti">Genel Sağlık Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/saglikli-yasam" class="kat-baglanti">Sağlıklı Yaşam </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tip-tarihi-ve-felsefesi" class="kat-baglanti">Tıp Tarihi ve Felsefesi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/turizm-gezi" class="kat-baglanti">Turizm - Gezi <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/gezi-kitaplari" class="kat-baglanti">Gezi Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/gezi-rehberleri" class="kat-baglanti">Gezi Rehberleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sehir-kitaplari" class="kat-baglanti">Şehir Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dillerde-kitaplar" class="kat-baglanti">Yabancı Dillerde Kitaplar <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/arapca-kitaplar" class="kat-baglanti">Arapça Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ingilizce-kitaplar" class="kat-baglanti">İngilizce Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/almanca-kitaplar" class="kat-baglanti">Almanca Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/fransizca-kitaplar" class="kat-baglanti">Fransızca Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rusca-kitaplar" class="kat-baglanti">Rusça Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger-dillerde-kitaplar" class="kat-baglanti">Diğer Dillerde Kitaplar </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/e-kitaplar" class="kat-baglanti">E- Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kirtasiye" class="kat-baglanti">Kırtasiye <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger-kirtasiye" class="kat-baglanti">Diğer Kırtasiye </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim-arac-ve-gerecleri" class="kat-baglanti">Eğitim Araç ve Gereçleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ofis-gerecleri" class="kat-baglanti">Ofis Gereçleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/oyun-gerecleri" class="kat-baglanti">Oyun Gereçleri </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/elektronikdijitalurunler" class="kat-baglanti">Elektronik Dijital Ürünler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/734" class="kat-baglanti">Hoparlör Kulaklık Vs. </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/735" class="kat-baglanti">Şarj Cihazları Batarya </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/milli-ve-manevi-degerler" class="kat-baglanti">Milli ve Manevi Değerler </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/yenigelenler" class="item-link">Yeni Gelenler </a>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/coksatanlar" class="item-link">Çok Satanlar </a>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/kuran-i-kerim" class="item-link">Kur&#039;an-ı Kerim <i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kurani-kerim2" class="kat-baglanti">Kur&#039;an-ı Kerim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tefsir-ve-meal" class="kat-baglanti">Tefsir ve Meal </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cuzler-elif-ba" class="kat-baglanti">Cüzler  (elif -ba) </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar" class="item-link">Geleneksel Sanatlar <i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar" class="kat-baglanti">Tablolar <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-orjinal-sanat-eserleri" class="kat-baglanti">Orijinal Sanat Eserleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-cerceveli-tipki-basim-eserler" class="kat-baglanti">Çerçeveli Tıpkı Basım Eserler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-cercevesiz-tipki-basim-eserler" class="kat-baglanti">Çerçevesiz Tıpkı Basım Eserler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yagli-boya-eserleri" class="kat-baglanti">Yağlı Boya Eserleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sulu-boya-eserleri" class="kat-baglanti">Sulu Boya Eserleri </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri" class="kat-baglanti">Hat Tezhip ve Ebru Malzemeleri <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-hat-ve-kaligrafi-kalemleri" class="kat-baglanti">Hat ve Kaligrafi Kalemleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-murekkepler" class="kat-baglanti">Mürekkepler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-aharli-kagitlar" class="kat-baglanti">Aharlı Kağıtlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-bicak-ve-cetveller" class="kat-baglanti">Bıçak ve Cetveller </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-hat-yardimci-malzemeler" class="kat-baglanti">Hat Yardımcı Malzemeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-tezhip-fircalari" class="kat-baglanti">Tezhip Fırçaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-suluboya-ve-guaj-boyalar" class="kat-baglanti">Suluboya ve Guaj Boyalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-kalem-ve-teknik-cizim" class="kat-baglanti">Kalem ve Teknik Çizim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-setleri" class="kat-baglanti">Ebru Setleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-guaj-boyalari" class="kat-baglanti">Guaj Boyalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-boyalari" class="kat-baglanti">Ebru Boyaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-yardimci-malzemeler" class="kat-baglanti">Ebru Yardımcı Malzemeler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-sanat-kitaplari" class="kat-baglanti">Sanat Kitapları <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-sanat-kitaplari-2" class="kat-baglanti">Sanat Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri" class="kat-baglanti">Ahşap Ürünler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-rahle" class="kat-baglanti">Ahşap Rahle </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri-ahsap-kurani-kerim-kabi" class="kat-baglanti">Ahşap Kuranı Kerim Kabı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri-ahsap-urunleri" class="kat-baglanti">Ahşap Ürünler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini" class="kat-baglanti">Çini <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-10-10" class="kat-baglanti">Kütahya Çini Karo 10*10 </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-iznik-cini-tabak" class="kat-baglanti">İznik Çini Tabak </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-10-20" class="kat-baglanti">Kütahya Çini Karo 10*20 </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-20-20" class="kat-baglanti">Kütahya Çini Karo 20*20 </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-iznik-cini-karo" class="kat-baglanti">İznik Çini Karo </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-cini-hediyelik" class="kat-baglanti">Çini Hediyelik </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar" class="kat-baglanti">Kehribar ve Doğal Taşlar <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-bebek-kehribar-kolyeler" class="kat-baglanti">Bebek Kehribar Kolyeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-bebek-kehribar-bileklikler" class="kat-baglanti">Bebek Kehribar Bileklikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-kehribar-kolyeler" class="kat-baglanti">Kehribar Kolyeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-kehribar-bileklikler" class="kat-baglanti">Kehribar Bileklikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-dogal-tas-bileklikler" class="kat-baglanti">Doğal Taş Bileklikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-anne-ve-bebek-kehribar-setler" class="kat-baglanti">Anne ve Bebek Kehribar Setler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler" class="kat-baglanti">Tesbihler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-sikma-kehribar-tesbih" class="kat-baglanti">Sıkma Kehribar Tesbih </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-ates-kehribar-tesbih" class="kat-baglanti">Ateş Kehribar Tesbih </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-agac-tesbih" class="kat-baglanti">Ağaç Tesbih </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-boynuz-tesbih" class="kat-baglanti">Boynuz Tesbih </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-el-sanatlari" class="kat-baglanti">El Sanatları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler" class="kat-baglanti">Seccadeler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-luks-seccade" class="kat-baglanti">Lüks Seccade </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-cocuk-seccade" class="kat-baglanti">Çocuk Seccade </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-yamali-seccade" class="kat-baglanti">Yamalı Seccade </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cam-urunler" class="kat-baglanti">Cam Ürünler </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/tdv-dukkan" class="item-link">Tdv Dükkan <i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo" class="kat-baglanti">Taş Duvar Tablo <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo-20-20-cm" class="kat-baglanti">Taş Duvar Tablo 20*20 Cm </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo-20-30-cm" class="kat-baglanti">Taş Duvar Tablo 20*30 Cm </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/bezcanta" class="kat-baglanti">Bez Çanta <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/738" class="kat-baglanti">Bez Çanta </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hediyelik-urunler" class="kat-baglanti">Hediyelik Ürünler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rozet" class="kat-baglanti">Rozet </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tdv-dukkan-deftfer" class="kat-baglanti">Defter </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="/tr/kampanyalar" class="item-link">Kampanyalar</a>
                            </li>
                            <li class="menu-item">
                                <a href="/tr/magazalar" class="item-link">Mağazalar</a>
                            </li>
                            <li class="menu-item">
                                <a href="https://bagis.tdv.org/hediyem-kitap-olsun/hediyem-kitap-olsun-51" class="item-link">Askıda Kitap</a>
                            </li></ul>
                    </nav>
                </div>
            </div>
        </header>
        <style>
        /* ==================================================================
           KATEGORİLER — kademeli yana açılır menü
           ------------------------------------------------------------------
           Eski sitedeki davranış: ana kategoriler İKİ SÜTUN, üstüne gelince
           altları yana açılıyor, onun da altları bir sağa ( 1 > 2 > 3 ).

           DİKKAT — overflow KULLANILMAZ:
           İlk denemede 1. seviyeye  overflow-y: auto  vermiştim; mutlak
           konumlu yan panel o kutunun İÇİNDE kaldığı için KIRPILIYOR ve
           alt kategoriler hiç görünmüyordu. Uzun listeyi kaydırmak yerine
           flex-wrap ile ikinci sütuna taşırıyoruz: hem panel uzamıyor hem
           yan panel kırpılmıyor.

           Tema bu kalıbı içermiyor, sınıflar kendimizin: kat-*.
           Açılma tamamen CSS ( :hover ), JS yok.
           ================================================================== */
        /* ==================================================================
           YAN PANEL PANELİN DIŞINA TAŞABİLMELİ
           ------------------------------------------------------------------
           Tema  .mega-menu  ya  overflow: auto  veriyor ( styles.css:2143 ).
           Yan panel mutlak konumlu ve o kutunun İÇİNDE olduğu için taşınca
           KIRPILIYOR, üstelik mega menüde kaydırma çubuğu çıkıyordu:
           46 alt kategorili "Edebiyat" için panel 1488px, mega menüden
           1263px taşıyor. Eski site de aynı sorunu yaşayıp
           "Dropdown KESİLMESİN" yorumuyla  overflow: visible !important
           koymuş ( diyanet menu1.php:915 ).

           z-index yükseltmek ŞART: panel artık mega menünün dışına çıkıyor,
           altındaki sayfa içeriğinin üstünde kalmalı. */
        /* ==================================================================
           YAPIŞKAN BAŞLIK — MENÜ SATIRI TAM GENİŞLİK
           ------------------------------------------------------------------
           Kaydırınca çıkan başlıkta menü  col-xl-6  içindeydi: nav a yalnızca
           670px kalıyor, etiketlerin toplamı ise aralarla ~875px. Sonuç:
           6 etiketin 5 i İKİ SATIRA kırılıyordu ( Yeni / Gelenler ).
           Üstteki başlıkta menü kendi satırında ve 1387px aldığı için orada
           sorun yok — ölçüp doğruladım.

           İki değişiklik: kolonlar 2 / 8 / 2 ye çekildi ( bicim.php ) ve
           kapsayıcı tam genişliğe açıldı. Geniş ekranda tema kapsayıcıyı
           1488px te durduruyor; tam genişlikte menü tüm satırı kullanıyor.
           ================================================================== */
        /* Başlık genişliği artık AYARDAN geliyor ( baslik_duzen.<yer>.genislik ).
           yapiskan-genis eski sabit sınıf; eski kayıtlar bozulmasın diye
           duruyor, yenisi bs-genis. */
        .yapiskan-genis, .bs-genis { max-width: none; }

        /* Etiket ASLA kırılmasın: firma adları uzayınca ( yeni kategori ),
           kolon genişliği yetmezse yine iki satıra düşerdi. */
        .box-nav-menu > .menu-item > .item-link { white-space: nowrap; }

        /* ==================================================================
           ARAMA PENCERESI — SONUC KARTLARI
           ------------------------------------------------------------------
           Temanin gorseli 122x122 ( styles.css:8121 ); 8 sonuc yan yana
           gelince pencere cok uzuyordu. Kucultup araligi da daraltiyoruz.
           Iki sutun esit genislikte olsun diye  flex: 1 1 0  veriliyor;
           aksi halde uzun urun adi olan sutun digerini eziyor.
           ================================================================== */
        .modal-search .trend-product-item .image { width: 76px; height: 76px; }
        .modal-search .trend-product-item { gap: 14px; }
        .modal-search .trend-product-wrap .trend-product-inner > .trend-product-list {
            flex: 1 1 0; min-width: 0;
        }
        .modal-search .trend-product-item .title a { font-size: 14px; line-height: 1.35; }

        /* ==================================================================
           FOOTER E-BÜLTEN FORMU
           ------------------------------------------------------------------
           Temada burada Sendinblue nin kendi kalıbı ( sib-form ) vardı:
           onlarca sarmal, gizli hata panelleri ve dışarıya giden bir uç.
           Sitenin kendi ucuna bağlanınca o iskelet gereksiz kaldı, sade bir
           form kuruldu — biçimi de burada.
           ================================================================== */
        .footer-ebulten .ebulten-satir {
            display: flex; align-items: center; gap: 8px;
            border-bottom: 1px solid var(--line, #EDEDED);
            padding-bottom: 6px;
        }
        .footer-ebulten .ebulten-girdi {
            flex: 1 1 auto; min-width: 0;
            border: 0; background: transparent; outline: none;
            height: 40px; font-size: 14px; color: var(--text, #1A1A1A);
        }
        .footer-ebulten .ebulten-dugme {
            flex: 0 0 auto; border: 0; background: transparent;
            cursor: pointer; padding: 6px; line-height: 0;
            transition: transform .18s ease;
        }
        .footer-ebulten .ebulten-dugme:hover { transform: translateX(3px); }
        .footer-ebulten .ebulten-dugme .icon { font-size: 18px; }

        /* ==================================================================
           ÜST BİLGİ ŞERİDİ — sabit ve slider biçimleri
           ------------------------------------------------------------------
           Kayan biçim temanın kendi marquee sini kullanıyor, ek stil
           gerekmiyor. Diğer iki biçim temada yok, burada tanımlanıyor.
           Renkler satır içinde ( panelden geliyor ), burada yalnızca yerleşim.
           ================================================================== */
        .ub-serit { overflow: hidden; }
        .ub-serit p { margin: 0; }
        .ub-ayrac { flex: 0 0 auto; font-size: 18px; opacity: .8; }
        .ub-nokta { line-height: 1; }

        .ub-sabit {
            display: flex; align-items: center; justify-content: center;
            flex-wrap: wrap; gap: 14px;
            padding: 10px 16px; text-align: center;
        }

        /* Slider: slaytlar üst üste, yalnızca etkin olan görünür.
           Yükseklik en uzun slayta göre değil SABİT tutuluyor; aksi halde
           slayt değişince şerit zıplıyor ve sayfa aşağı kayıyordu. */
        .ub-slider { position: relative; height: 44px; }
        .ub-slayt {
            position: absolute; inset: 0;
            display: flex; align-items: center; justify-content: center;
            padding: 0 16px; text-align: center;
            opacity: 0; visibility: hidden;
            transition: opacity .45s ease;
        }
        .ub-slayt.etkin { opacity: 1; visibility: visible; }

        @media (max-width: 575px) {
            .ub-sabit { gap: 10px; padding: 8px 12px; font-size: 13px; }
            .ub-slider { height: 40px; }
        }

        /* ==================================================================
           FOOTER SOSYAL MEDYA LİSTESİ
           ------------------------------------------------------------------
           Hesaplar alt alta, her satırda logo + ad. Logo ya panelden
           yüklenen görsel ya da temanın ikonu; ikisinin de ölçüsü aynı
           kutuda tutuluyor ki satırlar hizalı dursun.
           ================================================================== */
        .footer-sosyal-liste { margin: 0; padding: 0; list-style: none; }
        .footer-sosyal-liste li + li { margin-top: 10px; }
        .footer-sosyal-liste a { display: flex; align-items: center; gap: 10px; }
        .fs-sosyal-logo {
            flex: 0 0 24px; width: 24px; height: 24px;
            display: flex; align-items: center; justify-content: center;
            line-height: 0;
        }
        .fs-sosyal-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
        .fs-sosyal-logo .icon { font-size: 18px; }

        /* --- açılır panel görselleri --- */
        .kat-gorseller { display: flex; gap: 12px; }
        .kat-gorsel { display: block; text-decoration: none; color: inherit; min-width: 0; }
        .kat-gorsel-kutu {
            position: relative; display: block; overflow: hidden;
            border-radius: 8px; aspect-ratio: 3/4;
        }
        .kat-gorsel-kutu img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .kat-gorsel-rozet {
            position: absolute; left: 10px; bottom: 10px;
            background: #fff; color: var(--black);
            font-size: 11px; font-weight: 600; line-height: 1;
            padding: 5px 11px; border-radius: 20px;
        }
        .kat-gorsel-ad { display: block; font-size: 12px; margin-top: 7px; opacity: .85; }

        /* Klasik: sabit genişlikte küçük afiş. Vitrinli: kartlar kalan
           yeri eşit paylaşıyor ve daha büyük duruyor. */
        .kat-gorseller-klasik .kat-gorsel { flex: 0 0 150px; }
        .kat-gorseller-vitrin { gap: 14px; flex: 0 0 auto; }
        .kat-gorseller-vitrin .kat-gorsel { flex: 1 1 160px; max-width: 220px; }

        /* Vitrinli biçimde 1. seviye BAŞLIK gibi duruyor, bağlantı satırı
           gibi değil — gruplama istenen buydu. */
        .kat-gorseller-vitrin ~ .kat-govde .kat-seviye1 > li > a,
        .kat-mega-vitrin .kat-govde .kat-seviye1 > li > a {
            font-size: 11px; letter-spacing: .5px; text-transform: uppercase;
            color: var(--text-3); pointer-events: none;
        }

        /* ==================================================================
           MOBİL UYGULAMA ROZETLERİ
           ------------------------------------------------------------------
           Resmi rozet görseli yüklenmişse  .fs-uyg-resim  ile aynen basılıyor;
           yüklenmemişse aşağıdaki gömülü siyah hap çıkıyor. İkisi de aynı
           yükseklikte duruyor ki yan yana geldiklerinde satır bozulmasın.
           ================================================================== */
        .fs-uyg-satir { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }

        .fs-uyg-rozet {
            display: inline-flex; align-items: center; gap: 9px;
            background: #000; color: #fff;
            border: 1px solid rgba(255,255,255,.22); border-radius: 8px;
            padding: 7px 14px 7px 12px; min-width: 148px; height: 46px;
            text-decoration: none; transition: background .18s ease, transform .18s ease;
        }
        .fs-uyg-rozet:hover { background: #1b1b1b; color: #fff; transform: translateY(-1px); }
        .fs-uyg-ikon { display: flex; align-items: center; }
        .fs-uyg-ikon svg { display: block; }
        .fs-uyg-yazi { display: flex; flex-direction: column; line-height: 1.15; }
        .fs-uyg-yazi small { font-size: 10px; letter-spacing: .4px; text-transform: uppercase; opacity: .82; }
        .fs-uyg-yazi b { font-size: 15px; font-weight: 600; }

        .fs-uyg-resim { display: inline-block; }
        .fs-uyg-resim img { height: 46px; width: auto; display: block; border-radius: 8px; }

        /* ==================================================================
           FOOTER ALT ŞERİDİ
           ------------------------------------------------------------------
           Alt şerit iki satır: üstte telif ve sağlayıcı ( kim yaptı ), altta
           ödeme logoları. Ödeme satırı ayrı olduğu için üstündeki satırdan
           ince bir çizgiyle ayrılıyor.
           ================================================================== */
        .footer-odeme-satiri {
            border-top: 1px solid var(--line, #EDEDED);
            padding-top: 14px; margin-top: 4px;
        }
        .footer-odeme-satiri .payment-method-list img { height: 26px; width: auto; }

        /* Sağlayıcı logosu telifin yanında, sağa yaslı */
        .footer-saglayici { margin-left: auto; line-height: 0; }
        .footer-saglayici img { height: 28px; width: auto; opacity: .85; transition: opacity .18s ease; }
        .footer-saglayici a:hover img { opacity: 1; }

        /* Footer logosu sütunların üstünde */
        .footer-logo { margin-bottom: 26px; line-height: 0; }
        .footer-logo img { height: 44px; width: auto; }

        @media (max-width: 767px) {
            .footer-saglayici { margin-left: 0; margin-top: 10px; }
            /* Mobilde daha kucuk: masaustundeki 28px dar ekranda telif
               yazisinin yaninda fazla yer kapliyordu. Genislik auto
               kaliyor ki logo ezilmesin. */
            .footer-saglayici img { height: 22px; }
        }

        /* ==================================================================
           AÇILIR KATEGORİ KUTUSUNUN KONUMU
           ------------------------------------------------------------------
           Kutu, üstüne gelinen menü ögesinin TAM ALTINDAN başlıyor.

           Önce işaretlemeye  style="top:70%!important"  yazılmıştı. Yüzde,
           menü ögesinin YÜKSEKLİĞİNE göre hesaplanıyor; o yükseklik her
           firmada farklı ( başlık düzeni panelden kuruluyor ). Özgede denk
           gelen oran yeni.artipartners te kutuyu menünün çok altına
           düşürüyordu ve arada fareyle geçilemeyen ÖLÜ BİR BOŞLUK kalıyordu:
           imleç ögeden çıkınca kutu kapanıyor, kutuya varılamıyordu.

           top:100% bir sayı değil, ÖGENİN KENDİ ALTI. Yükseklik ne olursa
           olsun kutu ögeye yapışık başlıyor, boşluk hiç oluşmuyor.
           ================================================================== */
        .kat-mega { overflow: visible; top: 100%; }

        /* Temanın kendi mega menüsü  padding: 56px 0  taşıyor; kategori
           kutusunda bu, üstte kocaman boş bir alan bırakıyor. */
        .kat-mega { padding-top: 22px; padding-bottom: 26px; }

        .kat-mega .container { max-width: 1280px; overflow: visible; }

        /* ==================================================================
           ÖGE İLE KUTU ARASINDAKİ ÖLÜ BANT  —  görünmez köprü
           ------------------------------------------------------------------
           top:100% kutuyu ÖGENİN değil BAŞLIĞIN altına koyuyor: menü ögesi
           static, en yakın konumlu ata  .tf-header. Başlığın alt dolgusu
           kadar ( ölçüldü: öge 164 te bitiyor, kutu 195 te başlıyor -> 31px )
           arada hiçbir ögeye ait olmayan bir bant kalıyor. İmleç oradan
           geçerken  li:hover  düşüyor ve kutu kapanıyor; kullanıcı kutuya
           yetişemiyor.

           Kutuyu yukarı çekmek çözüm değil: dolgu her firmada farklı ve
           başlık düzeni panelden kuruluyor. Onun yerine ögenin duyarlı
           alanı aşağı uzatılıyor. Köprü  .item-link  in çocuğu olduğu için
           ona değmek  li:hover  ı ayakta tutuyor.

           İKİ KORUMA VAR:
             :has( > .kat-mega )  —  açılır kutusu olmayan ögede köprü yok.
             :hover               —  köprü yalnız üstüne gelinince var.
           Dolgusu olmayan bir başlıkta ( diyanet ) şerit sayfa içeriğinin
           üstüne düşerdi; ikinci koruma o yüzden şart. :has desteklenmezse
           kural tümüyle düşer, yani bugünkü davranışa dönülür.

           after KULLANILMADI: temanın kendi alt çizgi efekti orada.
           .item-link zaten position:relative.
           ================================================================== */
        .box-nav-menu > .menu-item:has( > .kat-mega ):hover > .item-link::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 100%;
            height: 64px;
        }

        /* ==================================================================
           KÖK KATEGORİLER SÜTUNLARDA — ALT KATEGORİLER 3 SÜTUNLU KUTUDA
           ------------------------------------------------------------------
           İstenen düzen:
             - Kök kategoriler yan yana sütunlara sarılır.
             - Bir kökün üstüne gelince alt kategorileri, o sütunun sağında
               açılan ÇERÇEVELİ bir kutuda ve KENDİ İÇİNDE 3 SÜTUN olarak
               listelenir.

           Önce alt listeyi tek uzun sütun yapmıştım; 36 ögelik kategoride
           ekranı boydan boya kaplıyordu. 3 sütuna bölününce aynı liste
           12 satıra iniyor.

           Kutunun genişliği öge sayısına göre JS ile seçiliyor
           ( kat-sutun-1 / -2 / -3 ): 4 ögelik kategori için 3 sütunluk geniş
           kutu açmak boş yer bırakırdı.
           ================================================================== */
        .kat-sarmal { position: relative; padding: 6px 0; }

        /* --- Görsel alanı: panelin solunda afiş sütunu ---
           Afiş varsa panel iki parçaya ayrılıyor: solda afişler, sağda
           kategoriler. Afiş yoksa .kat-gorseller HİÇ basılmaz ve
           .kat-govde tek başına tüm genişliği alır — düzen bozulmaz.

           .kat-sarmal position: relative KALIYOR: alt kategori kutuları
           ona göre konumlanıyor, flex olması bunu bozmuyor. */
        .kat-sarmal { display: flex; align-items: flex-start; gap: 28px; }
        .kat-govde { flex: 1 1 auto; min-width: 0; }
        /* SANAL panellerde afis sutunu yok ve liste .kat-govde ile
           sarilmiyor, dogrudan .kat-sarmal in cocugu. Flex ogesi olarak
           kendi genisligini alsin: aksi halde sutunlara sarilan liste
           daralip tek sutuna dusebiliyor. */
        .kat-sarmal > .kat-seviye1 { flex: 1 1 auto; min-width: 0; }

        .kat-gorseller {
            flex: 0 0 190px; width: 190px;
            display: flex; flex-direction: column; gap: 14px;
        }

        .kat-afis { line-height: 0; }
        .kat-afis img {
            width: 39%; height: auto; display: block;
            border-radius: 8px;
        }
        .kat-afis a { display: block; transition: opacity .18s ease; }
        .kat-afis a:hover { opacity: .88; }

        .kat-liste { margin: 0; padding: 0; list-style: none; }

        /* 1. seviye — sütunlara sarılan dikey liste, KAYDIRMA YOK.
           Sütun aralarına ayraç çizgisi KOYULMUYOR: bir ara tekrarlayan
           degrade ile çizdirmiştim, istenmedi. Sütunlar boşlukla ayrılıyor. */
        .kat-seviye1 {
            display: flex; flex-direction: column; flex-wrap: wrap;
            max-height: 430px;
            align-content: flex-start;
        }
        .kat-seviye1 > .kat-oge { width: 260px; }

        .kat-oge { position: relative; }

        .kat-baglanti {
            display: flex; align-items: center; justify-content: space-between;
            gap: 10px; padding: 8px 22px 8px 6px;
            font-size: 15px; line-height: 1.3;
            transition: color .15s ease;
        }
        .kat-baglanti .icon { font-size: 11px; opacity: .4; flex: 0 0 auto; }
        .kat-oge:hover > .kat-baglanti { color: var(--primary, #C8102E); }
        .kat-oge:hover > .kat-baglanti .icon { opacity: 1; }

        /* --- Alt kategori kutusu --- */
        .kat-seviye2, .kat-seviye3 {
            position: absolute;
            left: 100%;          /* üstüne gelinen ögenin sütununun sağı */
            top: 0;              /* JS panelin üstüne hizalıyor */
            display: none; z-index: 200;
            padding: 20px 24px;
            background: #fff;
            border: 1px solid var(--line, #EDEDED);
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0,0,0,.10);
            column-gap: 30px;
            max-height: calc(100vh - 170px);
            overflow-y: auto;
            overscroll-behavior: contain;
        }
        .kat-oge:hover > .kat-seviye2,
        .kat-oge:hover > .kat-seviye3 { display: block; }

        /* Öge sütunlar arasında ikiye bölünmesin */
        .kat-seviye2 > .kat-oge,
        .kat-seviye3 > .kat-oge { break-inside: avoid; }

        .kat-seviye2 > .kat-oge > .kat-baglanti,
        .kat-seviye3 > .kat-oge > .kat-baglanti {
            font-size: 14px; padding: 6px 0;
        }
        /* Alt kutuda ok işareti yok: 3. seviye zaten kendi kutusunda açılıyor */
        .kat-seviye2 > .kat-oge > .kat-baglanti { padding-right: 18px; }

        /* Genişlik öge sayısına göre ( JS sınıf ekliyor ) */
        .kat-sutun-1 { width: 260px; column-count: 1; }
        .kat-sutun-2 { width: 500px; column-count: 2; }
        .kat-sutun-3 { width: 740px; column-count: 3; }

        /* KÖPRÜ — fare sütun ile kutu arasındaki boşluktan geçerken
           kutu kapanmasın. Genişliği ögenin sağ iç boşluğundan ( 22px )
           biraz fazla: fare kutuya varmadan boşluğa düşmesin. */
        .kat-seviye2::before, .kat-seviye3::before {
            content: ""; position: absolute; left: -24px; top: 0;
            width: 24px; height: 100%;
        }

        /* Sağda yer kalmadıysa sola açılır ( JS sınıfı ) */
        .kat-seviye2.kat-sola, .kat-seviye3.kat-sola {
            left: auto; right: 100%;
        }
        .kat-seviye2.kat-sola::before, .kat-seviye3.kat-sola::before {
            left: auto; right: -24px;
        }

        .kat-seviye2::-webkit-scrollbar,
        .kat-seviye3::-webkit-scrollbar { width: 4px; }
        .kat-seviye2::-webkit-scrollbar-thumb,
        .kat-seviye3::-webkit-scrollbar-thumb { background: #D9D9D9; border-radius: 4px; }

        @media (max-width: 1399px) {
            .kat-seviye1 > .kat-oge { width: 220px; }
            .kat-gorseller { flex: 0 0 150px; width: 150px; }
            .kat-sutun-1 { width: 230px; }
            .kat-sutun-2 { width: 440px; }
            .kat-sutun-3 { width: 650px; }
        }
        </style>
        <script>
        /* ==================================================================
           ALT KATEGORİ KUTUSUNU HAZIRLAYAN BETİK
           ------------------------------------------------------------------
           Üç iş yapıyor, üçü de CSS ile yapılamıyor:

           1) SÜTUN SAYISI — öge sayısına göre kutu genişliği. CSS öge
              sayısını sayamaz. 4 kategorilik listeye 3 sütunluk geniş kutu
              açmak yarısı boş bir kutu bırakırdı.

           2) DİKEY KONUM — kutu ögenin kendi satırında açılıyor, alttan
              taşarsa fare yolunu koparmayacak kadar yukarı kaydırılıyor.
              ( Önce panelin üst hizasına konuyordu; o zaman alt sıradaki
              kategorilerin kutusuna FARE ULAŞAMIYORDU, arada kalan öbür
              kategoriler hover ı çalıp kutuyu kapatıyordu. )

           3) SAĞDA YER YOKSA SOLA ÇEVİRME — son sütundaki kategorilerde
              kutu ekranın dışına taşardı.

           Alttan taşma CSS te hallediliyor ( max-height: calc(100vh - 170px)
           + overflow-y ), burada ayrıca hesap yapılmıyor.

           Saf JS: bu blok sayfanın başında basılıyor, jQuery henüz yok.
           ================================================================== */
        (function () {
            var ALTBOSLUK = 16;

            function hazirla(oge) {
                var kutu = oge.querySelector(":scope > .kat-seviye2, :scope > .kat-seviye3");
                if (!kutu) { return; }

                /* 1) Sütun sayısı */
                var adet = kutu.children.length;
                /* Esik degerleri ornek tasarima gore: 12 ogelik kategori
                   ORADA 3 sutunda gosteriliyor. Once  >14  yazmistim,
                   12 oge 2 sutunda kaliyordu. */
                var sinif = adet > 9 ? "kat-sutun-3" : (adet > 4 ? "kat-sutun-2" : "kat-sutun-1");
                kutu.classList.remove("kat-sutun-1", "kat-sutun-2", "kat-sutun-3");
                kutu.classList.add(sinif);

                /* 2) ÖGENİN KENDİ HİZASINDA AÇ
                      -------------------------------------------------------
                      ÖNCEDEN PANELİN ÜSTÜNE hizalanıyordu. Listenin ortasında
                      ya da altında bir kategoriye gelindiğinde kutu ekranın
                      çok yukarısında açılıyor, oraya ulaşmak için fare
                      aradaki ÖBÜR kategorilerin üzerinden geçmek zorunda
                      kalıyordu. Her geçişte hover o kategoriye atlıyor ve
                      kutu kapanıyor: alt kategoriler görünüyor ama
                      TIKLANAMIYORDU ( " Eğitim " e geldim, alt kategorileri
                      yukarıda duruyor, seçemiyorum ).

                      Artık kutu ögenin kendi satırında açılıyor. Fare düz
                      sağa gidiyor; yol boyunca ya ögenin ya da kutunun
                      üstünde kalıyor, arada başka öge yok.

                      SOLDAKİ KÖPRÜ: kutu ile sütun arasındaki 14px lik
                      boşluğu  .kat-seviye2::before  kapatıyor ve o köprü
                      kutunun dikey aralığı boyunca uzanıyor. Öge her zaman
                      bu aralığın içinde kaldığı için köprü de her zaman
                      ögenin satırını kapsıyor. */
                kutu.style.top = "0px";
                kutu.style.maxHeight = "";
                kutu.classList.remove("kat-sola");

                var ogeK  = oge.getBoundingClientRect();
                var kutuK = kutu.getBoundingClientRect();

                /* 3) ALTTAN TAŞMA
                      Uzun listede kutu ekranın altını geçebiliyor. O kadar
                      YUKARI kaydırılıyor — ama ögenin satırı kutunun dikey
                      aralığının dışına çıkacak kadar değil; çıksaydı düz
                      sağa giden yol yeniden kopardı. */
                var tasma = ( kutuK.bottom + ALTBOSLUK ) - window.innerHeight;

                if (tasma > 0) {
                    var enfazla = kutuK.height - ogeK.height - 8;
                    if (enfazla < 0) { enfazla = 0; }
                    kutu.style.top = ( - Math.min(tasma, enfazla) ) + "px";
                }

                /* Kaydırma yetmediyse kutunun kendi boyu kısaltılıyor;
                   içerik kaydırılabiliyor ( CSS: overflow-y: auto ). */
                var son = kutu.getBoundingClientRect();
                if (son.bottom + ALTBOSLUK > window.innerHeight) {
                    var boy = window.innerHeight - son.top - ALTBOSLUK;
                    if (boy < 180) { boy = 180; }
                    kutu.style.maxHeight = boy + "px";
                }

                /* 4) Sağda yer yoksa sola çevir */
                var k = kutu.getBoundingClientRect();
                if (k.right > window.innerWidth - ALTBOSLUK) {
                    kutu.classList.add("kat-sola");
                }
            }

            /* ==========================================================
               ARAMA KUTUSUNA TIKLAYINCA ARAMA PENCERESI ACILSIN
               ----------------------------------------------------------
               Ust basliktaki "Ne Aramistiniz..." kutusu hicbir seye bagli
               degildi: JS i yoktu, sarmalayan <form> un action i da yoktu.
               Yani yazip Enter a basinca sayfa kendine post ediyor ve
               hicbir sey olmuyordu. Temanin arama penceresi ( #search )
               zaten hazir; kutuya tiklayinca onu aciyoruz.

               Bu basliktaki arama SIMGESI  <li class="d-none none">  ile
               gizli oldugu icin pencereye ulasmanin baska yolu yoktu.

               Yazilan metin pencereye TASINIYOR: kullanici kutuya bir sey
               yazdiktan sonra pencere acilirsa bastan yazmak zorunda
               kalmasin.
               ========================================================== */
            (function () {

                function aramaPenceresiniAc(mevcutMetin) {
                    var pencere = document.getElementById("search");
                    if (!pencere || !window.bootstrap || !bootstrap.Modal) { return; }

                    bootstrap.Modal.getOrCreateInstance(pencere).show();

                    var girdi = pencere.querySelector("input[type=text]");
                    if (!girdi) { return; }
                    if (mevcutMetin) { girdi.value = mevcutMetin; }

                    /* shown.bs.modal beklenmeli: pencere daha gorunur
                       degilken focus() calismaz. once ile tek seferlik. */
                    pencere.addEventListener("shown.bs.modal", function () {
                        girdi.focus();
                    }, { once: true });
                }

                document.addEventListener("click", function (olay) {
                    var hedef = olay.target;
                    if (!hedef || !hedef.closest) { return; }
                    var kutu = hedef.closest(".form_search-product .style-def");
                    if (!kutu) { return; }
                    olay.preventDefault();
                    kutu.blur();                       /* iki imlec gorunmesin */
                    aramaPenceresiniAc(kutu.value);
                }, true);

                /* Klavyeyle ( sekme + Enter ) gelen kullanici da acabilsin */
                document.addEventListener("focusin", function (olay) {
                    var kutu = olay.target && olay.target.closest
                        ? olay.target.closest(".form_search-product .style-def") : null;
                    if (kutu) { aramaPenceresiniAc(kutu.value); }
                }, true);

                /* Formun bos submit i sayfayi bastan yukluyordu */
                document.addEventListener("submit", function (olay) {
                    var form = olay.target;
                    if (form && form.classList && form.classList.contains("form_search-product")) {
                        olay.preventDefault();
                        var kutu = form.querySelector(".style-def");
                        aramaPenceresiniAc(kutu ? kutu.value : "");
                    }
                }, true);
            })();

            /* ==========================================================
               CANLI ARAMA — yazdikca urun onerileri
               ----------------------------------------------------------
               Kartlar temanin KENDI  trend-product-item  bicimiyle
               kuruluyor: gorsel + ad + fiyat. Pencerede zaten duran
               "Trending Product" bolumuyle ayni gorunuyor, ek CSS gerekmiyor.

               DOMContentLoaded BEKLENIYOR — ilk yazimda beklemiyordum ve
               ozellik hic calismadi: bu betik menu1.php den, arama penceresi
               ise bicim.php den basiliyor; betik SAYFADA DAHA ONCE geliyor,
               yani calistigi anda #search HENUZ YOK, getElementById null
               donuyor ve blok sessizce cikiyordu.

               ICERIK  .trend-product-inner  a yaziliyor, .trend-product-list e
               DEGIL: tema listeyi IKIYE bolmus ( iki ayri .trend-product-list,
               ikiser kart ). Yalnizca ilkini doldurunca ikincisinde demo
               kitaplar kaliyordu.

               300 ms bekleme SART: her tusa istek atmak sunucuyu bosuna
               mesgul ederdi. Gec donen eski istek yeni sonucu ezmesin diye
               her istege sira numarasi veriliyor.
               ========================================================== */
            (function () {

                function kur() {
                    var pencere = document.getElementById("search");
                    if (!pencere) { return; }

                    var girdi  = pencere.querySelector("input[type=text]");
                    var sarmal = pencere.querySelector(".trend-product-wrap");
                    var kap    = pencere.querySelector(".trend-product-inner");
                    var baslik = sarmal ? sarmal.querySelector(".heading .title") : null;
                    var tumunuGor = sarmal ? sarmal.querySelector(".heading a") : null;
                    var gizlenecekler = [
                        pencere.querySelector(".quick-link-list"),
                        pencere.querySelector(".view-history-wrap")
                    ];
                    if (!girdi || !kap || !sarmal) { return; }

                    var demoIcerik  = kap.innerHTML;
                    var demoBaslik  = baslik ? baslik.textContent : "";
                    var zamanlayici = null;
                    var sonSira     = 0;

                    function demoGoster(goster) {
                        gizlenecekler.forEach(function (o) {
                            if (o) { o.style.display = goster ? "" : "none"; }
                        });
                        if (tumunuGor) { tumunuGor.style.display = goster ? "" : "none"; }
                    }

                    function kacisliYaz(metin) {
                        var k = document.createElement("div");
                        k.textContent = metin == null ? "" : metin;
                        return k.innerHTML;
                    }

                    function mesaj(yazi) {
                        kap.innerHTML = "<p class=\"text-main\" style=\"padding:14px 0;\">" + kacisliYaz(yazi) + "</p>";
                    }

                    function kartlariYaz(urunler) {
                        if (!urunler.length) { mesaj("Sonuç bulunamadı."); return; }

                        /* IKI SUTUN: tema  .trend-product-inner  a yatay flex
                           veriyor, her  .trend-product-list  bir SUTUN oluyor
                           ( demo 2 liste x 2 kart = 2x2 gorunuyordu ). Tek liste
                           yazinca hepsi alt alta diziliyordu. Kartlari sirayla
                           iki sutuna dagitiyoruz ki okuma soldan saga olsun. */
                        var sutun = ["", ""];
                        urunler.forEach(function (u, sira) {
                            var eski = u.fiyat_eski
                                ? "<span class=\"price-old h6 fw-normal\">" + kacisliYaz(u.fiyat_eski) + "</span>"
                                : "";
                            sutun[sira % 2] +=
                                "<div class=\"trend-product-item\">" +
                                    "<div class=\"image\">" +
                                        "<a href=\"" + kacisliYaz(u.baglanti) + "\">" +
                                            "<img src=\"" + kacisliYaz(u.resim) + "\" alt=\"\" loading=\"lazy\">" +
                                        "</a>" +
                                    "</div>" +
                                    "<div class=\"content\">" +
                                        "<h6 class=\"title\">" +
                                            "<a href=\"" + kacisliYaz(u.baglanti) + "\" class=\"link\">" + kacisliYaz(u.ad) + "</a>" +
                                        "</h6>" +
                                        "<div class=\"price-wrap\">" + eski +
                                            "<span class=\"price-new h6\">" + kacisliYaz(u.fiyat) + "</span>" +
                                        "</div>" +
                                    "</div>" +
                                "</div>";
                        });
                        kap.innerHTML =
                            "<div class=\"trend-product-list\">" + sutun[0] + "</div>" +
                            ( sutun[1] ? "<div class=\"trend-product-list\">" + sutun[1] + "</div>" : "" );
                    }

                    function ara(kelime) {
                        var sira = ++sonSira;

                        var veri = new FormData();
                        veri.append("sayfa_ic", "urunler-sepete_gorsel_ekle");
                        veri.append("islem", "arama_oneri");
                        veri.append("kelime", kelime);

                        fetch("/index.php", { method: "POST", body: veri })
                            .then(function (y) { return y.json(); })
                            .then(function (cevap) {
                                if (sira !== sonSira) { return; }
                                if (baslik) { baslik.textContent = "Sonuçlar"; }
                                demoGoster(false);
                                kartlariYaz((cevap && cevap.urunler) ? cevap.urunler : []);
                            })
                            .catch(function () {
                                if (sira !== sonSira) { return; }
                                if (baslik) { baslik.textContent = "Sonuçlar"; }
                                demoGoster(false);
                                mesaj("Bağlantıya ulaşılamadı, tekrar deneyin.");
                            });
                    }

                    function sifirla() {
                        sonSira++;
                        kap.innerHTML = demoIcerik;
                        if (baslik) { baslik.textContent = demoBaslik; }
                        demoGoster(true);
                    }

                    girdi.addEventListener("input", function () {
                        var kelime = (girdi.value || "").trim();
                        if (zamanlayici) { clearTimeout(zamanlayici); }
                        if (kelime.length < 2) { sifirla(); return; }
                        zamanlayici = setTimeout(function () { ara(kelime); }, 300);
                    });

                    pencere.addEventListener("hidden.bs.modal", function () {
                        girdi.value = "";
                        sifirla();
                    });
                }

                if (document.readyState === "loading") {
                    document.addEventListener("DOMContentLoaded", kur);
                } else {
                    kur();
                }
            })();


            /* ÜST BİLGİ SLIDER I
               ----------------------------------------------------------
               Slaytlar sirayla gosteriliyor. Tek slayt varsa donme yok:
               tek ogeyi surekli yeniden gostermek bosuna is.

               Sekme arka plandayken setInterval yavaslatiliyor ve geri
               donunce birikmis tetiklemeler pes pese calisiyor; bu yuzden
               her adimda sirayi hesaplamak yerine tek sayac ilerletiliyor. */
            (function () {
                var slider = document.querySelector(".ub-slider");
                if (!slider) { return; }

                var slaytlar = slider.querySelectorAll(".ub-slayt");
                if (slaytlar.length < 2) { return; }

                var sure = parseInt(slider.getAttribute("data-sure"), 10);
                if (!sure || sure < 2) { sure = 4; }

                var sira = 0;
                setInterval(function () {
                    slaytlar[sira].classList.remove("etkin");
                    sira = (sira + 1) % slaytlar.length;
                    slaytlar[sira].classList.add("etkin");
                }, sure * 1000);
            })();

            /* YUKLENEMEYEN AFISI GIZLE.
               Panelde kaydi olup dosyasi silinmis afis, menude kirik gorsel
               kutusu olarak duruyordu. error olayi BUBBLE ETMEZ, o yuzden
               yakalama evresinde ( true ) dinleniyor. */
            document.addEventListener("error", function (olay) {
                var res = olay.target;
                if (!res || res.tagName !== "IMG" || !res.closest) { return; }
                var afis = res.closest(".kat-afis");
                if (afis) { afis.remove(); }
            }, true);

            document.addEventListener("mouseover", function (olay) {
                var hedef = olay.target;
                if (!hedef || !hedef.closest) { return; }
                var oge = hedef.closest(".kat-oge");
                if (oge) { hazirla(oge); }
            }, true);
        })();
        </script>
        <header class="tf-header header-fixed">
            <div class="container bs-genis">
                <!-- YAPIŞKAN BAŞLIK
                     Sayfa aşağı kaydırılınca ekrana yapışan başlık. Yerleşimi
                     üstteki asıl başlıktan AYRI ayarlanıyor: burada arama
                     kutusuna yer yok, menünün geçmesi gerekiyor.
                     Kaynak: ayarlar.genel.baslik_duzen.yapiskan -->
                <div class="row align-items-center">
                        <div class="col-md-4 col-3 d-xl-none">
                            <a href="#mobileMenu" data-bs-toggle="offcanvas" class="btn-mobile-menu">
                                <span></span>
                            </a>
                        </div>
                        <div class="col-md-4 col-6 d-xl-none">
                            <a href="https://www.yeni.artipartners.net/" class="logo-site justify-content-center">
                                <img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-9c9869028e-4059331.png" alt="Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!" style="width:70%!important;">
                            </a>
                        </div>
                        <div class="col-md-4 col-3 d-xl-none">
                            <ul class="nav-icon-list">
                                <li class="d-none d-lg-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/hesap"><i class="icon icon-user"></i></a>
                                </li>
                                <li class="d-none d-sm-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/begeniler"><i class="icon icon-heart"></i></a>
                                </li>
                                <li class="shop-cart" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart">
                                    <a class="nav-icon-item link" href="#shoppingCart" data-bs-toggle="offcanvas">
                                        <i class="icon icon-shopping-cart-simple"></i>
                                    </a>
                                    <span class="count sepet_sayaci">0</span>
                                </li>
                            </ul>
                        </div>
                        <div class="col-xl-2 d-none d-xl-block">
                            <div class="bd-bolge bd-hiz-sol">
                            <a href="https://www.yeni.artipartners.net/" class="logo-site">
                                <img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-9c9869028e-4059331.png" alt="Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!" style="width:45%!important;">
                            </a>
                            </div>
                        </div>
                        <div class="col-xl-8 d-none d-xl-block">
                            <div class="bd-bolge bd-hiz-sol">
                            <nav class="box-navigation">
                                <ul class="box-nav-menu not-append">
                                    <li class="menu-item">
                                        <a href="https://www.yeni.artipartners.net/" class="item-link bd-ev"
                                           title="Anasayfa"
                                           aria-label="Anasayfa">
                                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.2 10.7 12 3.6l8.8 7.1"/><path d="M5.6 9.6V19.4a1 1 0 0 0 1 1h3.6v-5.6h3.6v5.6h3.6a1 1 0 0 0 1-1V9.6"/></svg>
                                        </a>
                                    </li>
                            <li class="menu-item">
                                <a href="javascript:void(0)" class="item-link">Kategoriler<i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-gorseller">
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/arama?kelime=&amp;ozellik%C3%982=Diyanet+%C4%B0%C5%9Fleri+Ba%C5%9Fkanl%C4%B1%C4%9F%C4%B1+Yay."><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/18e5128819-07bf7-6955253.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/arama?kelime=&amp;ozellik%C3%982=Tdv+-+T%C3%BCrkiye+Diyanet+Vakf%C4%B1"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/diyanet-vakfi-yayinlari-8a22293b29-5736285.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/arama?kelime=&amp;ozellik%C3%982=%C4%B0SAM+-+%C4%B0slam+Ara%C5%9Ft%C4%B1rmalar%C4%B1+Merkezi"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/64e8e805e4-60145-7067175.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/kategori/cocuk-genc"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/d30c14e4b0-669ff-5783133.png" alt="" loading="lazy"></a></div>
                                                <div class="kat-afis"><a href="https://www.diyanetvakfiyayin.com.tr/tr/kategori/cocuk-genc"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/0edbdb1eb6-a8078-5788466.png" alt="" loading="lazy"></a></div>
                                            </div>
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/aile-kitapligi" class="kat-baglanti">Aile Kitaplığı <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/aile-hayati-evlilik" class="kat-baglanti">Aile Hayatı - Evlilik </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/aile-kitapligi-modelleri" class="kat-baglanti">Aile Kitaplığı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ailede-egitim" class="kat-baglanti">Ailede Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/anne-baba-kitaplari" class="kat-baglanti">Anne Baba Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-egitimi" class="kat-baglanti">Çocuk Eğitimi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kadinlar-icin-kitaplar" class="kat-baglanti">Kadınlar İçin Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-aile-kitaplari" class="kat-baglanti">Yabancı Dilde Aile Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/basvuru-kaynak" class="kat-baglanti">Başvuru - Kaynak <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/atlas-harita" class="kat-baglanti">Atlas - Harita </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/faydali-bilgiler" class="kat-baglanti">Faydalı Bilgiler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kaynakca-bibliyografya" class="kat-baglanti">Kaynakça - Bibliyografya </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sozlukler" class="kat-baglanti">Sözlükler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/takvimler-ajandalar" class="kat-baglanti">Takvimler - Ajandalar </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-genc" class="kat-baglanti">Çocuk Kitapları ve Genç Kitapları <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-genc-cizgi-roman" class="kat-baglanti">Çizgi Roman </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-kitaplari-genel" class="kat-baglanti">Çocuk Kitapları - Genel </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuklara-bilimsel-kitaplar" class="kat-baglanti">Çocuklara Bilimsel Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitici-oyuncak" class="kat-baglanti">Eğitici Oyuncak </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/fikra-bilmece-tekerleme" class="kat-baglanti">Fıkra - Bilmece - Tekerleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hikayeler-oykuler" class="kat-baglanti">Hikayeler - Öyküler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hobi-oyun" class="kat-baglanti">Hobi - Oyun </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-cocuk-kitaplari" class="kat-baglanti">İslami Çocuk Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/masallar" class="kat-baglanti">Masallar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/okul-oncesi-kitaplari" class="kat-baglanti">Okul Öncesi Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ozel-egitim-kitaplari" class="kat-baglanti">Özel Eğitim Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/piyes" class="kat-baglanti">Piyes </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rehber-kisisel-gelisim" class="kat-baglanti">Rehber - Kişisel Gelişim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman" class="kat-baglanti">Roman </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-kitaplari" class="kat-baglanti">Şiir Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-cocuk-genc-" class="kat-baglanti">Tarih (çocuk-genç) </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-cocuk-kitaplari" class="kat-baglanti">Yabancı Dilde Çocuk Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yapboz" class="kat-baglanti">Yapboz </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cami-din-gorevlisi" class="kat-baglanti">Cami - Din Görevlisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din" class="kat-baglanti">Din <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger-dinler" class="kat-baglanti">Diğer Dinler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din-arastirmalari" class="kat-baglanti">Din Araştırmaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dinler-tarihi" class="kat-baglanti">Dinler Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hiristiyanlik" class="kat-baglanti">Hıristiyanlık </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yahudilik" class="kat-baglanti">Yahudilik </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat" class="kat-baglanti">Edebiyat <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ani-anlati" class="kat-baglanti">Anı - Anlatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/antoloji-derleme" class="kat-baglanti">Antoloji - Derleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/biyografi-otobiyografi" class="kat-baglanti">Biyografi - Otobiyografi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/deneme" class="kat-baglanti">Deneme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dil-gramer" class="kat-baglanti">Dil - Gramer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/divan-edebiyati" class="kat-baglanti">Divan Edebiyatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-diger" class="kat-baglanti">Edebiyat - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-calismalari" class="kat-baglanti">Edebiyat Çalışmaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-tarihi" class="kat-baglanti">Edebiyat Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/guzel-ozlu-sozler" class="kat-baglanti">Güzel - Özlü Sözler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/halk-edebiyati" class="kat-baglanti">Halk Edebiyatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hikaye-oyku" class="kat-baglanti">Hikaye - Öykü </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hitabet-soylesi-roportaj" class="kat-baglanti">Hitabet - Söyleşi - Röportaj </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/inceleme" class="kat-baglanti">İnceleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-biyografik" class="kat-baglanti">Roman - Biyografik </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-cagdas-turk-edebiyati" class="kat-baglanti">Roman - Çağdaş Türk Edebiyatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-gunumuz" class="kat-baglanti">Roman - Günümüz </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/roman-tarihi" class="kat-baglanti">Roman - Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-ceviri" class="kat-baglanti">Şiir - Çeviri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-divan-siiri" class="kat-baglanti">Şiir - Divan Şiiri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siir-yerli" class="kat-baglanti">Şiir - Yerli </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tiyatro-piyes" class="kat-baglanti">Tiyatro - Piyes </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ekonomi" class="kat-baglanti">Ekonomi <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ekonomik-arastirmalar" class="kat-baglanti">Ekonomik Araştırmalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iktisat-kitaplari" class="kat-baglanti">İktisat Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim" class="kat-baglanti">Eğitim <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-edebiyat-kitapla" class="kat-baglanti">Yabancı Dilde Edebiyat Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dil-ogrenimi-osmanlica" class="kat-baglanti">Dil Öğrenimi - Osmanlıca </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim-modelleri" class="kat-baglanti">Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim-ve-ogretim-kitaplari" class="kat-baglanti">Eğitim ve Öğretim Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/meslek-egitim" class="kat-baglanti">Meslek Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rehber-kitaplar" class="kat-baglanti">Rehber Kitaplar </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-dusunce" class="kat-baglanti">Felsefe - Düşünce <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-dusunce-modelleri" class="kat-baglanti">Felsefe - Düşünce </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-yazilari" class="kat-baglanti">Felsefe Yazıları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/filozoflar-dusunurler" class="kat-baglanti">Filozoflar - Düşünürler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-felsefesi" class="kat-baglanti">İslam Felsefesi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri" class="kat-baglanti">Hat Tezhip ve Ebru Malzemeleri <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-aharli-kagitlar" class="kat-baglanti">Aharlı Kağıtlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/bicak-ve-cetveller" class="kat-baglanti">Bıçak ve Cetveller </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ebru-setleri" class="kat-baglanti">Ebru Setleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-ve-kaligrafi-kalemleri" class="kat-baglanti">Hat ve Kaligrafi Kalemleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-yardimci-malzemeler" class="kat-baglanti">Hat Yardımcı Malzemeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kalem-ve-teknik-cizim" class="kat-baglanti">Kalem ve Teknik Çizim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/murekkepler" class="kat-baglanti">Mürekkepler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tezhip-fircalari" class="kat-baglanti">Tezhip Fırçaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tezhip-yardimci-malzemeler" class="kat-baglanti">Tezhip Yardımcı Malzemeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/747" class="kat-baglanti">Guaj Boyalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/748" class="kat-baglanti">Ebru Boyaları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iletisim-medya" class="kat-baglanti">İletişim - Medya <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genel-iletisim" class="kat-baglanti">Genel İletişim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/halkla-iliskiler" class="kat-baglanti">Halkla İlişkiler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iletisim-medya-modelleri" class="kat-baglanti">İletişim - Medya </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/internet-yayinciligi" class="kat-baglanti">Sosyal Medya </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ilahiyat" class="kat-baglanti">İlahiyat </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam" class="kat-baglanti">İslam Kitapları <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/alevilik-bektasilik" class="kat-baglanti">Alevilik - Bektaşilik </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/bilim-sanat" class="kat-baglanti">Bilim - Sanat </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cagdas-islam-dusuncesi" class="kat-baglanti">Çağdaş İslam Düşüncesi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger" class="kat-baglanti">Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/dua-kitaplari" class="kat-baglanti">Dua Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/fikih-ilmihal" class="kat-baglanti">Fıkıh - İlmihal </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hadis-sunnet" class="kat-baglanti">Hadis - Sünnet </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hikayeler-menkibeler" class="kat-baglanti">Hikayeler - Menkıbeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hz-muhammed-s-a-s-siyer" class="kat-baglanti">Hz Muhammed (s.a.s).- Siyer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ibadet" class="kat-baglanti">İbadet </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/iman-akaid" class="kat-baglanti">İman - Akaid </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/insan-ve-toplum" class="kat-baglanti">İnsan ve Toplum </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-arastirma-inceleme" class="kat-baglanti">İslam Araştırma - İnceleme </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-buyukleri" class="kat-baglanti">İslam Büyükleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-dusunce-tarihi" class="kat-baglanti">İslam Düşünce Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-ekonomisi" class="kat-baglanti">İslam Ekonomisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-hukuku" class="kat-baglanti">İslam Hukuku </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-kulturu" class="kat-baglanti">İslam Kültürü </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-tarihi" class="kat-baglanti">İslam Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islam-uzerine-yazilar" class="kat-baglanti">İslam Üzerine Yazılar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-egitim" class="kat-baglanti">İslami Eğitim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-hareketler" class="kat-baglanti">İslami Hareketler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/islami-hayat" class="kat-baglanti">İslami Hayat </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kadin-ve-aile" class="kat-baglanti">Kadın ve Aile </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kaynak-eserler" class="kat-baglanti">Kaynak Eserler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kur-an-incelemeleri" class="kat-baglanti">Kur`ân İncelemeleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kur-an-i-kerim" class="kat-baglanti">Kur`ân-ı Kerîm </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/mevlevilik-ve-mevlana" class="kat-baglanti">Mevlevilik ve Mevlana </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/mezhepler" class="kat-baglanti">Mezhepler ve Tarikatlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/peygamberler-tarihi" class="kat-baglanti">Peygamberler Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sohbetler-vaazlar" class="kat-baglanti">Sohbetler - Vaazlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tasavvuf-ve-tarikatlar" class="kat-baglanti">Tasavvuf </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tefsir-meal" class="kat-baglanti">Tefsir - Meal </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-islami-kitaplar" class="kat-baglanti">Yabancı Dilde İslami Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/730" class="kat-baglanti">Kelam </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/731" class="kat-baglanti">Yasini Şerifler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/psikoloji" class="kat-baglanti">Psikoloji <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-psikolojisi" class="kat-baglanti">Çocuk Psikolojisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din-psikolojisi" class="kat-baglanti">Din Psikolojisi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sanat-mimarlik" class="kat-baglanti">Sanat - Mimarlık <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-turk-islam-sanati" class="kat-baglanti">Geleneksel Türk - İslam Sanatı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/mimarlik" class="kat-baglanti">Mimarlık </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sanat-diger" class="kat-baglanti">Sanat - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sehir-mimarisi" class="kat-baglanti">Şehir Mimarisi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siyaset" class="kat-baglanti">Siyaset <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/anlasmalar-kongreler" class="kat-baglanti">Anlaşmalar - Kongreler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/guncel-siyaset" class="kat-baglanti">Güncel Siyaset </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hatiralar" class="kat-baglanti">Hatıralar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/siyasal-hayat-turkiye" class="kat-baglanti">Siyasal Hayat - Türkiye </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sosyoloji" class="kat-baglanti">Sosyoloji <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/din-sosyolojisi" class="kat-baglanti">Din Sosyolojisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ekoloji-cevre" class="kat-baglanti">Ekoloji - Çevre </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genclik-kitaplari" class="kat-baglanti">Gençlik Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genel-sosyoloji" class="kat-baglanti">Genel Sosyoloji </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kultur-sosyolojisi" class="kat-baglanti">Kültür Sosyolojisi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sosyolojik-arastirmalar" class="kat-baglanti">Sosyolojik Araştırmalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-sosyoloji-kitaplari" class="kat-baglanti">Yabancı Dilde Sosyoloji Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih" class="kat-baglanti">Tarih <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hatirat-gunluk" class="kat-baglanti">Hatırat - Günlük </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/medeniyetler" class="kat-baglanti">Medeniyetler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/osmanli-donemi-ve-tarihi" class="kat-baglanti">Osmanlı Dönemi ve Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/selcuklu-donemi" class="kat-baglanti">Selçuklu Dönemi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/selcuklu-uygarligi" class="kat-baglanti">Selçuklu Uygarlığı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/seyahatname" class="kat-baglanti">Seyahatname </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-diger" class="kat-baglanti">Tarih - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-arastirmalari" class="kat-baglanti">Tarih Araştırmaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarih-referans-kitaplar" class="kat-baglanti">Tarih Referans Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tarihi-kisilikler" class="kat-baglanti">Tarihi Kişilikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/turk-tarihi" class="kat-baglanti">Türk Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/turkiye-yakin-tarih" class="kat-baglanti">Türkiye - Yakın Tarih </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik" class="kat-baglanti">Müzik <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-diger" class="kat-baglanti">Müzik - Diğer </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-egitimi" class="kat-baglanti">Müzik Eğitimi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-tarihi" class="kat-baglanti">Müzik Tarihi </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/muzik-uzerine" class="kat-baglanti">Müzik Üzerine </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tip-saglik" class="kat-baglanti">Tıp - Sağlık <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/basvuru-saglik-kitaplari" class="kat-baglanti">Başvuru Sağlık Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/genel-saglik-kitaplari" class="kat-baglanti">Genel Sağlık Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/saglikli-yasam" class="kat-baglanti">Sağlıklı Yaşam </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tip-tarihi-ve-felsefesi" class="kat-baglanti">Tıp Tarihi ve Felsefesi </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/turizm-gezi" class="kat-baglanti">Turizm - Gezi <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/gezi-kitaplari" class="kat-baglanti">Gezi Kitapları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/gezi-rehberleri" class="kat-baglanti">Gezi Rehberleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sehir-kitaplari" class="kat-baglanti">Şehir Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dillerde-kitaplar" class="kat-baglanti">Yabancı Dillerde Kitaplar <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/arapca-kitaplar" class="kat-baglanti">Arapça Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ingilizce-kitaplar" class="kat-baglanti">İngilizce Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/almanca-kitaplar" class="kat-baglanti">Almanca Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/fransizca-kitaplar" class="kat-baglanti">Fransızca Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rusca-kitaplar" class="kat-baglanti">Rusça Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger-dillerde-kitaplar" class="kat-baglanti">Diğer Dillerde Kitaplar </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/e-kitaplar" class="kat-baglanti">E- Kitaplar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kirtasiye" class="kat-baglanti">Kırtasiye <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/diger-kirtasiye" class="kat-baglanti">Diğer Kırtasiye </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/egitim-arac-ve-gerecleri" class="kat-baglanti">Eğitim Araç ve Gereçleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/ofis-gerecleri" class="kat-baglanti">Ofis Gereçleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/oyun-gerecleri" class="kat-baglanti">Oyun Gereçleri </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/elektronikdijitalurunler" class="kat-baglanti">Elektronik Dijital Ürünler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/734" class="kat-baglanti">Hoparlör Kulaklık Vs. </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/735" class="kat-baglanti">Şarj Cihazları Batarya </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/milli-ve-manevi-degerler" class="kat-baglanti">Milli ve Manevi Değerler </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/yenigelenler" class="item-link">Yeni Gelenler </a>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/coksatanlar" class="item-link">Çok Satanlar </a>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/kuran-i-kerim" class="item-link">Kur&#039;an-ı Kerim <i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/kurani-kerim2" class="kat-baglanti">Kur&#039;an-ı Kerim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tefsir-ve-meal" class="kat-baglanti">Tefsir ve Meal </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/cuzler-elif-ba" class="kat-baglanti">Cüzler  (elif -ba) </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar" class="item-link">Geleneksel Sanatlar <i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar" class="kat-baglanti">Tablolar <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-orjinal-sanat-eserleri" class="kat-baglanti">Orijinal Sanat Eserleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-cerceveli-tipki-basim-eserler" class="kat-baglanti">Çerçeveli Tıpkı Basım Eserler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-cercevesiz-tipki-basim-eserler" class="kat-baglanti">Çerçevesiz Tıpkı Basım Eserler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/yagli-boya-eserleri" class="kat-baglanti">Yağlı Boya Eserleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/sulu-boya-eserleri" class="kat-baglanti">Sulu Boya Eserleri </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri" class="kat-baglanti">Hat Tezhip ve Ebru Malzemeleri <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-hat-ve-kaligrafi-kalemleri" class="kat-baglanti">Hat ve Kaligrafi Kalemleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-murekkepler" class="kat-baglanti">Mürekkepler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-aharli-kagitlar" class="kat-baglanti">Aharlı Kağıtlar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-bicak-ve-cetveller" class="kat-baglanti">Bıçak ve Cetveller </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-hat-yardimci-malzemeler" class="kat-baglanti">Hat Yardımcı Malzemeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-tezhip-fircalari" class="kat-baglanti">Tezhip Fırçaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-suluboya-ve-guaj-boyalar" class="kat-baglanti">Suluboya ve Guaj Boyalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-kalem-ve-teknik-cizim" class="kat-baglanti">Kalem ve Teknik Çizim </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-setleri" class="kat-baglanti">Ebru Setleri </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-guaj-boyalari" class="kat-baglanti">Guaj Boyalar </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-boyalari" class="kat-baglanti">Ebru Boyaları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-yardimci-malzemeler" class="kat-baglanti">Ebru Yardımcı Malzemeler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-sanat-kitaplari" class="kat-baglanti">Sanat Kitapları <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-sanat-kitaplari-2" class="kat-baglanti">Sanat Kitapları </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri" class="kat-baglanti">Ahşap Ürünler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-rahle" class="kat-baglanti">Ahşap Rahle </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri-ahsap-kurani-kerim-kabi" class="kat-baglanti">Ahşap Kuranı Kerim Kabı </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri-ahsap-urunleri" class="kat-baglanti">Ahşap Ürünler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini" class="kat-baglanti">Çini <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-10-10" class="kat-baglanti">Kütahya Çini Karo 10*10 </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-iznik-cini-tabak" class="kat-baglanti">İznik Çini Tabak </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-10-20" class="kat-baglanti">Kütahya Çini Karo 10*20 </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-20-20" class="kat-baglanti">Kütahya Çini Karo 20*20 </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-iznik-cini-karo" class="kat-baglanti">İznik Çini Karo </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-cini-hediyelik" class="kat-baglanti">Çini Hediyelik </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar" class="kat-baglanti">Kehribar ve Doğal Taşlar <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-bebek-kehribar-kolyeler" class="kat-baglanti">Bebek Kehribar Kolyeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-bebek-kehribar-bileklikler" class="kat-baglanti">Bebek Kehribar Bileklikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-kehribar-kolyeler" class="kat-baglanti">Kehribar Kolyeler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-kehribar-bileklikler" class="kat-baglanti">Kehribar Bileklikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-dogal-tas-bileklikler" class="kat-baglanti">Doğal Taş Bileklikler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-anne-ve-bebek-kehribar-setler" class="kat-baglanti">Anne ve Bebek Kehribar Setler </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler" class="kat-baglanti">Tesbihler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-sikma-kehribar-tesbih" class="kat-baglanti">Sıkma Kehribar Tesbih </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-ates-kehribar-tesbih" class="kat-baglanti">Ateş Kehribar Tesbih </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-agac-tesbih" class="kat-baglanti">Ağaç Tesbih </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-boynuz-tesbih" class="kat-baglanti">Boynuz Tesbih </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-el-sanatlari" class="kat-baglanti">El Sanatları </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler" class="kat-baglanti">Seccadeler <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-luks-seccade" class="kat-baglanti">Lüks Seccade </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-cocuk-seccade" class="kat-baglanti">Çocuk Seccade </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-yamali-seccade" class="kat-baglanti">Yamalı Seccade </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cam-urunler" class="kat-baglanti">Cam Ürünler </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="https://www.yeni.artipartners.net/tr/kategori/tdv-dukkan" class="item-link">Tdv Dükkan <i class="icon icon-caret-down"></i></a>
                                <div class="sub-menu mega-menu kat-mega">
                                    <div class="container">
                                        <div class="kat-sarmal">
                                            <div class="kat-govde"><ul class="kat-liste kat-seviye1">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo" class="kat-baglanti">Taş Duvar Tablo <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo-20-20-cm" class="kat-baglanti">Taş Duvar Tablo 20*20 Cm </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo-20-30-cm" class="kat-baglanti">Taş Duvar Tablo 20*30 Cm </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/bezcanta" class="kat-baglanti">Bez Çanta <i class="icon icon-caret-right"></i></a><ul class="kat-liste kat-seviye2">
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/738" class="kat-baglanti">Bez Çanta </a>
                                                </li></ul>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/hediyelik-urunler" class="kat-baglanti">Hediyelik Ürünler </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/rozet" class="kat-baglanti">Rozet </a>
                                                </li>
                                                <li class="kat-oge">
                                                    <a href="https://www.yeni.artipartners.net/tr/kategori/tdv-dukkan-deftfer" class="kat-baglanti">Defter </a>
                                                </li></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item">
                                <a href="/tr/kampanyalar" class="item-link">Kampanyalar</a>
                            </li>
                            <li class="menu-item">
                                <a href="/tr/magazalar" class="item-link">Mağazalar</a>
                            </li>
                            <li class="menu-item">
                                <a href="https://bagis.tdv.org/hediyem-kitap-olsun/hediyem-kitap-olsun-51" class="item-link">Askıda Kitap</a>
                            </li></ul>
                            </nav>
                            </div>
                        </div>
                        <div class="col-xl-2 d-none d-xl-block">
                            <div class="bd-bolge bd-hiz-sag">
                            <ul class="nav-icon-list">
                                <li class="d-none d-lg-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/hesap"><i class="icon icon-user"></i></a>
                                </li>
                                <li>
                                    <a class="nav-icon-item link" href="#search" data-bs-toggle="modal"><i class="icon icon-magnifying-glass"></i></a>
                                </li>
                                <li class="d-none d-sm-flex">
                                    <a class="nav-icon-item link" href="https://www.yeni.artipartners.net/tr/cariler/begeniler"><i class="icon icon-heart"></i></a>
                                </li>
                                <li class="shop-cart" data-bs-toggle="offcanvas" data-bs-target="#shoppingCart">
                                    <a class="nav-icon-item link" href="#shoppingCart" data-bs-toggle="offcanvas">
                                        <i class="icon icon-shopping-cart-simple"></i>
                                    </a>
                                    <span class="count sepet_sayaci">0</span>
                                </li>
                            </ul>
                            </div>
                        </div>
                </div>
            </div>
        </header>
        <!-- /Header -->
        
<!-- baski  ozellik=1  kategori=tablo-resim-yukleme-urunleri  eslesen_kart=0 -->
        <style>
        .product-badge_item.on-siparis { background-color:#0F5132; color:#FFFFFF; }
        /* Ürün sayfasındaki etiket temanın kendi kutusunda kalıyor
           ( çerçeveli, zeminsiz ): renkli zemin denendi, istenmedi.
           Ayardaki renk kart rozetinde kullanılıyor. */
        .os-kutu {
            display:flex; align-items:center; gap:12px;
            border:1px solid #0F5132; border-radius:8px;
            padding:12px 16px; margin-bottom:18px;
        }
        .os-kutu-ikon {
            width:36px; height:36px; flex:0 0 36px; border-radius:50%;
            display:flex; align-items:center; justify-content:center;
            background-color:#0F5132; color:#FFFFFF; font-size:18px;
        }
        .os-kutu-yazi { display:flex; flex-direction:column; line-height:1.45; }
        .os-kutu-yazi b { font-size:15px; }
        .os-kutu-tarih { font-size:14px; opacity:.85; }
        .os-kutu.os-gizli { display:none; }
        </style>
<!-- yas-onayi  etkin=0  kapsam=stok  kural=0  stok=liste  cerez=0  gerekli=0 -->
        <style>
        .widget-facet .suzgec-liste { max-height: 260px; overflow-y: auto; padding-right: 6px; }
        .widget-facet .suzgec-liste::-webkit-scrollbar { width: 5px; }
        .widget-facet .suzgec-liste::-webkit-scrollbar-track { background: var(--line); border-radius: 5px; }
        .widget-facet .suzgec-liste::-webkit-scrollbar-thumb { background: var(--black); border-radius: 5px; }
        .widget-facet .suzgec-liste { scrollbar-width: thin; }

        .widget-facet .suzgec-ara-kutu { margin-bottom: 12px; }
        .widget-facet .suzgec-ara {
            width: 100%; height: 38px; padding: 0 12px;
            border: 1px solid var(--line); border-radius: 4px;
            background-color: var(--white); font-size: 14px; outline: 0;
        }
        .widget-facet .suzgec-ara:focus { border-color: var(--black); }

        .widget-facet .suzgec-secim { display: flex; align-items: center; gap: 15px; width: 100%; }
        .widget-facet .suzgec-secim .label { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
        .widget-facet .suzgec-secim .label > *:first-child { flex: 1; }
        .widget-facet .tf-check.secili { border-color: var(--black); background-color: var(--black); }
        .widget-facet .tf-check.secili::before { opacity: 1; transform: scale(1); }

        .widget-facet .suzgec-sonuc-yok { display: none; font-size: 14px; opacity: .7; margin: 8px 0 0; }
        .widget-facet.arama-bos .suzgec-sonuc-yok { display: block; }
        </style>
        <!-- Page Title -->
        <section class="s-page-title">
            <div class="container">
                <div class="content">
                    <h1 class="title-page">Yazı, 1 </h1>
                    <ul class="breadcrumbs-page">
                        <li><a href="https://www.yeni.artipartners.net/" class="h6 link">Anasayfa</a></li>
                        <li class="d-flex"><i class="icon icon-caret-right"></i></li>
                        <li><h6 class="current-page fw-normal">Yazı, 1 </h6></li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- /Page Title -->
        <!-- Section Product -->
        <div class="flat-spacing">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3">
                        <div class="canvas-sidebar sidebar-filter canvas-filter left">
                            <div class="canvas-wrapper">
                                <div class="canvas-header d-xl-none">
                                    <span class="title h3 fw-medium">Filtrele</span>
                                    <span class="icon-close link icon-close-popup fs-24 close-filter"></span>
                                </div>
                                <div class="canvas-body">
                                    
                                    <div class="widget-facet mt-4">
                                        <div class="facet-title" data-bs-target="#category" role="button" data-bs-toggle="collapse"
                                            aria-expanded="true" aria-controls="category">
                                            <span class="h4 fw-semibold">Kategoriler</span>
                                            <span class="icon icon-caret-down fs-20"></span>
                                        </div>
                                        <div id="category" class="collapse show">
                                            
                                            <ul class="collapse-body filter-group-check group-category suzgec-liste">
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&kategori%5B0%5D=154" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>Dil Öğrenimi - Osmanlıca</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&kategori%5B0%5D=osmanlica" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>Osmanlıca</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <p class="suzgec-sonuc-yok">Eşleşen seçenek yok</p>
                                        </div>
                                    </div>
                                    
                                    <div class="widget-facet mt-4">
                                        <div class="facet-title" data-bs-target="#availability" role="button" data-bs-toggle="collapse"
                                            aria-expanded="true" aria-controls="availability">
                                            <span class="h4 fw-semibold">Stok Durumu</span>
                                            <span class="icon icon-caret-down fs-20"></span>
                                        </div>
                                        <div id="availability" class="collapse show">
                                            <ul class="collapse-body filter-group-check">
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&suzgec_tukenenleri_gizle=1" class="link h6">
                                                        Stokta Var
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    
                                    <div class="widget-facet mt-4">
                                        <div class="facet-title" data-bs-target="#price" role="button" data-bs-toggle="collapse" aria-expanded="true"
                                            aria-controls="price">
                                            <span class="h4 fw-semibold">Fiyat</span>
                                            <span class="icon icon-caret-down fs-20"></span>
                                        </div>
                                        <div id="price" class="collapse show">
                                            <div class="collapse-body widget-price filter-price">
                                                <div class="price-val-range" id="price-value-range"
                                                     data-min="350" data-max="351"
                                                     data-secili-min="350"
                                                     data-secili-max="351"></div>
                                                <div class="box-value-price">
                                                    <span class="h6 text-main">Fiyat:</span>
                                                    <div class="price-box">
                                                        <div class="price-val" id="price-min-value" data-currency="₺"></div>
                                                        <span>-</span>
                                                        <div class="price-val" id="price-max-value" data-currency="₺"></div>
                                                    </div>
                                                </div>
                                                <a href="javascript:void(0);" id="fiyat_uygula" class="tf-btn style-line mt-3"
                                                   data-adres="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&fiyat_min=FMIN&fiyat_max=FMAX">
                                                    <span class="text">Filtrele</span>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="widget-facet mt-4">
                                        <div class="facet-title" data-bs-target="#ozellik2" role="button" data-bs-toggle="collapse"
                                            aria-expanded="true" aria-controls="ozellik2">
                                            <span class="h4 fw-semibold">Yayın Evi</span>
                                            <span class="icon icon-caret-down fs-20"></span>
                                        </div>
                                        <div id="ozellik2" class="collapse show">
                                            
                                            <ul class="collapse-body filter-group-check suzgec-liste">
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&ozellik%C3%982%5B0%5D=Tdv+-+T%C3%BCrkiye+Diyanet+Vakf%C4%B1" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>Tdv - Türkiye Diyanet Vakfı</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <p class="suzgec-sonuc-yok">Eşleşen seçenek yok</p>
                                        </div>
                                    </div>
                                    <div class="widget-facet mt-4">
                                        <div class="facet-title" data-bs-target="#ozellik28" role="button" data-bs-toggle="collapse"
                                            aria-expanded="true" aria-controls="ozellik28">
                                            <span class="h4 fw-semibold">Etiket</span>
                                            <span class="icon icon-caret-down fs-20"></span>
                                        </div>
                                        <div id="ozellik28" class="collapse show">
                                            
                                            <div class="suzgec-ara-kutu">
                                                <input type="text" class="suzgec-ara" data-hedef="#ozellik28"
                                                       placeholder="Etiket ara..." autocomplete="off">
                                            </div>
                                            <ul class="collapse-body filter-group-check suzgec-liste">
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=ara%C5%9Ft%C4%B1rma&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>araştırma</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=belge&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>belge</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=Dahil&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>Dahil</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=dil&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>dil</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=dile%C4%9Fitimi&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>dileğitimi</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=edebiyat&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>edebiyat</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=inceleme&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>inceleme</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=kaynak&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>kaynak</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=mehmeteminoglu&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>mehmeteminoglu</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=osmanl%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>osmanlı</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=osmanl%C4%B1ca&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>osmanlıca</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=osmanl%C4%B1cat%C3%BCrk%C3%A7esi&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>osmanlıcatürkçesi</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=tarih&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>tarih</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=vesika&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>vesika</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item active">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check secili"></span>
                                                        <span class="label h6">
                                                            <span>yazı</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9828%5B1%5D=y%C3%B6ntem&ozellik%C3%9829%5B0%5D=1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>yöntem</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <p class="suzgec-sonuc-yok">Eşleşen seçenek yok</p>
                                        </div>
                                    </div>
                                    <div class="widget-facet mt-4">
                                        <div class="facet-title" data-bs-target="#ozellik29" role="button" data-bs-toggle="collapse"
                                            aria-expanded="true" aria-controls="ozellik29">
                                            <span class="h4 fw-semibold">Yazar</span>
                                            <span class="icon icon-caret-down fs-20"></span>
                                        </div>
                                        <div id="ozellik29" class="collapse show">
                                            
                                            <ul class="collapse-body filter-group-check suzgec-liste">
                                                <li class="list-item active">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&kelime=" class="suzgec-secim">
                                                        <span class="tf-check secili"></span>
                                                        <span class="label h6">
                                                            <span>1</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                                <li class="list-item">
                                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&ozellik%C3%9829%5B1%5D=Mehmet+Emino%C4%9Flu&kelime=" class="suzgec-secim">
                                                        <span class="tf-check"></span>
                                                        <span class="label h6">
                                                            <span>Mehmet Eminoğlu</span>
                                                            <span class="count">1</span>
                                                        </span>
                                                    </a>
                                                </li>
                                            </ul>
                                            <p class="suzgec-sonuc-yok">Eşleşen seçenek yok</p>
                                        </div>
                                    </div>
                                    
                                    
                                </div>
                                <div class="canvas-bottom d-xl-none">
                                    <a href="https://yeni.artipartners.net/tr/arama?kelime=" class="tf-btn btn-reset">Filtreleri Sıfırla</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-9">
                        <div class="tf-shop-control">
                            
                            <div class="shop-sale-text d-none d-xl-flex">
                                <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&suzgec_indirimli=1" class="label link">
                                    Sadece indirimli ürünler
                                </a>
                            </div>
                            <div class="tf-control-filter d-xl-none">
                                <button type="button" id="filterShop" class="tf-btn-filter">
                                    <span class="icon icon-filter"></span><span class="text">Filtrele</span>
                                </button>
                            </div>
                            <ul class="tf-control-layout">
                                <li class="tf-view-layout-switch sw-layout-2" data-value-layout="tf-col-2">
                                    <i class="icon-grid-2"></i>
                                </li>
                                <li class="tf-view-layout-switch sw-layout-3 d-none d-md-flex" data-value-layout="tf-col-3">
                                    <i class="icon-grid-3"></i>
                                </li>
                                <li class="tf-view-layout-switch sw-layout-4 d-none d-xl-flex" data-value-layout="tf-col-4">
                                    <i class="icon-grid-4"></i>
                                </li>
                                <!-- 5 li dizilis: tema  .tf-col-5  kurallarini ZATEN tasiyor,
                                     yalnizca dugmesi yoktu. -->
                                <li class="tf-view-layout-switch sw-layout-5 d-none d-xl-flex" data-value-layout="tf-col-5">
                                    <i class="icon-grid-5"></i>
                                </li>
                                <li class="br-line type-vertical"></li>
                                <li class="tf-view-layout-switch sw-layout-list list-layout" data-value-layout="list">
                                    <i class="icon-list"></i>
                                </li>
                            </ul>
                            <div class="tf-control-sorting">
                                <p class="h6 d-none d-lg-block">Sırala:</p>
                                <div class="tf-dropdown-sort" data-bs-toggle="dropdown">
                                    <div class="btn-select">
                                        <span class="text-sort-value">En Yeni</span>
                                        <span class="icon icon-caret-down"></span>
                                    </div>
                                    <div class="dropdown-menu">
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&siralama=cok_satan" class="text-value-item link w-100">Çok Satanlar</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&siralama=az" class="text-value-item link w-100">Alfabetik, A-Z</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&siralama=za" class="text-value-item link w-100">Alfabetik, Z-A</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&siralama=fiyat_dusuk" class="text-value-item link w-100">Fiyat, düşükten yükseğe</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&siralama=fiyat_yuksek" class="text-value-item link w-100">Fiyat, yüksekten düşüğe</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tf-control-sorting">
                                <p class="h6 d-none d-lg-block">Adet:</p>
                                <div class="tf-dropdown-sort" data-bs-toggle="dropdown">
                                    <div class="btn-select">
                                        <span class="text-sort-value">40</span>
                                        <span class="icon icon-caret-down"></span>
                                    </div>
                                    <div class="dropdown-menu">
                                        <div class="select-item active">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&urun_sayisi=40" class="text-value-item link w-100">40</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&urun_sayisi=60" class="text-value-item link w-100">60</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&urun_sayisi=80" class="text-value-item link w-100">80</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&urun_sayisi=100" class="text-value-item link w-100">100</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&urun_sayisi=120" class="text-value-item link w-100">120</a>
                                        </div>
                                        <div class="select-item">
                                            <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&ozellik%C3%9829%5B0%5D=1&kelime=&urun_sayisi=hepsi" class="text-value-item link w-100">Tümü</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrapper-control-shop gridLayout-wrapper">
                            <div class="meta-filter-shop">
                                <div id="product-count-grid" class="count-text"><span class="count">1</span> ürün bulundu</div>
                                <div id="product-count-list" class="count-text"><span class="count">1</span> ürün bulundu</div>
                                <div id="applied-filters">
                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9829%5B0%5D=1&kelime=" class="filter-tag link">
                                        yazı <i class="icon icon-close"></i>
                                    </a>
                                    <a href="https://yeni.artipartners.net/tr/arama?ozellik%C3%9828%5B0%5D=yaz%C4%B1&kelime=" class="filter-tag link">
                                        1 <i class="icon icon-close"></i>
                                    </a></div>
                                
                                <a href="https://yeni.artipartners.net/tr/arama?kelime=" class="remove-all-filters">
                                    <i class="icon icon-close"></i>
                                    Tümünü Temizle</a>
                            </div>
                            
                            <div class="tf-list-layout wrapper-shop" id="listLayout" style="display: none;">
                                
                                <div class="card-product product-style_list" data-availability="In stock" data-sale="sale">
                                    <div class="card-product_wrapper">
                                        <a href="https://www.yeni.artipartners.net/tr/urun/osmanli-vesikalarini-okumaya-giris" class="product-img" title="Osmanlı Vesikalarını Okumaya Giriş">
                                            <img class="lazyload img-product" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                                                data-src="https://resim.diyanetvakfiyayin.com.tr/9789753890762/9789753890762/kucuk/osmanli-vesikalarini-okumaya-giris-58f48e0eb3.jpg" alt="Osmanlı Vesikalarını Okumaya Giriş">
                                        </a>
                                        <ul class="product-action_list">
                                            <li>
                                                <a href="https://www.yeni.artipartners.net/tr/urun/osmanli-vesikalarini-okumaya-giris" class="hover-tooltip tooltip-left box-icon">
                                                    <span class="icon icon-view"></span>
                                                    <span class="tooltip">İncele</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="product-badge_list">
                                            <li class="product-badge_item h6 sale">%30 İndirim</li>
                                        </ul>
                                    </div>
                                    <div class="card-product_info">
                                        <div class="product-info_list">
                                            <a href="https://www.yeni.artipartners.net/tr/urun/osmanli-vesikalarini-okumaya-giris" class="name-product h3 link">Osmanlı Vesikalarını Okumaya Giriş</a>
                                            <div class="price-wrap">
                                            <span class="price-old h6 fw-normal">500,00 ₺</span>
                                            <span class="price-new h6">350,00 ₺</span>
                                            </div>
                                            <div class="product-desc_list d-none d-sm-grid">
                                                <p class="product-desc">
                                                    <span class="headline fw-bold">Ürün Özellikleri:</span> 3, Mamül, Ankara, Karton Kapak, Kitap Kağıdı, Aktif
                                                </p>
                                            </div>
                                        </div>
                                        <div class="product-action_list">
                                            <div class="group-btn">
                                                <a href="javascript:void(0);" class="tf-btn animate-btn sepete_ekle" data-stok-kodu="39373839373533383930373632"
                                                    data-urunler-no="2643"
                                                    data-varyasyon="0"
                                                    data-ad="Osmanlı Vesikalarını Okumaya Giriş"
                                                    data-resim="https://resim.diyanetvakfiyayin.com.tr/9789753890762/9789753890762/kucuk/osmanli-vesikalarini-okumaya-giris-58f48e0eb3.jpg"
                                                    data-fiyat="350,00">
                                                    Sepete Ekle
                                                    <i class="icon icon-shopping-cart-simple"></i>
                                                </a>
                                                <a href="javascript:void(0);" class="tf-btn style-line btn-add-wishlist2 favori_ekle" data-stok-kodu="9789753890762" urun_favori="9789753890762">
                                                    <span class="text">Listeye Ekle</span>
                                                    <i class="icon icon-heart"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                            <div class="wrapper-shop tf-grid-layout tf-col-5" id="gridLayout">
                                
                                <div class="card-product grid" data-availability="In stock" data-sale="sale">
                                    <div class="card-product_wrapper">
                                        <a href="https://www.yeni.artipartners.net/tr/urun/osmanli-vesikalarini-okumaya-giris" class="product-img" title="Osmanlı Vesikalarını Okumaya Giriş">
                                            <img class="lazyload img-product" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                                                data-src="https://resim.diyanetvakfiyayin.com.tr/9789753890762/9789753890762/kucuk/osmanli-vesikalarini-okumaya-giris-58f48e0eb3.jpg" alt="Osmanlı Vesikalarını Okumaya Giriş">
                                        </a>
                                        <ul class="product-action_list">
                                            <li>
                                                <a href="javascript:void(0);" class="hover-tooltip tooltip-left box-icon sepete_ekle" data-stok-kodu="39373839373533383930373632"
                                                    data-urunler-no="2643"
                                                    data-varyasyon="0"
                                                    data-ad="Osmanlı Vesikalarını Okumaya Giriş"
                                                    data-resim="https://resim.diyanetvakfiyayin.com.tr/9789753890762/9789753890762/kucuk/osmanli-vesikalarini-okumaya-giris-58f48e0eb3.jpg"
                                                    data-fiyat="350,00">
                                                    <span class="icon icon-shopping-cart-simple"></span>
                                                    <span class="tooltip">Sepete Ekle</span>
                                                </a>
                                            </li>
                                            <li class="wishlist">
                                                <a href="javascript:void(0);" class="hover-tooltip tooltip-left box-icon favori_ekle" data-stok-kodu="9789753890762" urun_favori="9789753890762">
                                                    <span class="icon icon-heart"></span>
                                                    <span class="tooltip">Favorilere Ekle</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.yeni.artipartners.net/tr/urun/osmanli-vesikalarini-okumaya-giris" class="hover-tooltip tooltip-left box-icon">
                                                    <span class="icon icon-view"></span>
                                                    <span class="tooltip">İncele</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul class="product-badge_list">
                                            <li class="product-badge_item h6 sale">%30 İndirim</li>
                                        </ul>
                                    </div>
                                    <div class="card-product_info">
                                        <a href="https://www.yeni.artipartners.net/tr/urun/osmanli-vesikalarini-okumaya-giris" class="name-product h4 link">Osmanlı Vesikalarını Okumaya Giriş</a>
                                        <div class="price-wrap">
                                            <span class="price-old h6 fw-normal">500,00 ₺</span>
                                            <span class="price-new h6">350,00 ₺</span>
                                        </div>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>
        <!-- /Section Product -->
        <!-- Footer -->
        <!-- FOOTER
             Govde footer_kur.php de DUZEN TANIMINDAN uretiliyor:
             ayarlar.genel.footer_duzen. Kac sutun olacagi, basliklari,
             genislikleri ve alt seritte ne yazacagi oradan geliyor.
             Tanim yoksa varsayilan duzen basiliyor. -->
        
        <style>
        /* Odeme karti gorselleri: masaustunde satir basina dort tane. */
        .footer-odeme-satiri .fk-odeme-gorsel { width: 25%; height: auto; }

        @media ( max-width: 767px ) {

            /* Dar ekranda dortte bir genislikteki kart gorseli okunmuyordu;
               mobilde tek sutun. */
            .footer-odeme-satiri .fk-odeme-gorsel { width: 100%; }

            /* Saglayici logosunun mobil yuksekligi BURADA DEGIL:
               menu1.php:1173 te ayni ozgullukte bir kural var ve o stil
               belgede daha sonra basildigi icin buradakini yener
               ( olculdu ). Kural menu1.php nin kendi mobil blogunda. */
        }
        </style>
        <footer class="tf-footer">
            <div class="container d-flex">
                <span class="br-line"></span>
            </div>
            <div class="footer-body">
                <div class="container">
                        <div class="footer-logo mb-5 text-center">
                            <a href="#">
                                <img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-6741b52fc5-5285822.png" alt="© 2026 Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!" loading="lazy" >
                            </a>
                        </div>
                    <div class="row">
                        <div class="col-xl-3 col-sm-6 mb_30 mb-xl-0">
                            <div class="footer-col-block">
                                <p class="footer-heading footer-heading-mobile">Önemli Bilgiler</p>
                                <div class="tf-collapse-content">
                                    <ul class="footer-menu-list">
                                        <li><a href="/tr/sabit_goster/gizlilik-ve-guvenlik/474679f01d" class="link h6">Gizlilik ve Güvenlik</a></li>
                                        <li><a href="/tr/sabit_goster/kullanim-kosullari/e91dda5b19" class="link h6">Kullanım Koşulları</a></li>
                                        <li><a href="/tr/sabit_goster/mesafeli-satis-sozlesmesi/0227040b6d" class="link h6">Mesafeli Satış Sözleşmesi</a></li>
                                        <li><a href="/tr/sabit_goster/siparis-teslimat-ve-iade-sartlari/e1f2d99036" class="link h6">Sipariş Teslimat ve İade Şartları</a></li>
                                        <li><a href="/tr/magazalar" class="link h6">Mağazalar</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-sm-6 mb_30 mb-xl-0">
                            <div class="footer-col-block">
                                <p class="footer-heading footer-heading-mobile">Hesabım</p>
                                <div class="tf-collapse-content">
                                    <ul class="footer-menu-list">
                                        <li><a href="/tr/cariler/giris" class="link h6">Giriş Yap</a></li>
                                        <li><a href="/tr/cariler/kayit" class="link h6">Kayıt Ol</a></li>
                                        <li><a href="/tr/cariler/siparisler" class="link h6">Sipariş Takip</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-sm-6 mb_30 mb-xl-0">
                            <div class="footer-col-block">
                                <p class="footer-heading footer-heading-mobile">Hızlı Erişim</p>
                                <div class="tf-collapse-content">
                                    <ul class="footer-menu-list">
                                        <li><a href="#" class="link h6">Ana Sayfa</a></li>
                                        <li><a href="/tr/urunler/sepeti_listele" class="link h6">Sepetim</a></li>
                                        <li><a href="/tr/cariler/siparisler" class="link h6">Siparişlerim</a></li>
                                        <li><a href="https://www.resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/vitrinler_ozel_site/yayinci-huviyeti.pdf" class="link h6">TDV Uluslararası Yayıncı Hüviyeti</a></li>
                                        <li><a href="/tr/kataloglar" class="link h6">Kataloglar</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-sm-6 mb_30 mb-xl-0">
                            <div class="footer-col-block">
                                <p class="footer-heading footer-heading-mobile">Bağlı Kuruluşlarımız</p>
                                <div class="tf-collapse-content">
                                    <ul class="footer-menu-list">
                                        <li><a href="https://www.diyanet.gov.tr/tr-TR" class="link h6">Diyanet İşleri Başkanlığı</a></li>
                                        <li><a href="https://tdv.org/tr-TR/" class="link h6">Türkiye Diyanet Vakfı</a></li>
                                        <li><a href="https://www.isam.org.tr/" class="link h6">İslam Araştırmaları Merkezi</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-sm-6 mb_30 mb-xl-0">
                            <div class="footer-col-block">
                                <p class="footer-heading footer-heading-mobile">Sosyal Medya</p>
                                <div class="tf-collapse-content">
                                    <ul class="footer-sosyal-liste">
                                        <li>
                                            <a href="https://www.facebook.com/Diyanetvakfiyayinlari/" target="_blank" rel="noopener" class="h6 link"><span class="fs-sosyal-logo"><i class="icon icon-fb"></i></span><span>/diyanetvakfiyayinlari</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://x.com/Diyanetvakfiyay" target="_blank" rel="noopener" class="h6 link"><span class="fs-sosyal-logo"><i class="icon icon-x"></i></span><span>/diyanetvakfiyay</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.instagram.com/diyanetvakfiyayinlari/" target="_blank" rel="noopener" class="h6 link"><span class="fs-sosyal-logo"><i class="icon icon-instagram-logo"></i></span><span>/diyanetvakfiyayinlari</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="https://www.youtube.com/@diyanetvakfiyayinlari" target="_blank" rel="noopener" class="h6 link"><span class="fs-sosyal-logo"><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M23.5 6.19a3.02 3.02 0 0 0-2.12-2.14C19.5 3.55 12 3.55 12 3.55s-7.5 0-9.38.5A3.02 3.02 0 0 0 .5 6.19C0 8.07 0 12 0 12s0 3.93.5 5.81a3.02 3.02 0 0 0 2.12 2.14c1.88.5 9.38.5 9.38.5s7.5 0 9.38-.5a3.02 3.02 0 0 0 2.12-2.14c.5-1.88.5-5.81.5-5.81s0-3.93-.5-5.81zM9.55 15.57V8.43L15.82 12l-6.27 3.57z"/></svg></span><span>/diyanetvakfiyayinlari</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <div class="container">

                    <!-- 1. SATIR: telif + kim yapti
                         Odeme logolari EN ALTA alindi, bu satir onun ustunde
                         kaliyor. Ikisi ayni satirdayken saglayici logosu
                         kartlarin arasinda kayboluyordu. -->
                    <div class="inner-bottom" style="padding: 10px 0!important;">
                        <ul class="list-hor"  style="justify-content: center!important;">
                            <li><span class="h6">© 2026 Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!</span></li>
                        </ul>
                    </div>
                    <!-- 2. SATIR: odeme logolari, en altta -->
                    <div class="inner-bottom footer-odeme-satiri" style="padding: 10px 0!important;">
                        <div class="list-hor flex-wrap" style="justify-content: center!important;">
                            
                             
                                <img class="fk-odeme-gorsel" src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-4b2d37a69a-3332882.png" alt="" loading="lazy">
                       
                        </div>
                    </div>
                    
                    
                    
                    <!-- 2. SATIR: odeme logolari, en altta -->
                    <div class="inner-bottom footer-odeme-satiri" style="padding: 10px 0!important;">
                        <div class="list-hor flex-wrap" style="justify-content: center!important;">
                           
                             
                        <div class="footer-saglayici w-100 text-center"><a href="https://www.arti.partners/" target="_blank" rel="noopener"><img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-68ebf9fb1c-5227951.png" alt="" loading="lazy"></a>
                        </div>
                       
                        </div>
                    </div>

                </div>
            </div>
        </footer>
        <!-- /Footer -->
    </main>
    <!-- Mobile Menu -->
    <!-- MOBIL MENU
         Tamami hazir sablon demosuydu: sablon adini yazan logo,
         login.html / wishlist.html gibi olu baglantilar, facebook.com gibi
         GENEL sosyal adresler, hazir odeme gorselleri, USD/VND para birimi
         ve dort dilli secici.

         Kategori listesi  #wrapper-menu-navigation  a tema betigi tarafindan
         yaziliyor ( main.js handleMobileMenu ): masaustu  .box-nav-menu  yu
         kopyaliyor. Yapiskan basliktaki menuye  not-append  eklendi, yoksa
         her kategori iki kez cikiyordu. -->
    <div class="offcanvas offcanvas-start canvas-mb" id="mobileMenu">
        <span class="icon-close-popup" data-bs-dismiss="offcanvas">
            <i class="icon-close"></i>
        </span>
        <div class="canvas-header">
            <a href="https://www.yeni.artipartners.net/" class="logo-site">
                <img src="https://resimel.diyanetvakfiyayin.com.tr/bilgiler/resimler/ayarlar/logo-9c9869028e-4059331.png" alt="Türkiye Diyanet Vakfı Yayınları (TDV Yayınları) - Okuyan Bilir!" style="max-height:40px;width:auto;">
            </a>
            <a href="https://www.yeni.artipartners.net/tr/cariler/hesap" class="tf-btn type-small style-2">
                Hesabım
                <i class="icon icon-user"></i>
            </a>
            <span class="br-line"></span>
        </div>
        <div class="canvas-body">
            <!-- Liste SUNUCUDA uretiliyor ( menu1.php ), agac kac kademe
                 derinse o kadar ic ice. id ONCEDEN wrapper-menu-navigation di:
                 temanin main.js i o id yi bulunca icerigi silip kendi duz
                 listesini yaziyordu. Baska ad verilince o kod hicbir sey
                 bulamiyor ve sunucu ciktisi oldugu gibi kaliyor; bicim
                 .nav-ul-mb SINIFINDAN geldigi icin gorunum degismiyor. -->
            <div class="mb-content-top">
                <ul class="nav-ul-mb" id="mobil-menu-agaci">
                            <!-- Anasayfa: masaustu menusundekiyle ayni madde. -->
                            <li class="nav-mb-item"><a href="https://www.yeni.artipartners.net/" class="mb-menu-link"><span>Anasayfa</span></a></li>
                            
                                <li class="nav-mb-item">
                                    <a href="#mb-g0" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0">
                                        <span>Kategoriler</span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0" class="collapse">
                                        <ul class="sub-nav-menu">
                                <li>
                                    <a href="#mb-g0-0" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-0">
                                        <span>Aile Kitaplığı </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-0" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/aile-kitapligi" class="sub-nav-link"><span>Tümü — Aile Kitaplığı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/aile-hayati-evlilik" class="sub-nav-link"><span>Aile Hayatı - Evlilik </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/aile-kitapligi-modelleri" class="sub-nav-link"><span>Aile Kitaplığı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ailede-egitim" class="sub-nav-link"><span>Ailede Eğitim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/anne-baba-kitaplari" class="sub-nav-link"><span>Anne Baba Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-egitimi" class="sub-nav-link"><span>Çocuk Eğitimi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kadinlar-icin-kitaplar" class="sub-nav-link"><span>Kadınlar İçin Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-aile-kitaplari" class="sub-nav-link"><span>Yabancı Dilde Aile Kitapları </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-1" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-1">
                                        <span>Başvuru - Kaynak </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-1" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/basvuru-kaynak" class="sub-nav-link"><span>Tümü — Başvuru - Kaynak </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/atlas-harita" class="sub-nav-link"><span>Atlas - Harita </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/faydali-bilgiler" class="sub-nav-link"><span>Faydalı Bilgiler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kaynakca-bibliyografya" class="sub-nav-link"><span>Kaynakça - Bibliyografya </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/sozlukler" class="sub-nav-link"><span>Sözlükler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/takvimler-ajandalar" class="sub-nav-link"><span>Takvimler - Ajandalar </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-2" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-2">
                                        <span>Çocuk Kitapları ve Genç Kitapları </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-2" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-genc" class="sub-nav-link"><span>Tümü — Çocuk Kitapları ve Genç Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-genc-cizgi-roman" class="sub-nav-link"><span>Çizgi Roman </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-kitaplari-genel" class="sub-nav-link"><span>Çocuk Kitapları - Genel </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cocuklara-bilimsel-kitaplar" class="sub-nav-link"><span>Çocuklara Bilimsel Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/egitici-oyuncak" class="sub-nav-link"><span>Eğitici Oyuncak </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/fikra-bilmece-tekerleme" class="sub-nav-link"><span>Fıkra - Bilmece - Tekerleme </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hikayeler-oykuler" class="sub-nav-link"><span>Hikayeler - Öyküler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hobi-oyun" class="sub-nav-link"><span>Hobi - Oyun </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islami-cocuk-kitaplari" class="sub-nav-link"><span>İslami Çocuk Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/masallar" class="sub-nav-link"><span>Masallar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/okul-oncesi-kitaplari" class="sub-nav-link"><span>Okul Öncesi Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ozel-egitim-kitaplari" class="sub-nav-link"><span>Özel Eğitim Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/piyes" class="sub-nav-link"><span>Piyes </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/rehber-kisisel-gelisim" class="sub-nav-link"><span>Rehber - Kişisel Gelişim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/roman" class="sub-nav-link"><span>Roman </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/siir-kitaplari" class="sub-nav-link"><span>Şiir Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tarih-cocuk-genc-" class="sub-nav-link"><span>Tarih (çocuk-genç) </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-cocuk-kitaplari" class="sub-nav-link"><span>Yabancı Dilde Çocuk Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yapboz" class="sub-nav-link"><span>Yapboz </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cami-din-gorevlisi" class="sub-nav-link"><span>Cami - Din Görevlisi </span></a></li>
                                <li>
                                    <a href="#mb-g0-3" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-3">
                                        <span>Din </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-3" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/din" class="sub-nav-link"><span>Tümü — Din </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/diger-dinler" class="sub-nav-link"><span>Diğer Dinler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/din-arastirmalari" class="sub-nav-link"><span>Din Araştırmaları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/dinler-tarihi" class="sub-nav-link"><span>Dinler Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hiristiyanlik" class="sub-nav-link"><span>Hıristiyanlık </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yahudilik" class="sub-nav-link"><span>Yahudilik </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-4" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-4">
                                        <span>Edebiyat </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-4" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat" class="sub-nav-link"><span>Tümü — Edebiyat </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ani-anlati" class="sub-nav-link"><span>Anı - Anlatı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/antoloji-derleme" class="sub-nav-link"><span>Antoloji - Derleme </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/biyografi-otobiyografi" class="sub-nav-link"><span>Biyografi - Otobiyografi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/deneme" class="sub-nav-link"><span>Deneme </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/dil-gramer" class="sub-nav-link"><span>Dil - Gramer </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/divan-edebiyati" class="sub-nav-link"><span>Divan Edebiyatı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-diger" class="sub-nav-link"><span>Edebiyat - Diğer </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-calismalari" class="sub-nav-link"><span>Edebiyat Çalışmaları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/edebiyat-tarihi" class="sub-nav-link"><span>Edebiyat Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/guzel-ozlu-sozler" class="sub-nav-link"><span>Güzel - Özlü Sözler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/halk-edebiyati" class="sub-nav-link"><span>Halk Edebiyatı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hikaye-oyku" class="sub-nav-link"><span>Hikaye - Öykü </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hitabet-soylesi-roportaj" class="sub-nav-link"><span>Hitabet - Söyleşi - Röportaj </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/inceleme" class="sub-nav-link"><span>İnceleme </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/roman-biyografik" class="sub-nav-link"><span>Roman - Biyografik </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/roman-cagdas-turk-edebiyati" class="sub-nav-link"><span>Roman - Çağdaş Türk Edebiyatı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/roman-gunumuz" class="sub-nav-link"><span>Roman - Günümüz </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/roman-tarihi" class="sub-nav-link"><span>Roman - Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/siir-ceviri" class="sub-nav-link"><span>Şiir - Çeviri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/siir-divan-siiri" class="sub-nav-link"><span>Şiir - Divan Şiiri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/siir-yerli" class="sub-nav-link"><span>Şiir - Yerli </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tiyatro-piyes" class="sub-nav-link"><span>Tiyatro - Piyes </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-5" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-5">
                                        <span>Ekonomi </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-5" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/ekonomi" class="sub-nav-link"><span>Tümü — Ekonomi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ekonomik-arastirmalar" class="sub-nav-link"><span>Ekonomik Araştırmalar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/iktisat-kitaplari" class="sub-nav-link"><span>İktisat Kitapları </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-6" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-6">
                                        <span>Eğitim </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-6" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/egitim" class="sub-nav-link"><span>Tümü — Eğitim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-edebiyat-kitapla" class="sub-nav-link"><span>Yabancı Dilde Edebiyat Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/dil-ogrenimi-osmanlica" class="sub-nav-link"><span>Dil Öğrenimi - Osmanlıca </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/egitim-modelleri" class="sub-nav-link"><span>Eğitim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/egitim-ve-ogretim-kitaplari" class="sub-nav-link"><span>Eğitim ve Öğretim Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/meslek-egitim" class="sub-nav-link"><span>Meslek Eğitim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/rehber-kitaplar" class="sub-nav-link"><span>Rehber Kitaplar </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-7" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-7">
                                        <span>Felsefe - Düşünce </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-7" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-dusunce" class="sub-nav-link"><span>Tümü — Felsefe - Düşünce </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-dusunce-modelleri" class="sub-nav-link"><span>Felsefe - Düşünce </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/felsefe-yazilari" class="sub-nav-link"><span>Felsefe Yazıları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/filozoflar-dusunurler" class="sub-nav-link"><span>Filozoflar - Düşünürler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-felsefesi" class="sub-nav-link"><span>İslam Felsefesi </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-8" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-8">
                                        <span>Hat Tezhip ve Ebru Malzemeleri </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-8" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri" class="sub-nav-link"><span>Tümü — Hat Tezhip ve Ebru Malzemeleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-aharli-kagitlar" class="sub-nav-link"><span>Aharlı Kağıtlar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/bicak-ve-cetveller" class="sub-nav-link"><span>Bıçak ve Cetveller </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ebru-setleri" class="sub-nav-link"><span>Ebru Setleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-ve-kaligrafi-kalemleri" class="sub-nav-link"><span>Hat ve Kaligrafi Kalemleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-yardimci-malzemeler" class="sub-nav-link"><span>Hat Yardımcı Malzemeler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kalem-ve-teknik-cizim" class="sub-nav-link"><span>Kalem ve Teknik Çizim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/murekkepler" class="sub-nav-link"><span>Mürekkepler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tezhip-fircalari" class="sub-nav-link"><span>Tezhip Fırçaları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tezhip-yardimci-malzemeler" class="sub-nav-link"><span>Tezhip Yardımcı Malzemeler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/747" class="sub-nav-link"><span>Guaj Boyalar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/748" class="sub-nav-link"><span>Ebru Boyaları </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-9" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-9">
                                        <span>İletişim - Medya </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-9" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/iletisim-medya" class="sub-nav-link"><span>Tümü — İletişim - Medya </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/genel-iletisim" class="sub-nav-link"><span>Genel İletişim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/halkla-iliskiler" class="sub-nav-link"><span>Halkla İlişkiler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/iletisim-medya-modelleri" class="sub-nav-link"><span>İletişim - Medya </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/internet-yayinciligi" class="sub-nav-link"><span>Sosyal Medya </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ilahiyat" class="sub-nav-link"><span>İlahiyat </span></a></li>
                                <li>
                                    <a href="#mb-g0-10" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-10">
                                        <span>İslam Kitapları </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-10" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam" class="sub-nav-link"><span>Tümü — İslam Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/alevilik-bektasilik" class="sub-nav-link"><span>Alevilik - Bektaşilik </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/bilim-sanat" class="sub-nav-link"><span>Bilim - Sanat </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cagdas-islam-dusuncesi" class="sub-nav-link"><span>Çağdaş İslam Düşüncesi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/diger" class="sub-nav-link"><span>Diğer </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/dua-kitaplari" class="sub-nav-link"><span>Dua Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/fikih-ilmihal" class="sub-nav-link"><span>Fıkıh - İlmihal </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hadis-sunnet" class="sub-nav-link"><span>Hadis - Sünnet </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hikayeler-menkibeler" class="sub-nav-link"><span>Hikayeler - Menkıbeler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hz-muhammed-s-a-s-siyer" class="sub-nav-link"><span>Hz Muhammed (s.a.s).- Siyer </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ibadet" class="sub-nav-link"><span>İbadet </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/iman-akaid" class="sub-nav-link"><span>İman - Akaid </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/insan-ve-toplum" class="sub-nav-link"><span>İnsan ve Toplum </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-arastirma-inceleme" class="sub-nav-link"><span>İslam Araştırma - İnceleme </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-buyukleri" class="sub-nav-link"><span>İslam Büyükleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-dusunce-tarihi" class="sub-nav-link"><span>İslam Düşünce Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-ekonomisi" class="sub-nav-link"><span>İslam Ekonomisi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-hukuku" class="sub-nav-link"><span>İslam Hukuku </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-kulturu" class="sub-nav-link"><span>İslam Kültürü </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-tarihi" class="sub-nav-link"><span>İslam Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islam-uzerine-yazilar" class="sub-nav-link"><span>İslam Üzerine Yazılar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islami-egitim" class="sub-nav-link"><span>İslami Eğitim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islami-hareketler" class="sub-nav-link"><span>İslami Hareketler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/islami-hayat" class="sub-nav-link"><span>İslami Hayat </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kadin-ve-aile" class="sub-nav-link"><span>Kadın ve Aile </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kaynak-eserler" class="sub-nav-link"><span>Kaynak Eserler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kur-an-incelemeleri" class="sub-nav-link"><span>Kur`ân İncelemeleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kur-an-i-kerim" class="sub-nav-link"><span>Kur`ân-ı Kerîm </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/mevlevilik-ve-mevlana" class="sub-nav-link"><span>Mevlevilik ve Mevlana </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/mezhepler" class="sub-nav-link"><span>Mezhepler ve Tarikatlar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/peygamberler-tarihi" class="sub-nav-link"><span>Peygamberler Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/sohbetler-vaazlar" class="sub-nav-link"><span>Sohbetler - Vaazlar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tasavvuf-ve-tarikatlar" class="sub-nav-link"><span>Tasavvuf </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tefsir-meal" class="sub-nav-link"><span>Tefsir - Meal </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-islami-kitaplar" class="sub-nav-link"><span>Yabancı Dilde İslami Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/730" class="sub-nav-link"><span>Kelam </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/731" class="sub-nav-link"><span>Yasini Şerifler </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-11" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-11">
                                        <span>Psikoloji </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-11" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/psikoloji" class="sub-nav-link"><span>Tümü — Psikoloji </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cocuk-psikolojisi" class="sub-nav-link"><span>Çocuk Psikolojisi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/din-psikolojisi" class="sub-nav-link"><span>Din Psikolojisi </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-12" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-12">
                                        <span>Sanat - Mimarlık </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-12" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/sanat-mimarlik" class="sub-nav-link"><span>Tümü — Sanat - Mimarlık </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-turk-islam-sanati" class="sub-nav-link"><span>Geleneksel Türk - İslam Sanatı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/mimarlik" class="sub-nav-link"><span>Mimarlık </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/sanat-diger" class="sub-nav-link"><span>Sanat - Diğer </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/sehir-mimarisi" class="sub-nav-link"><span>Şehir Mimarisi </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-13" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-13">
                                        <span>Siyaset </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-13" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/siyaset" class="sub-nav-link"><span>Tümü — Siyaset </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/anlasmalar-kongreler" class="sub-nav-link"><span>Anlaşmalar - Kongreler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/guncel-siyaset" class="sub-nav-link"><span>Güncel Siyaset </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hatiralar" class="sub-nav-link"><span>Hatıralar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/siyasal-hayat-turkiye" class="sub-nav-link"><span>Siyasal Hayat - Türkiye </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-14" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-14">
                                        <span>Sosyoloji </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-14" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/sosyoloji" class="sub-nav-link"><span>Tümü — Sosyoloji </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/din-sosyolojisi" class="sub-nav-link"><span>Din Sosyolojisi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ekoloji-cevre" class="sub-nav-link"><span>Ekoloji - Çevre </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/genclik-kitaplari" class="sub-nav-link"><span>Gençlik Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/genel-sosyoloji" class="sub-nav-link"><span>Genel Sosyoloji </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kultur-sosyolojisi" class="sub-nav-link"><span>Kültür Sosyolojisi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/sosyolojik-arastirmalar" class="sub-nav-link"><span>Sosyolojik Araştırmalar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dilde-sosyoloji-kitaplari" class="sub-nav-link"><span>Yabancı Dilde Sosyoloji Kitapları </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-15" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-15">
                                        <span>Tarih </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-15" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/tarih" class="sub-nav-link"><span>Tümü — Tarih </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hatirat-gunluk" class="sub-nav-link"><span>Hatırat - Günlük </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/medeniyetler" class="sub-nav-link"><span>Medeniyetler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/osmanli-donemi-ve-tarihi" class="sub-nav-link"><span>Osmanlı Dönemi ve Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/selcuklu-donemi" class="sub-nav-link"><span>Selçuklu Dönemi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/selcuklu-uygarligi" class="sub-nav-link"><span>Selçuklu Uygarlığı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/seyahatname" class="sub-nav-link"><span>Seyahatname </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tarih-diger" class="sub-nav-link"><span>Tarih - Diğer </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tarih-arastirmalari" class="sub-nav-link"><span>Tarih Araştırmaları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tarih-referans-kitaplar" class="sub-nav-link"><span>Tarih Referans Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tarihi-kisilikler" class="sub-nav-link"><span>Tarihi Kişilikler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/turk-tarihi" class="sub-nav-link"><span>Türk Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/turkiye-yakin-tarih" class="sub-nav-link"><span>Türkiye - Yakın Tarih </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-16" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-16">
                                        <span>Müzik </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-16" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/muzik" class="sub-nav-link"><span>Tümü — Müzik </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/muzik-diger" class="sub-nav-link"><span>Müzik - Diğer </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/muzik-egitimi" class="sub-nav-link"><span>Müzik Eğitimi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/muzik-tarihi" class="sub-nav-link"><span>Müzik Tarihi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/muzik-uzerine" class="sub-nav-link"><span>Müzik Üzerine </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-17" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-17">
                                        <span>Tıp - Sağlık </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-17" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/tip-saglik" class="sub-nav-link"><span>Tümü — Tıp - Sağlık </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/basvuru-saglik-kitaplari" class="sub-nav-link"><span>Başvuru Sağlık Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/genel-saglik-kitaplari" class="sub-nav-link"><span>Genel Sağlık Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/saglikli-yasam" class="sub-nav-link"><span>Sağlıklı Yaşam </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tip-tarihi-ve-felsefesi" class="sub-nav-link"><span>Tıp Tarihi ve Felsefesi </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-18" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-18">
                                        <span>Turizm - Gezi </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-18" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/turizm-gezi" class="sub-nav-link"><span>Tümü — Turizm - Gezi </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/gezi-kitaplari" class="sub-nav-link"><span>Gezi Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/gezi-rehberleri" class="sub-nav-link"><span>Gezi Rehberleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/sehir-kitaplari" class="sub-nav-link"><span>Şehir Kitapları </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-19" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-19">
                                        <span>Yabancı Dillerde Kitaplar </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-19" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/yabanci-dillerde-kitaplar" class="sub-nav-link"><span>Tümü — Yabancı Dillerde Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/arapca-kitaplar" class="sub-nav-link"><span>Arapça Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ingilizce-kitaplar" class="sub-nav-link"><span>İngilizce Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/almanca-kitaplar" class="sub-nav-link"><span>Almanca Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/fransizca-kitaplar" class="sub-nav-link"><span>Fransızca Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/rusca-kitaplar" class="sub-nav-link"><span>Rusça Kitaplar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/diger-dillerde-kitaplar" class="sub-nav-link"><span>Diğer Dillerde Kitaplar </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/e-kitaplar" class="sub-nav-link"><span>E- Kitaplar </span></a></li>
                                <li>
                                    <a href="#mb-g0-20" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-20">
                                        <span>Kırtasiye </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-20" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/kirtasiye" class="sub-nav-link"><span>Tümü — Kırtasiye </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/diger-kirtasiye" class="sub-nav-link"><span>Diğer Kırtasiye </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/egitim-arac-ve-gerecleri" class="sub-nav-link"><span>Eğitim Araç ve Gereçleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/ofis-gerecleri" class="sub-nav-link"><span>Ofis Gereçleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/oyun-gerecleri" class="sub-nav-link"><span>Oyun Gereçleri </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-g0-21" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-g0-21">
                                        <span>Elektronik Dijital Ürünler </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-g0-21" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/elektronikdijitalurunler" class="sub-nav-link"><span>Tümü — Elektronik Dijital Ürünler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/734" class="sub-nav-link"><span>Hoparlör Kulaklık Vs. </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/735" class="sub-nav-link"><span>Şarj Cihazları Batarya </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/milli-ve-manevi-degerler" class="sub-nav-link"><span>Milli ve Manevi Değerler </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nav-mb-item"><a href="https://www.yeni.artipartners.net/tr/kategori/yenigelenler" class="mb-menu-link"><span>Yeni Gelenler </span></a></li>
                                <li class="nav-mb-item"><a href="https://www.yeni.artipartners.net/tr/kategori/coksatanlar" class="mb-menu-link"><span>Çok Satanlar </span></a></li>
                                <li class="nav-mb-item">
                                    <a href="#mb-k10621-0" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10621-0">
                                        <span>Kur&#039;an-ı Kerim </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10621-0" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/kuran-i-kerim" class="sub-nav-link"><span>Tümü — Kur&#039;an-ı Kerim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/kurani-kerim2" class="sub-nav-link"><span>Kur&#039;an-ı Kerim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tefsir-ve-meal" class="sub-nav-link"><span>Tefsir ve Meal </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/cuzler-elif-ba" class="sub-nav-link"><span>Cüzler  (elif -ba) </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nav-mb-item">
                                    <a href="#mb-k10624-0" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0">
                                        <span>Geleneksel Sanatlar </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar" class="sub-nav-link"><span>Tümü — Geleneksel Sanatlar </span></a></li>
                                <li>
                                    <a href="#mb-k10624-0-0" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-0">
                                        <span>Tablolar </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-0" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar" class="sub-nav-link"><span>Tümü — Tablolar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-orjinal-sanat-eserleri" class="sub-nav-link"><span>Orijinal Sanat Eserleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-cerceveli-tipki-basim-eserler" class="sub-nav-link"><span>Çerçeveli Tıpkı Basım Eserler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tablolar-cercevesiz-tipki-basim-eserler" class="sub-nav-link"><span>Çerçevesiz Tıpkı Basım Eserler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/yagli-boya-eserleri" class="sub-nav-link"><span>Yağlı Boya Eserleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/sulu-boya-eserleri" class="sub-nav-link"><span>Sulu Boya Eserleri </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-k10624-0-1" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-1">
                                        <span>Hat Tezhip ve Ebru Malzemeleri </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-1" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri" class="sub-nav-link"><span>Tümü — Hat Tezhip ve Ebru Malzemeleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-hat-ve-kaligrafi-kalemleri" class="sub-nav-link"><span>Hat ve Kaligrafi Kalemleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-murekkepler" class="sub-nav-link"><span>Mürekkepler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-aharli-kagitlar" class="sub-nav-link"><span>Aharlı Kağıtlar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-bicak-ve-cetveller" class="sub-nav-link"><span>Bıçak ve Cetveller </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-hat-yardimci-malzemeler" class="sub-nav-link"><span>Hat Yardımcı Malzemeler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-tezhip-fircalari" class="sub-nav-link"><span>Tezhip Fırçaları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-suluboya-ve-guaj-boyalar" class="sub-nav-link"><span>Suluboya ve Guaj Boyalar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-kalem-ve-teknik-cizim" class="sub-nav-link"><span>Kalem ve Teknik Çizim </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-setleri" class="sub-nav-link"><span>Ebru Setleri </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-guaj-boyalari" class="sub-nav-link"><span>Guaj Boyalar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-boyalari" class="sub-nav-link"><span>Ebru Boyaları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hat-tezhip-ve-ebru-malzemeleri-ebru-yardimci-malzemeler" class="sub-nav-link"><span>Ebru Yardımcı Malzemeler </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-k10624-0-2" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-2">
                                        <span>Sanat Kitapları </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-2" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-sanat-kitaplari" class="sub-nav-link"><span>Tümü — Sanat Kitapları </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-sanat-kitaplari-2" class="sub-nav-link"><span>Sanat Kitapları </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-k10624-0-3" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-3">
                                        <span>Ahşap Ürünler </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-3" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri" class="sub-nav-link"><span>Tümü — Ahşap Ürünler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-rahle" class="sub-nav-link"><span>Ahşap Rahle </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri-ahsap-kurani-kerim-kabi" class="sub-nav-link"><span>Ahşap Kuranı Kerim Kabı </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-ahsap-urunleri-ahsap-urunleri" class="sub-nav-link"><span>Ahşap Ürünler </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-k10624-0-4" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-4">
                                        <span>Çini </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-4" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini" class="sub-nav-link"><span>Tümü — Çini </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-10-10" class="sub-nav-link"><span>Kütahya Çini Karo 10*10 </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-iznik-cini-tabak" class="sub-nav-link"><span>İznik Çini Tabak </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-10-20" class="sub-nav-link"><span>Kütahya Çini Karo 10*20 </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-kutahya-cini-karo-20-20" class="sub-nav-link"><span>Kütahya Çini Karo 20*20 </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-iznik-cini-karo" class="sub-nav-link"><span>İznik Çini Karo </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cini-cini-hediyelik" class="sub-nav-link"><span>Çini Hediyelik </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-k10624-0-5" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-5">
                                        <span>Kehribar ve Doğal Taşlar </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-5" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar" class="sub-nav-link"><span>Tümü — Kehribar ve Doğal Taşlar </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-bebek-kehribar-kolyeler" class="sub-nav-link"><span>Bebek Kehribar Kolyeler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-bebek-kehribar-bileklikler" class="sub-nav-link"><span>Bebek Kehribar Bileklikler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-kehribar-kolyeler" class="sub-nav-link"><span>Kehribar Kolyeler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-kehribar-bileklikler" class="sub-nav-link"><span>Kehribar Bileklikler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-dogal-tas-bileklikler" class="sub-nav-link"><span>Doğal Taş Bileklikler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-kehribar-ve-dogal-taslar-anne-ve-bebek-kehribar-setler" class="sub-nav-link"><span>Anne ve Bebek Kehribar Setler </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-k10624-0-6" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-6">
                                        <span>Tesbihler </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-6" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler" class="sub-nav-link"><span>Tümü — Tesbihler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-sikma-kehribar-tesbih" class="sub-nav-link"><span>Sıkma Kehribar Tesbih </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-ates-kehribar-tesbih" class="sub-nav-link"><span>Ateş Kehribar Tesbih </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-agac-tesbih" class="sub-nav-link"><span>Ağaç Tesbih </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-tesbihler-boynuz-tesbih" class="sub-nav-link"><span>Boynuz Tesbih </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-el-sanatlari" class="sub-nav-link"><span>El Sanatları </span></a></li>
                                <li>
                                    <a href="#mb-k10624-0-7" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10624-0-7">
                                        <span>Seccadeler </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10624-0-7" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler" class="sub-nav-link"><span>Tümü — Seccadeler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-luks-seccade" class="sub-nav-link"><span>Lüks Seccade </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-cocuk-seccade" class="sub-nav-link"><span>Çocuk Seccade </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-seccadeler-yamali-seccade" class="sub-nav-link"><span>Yamalı Seccade </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/geleneksel-sanatlar-cam-urunler" class="sub-nav-link"><span>Cam Ürünler </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nav-mb-item">
                                    <a href="#mb-k10842-0" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10842-0">
                                        <span>Tdv Dükkan </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10842-0" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/tdv-dukkan" class="sub-nav-link"><span>Tümü — Tdv Dükkan </span></a></li>
                                <li>
                                    <a href="#mb-k10842-0-0" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10842-0-0">
                                        <span>Taş Duvar Tablo </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10842-0-0" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo" class="sub-nav-link"><span>Tümü — Taş Duvar Tablo </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo-20-20-cm" class="sub-nav-link"><span>Taş Duvar Tablo 20*20 Cm </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tas-duvar-tablo-20-30-cm" class="sub-nav-link"><span>Taş Duvar Tablo 20*30 Cm </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#mb-k10842-0-1" class="collapsed sub-nav-link" data-bs-toggle="collapse" aria-expanded="false" aria-controls="mb-k10842-0-1">
                                        <span>Bez Çanta </span>
                                        <span class="icon icon-caret-down"></span>
                                    </a>
                                    <div id="mb-k10842-0-1" class="collapse">
                                        <ul class="sub-nav-menu">
                                            <li><a href="https://www.yeni.artipartners.net/tr/kategori/bezcanta" class="sub-nav-link"><span>Tümü — Bez Çanta </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/738" class="sub-nav-link"><span>Bez Çanta </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/hediyelik-urunler" class="sub-nav-link"><span>Hediyelik Ürünler </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/rozet" class="sub-nav-link"><span>Rozet </span></a></li>
                                <li><a href="https://www.yeni.artipartners.net/tr/kategori/tdv-dukkan-deftfer" class="sub-nav-link"><span>Defter </span></a></li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="nav-mb-item"><a href="/tr/kampanyalar" class="mb-menu-link"><span>Kampanyalar</span></a></li>
                                <li class="nav-mb-item"><a href="/tr/magazalar" class="mb-menu-link"><span>Mağazalar</span></a></li>
                                <li class="nav-mb-item"><a href="https://bagis.tdv.org/hediyem-kitap-olsun/hediyem-kitap-olsun-51" class="mb-menu-link"><span>Askıda Kitap</span></a></li></ul>
            </div>
            
            
            <div class="flow-us-wrap">
                <h5 class="title">Bizi takip edin</h5>
                <ul class="tf-social-icon">
                                            <li>
                                                <a href="https://www.facebook.com/Diyanetvakfiyayinlari/" target="_blank" rel="noopener" class="social-facebook">
                                                    <span class="icon"><i class="icon-fb"></i></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://www.instagram.com/diyanetvakfiyayinlari/" target="_blank" rel="noopener" class="social-instagram">
                                                    <span class="icon"><i class="icon-instagram-logo"></i></span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="https://twitter.com/Diyanetvakfiyay" target="_blank" rel="noopener" class="social-x">
                                                    <span class="icon"><i class="icon-x"></i></span>
                                                </a>
                                            </li>
                </ul>
            </div>
            
        </div>
    </div>
    <!-- /Mobile Menu -->
    <!-- ALT ARAC CUBUGU
         Tema demosunda Shop shop-default.html e, Wishlist wishlist.html e,
         Cart view-cart.html e gidiyordu; sepet ve begeni rozetleri de sabit
         24 ve 7 idi.

         Magaza yerine KATEGORILER: tek bir "tum urunler" adresi her kurulumda
         yok, ama kategori menusu her zaman var ve zaten mobil menude duruyor. -->
    <div class="tf-toolbar-bottom">
        <!-- SIRA: Ana Sayfa | Kategoriler | Hesabim | Arama | Sepetim
             Begendiklerim cubuktan cikarildi, Hesabim icinden ulasiliyor.
             Ev ikonu SVG: temanin ikon setinde ev yok ( bkz. baslik_kur.php ),
             olcu SVG nin kendi ozniteliginde ki CSS e bagli kalmasin. -->
        <div class="toolbar-item">
            <a href="https://www.yeni.artipartners.net/">
                <span class="toolbar-icon">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3.2 10.7 12 3.6l8.8 7.1"/><path d="M5.6 9.6V19.4a1 1 0 0 0 1 1h3.6v-5.6h3.6v5.6h3.6a1 1 0 0 0 1-1V9.6"/></svg>
                </span>
                <span class="toolbar-label">Anasayfa</span>
            </a>
        </div>
        <div class="toolbar-item">
            <a href="#mobileMenu" data-bs-toggle="offcanvas">
                <span class="toolbar-icon">
                    <i class="icon icon-storefront"></i>
                </span>
                <span class="toolbar-label">Kategoriler</span>
            </a>
        </div>
        <div class="toolbar-item">
            <!-- cariler/hesap her iki durumda da dogru: cariler.php giris yoksa
                 giris formunu, varsa hesap sayfasini gosteriyor. -->
            <a href="https://www.yeni.artipartners.net/tr/cariler/hesap">
                <span class="toolbar-icon">
                    <i class="icon icon-user"></i>
                </span>
                <span class="toolbar-label">Hesabım</span>
            </a>
        </div>
        <div class="toolbar-item">
            <!-- Bu yuvada once Begendiklerim vardi; Arama buraya alindi,
                 begeniler Hesabim sayfasindan ulasilabiliyor. -->
            <a href="#search" data-bs-toggle="modal">
                <span class="toolbar-icon">
                    <i class="icon icon-magnifying-glass"></i>
                </span>
                <span class="toolbar-label">Arama</span>
            </a>
        </div>
        <div class="toolbar-item">
            <!-- Sepet sayfasina gitmek yerine mini sepeti aciyor: baslikta da
                 boyle. sepet_sayaci SINIFI sayesinde urun eklenince buradaki
                 rozet de aninda guncelleniyor. -->
            <a href="#shoppingCart" data-bs-toggle="offcanvas">
                <span class="toolbar-icon">
                    <i class="icon icon-shopping-cart-simple"></i>
                    <span class="toolbar-count sepet_sayaci">0</span>
                </span>
                <span class="toolbar-label">Sepetim</span>
            </a>
        </div>
    </div>
    <!-- /Toolbar -->

    <!-- TEMANIN DEMO BLOKLARI KALDIRILDI  ( Beden Tablosu, Karsilastirma,
         Hizli Gor, Tema Demo ).  Dordu de OLU idi: hicbir yerden
         cagrilmiyorlardi, tek referans veren dosya
         urun_renk_beden_varyasyon.php ve o da bu sitede hic include
         edilmiyor. Icerideki her sey INGILIZCE demo metniydi
         ( "Compare products", "Your Compare is curently empty",
         "Add to Wishlist", "Clear All" ) ve uydurma dolar fiyatlari
         ( $19.337 ) her sayfanin govdesinde duruyordu.
         Gercek beden tablosu artik panelden yonetiliyor
         ( kurulum/beden_tablosu_kur.php ). -->
    <!-- Search -->
    <div class="modal modalCentered fade modal-search" id="search">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
                <div>
                    <form class="form-search style-2" method="get" id="arama_form" action="https://www.yeni.artipartners.net/tr/arama">
                        <fieldset>
                            <input type="text" placeholder="Ne Aramıştınız" class="style-stroke" name="kelime" tabindex="0" value="" aria-required="true"
                                required="">
                        </fieldset>
                        <button type="submit" class="link"><i class="icon icon-magnifying-glass"></i></button>
                    </form>
                </div>
                <div class="view-history-wrap">
                    <h4 class="title">Popüler Ürünler</h4>
                    <!-- POPULER URUNLER
                         ------------------------------------------------------------
                         Burada temanin demo listesi duruyordu ( High Visibility T Shirt
                         ... ). Artik  sepet-populer-urunler  kategorisindeki urunlerin
                         ADLARI basiliyor, her ad urun sayfasina baglaniyor.
                         Kaynak: arama_populer_kur.php
                    
                         Kategori bos ise bolumun TAMAMI basilmaz: bos bir baslik
                         ekranda yer kaplardi. -->
                    <div class="view-history-list">
                        <a class="item text-main link h6" href="https://www.yeni.artipartners.net/tr/urun/bir-vuslat-niyazi-namaza-dair-hasbihal">
                            <span>Bir Vuslat Niyazı Namaza Dair Hasbihal </span>
                            <i class="icon icon-arrow-top-right"></i>
                        </a>
                        <a class="item text-main link h6" href="https://www.yeni.artipartners.net/tr/urun/kuran-ve-hayat">
                            <span>Kuran Ve Hayat </span>
                            <i class="icon icon-arrow-top-right"></i>
                        </a>
                        <a class="item text-main link h6" href="https://www.yeni.artipartners.net/tr/urun/hz-ebu-eyyub-el-ensari">
                            <span>Hz Ebu Eyyub El Ensari </span>
                            <i class="icon icon-arrow-top-right"></i>
                        </a>
                        <a class="item text-main link h6" href="https://www.yeni.artipartners.net/tr/urun/oburun-havuclari-farkindalik-oykuleri-arkadaslik">
                            <span>Oburun Havuçları Farkındalık Öyküleri Arkadaşlık </span>
                            <i class="icon icon-arrow-top-right"></i>
                        </a>
                        <a class="item text-main link h6" href="https://www.yeni.artipartners.net/tr/urun/sarp-yokusu-cikmak">
                            <span>Sarp Yokuşu Çıkmak </span>
                            <i class="icon icon-arrow-top-right"></i>
                        </a>
                    </div>
                </div>
                <div class="trend-product-wrap">
                    <div class="heading">
                        <h4 class="title flex-grow-1">Çok Satan Ürünler</h4>
                        <a href="https://www.yeni.artipartners.net/tr/kategori/coksatanlar" class="tf-btn-line has-icon none-line fw-medium fs-18 text-normal">
                            Tüm Ürünler
                            <i class="icon icon-caret-circle-right"></i>
                        </a>
                    </div>
                    <!-- COK SATAN URUNLER
                         ------------------------------------------------------------
                         Burada temanin demo kitaplari duruyordu ( The 5 second rule,
                         dolar fiyatlariyla ). Artik  coksatanlar  kategorisinden 4 urun
                         geliyor: gorsel + ad + fiyat.  Kaynak: arama_populer_kur.php
                    
                         Arama kutusuna yazilinca bu alan CANLI SONUCLARLA degisiyor,
                         kutu bosalinca buraya geri donuyor ( menu1.php icindeki betik
                         acilistaki icerigi saklayip geri koyuyor ).
                    
                         Kategori bos ise bolumun TAMAMI basilmaz: bos bir baslik
                         ekranda yer kaplardi. -->
                    <div class="trend-product-inner">
                            <div class="trend-product-list">
                                <div class="trend-product-item">
                                    <div class="image">
                                        <a href="https://www.yeni.artipartners.net/tr/urun/islam-hukuk-ilminin-esaslari-usulul-fikh"><img src="https://resim.diyanetvakfiyayin.com.tr/9786257205276/9786257205276/kucuk/islam-hukuk-ilminin-esaslari-usulul-fikh-0153bc1baf11.jpg" alt="İslam Hukuk İlminin Esasları Usulül Fıkh " loading="lazy">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <h6 class="title">
                                            <a href="https://www.yeni.artipartners.net/tr/urun/islam-hukuk-ilminin-esaslari-usulul-fikh" class="link">İslam Hukuk İlminin Esasları Usulül Fıkh </a>
                                        </h6>
                                        <div class="price-wrap"><span class="price-old h6 fw-normal">550,00 ₺</span><span class="price-new h6">385,00 ₺</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="trend-product-item">
                                    <div class="image">
                                        <a href="https://www.yeni.artipartners.net/tr/urun/harika-harfler-cuz-kitabi"><img src="https://resim.diyanetvakfiyayin.com.tr/9789753899802/9789753899802/kucuk/harika-harfler-cuz-kitabi-01858ec73dee.jpg" alt="Harika Harfler Cüz Kitabı " loading="lazy">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <h6 class="title">
                                            <a href="https://www.yeni.artipartners.net/tr/urun/harika-harfler-cuz-kitabi" class="link">Harika Harfler Cüz Kitabı </a>
                                        </h6>
                                        <div class="price-wrap"><span class="price-old h6 fw-normal">130,00 ₺</span><span class="price-new h6">91,00 ₺</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="trend-product-list">
                                <div class="trend-product-item">
                                    <div class="image">
                                        <a href="https://www.yeni.artipartners.net/tr/urun/harika-harfler-etkinlik-kitabi"><img src="https://resim.diyanetvakfiyayin.com.tr/9789753899871/9789753899871/kucuk/harika-harfler-etkinlik-kitabi-94f1bb8072.jpg" alt="Harika Harfler Etkinlik Kitabı " loading="lazy">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <h6 class="title">
                                            <a href="https://www.yeni.artipartners.net/tr/urun/harika-harfler-etkinlik-kitabi" class="link">Harika Harfler Etkinlik Kitabı </a>
                                        </h6>
                                        <div class="price-wrap"><span class="price-old h6 fw-normal">160,00 ₺</span><span class="price-new h6">112,00 ₺</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="trend-product-item">
                                    <div class="image">
                                        <a href="https://www.yeni.artipartners.net/tr/urun/bir-sayfa-bir-ayet-bir-hikmet"><img src="https://resim.diyanetvakfiyayin.com.tr/9786258023343/9786258023343/kucuk/bir-sayfa-bir-ayet-bir-hikmet-0111b05da3aa.jpg" alt="Bir Sayfa Bir Ayet Bir Hikmet " loading="lazy">
                                        </a>
                                    </div>
                                    <div class="content">
                                        <h6 class="title">
                                            <a href="https://www.yeni.artipartners.net/tr/urun/bir-sayfa-bir-ayet-bir-hikmet" class="link">Bir Sayfa Bir Ayet Bir Hikmet </a>
                                        </h6>
                                        <div class="price-wrap"><span class="price-old h6 fw-normal">1.000,00 ₺</span><span class="price-new h6">700,00 ₺</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /Search -->
    <!-- Shopping Cart -->
    <div class="offcanvas offcanvas-end popup-shopping-cart" id="shoppingCart">
        
        <div class="tf-minicart-recommendations">
            <h4 class="title">Bunları da beğenebilirsiniz</h4>
            <div class="wrap-recommendations">
                <div class="list-cart">
                    <div class="list-cart-item">
                        <div class="image">
                            <a href="https://www.yeni.artipartners.net/tr/urun/ezber-kartlari-yesil-7090-mm"><img class="lazyload" data-src="https://resim.diyanetvakfiyayin.com.tr/8380000000555/8380000000555/kucuk/ezber-kartlari-yesil-7090-mm-014ad7da6547.jpg" src="https://resim.diyanetvakfiyayin.com.tr/8380000000555/8380000000555/kucuk/ezber-kartlari-yesil-7090-mm-014ad7da6547.jpg" alt="Ezber Kartları Yeşil 70*90 Mm "></a>
                        </div>
                        <div class="content">
                            <h6 class="name">
                                <a class="link text-line-clamp-1" href="https://www.yeni.artipartners.net/tr/urun/ezber-kartlari-yesil-7090-mm">Ezber Kartları Yeşil 70*90 Mm </a>
                            </h6>
                            <div class="cart-item-bot">
                                <div class="price-wrap price">
                                    <span class="price-old h6 fw-normal">100,00 ₺</span>
                                    <span class="price-new h6">80,00 ₺</span>
                                </div>
                                <a href="javascript:void(0);" class="ms-hizli-ekle"
                                   data-stok-kodu="38333830303030303030353535"
                                   data-urunler-no="119341"
                                   data-varyasyon="0"
                                   data-ad="Ezber Kartları Yeşil 70*90 Mm "
                                   data-baglanti="https://www.yeni.artipartners.net/tr/urun/ezber-kartlari-yesil-7090-mm">Sepete Ekle</a>
                            </div>
                        </div>
                    </div>
                    <div class="list-cart-item">
                        <div class="image">
                            <a href="https://www.yeni.artipartners.net/tr/urun/ebediyet-yolcusunu-ugurlarken"><img class="lazyload" data-src="https://resim.diyanetvakfiyayin.com.tr/9786258634143/9786258634143/kucuk/ebediyet-yolcusunu-ugurlarken-01bfabfc5383.jpg" src="https://resim.diyanetvakfiyayin.com.tr/9786258634143/9786258634143/kucuk/ebediyet-yolcusunu-ugurlarken-01bfabfc5383.jpg" alt="Ebediyet Yolcusunu Uğurlarken "></a>
                        </div>
                        <div class="content">
                            <h6 class="name">
                                <a class="link text-line-clamp-1" href="https://www.yeni.artipartners.net/tr/urun/ebediyet-yolcusunu-ugurlarken">Ebediyet Yolcusunu Uğurlarken </a>
                            </h6>
                            <div class="cart-item-bot">
                                <div class="price-wrap price">
                                    <span class="price-old h6 fw-normal">150,00 ₺</span>
                                    <span class="price-new h6">105,00 ₺</span>
                                </div>
                                <a href="javascript:void(0);" class="ms-hizli-ekle"
                                   data-stok-kodu="39373836323538363334313433"
                                   data-urunler-no="119100"
                                   data-varyasyon="0"
                                   data-ad="Ebediyet Yolcusunu Uğurlarken "
                                   data-baglanti="https://www.yeni.artipartners.net/tr/urun/ebediyet-yolcusunu-ugurlarken">Sepete Ekle</a>
                            </div>
                        </div>
                    </div>
                    <div class="list-cart-item">
                        <div class="image">
                            <a href="https://www.yeni.artipartners.net/tr/urun/zamansiz-rehber-onun-izinde"><img class="lazyload" data-src="https://resim.diyanetvakfiyayin.com.tr/9786258634068/9786258634068/kucuk/zamansiz-rehber-015dbb7d1623.jpg" src="https://resim.diyanetvakfiyayin.com.tr/9786258634068/9786258634068/kucuk/zamansiz-rehber-015dbb7d1623.jpg" alt="Zamansız Rehber Onun İzinde "></a>
                        </div>
                        <div class="content">
                            <h6 class="name">
                                <a class="link text-line-clamp-1" href="https://www.yeni.artipartners.net/tr/urun/zamansiz-rehber-onun-izinde">Zamansız Rehber Onun İzinde </a>
                            </h6>
                            <div class="cart-item-bot">
                                <div class="price-wrap price">
                                    <span class="price-old h6 fw-normal">145,00 ₺</span>
                                    <span class="price-new h6">101,50 ₺</span>
                                </div>
                                <a href="javascript:void(0);" class="ms-hizli-ekle"
                                   data-stok-kodu="39373836323538363334303638"
                                   data-urunler-no="119093"
                                   data-varyasyon="0"
                                   data-ad="Zamansız Rehber Onun İzinde "
                                   data-baglanti="https://www.yeni.artipartners.net/tr/urun/zamansiz-rehber-onun-izinde">Sepete Ekle</a>
                            </div>
                        </div>
                    </div>
                    <div class="list-cart-item">
                        <div class="image">
                            <a href="https://www.yeni.artipartners.net/tr/urun/kutuphanedeki-gizem"><img class="lazyload" data-src="https://resim.diyanetvakfiyayin.com.tr/9786258634129/9786258634129/kucuk/kutuphanedeki-gizem-ummu-habibe-015610dd476b.jpg" src="https://resim.diyanetvakfiyayin.com.tr/9786258634129/9786258634129/kucuk/kutuphanedeki-gizem-ummu-habibe-015610dd476b.jpg" alt="Kütüphanedeki Gizem "></a>
                        </div>
                        <div class="content">
                            <h6 class="name">
                                <a class="link text-line-clamp-1" href="https://www.yeni.artipartners.net/tr/urun/kutuphanedeki-gizem">Kütüphanedeki Gizem </a>
                            </h6>
                            <div class="cart-item-bot">
                                <div class="price-wrap price">
                                    <span class="price-old h6 fw-normal">140,00 ₺</span>
                                    <span class="price-new h6">98,00 ₺</span>
                                </div>
                                <a href="javascript:void(0);" class="ms-hizli-ekle"
                                   data-stok-kodu="39373836323538363334313239"
                                   data-urunler-no="119101"
                                   data-varyasyon="0"
                                   data-ad="Kütüphanedeki Gizem "
                                   data-baglanti="https://www.yeni.artipartners.net/tr/urun/kutuphanedeki-gizem">Sepete Ekle</a>
                            </div>
                        </div>
                    </div>
                    <div class="list-cart-item">
                        <div class="image">
                            <a href="https://www.yeni.artipartners.net/tr/urun/seyahat-defteri"><img class="lazyload" data-src="https://resim.diyanetvakfiyayin.com.tr/9786258634006/9786258634006/kucuk/seyahat-defteri-01fa97634420.jpg" src="https://resim.diyanetvakfiyayin.com.tr/9786258634006/9786258634006/kucuk/seyahat-defteri-01fa97634420.jpg" alt="Seyahat Defteri "></a>
                        </div>
                        <div class="content">
                            <h6 class="name">
                                <a class="link text-line-clamp-1" href="https://www.yeni.artipartners.net/tr/urun/seyahat-defteri">Seyahat Defteri </a>
                            </h6>
                            <div class="cart-item-bot">
                                <div class="price-wrap price">
                                    <span class="price-old h6 fw-normal">135,00 ₺</span>
                                    <span class="price-new h6">94,00 ₺</span>
                                </div>
                                <a href="javascript:void(0);" class="ms-hizli-ekle"
                                   data-stok-kodu="39373836323538363334303036"
                                   data-urunler-no="119049"
                                   data-varyasyon="0"
                                   data-ad="Seyahat Defteri "
                                   data-baglanti="https://www.yeni.artipartners.net/tr/urun/seyahat-defteri">Sepete Ekle</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="canvas-wrapper">
            <div class="popup-header">
                <span class="title fw-semibold h4">Sepet</span>
                <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas"></span>
            </div>
            <div class="wrap">
                <div class="tf-mini-cart-wrap list-file-delete wrap-empty_text">
                    
                    <div class="tf-mini-cart-main">
                        <div class="tf-mini-cart-sroll">
                            <div class="tf-mini-cart-items list-empty">
                            <div class="box-text_empty type-shop_cart">
                                <div class="shop-empty_top">
                                    <span class="icon"><i class="icon-shopping-cart-simple"></i></span>
                                    <h3 class="text-emp fw-normal">Sepetiniz boş</h3>
                                    <p class="h6 text-main">Sepetinizde henüz ürün yok. Ürünlere göz atarak başlayabilirsiniz.</p>
                                </div>
                                <div class="shop-empty_bot">
                                    <a href="https://www.yeni.artipartners.net/" class="tf-btn animate-btn">Alışverişe Başla</a>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                    <!-- TEMANIN NOT / KARGO / HEDIYE PANELLERI KALDIRILDI.
                         Ucu de demo idi: not hicbir yere gitmiyor, kargo
                         hesaplayici sahte, hediye kutusu " Only $2 for a gift
                         box " yaziyordu ve tiklaninca hicbir sey olmuyordu.
                         Gercek hediye paketi artik sepet ve siparis adiminda
                         ( hediye_paketi_kur.php ). -->
                </div>
            </div>
        </div>
    </div>
    <!-- /Shopping Cart -->

    
    

    <!-- Javascript -->
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/bootstrap.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/jquery.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/swiper-bundle.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/carousel.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/bootstrap-select.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/lazysize.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/wow.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/infinityslide.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/parallaxie.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/count-down.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/main.js"></script>

    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/sibforms.js" defer></script>
    <script>
        window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';
        window.LOCALE = 'en';
        window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";

        window.REQUIRED_ERROR_MESSAGE = "This field cannot be left blank. ";

        window.GENERIC_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";

        window.translation = {
            common: {
                selectedList: '{quantity} list selected',
                selectedLists: '{quantity} lists selected'
            }
        };

        var AUTOHIDE = Boolean(0);
    </script>
    
    <script>
    /* ======================================================================
       MINI SEPETTEN URUN SILME
       ----------------------------------------------------------------------
       Silme bagi calismiyordu: temanin main.js i ( ~192. satir ) BUTUN
       .remove ogelerine preventDefault li bir isleyici bagliyor ve kendi
       demo sepetinden  .file-delete  silmeye calisiyor. Mini sepette oyle
       bir oge olmadigi icin tiklama hicbir sey yapmiyor, bag da olu
       kaliyordu. Simgeden  remove  sinifi kaldirildi.

       Burada BELGEYE bagli tek dinleyici var: mini sepet AJAX ile yeniden
       yazildiginda yeni satirlar da calisiyor.

       Betik hic calismazsa  href  duruyor: bag sepet sayfasina gidip yine
       siliyor. Istek basarisiz olursa da oraya dusuluyor.
       ====================================================================== */
    /* ----------------------------------------------------------------------
       MINI SEPETI TAZELE
       ----------------------------------------------------------------------
       Sunucudan donen yaniti ekrana yaziyor. Once bu mantik silme
       isleyicisinin icindeydi; hizli ekleme de ayni isi yaptigi icin
       fonksiyona alindi — iki kopya zamanla birbirinden ayrilirdi.
       ---------------------------------------------------------------------- */
    function msSepetTazele(c) {

        if (!c) { return; }

        if (c["sepet_urun_sayisi"] !== undefined) {
            $(".sepet_sayaci").text(c["sepet_urun_sayisi"]);
        }

        /* Yalnizca kendi iki blogumuz degisir; temanin Not / Kargo /
           Hediye acilir panelleri ayni sarmalin icinde durdugu icin
           sarmali .html() ile ezmek onlari yok ediyordu. Sepet
           bosaldiysa sunucu alt bolumu hic gondermez, biz de
           ekrandakini kaldiririz. */
        if (c["mini_sepet"]) {
            var sarmal = $("#shoppingCart .tf-mini-cart-wrap");
            if (sarmal.length) {
                var yeni = $("<div></div>").html(c["mini_sepet"]);

                var anaEski = sarmal.find(".tf-mini-cart-main");
                var anaYeni = yeni.find(".tf-mini-cart-main");
                if (anaYeni.length) {
                    if (anaEski.length) { anaEski.replaceWith(anaYeni); }
                    else { sarmal.prepend(anaYeni); }
                }

                var altEski = sarmal.find(".tf-mini-cart-bottom");
                var altYeni = yeni.find(".tf-mini-cart-bottom");
                if (altYeni.length) {
                    if (altEski.length) { altEski.replaceWith(altYeni); }
                    else { sarmal.find(".tf-mini-cart-main").after(altYeni); }
                } else {
                    altEski.remove();
                }
            }
        }

        if (c["mini_sepet_oneri"] !== undefined) {
            var oneri = $("#shoppingCart .tf-minicart-recommendations");
            if (c["mini_sepet_oneri"]) {
                if (oneri.length) { oneri.replaceWith(c["mini_sepet_oneri"]); }
            } else {
                oneri.remove();
            }
        }

    }

    $(document).on("click", ".ms-sil", function (e) {

        e.preventDefault();

        var bag = $(this).attr("href");
        if (!bag) { return; }

        var satir = $(this).closest(".tf-mini-cart-item");
        satir.css("opacity", ".45");

        $.ajax({ method: "GET", url: bag, data: { ajax: "1" } })
            .fail(function () { window.location.href = bag; })
            .done(function (gelen) {

                var c = gelen;
                if (typeof gelen === "string") { try { c = JSON.parse(gelen); } catch (h) { c = null; } }

                /* Sunucu beklenen yaniti vermediyse duz baga dusuluyor:
                   urun sessizce sepette kalmasin. */
                if (!c || !c.basarili) { window.location.href = bag; return; }

                msSepetTazele(c);
            });
    });
    </script>


    <!-- ==================================================================
         HIZLI VARYASYON SECME PENCERESI
         ------------------------------------------------------------------
         Mini sepetteki " Bunlari da begenebilirsiniz " kartindan varyasyonlu
         bir urun eklenmek istendiginde aciliyor. Varyasyonsuz urun pencere
         gormeden dogrudan sepete gidiyor.

         TEMANIN  color-btn / size-btn  SINIFLARI KULLANILMIYOR: o siniflara
         urun_goster2.php ve main.js GENEL secicilerle tiklama isleyicisi
         bagliyor ( $(".color-btn").on("click") ). Pencere onlari kullansaydi
         acildigi anda ARKADAKI urun sayfasinin secili rengini silerdi
         ( $("#secili_renk_kodu").val(undefined) ). Kendi  msv-*  siniflarimiz.
         ================================================================== -->
    <div class="modal fade" id="msVaryantPencere" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content msv-kutu">

                <div class="msv-ust">
                    <h5 class="msv-baslik"></h5>
                    <span class="msv-kapat" data-bs-dismiss="modal" role="button" aria-label="Kapat">&times;</span>
                </div>

                <div class="msv-govde">
                    <div class="msv-durum">Yükleniyor…</div>

                    <div class="msv-icerik" hidden>
                        <div class="msv-bolum msv-renk-bolum" hidden>
                            <div class="msv-etiket">Renk: <span class="msv-secili msv-renk-secili"></span></div>
                            <div class="msv-degerler msv-renkler"></div>
                        </div>
                        <div class="msv-bolum msv-beden-bolum" hidden>
                            <div class="msv-etiket">Beden: <span class="msv-secili msv-beden-secili"></span></div>
                            <div class="msv-degerler msv-bedenler"></div>
                        </div>
                        <div class="msv-bolum msv-olcu-bolum" hidden>
                            <div class="msv-etiket">Ölçü: <span class="msv-secili msv-olcu-secili"></span></div>
                            <div class="msv-degerler msv-olculer"></div>
                        </div>
                    </div>

                    <div class="msv-uyari" hidden></div>
                </div>

                <div class="msv-alt">
                    <a href="javascript:void(0);" class="tf-btn w-100 msv-onay">Sepete Ekle</a>
                </div>

            </div>
        </div>
    </div>

    <style>
    /* ----------------------------------------------------------------
       GORSELLI RENK SECICI BIR TIK KUCUK.

       Temanin olcusu 120x160, dar ekranda 80x120. Renk sayisi artinca
       satiri dolduruyor, fotograf da gereginden buyuk duruyordu.

       BURADA DURUYOR, tema_kur.php te degil: tema_kur ozgeozgenc
       kopyasinda hic yok, oysa gorselli renk secicinin gercekten
       kullanildigi site orasi. bicim.php iki sitede de var ve stil
       blogu govdede en sonda - ayni gucteki tema kuralini kaynak
       sirasiyla eziyor, !important gerekmiyor.

       Manuel varyantin  .mv-kare  olcusu kendi dosyasinda ayni
       degerlere cekildi ( manuel_varyant_kur.php ); ikisi yan yana
       durabiliyor, ayrilirsa farkli boyda gorunurler.
       ---------------------------------------------------------------- */
    .tf-product-info-wrap .variant-color .color-btn.style-image-square {
        width: 96px;
        height: 128px;
    }
    @media ( max-width: 1199px ) {
        .tf-product-info-wrap .variant-color .color-btn.style-image-square {
            width: 72px;
            height: 96px;
        }
    }

    /* ----------------------------------------------------------------
       ONERI KARTI YATAY DUZENDE.

       Temanin kendi duzeninde gorsel tam genislikte ve 267px e kadar
       uzuyor, kartlar da alt alta diziliyor; dar cekmecede iki urun
       bile ekrana sigmiyordu. Yatay duzende ( solda kucuk gorsel,
       sagda ad / fiyat / dugme ) ayni alanda uc kat fazla urun
       gorunuyor.

       Gorsel olculerinde !important var: tema  width/height: 100%  ve
       max-height: 267px  i ayni gucteki seciciyle veriyor, bu bicim
       dosyasinin kaynak sirasi temadan once olabilir.
       ---------------------------------------------------------------- */
    .tf-minicart-recommendations .list-cart {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .tf-minicart-recommendations .list-cart-item {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 0 !important;
    }
    .tf-minicart-recommendations .list-cart-item .image {
        width: 72px !important;
        height: 92px !important;
        max-height: none !important;
        flex: 0 0 auto;
        margin-bottom: 0 !important;
        border-radius: 8px;
        overflow: hidden;
    }
    .tf-minicart-recommendations .list-cart-item .image a,
    .tf-minicart-recommendations .list-cart-item .image img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .tf-minicart-recommendations .list-cart-item .content {
        flex: 1 1 auto;
        min-width: 0;
    }
    .tf-minicart-recommendations .list-cart-item .name {
        margin-bottom: 6px !important;
        font-size: 13px;
        line-height: 1.4;
    }
    .tf-minicart-recommendations .list-cart-item .price-wrap { font-size: 13px; }

    /* Ad iki satir: dar sutunda temanin tek satir kirpmasi adi yarida
       kesiyordu. Fiyatlar tek satirda: alt alta dizilince satir 24px
       uzuyordu. Dort sinifli secici  .text-line-clamp-1  ve  .h6  yi
       yenmek icin. */
    .tf-minicart-recommendations .list-cart-item .name .link { -webkit-line-clamp: 2; }
    .tf-minicart-recommendations .list-cart-item .price-wrap {
        flex-wrap: wrap;
        align-items: baseline;
        gap: 2px 6px;
        line-height: 1.35;
    }
    .tf-minicart-recommendations .list-cart-item .price-wrap .price-old { font-size: 12px; }
    .tf-minicart-recommendations .list-cart-item .price-wrap .price-new { font-size: 13.5px; }

    /* ----------------------------------------------------------------
       Oneri kartindaki dugme.

       Tema bu kartta zaten bir sepete-ekle bagi bekliyor ama gizliyor:
         .cart-item-bot   position:relative; overflow:hidden  ( 24px )
         .cart-item-bot a position:absolute; transform:translateY(30px)
       Gostermesi gereken :hover kurali temada HIC YOK ( olculdu ), yani
       dugme kalici olarak kirpiliyordu. Hover a baglamak da dogru degil:
       sepet cekmecesi dokunmatikte de aciliyor, orada hover yok.

       Kutu satir akisina alindi, dugme mutlak konumdan cikarildi.
       Secici  a.ms-hizli-ekle : temanin  .cart-item-bot a  kuralini
       yenmek icin bir sinif daha fazla.
       ---------------------------------------------------------------- */
    .tf-minicart-recommendations .list-cart-item .cart-item-bot {
        overflow: visible;
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
    }
    .tf-minicart-recommendations .list-cart-item .cart-item-bot a.ms-hizli-ekle {
        position: static;
        transform: none;
        bottom: auto; left: auto; right: auto;
        width: auto;
        margin-left: auto;
    }
    .ms-hizli-ekle {
        display: inline-block;
        margin-left: auto;
        padding: 6px 14px;
        border: 1px solid var( --black, #111 );
        border-radius: 99px;
        background: var( --black, #111 );
        color: var( --white, #fff );
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        white-space: nowrap;
        text-decoration: none;
        transition: all .25s ease;
    }
    .ms-hizli-ekle:hover { background: transparent; color: var( --black, #111 ); }
    .ms-hizli-ekle.ms-bekle { opacity: .5; pointer-events: none; }

    /* ----------------------------------------------------------------
       Mini sepetin alt dugmeleri.

       " Siparisi Tamamla " dar ekranda iki satira kiriliyordu ve iki dugme
       de temanin 18px lik olcusundeydi — cekmece 320-400px, orada cok
       buyuk kaliyor. Ikisi esit genislikte, kucuk yazili ve tek satir;
       sigmayacak kadar darsa alt alta geciyorlar.
       ---------------------------------------------------------------- */
    .tf-mini-cart-bottom .tf-mini-cart-bottom-wrap .tf-mini-cart-view-checkout {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .tf-mini-cart-bottom .tf-mini-cart-bottom-wrap .tf-mini-cart-view-checkout > .tf-btn {
        flex: 1 1 140px;
        width: auto;
        min-width: 0;
        padding: 11px 12px;
        font-size: 14px;
        line-height: 20px;
        white-space: nowrap;
    }

    /* Tema cekmeceye z-index: 3000 veriyor ( olculdu ), Bootstrap modali
       1055 te: modal aciliyordu ama cekmecenin tamamen altinda kalip hic
       gorunmuyordu. Modal ve fonu cekmecenin ustune aliniyor.

       Fon kurali  body.msv-acik  ile sinirli:  .modal-backdrop  butun
       Bootstrap modallarinda ortak, baska bir modalin fonunu da
       yukseltmemek icin yalniz bu modal acikken geciyor. */
    #msVaryantPencere { z-index: 3010; }
    body.msv-acik .modal-backdrop { z-index: 3005; }

    .msv-kutu { border-radius: 12px; overflow: hidden; }
    .msv-ust {
        display: flex; align-items: center; gap: 12px;
        padding: 16px 20px; border-bottom: 1px solid var( --line, #e9e9e9 );
    }
    .msv-baslik { margin: 0; font-size: 16px; line-height: 22px; }
    .msv-kapat { margin-left: auto; cursor: pointer; font-size: 26px; line-height: 1; color: var( --text, #555 ); }
    .msv-govde { padding: 18px 20px; max-height: 60vh; overflow-y: auto; }
    .msv-alt { padding: 0 20px 20px; }
    .msv-durum { padding: 18px 0; text-align: center; color: var( --text, #555 ); font-size: 14px; }
    .msv-bolum + .msv-bolum { margin-top: 18px; }
    .msv-etiket { font-size: 14px; font-weight: 600; margin-bottom: 8px; color: var( --black, #111 ); }
    .msv-secili { font-weight: 400; color: var( --text, #555 ); }
    .msv-degerler { display: flex; flex-wrap: wrap; gap: 10px; }

    /* Renk: kare gorsel kutusu — urun sayfasindaki secicinin kucugu. */
    .msv-renk {
        position: relative; width: 56px; height: 74px; padding: 4px;
        display: flex; align-items: center; justify-content: center; flex-shrink: 0;
        border: 1px solid var( --line, #e9e9e9 ); border-radius: 8px;
        cursor: pointer; background: none; transition: all .25s ease;
    }
    .msv-renk img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; pointer-events: none; }
    .msv-renk .msv-renk-yazi { font-size: 11px; line-height: 1.25; text-align: center; padding: 2px; }
    .msv-renk.secili { border-color: var( --black, #111 ); box-shadow: 0 4px 16px 0 rgba( 0, 0, 0, .08 ); }

    .msv-dugme {
        min-width: 46px; height: 42px; padding: 0 14px;
        display: flex; align-items: center; justify-content: center; flex-shrink: 0;
        border: 1px solid var( --line, #e9e9e9 ); border-radius: 99px;
        background: none; font-size: 14px; font-weight: 600; color: var( --text, #555 );
        cursor: pointer; transition: all .25s ease;
    }
    .msv-dugme.secili { border-color: var( --black, #111 ); background: var( --black, #111 ); color: var( --white, #fff ); }
    .msv-renk.tukendi, .msv-dugme.tukendi {
        opacity: .38; cursor: not-allowed; text-decoration: line-through;
    }
    .msv-uyari {
        margin-top: 14px; padding: 10px 12px; border-radius: 8px;
        background: #fdecec; color: #b42318; font-size: 13px;
    }
    .msv-onay.ms-bekle { opacity: .6; pointer-events: none; }
    </style>

    <script>
    (function ($) {

        /* Sunucunun sepet ucu UC ALANI DA HEX bekliyor
           ( islemler_urunler.php hex kipi: secili_stok_kodu,
           secili_renk_kodu, secili_beden ). Duz gonderilirse hex2bin cop
           uretir, varyasyon bulunamaz ve "Stok miktari suan yetersizdir"
           doner. Bos metin bos hex e cevriliyor, o da sorunsuz. */
        function msHex(metin) {
            var bayt = new TextEncoder().encode(metin || "");
            var cikti = "";
            for (var i = 0; i < bayt.length; i++) { cikti += bayt[i].toString(16).padStart(2, "0"); }
            return cikti;
        }

        function msEkle(stokHex, urunNo, seviye, renk, beden, bitti) {

            $.ajax({
                method: "POST", url: "/index.php",
                data: {
                    ajax: "1", niha: "",
                    secili_stok_kodu:  stokHex,
                    secili_urunler_no: urunNo,
                    secili_renk_kodu:  msHex(renk),
                    secili_beden:      msHex(beden),
                    islem: "sepete_ekle", miktar: 1,
                    varyasyonlar_seviye: seviye
                }
            }).fail(function () {
                bitti(false, "Bir sorun oluştu. Lütfen tekrar deneyin.");
            }).done(function (gelen) {

                var c = {};
                try { c = (typeof gelen === "string") ? JSON.parse(gelen) : gelen; } catch (e) { c = {}; }

                if (c["hata"] && c["hata"] !== "") {
                    bitti(false, c["hata_aciklama"] || "Ürün sepete eklenemedi.");
                    return;
                }

                /* Sepet kutusunu tazele. Bu istek basarisiz olsa bile urun
                   SEPETE EKLENDI — kullaniciya hata gostermek yaniltici
                   olurdu, yalnizca ekran guncellenmemis olur. */
                $.ajax({
                    method: "POST", url: "/index.php",
                    data: {
                        sayfa_ic: "urunler-sepete_eklendi_sepet_ver", niha: "",
                        stok_kodu: stokHex, urunler_no: urunNo, miktar: 1,
                        varyasyonlar_seviye: seviye
                    }
                }).done(function (g2) {
                    var sp = {};
                    try { sp = (typeof g2 === "string") ? JSON.parse(g2) : g2; } catch (e) { sp = {}; }
                    if (typeof msSepetTazele === "function") { msSepetTazele(sp); }
                    bitti(true, "");
                }).fail(function () {
                    bitti(true, "");
                });
            });
        }

        /* ------------------------------------------------------------------
           PENCERE
           ------------------------------------------------------------------ */
        var pencere = null, secim = { stok: "", no: "", seviye: 0, renk: null, beden: null, olcu: null, veri: null };

        function kutu() {
            if (!pencere) {
                var el = document.getElementById("msVaryantPencere");
                if (!el || !window.bootstrap) { return null; }
                pencere = bootstrap.Modal.getOrCreateInstance(el);

                /* Govde sinifi: modalin fonunu cekmecenin ustune cikaran CSS
                   kurali buna bagli. Burada, ornek ilk kurulurken baglaniyor;
                   show cagrisi bu bloktan sonra geldigi icin ilk acilista da
                   calisiyor. */
                el.addEventListener("show.bs.modal", function () {
                    document.body.classList.add("msv-acik");
                });
                el.addEventListener("hidden.bs.modal", function () {
                    document.body.classList.remove("msv-acik");
                });
            }
            return pencere;
        }

        function uyar(mesaj) {
            var u = $(".msv-uyari");
            if (!mesaj) { u.prop("hidden", true).text(""); return; }
            u.prop("hidden", false).text(mesaj);
        }

        function renkCiz() {
            var kap = $(".msv-renkler").empty();
            secim.veri.renkler.forEach(function (r, i) {
                var stokVar = r.bedenler.length === 0
                    ? true
                    : r.bedenler.some(function (b) { return b.stok > 0; });
                var ic = r.resim
                    ? '<img src="' + r.resim + '" alt="">'
                    : '<span class="msv-renk-yazi"></span>';
                var d = $('<button type="button" class="msv-renk"></button>').html(ic).attr("data-i", i);
                if (!r.resim) { d.find(".msv-renk-yazi").text(r.ad); }
                if (!stokVar) { d.addClass("tukendi"); }
                d.attr("title", r.ad);
                kap.append(d);
            });
            $(".msv-renk-bolum").prop("hidden", secim.veri.renkler.length === 0);
        }

        function bedenCiz() {
            var kap = $(".msv-bedenler").empty();
            var r = secim.veri.renkler[secim.renk];
            if (!r || r.bedenler.length === 0) {
                $(".msv-beden-bolum").prop("hidden", true);
                $(".msv-olcu-bolum").prop("hidden", true);
                return;
            }
            r.bedenler.forEach(function (b, i) {
                var d = $('<button type="button" class="msv-dugme"></button>').text(b.ad).attr("data-i", i);
                /* Seviye 3 te bedenin kendi stogu 0 olsa da olculerinde
                   stok olabilir; oradaki gercek stok olculerde. */
                var tukendi = (b.olculer.length > 0)
                    ? !b.olculer.some(function (o) { return o.stok > 0; })
                    : b.stok <= 0;
                if (tukendi) { d.addClass("tukendi"); }
                kap.append(d);
            });
            $(".msv-beden-bolum").prop("hidden", false);
        }

        function olcuCiz() {
            var kap = $(".msv-olculer").empty();
            var r = secim.veri.renkler[secim.renk];
            var b = r ? r.bedenler[secim.beden] : null;
            if (!b || b.olculer.length === 0) { $(".msv-olcu-bolum").prop("hidden", true); return; }
            b.olculer.forEach(function (o, i) {
                var d = $('<button type="button" class="msv-dugme"></button>').text(o.ad).attr("data-i", i);
                if (o.stok <= 0) { d.addClass("tukendi"); }
                kap.append(d);
            });
            $(".msv-olcu-bolum").prop("hidden", false);
        }

        $(document).on("click", ".msv-renk:not(.tukendi)", function () {
            secim.renk = parseInt($(this).attr("data-i"), 10);
            secim.beden = null; secim.olcu = null;
            $(".msv-renk").removeClass("secili"); $(this).addClass("secili");
            $(".msv-renk-secili").text(secim.veri.renkler[secim.renk].ad);
            $(".msv-beden-secili").text(""); $(".msv-olcu-secili").text("");
            uyar("");
            bedenCiz(); $(".msv-olcu-bolum").prop("hidden", true);
        });

        $(document).on("click", ".msv-bedenler .msv-dugme:not(.tukendi)", function () {
            secim.beden = parseInt($(this).attr("data-i"), 10);
            secim.olcu = null;
            $(".msv-bedenler .msv-dugme").removeClass("secili"); $(this).addClass("secili");
            $(".msv-beden-secili").text($(this).text());
            $(".msv-olcu-secili").text("");
            uyar("");
            olcuCiz();
        });

        $(document).on("click", ".msv-olculer .msv-dugme:not(.tukendi)", function () {
            secim.olcu = parseInt($(this).attr("data-i"), 10);
            $(".msv-olculer .msv-dugme").removeClass("secili"); $(this).addClass("secili");
            $(".msv-olcu-secili").text($(this).text());
            uyar("");
        });

        /* ------------------------------------------------------------------
           KARTTAKI DUGME
           ------------------------------------------------------------------ */
        $(document).on("click", ".ms-hizli-ekle", function () {

            var d       = $(this);
            var stok    = d.attr("data-stok-kodu");
            var no      = d.attr("data-urunler-no");
            var seviye  = parseInt(d.attr("data-varyasyon"), 10) || 0;

            if (d.hasClass("ms-bekle")) { return; }

            /* Varyasyonsuz: dogrudan sepete. */
            if (seviye <= 0) {
                d.addClass("ms-bekle");
                msEkle(stok, no, 0, "", "", function (oldu, mesaj) {
                    d.removeClass("ms-bekle");
                    if (!oldu) { alert(mesaj); }
                });
                return;
            }

            /* Varyasyonlu: pencere. */
            var k = kutu();
            if (!k) { window.location.href = d.attr("data-baglanti") || "#"; return; }

            secim = { stok: stok, no: no, seviye: seviye, renk: null, beden: null, olcu: null, veri: null };

            $(".msv-baslik").text(d.attr("data-ad") || "Seçenekler");
            $(".msv-icerik").prop("hidden", true);
            $(".msv-durum").prop("hidden", false).text("Yükleniyor…");
            $(".msv-renk-secili, .msv-beden-secili, .msv-olcu-secili").text("");
            uyar("");
            k.show();

            $.ajax({
                method: "GET", url: "/index.php",
                data: { sayfa_ic: "urun-varyasyon-ver", stok_kodu: stok }
            }).fail(function () {
                $(".msv-durum").text("Seçenekler alınamadı.");
            }).done(function (gelen) {

                var c = {};
                try { c = (typeof gelen === "string") ? JSON.parse(gelen) : gelen; } catch (e) { c = {}; }

                if (!c.basarili || !c.renkler || c.renkler.length === 0) {
                    /* Secenek cozulemezse urun sayfasina birakiyoruz:
                       kullanici orada her turlu secebilir. */
                    k.hide();
                    window.location.href = d.attr("data-baglanti") || "#";
                    return;
                }

                secim.veri = c;
                secim.seviye = c.seviye || seviye;

                $(".msv-durum").prop("hidden", true);
                $(".msv-icerik").prop("hidden", false);
                renkCiz();

                /* Tek renk varsa kullaniciya sordurmadan seciliyor. */
                if (c.renkler.length === 1) { $(".msv-renk").not(".tukendi").first().trigger("click"); }
            });
        });

        /* ------------------------------------------------------------------
           PENCEREDEKI ONAY
           ------------------------------------------------------------------ */
        $(document).on("click", ".msv-onay", function () {

            var o = $(this);
            if (o.hasClass("ms-bekle") || !secim.veri) { return; }

            if (secim.renk === null) { uyar("Lütfen bir renk seçin."); return; }

            var r = secim.veri.renkler[secim.renk];

            if (r.bedenler.length > 0 && secim.beden === null) { uyar("Lütfen bir beden seçin."); return; }

            var b = (secim.beden !== null) ? r.bedenler[secim.beden] : null;

            if (b && b.olculer.length > 0 && secim.olcu === null) { uyar("Lütfen bir ölçü seçin."); return; }

            /* Seviye 3 te beden ile olcu  beden Ø olcu  olarak birlesiyor;
               sunucu ayrimi hex cozuldukten SONRA yapiyor. */
            var bedenDeger = b ? b.ad : "";
            if (b && secim.olcu !== null) { bedenDeger = b.ad + "Ø" + b.olculer[secim.olcu].ad; }

            o.addClass("ms-bekle").text("Ekleniyor…");
            uyar("");

            msEkle(secim.stok, secim.no, secim.seviye, r.kod, bedenDeger, function (oldu, mesaj) {
                o.removeClass("ms-bekle").text("Sepete Ekle");
                if (!oldu) { uyar(mesaj); return; }
                var k = kutu(); if (k) { k.hide(); }
            });
        });

    })(jQuery);
    </script>

    <script src="'.$gd_site_adresi_ana.'kullanici/goruntu/tasarim/js/photoswipe-lightbox.umd.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/photoswipe.umd.min.js"></script>
    <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/zoom.js"></script>
    
            <script src="https://www.yeni.artipartners.net/kullanici/goruntu/tasarim/js/nouislider.min.js"></script>
            <script>
                window.DIL = {
                    stok_durumu:  "Stok Durumu",
                    fiyat:        "Fiyat",
                    renk:         "Renk",
                    beden:        "Beden",
                    indirimli:    "İndirimli",
                    urun_bulundu: "ürün bulundu",
                    para_birimi:  "₺"
                };

                (function($){
                    

                    /* ----------------------------------------------------------
                       Diziliş değiştirme: liste / 2 / 3 / 4 sütun
                       Temanın shop.js dosyası bicim.php tarafından yüklenmiyor,
                       düğmeleri bağlayan swLayoutShop() orada olduğu için hiçbir
                       düğme çalışmıyordu. shop.js olduğu gibi yüklenirse sunucu
                       taraflı listeleme bozuluyor: limitLayout() grid i düzene
                       göre kırpıyor ( tf-col-3 te 9 ürün ) ve sayfalamayı
                       gizliyor. Bu yüzden yalnızca gereken davranış burada,
                       sayfaya özel yazıldı.
                       ---------------------------------------------------------- */
                    var dizilisAnahtar   = "urun_dizilis";
                    /* Varsayilan panelden geliyor ( Tema Gorunumu > Urun sutun sayisi ).
                       Ziyaretcinin kendi secimi localStorage de tutuluyor ve o
                       oncelikli: yonetici varsayilani degistirse bile daha once
                       secim yapmis ziyaretcinin gorunumu bozulmasin. */
                    var varsayilanDizilis = "tf-col-5";
                    var secilenDizilis    = varsayilanDizilis;
                    try { secilenDizilis = localStorage.getItem(dizilisAnahtar) || varsayilanDizilis; } catch (e) {}

                    function dizilisCiz() {
                        var uygulanacak = secilenDizilis;
                        var genislik    = $(window).width();

                        /* Dar ekranda sütun sayısı kısılır, kullanıcının seçimi korunur */
                        if (uygulanacak !== "list") {
                            if (genislik <= 767) { uygulanacak = "tf-col-2"; }
                            else if (genislik <= 1200 && uygulanacak !== "tf-col-2") { uygulanacak = "tf-col-3"; }
                        }

                        $(".tf-view-layout-switch").removeClass("active");
                        $(".tf-view-layout-switch[data-value-layout=\"" + secilenDizilis + "\"]").addClass("active");

                        if (uygulanacak === "list") {
                            $("#gridLayout").hide();
                            $("#listLayout").show();
                            $(".wrapper-control-shop").addClass("listLayout-wrapper").removeClass("gridLayout-wrapper");
                        } else {
                            $("#listLayout").hide();
                            $("#gridLayout").show().removeClass().addClass("wrapper-shop tf-grid-layout " + uygulanacak);
                            $(".wrapper-control-shop").addClass("gridLayout-wrapper").removeClass("listLayout-wrapper");
                        }
                    }

                    $(document).on("click", ".tf-view-layout-switch", function(){
                        secilenDizilis = $(this).attr("data-value-layout");
                        try { localStorage.setItem(dizilisAnahtar, secilenDizilis); } catch (e) {}
                        dizilisCiz();
                    });

                    var dizilisZamanlayici = null;
                    $(window).on("resize", function(){
                        clearTimeout(dizilisZamanlayici);
                        dizilisZamanlayici = setTimeout(dizilisCiz, 150);
                    });

                    dizilisCiz();

                    /* ----------------------------------------------------------
                       Sıralama ve adet açılır listelerindeki bağlantılar
                       data-bs-toggle="dropdown" .tf-dropdown-sort üzerinde, menü
                       de onun İÇİNDE. Bu yüzden menüdeki bir bağlantıya tıklayınca
                       olay yukarı kabarıp Bootstrap in document seviyesindeki
                       delege dinleyicisine ulaşıyor, o da preventDefault çağırıp
                       gezinmeyi iptal ediyordu; seçenekler tıklanır ama hiçbir şey
                       olmuyordu. Temanın kendi markup unda burada bağlantı değil
                       span vardı ve işi shop.js yaptığı için sorun görünmüyordu.
                       Olayı document a ulaşmadan yakalayıp gezinmeyi elle yapıyoruz.
                       ---------------------------------------------------------- */
                    $(".tf-control-sorting").on("click", ".select-item a", function(e){
                        var adres = $(this).attr("href");
                        e.stopPropagation();
                        if (adres) {
                            e.preventDefault();
                            window.location.href = adres;
                        }
                    });

                    /* ----------------------------------------------------------
                       Süzgeç arama kutusu: listedeki seçenekleri anlık süzer.
                       Türkçe harfler ASCII karşılığına katlanır. Amaç arama
                       kutusunda ı ile i yi AYIRMAK değil BİRLEŞTİRMEK: kullanıcı
                       "inalcik" yazınca "Inalcık" satırı da bulunmalı. Ayrıca
                       "İ".toLowerCase() bazı motorlarda i + birleşik nokta
                       ürettiği için o nokta ayrıca temizlenir.
                       ---------------------------------------------------------- */
                    function aramaSadelestir(metin) {
                        return String(metin)
                            .replace(/İ/g, "I").replace(/ı/g, "i")
                            .toLowerCase()
                            .replace(/\u0307/g, "")
                            .replace(/ş/g, "s").replace(/ğ/g, "g")
                            .replace(/ü/g, "u").replace(/ö/g, "o").replace(/ç/g, "c");
                    }

                    $(".suzgec-ara").on("input", function(){
                        var kutu   = $(this);
                        var hedef  = $(kutu.attr("data-hedef"));
                        var aranan = aramaSadelestir(kutu.val().trim());
                        var bulunan = 0;

                        /* Liste ogeleri her yerde liste maddesi DEGIL: beden ve
                           renk paleti dogrudan baglanti etiketi kullaniyor.
                           Ikisini de kapsamak icin ortak "suzgec-oge" sinifi da
                           araniyor; yoksa o iki suzgecte arama hicbir seyi
                           filtrelemiyordu.
                           NOT: yorumlarda kosem parantezli etiket yazilmaz,
                           HTML denetleyicisi onlari gercek etiket sanip
                           yanlis alarm veriyor. */
                        hedef.find(".suzgec-liste > li, .suzgec-oge").each(function(){
                            var satir  = $(this);
                            var metin  = aramaSadelestir(satir.text());
                            var uyuyor = aranan === "" || metin.indexOf(aranan) > -1;
                            satir.toggle(uyuyor);
                            if (uyuyor) { bulunan++; }
                        });

                        hedef.closest(".widget-facet").toggleClass("arama-bos", bulunan === 0);
                    });

                    /* Arama kutusuna tıklamak açılır bölümü kapatmasın */
                    $(".suzgec-ara").on("click", function(e){ e.stopPropagation(); });

                    /* ----------------------------------------------------------
                       Fiyat kaydıracı
                       data-min / data-max sonuç kümesinin gerçek fiyat aralığı,
                       data-secili-* ise şu an uygulanmış süzgeç. İkincisi olmazsa
                       filtreledikten sonra tutamaçlar başa dönerdi.
                       Para birimini CSS basıyor ( .price-val::before ile
                       data-currency ), o yüzden metne yalnızca sayı yazılır.
                       ---------------------------------------------------------- */
                    var fiyatKutusu = document.getElementById("price-value-range");

                    if (fiyatKutusu && typeof noUiSlider !== "undefined") {
                        var fiyatAlt = parseInt(fiyatKutusu.getAttribute("data-min"), 10) || 0;
                        var fiyatUst = parseInt(fiyatKutusu.getAttribute("data-max"), 10) || 500;
                        var secAlt   = parseInt(fiyatKutusu.getAttribute("data-secili-min"), 10);
                        var secUst   = parseInt(fiyatKutusu.getAttribute("data-secili-max"), 10);

                        if (isNaN(secAlt) || secAlt < fiyatAlt) { secAlt = fiyatAlt; }
                        if (isNaN(secUst) || secUst > fiyatUst) { secUst = fiyatUst; }
                        if (secUst <= secAlt) { secAlt = fiyatAlt; secUst = fiyatUst; }

                        noUiSlider.create(fiyatKutusu, {
                            start:   [secAlt, secUst],
                            connect: true,
                            step:    1,
                            range:   { min: fiyatAlt, max: fiyatUst },
                            format:  {
                                from: function(deger){ return parseInt(deger, 10); },
                                to:   function(deger){ return parseInt(deger, 10); }
                            }
                        });

                        fiyatKutusu.noUiSlider.on("update", function(degerler){
                            $("#price-min-value").text(degerler[0]);
                            $("#price-max-value").text(degerler[1]);
                        });

                        /* Uygula düğmesi: değerleri kaydıracın kendisinden okur */
                        $("#fiyat_uygula").on("click", function(){
                            var degerler = fiyatKutusu.noUiSlider.get();
                            var adres    = $(this).attr("data-adres");
                            if (!adres) { return; }
                            window.location.href = adres
                                .replace("FMIN", degerler[0])
                                .replace("FMAX", degerler[1]);
                        });
                    }

                    /* Sepete ekle */
                    $(document).on("click", ".sepete_ekle", function(){
                        var dugme    = $(this);
                        var stokKodu = dugme.attr("data-stok-kodu");
                        var urunNo   = dugme.attr("data-urunler-no");
                        var varyasyon = dugme.attr("data-varyasyon");
                        var urunAdi  = dugme.attr("data-ad");
                        var resim    = dugme.attr("data-resim");
                        var fiyat    = dugme.attr("data-fiyat");

                        /* VARYASYONLU URUNDE buradan eklenemez: renk/beden
                           secilmeden sunucu varyasyonu cozemiyor ve
                           "Stok miktari suan yetersizdir" donuyor.
                           Kullanici urun sayfasina goturuluyor. */
                        if (parseInt(varyasyon, 10) > 0) {
                            var urunAdresi = dugme.closest(".card-product").find("a.product-img").attr("href");
                            if (urunAdresi) { window.location.href = urunAdresi; return; }
                        }

                        /* Renk ve beden BOS da olsa gonderiliyor: sunucu hex
                           kipinde bu anahtarlari kosulsuz okuyor, yoksa
                           PHP 8 de "undefined array key" uyarisi veriyor. */
                        $.ajax({
                            method: "POST",
                            url: "/index.php",
                            data: { ajax: "1", niha: "", secili_stok_kodu: stokKodu, secili_urunler_no: urunNo,
                                    secili_renk_kodu: "", secili_beden: "",
                                    islem: "sepete_ekle", miktar: 1, varyasyonlar_seviye: varyasyon }
                        }).fail(function(){
                            alert("Bir sorun oluştu. Lütfen tekrar deneyin.");
                        }).done(function(gelen){
                            var cevap = {};
                            try { cevap = $.parseJSON(gelen); } catch (e) { cevap = {}; }

                            if (cevap["hata"] && cevap["hata"] !== "") {
                                alert(cevap["hata_aciklama"]);
                                return;
                            }

                            $.ajax({
                                method: "POST",
                                url: "/index.php",
                                data: { sayfa_ic: "urunler-sepete_eklendi_sepet_ver", niha: "", stok_kodu: stokKodu,
                                        urunler_no: urunNo, miktar: 1, varyasyonlar_seviye: varyasyon }
                            }).done(function(gelen2){
                                var sepet = {};
                                try { sepet = $.parseJSON(gelen2); } catch (e) { sepet = {}; }
                                /* KART ICERIGINI DE TAZELE.
                                   Burada yalnizca sayac guncelleniyordu; kartin govdesi sayfa
                                   yuklenirken sunucuda basildigi icin AJAX ile eklenen urun
                                   icinde YOKTU — kart aciliyor ama urun gorunmuyordu. Ayni
                                   sorun urun sayfasinda da vardi ve orada cozulmustu.
                                   sepete_eklendi_sepet_ver ucu guncel isaretlemeyi zaten
                                   donduruyor ( ortak mini_sepet_kur.php uretiyor ). */
                                if (sepet["sepet_urun_sayisi"] !== undefined) {
                                    $(".sepet_sayaci").text(sepet["sepet_urun_sayisi"]);
                                }
                                /* Yalnizca kendi iki blogumuz degisir; temanin Not / Kargo /
                                   Hediye acilir panelleri ( bicim.php:1004-1095 ) ayni sarmalin
                                   icinde durdugu icin sarmali .html() ile ezmek onlari yok
                                   ediyordu. Sepet bosaldiysa sunucu alt bolumu hic gondermez,
                                   biz de ekrandakini kaldiririz. */
                                if (sepet["mini_sepet"]) {
                                    var sepetSarmal = $("#shoppingCart .tf-mini-cart-wrap");
                                    if (sepetSarmal.length) {
                                        var sepetYeni = $("<div></div>").html(sepet["mini_sepet"]);
                                
                                        var anaEski = sepetSarmal.find(".tf-mini-cart-main");
                                        var anaYeni = sepetYeni.find(".tf-mini-cart-main");
                                        if (anaYeni.length) {
                                            if (anaEski.length) { anaEski.replaceWith(anaYeni); }
                                            else { sepetSarmal.prepend(anaYeni); }
                                        }
                                
                                        var altEski = sepetSarmal.find(".tf-mini-cart-bottom");
                                        var altYeni = sepetYeni.find(".tf-mini-cart-bottom");
                                        if (altYeni.length) {
                                            if (altEski.length) { altEski.replaceWith(altYeni); }
                                            else { sepetSarmal.find(".tf-mini-cart-main").after(altYeni); }
                                        } else {
                                            altEski.remove();
                                        }
                                    }
                                }
                                if (sepet["mini_sepet_oneri"] !== undefined) {
                                    var sepetOneri = $("#shoppingCart .tf-minicart-recommendations");
                                    if (sepet["mini_sepet_oneri"]) {
                                        if (sepetOneri.length) { sepetOneri.replaceWith(sepet["mini_sepet_oneri"]); }
                                    } else {
                                        sepetOneri.remove();
                                    }
                                }

                                /* SEPET KARTINI BOOTSTRAP API SI ILE AC.
                                   ------------------------------------------------------------
                                   Once elle  addClass("show")  yapiliyordu. Kart GORUNUR oluyor
                                   ama Bootstrap in kendi durumu ( _isShown ) false kaliyor.
                                   Kapat dugmesi  data-bs-dismiss="offcanvas"  Offcanvas.hide()
                                   cagiriyor, hide() ise _isShown false gorunce HICBIR SEY
                                   yapmadan donuyor: KART KAPANMIYOR. Ayrica arka perde de
                                   olusmadigi icin disariya tiklamak ve Esc de kapatmiyor,
                                   sayfa kaydirma kilidi kurulmuyor.
                                   getOrCreateInstance ile acinca bunlarin hepsini Bootstrap
                                   yonetiyor; ust menudeki sepet dugmesi de zaten ayni ornegi
                                   kullaniyor ( data-bs-toggle="offcanvas" ). */
                                var sepetKarti = document.getElementById("shoppingCart");
                                if (sepetKarti) {
                                    if (window.bootstrap && bootstrap.Offcanvas) {
                                        bootstrap.Offcanvas.getOrCreateInstance(sepetKarti).show();
                                    } else {
                                        sepetKarti.classList.add("show");   /* bootstrap yoksa eski davranis */
                                    }
                                }
                            });
                        });
                    });

                    /* Favorilere ekle */
                    $(document).on("click", ".favori_ekle", function(){
                        var dugme    = $(this);
                        var stokKodu = dugme.attr("data-stok-kodu");
                        dugme.toggleClass("active");
                        if (typeof favori_ekle === "function") { favori_ekle(stokKodu); }
                    });

                })(jQuery);
            </script>
            <script>
                (function($){
                    $.ajax({
                        method: "POST",
                        url: "./",
                        async: true,
                        data: { sayfa_ic: "facebook-php_api_gonder", bilgiler_php: '{"olay":"kategori_listele","baglanti":"https:\/\/yeni.artipartners.net\/tr\/arama","bilgiler":{"kategori_ad":"","tip":"product_group","urunler":["9789753890762"]},"event_id":"urunleri_listele.1791743852.3894"}'}
                    });
                })(jQuery);
            </script>
    <script>
    document.addEventListener("hidden.bs.modal", function () {

        if (document.querySelector(".modal.show")) { return; }

        document.querySelectorAll(".modal-backdrop").forEach(function (o) { o.remove(); });
        document.body.classList.remove("modal-open");
        document.body.style.removeProperty("overflow");
        document.body.style.removeProperty("padding-right");
    });
    </script>
        <script>
        window.favori_ekle = function (stokKodu) {

            stokKodu = String(stokKodu || "").trim();
            if (stokKodu === "") { return; }

            var fd = new FormData();
            fd.append("stok_kodu", stokKodu);

            fetch("https://www.yeni.artipartners.net/index.php?sayfa_ic=favori_ekle", {
                method: "POST", body: fd, credentials: "same-origin"
            }).catch(function () {});
        };

        /* SAYFA ACILISINDA FAVORI DURUMU
           ----------------------------------------------------------
           Sunucu, favorideki urunun dugmesine  active  siniifini
           basiyor ama TEMANIN betigi simgeyi ve yaziyi yalniz
           TIKLAMADA degistiriyor. Sonuc: sayfa yenilenince favorideki
           urun yine bos kalp ve "Favorilere Ekle" goruntusune donuyordu
           ( olculdu: sinif active, simge icon-heart ).

           Daha kotusu: tema  addwishlist  sinifini kendi sayiyor. O
           sinif yokken ilk tiklama "ekle" gibi davranip aslinda
           favoriden CIKARIYOR — gosterge ters donuyordu.

           Burada iki sinif bir kez eslestiriliyor. */
        document.addEventListener("DOMContentLoaded", function () {

            document.querySelectorAll(".favori_ekle.active").forEach(function (d) {

                d.classList.add("addwishlist");

                var simge = d.querySelector(".icon");
                if (simge) { simge.classList.remove("icon-heart"); simge.classList.add("icon-trash"); }

                var ipucu = d.querySelector(".tooltip");
                if (ipucu) { ipucu.textContent = "Favorilerden Kaldır"; }

                var yazi = d.querySelector(".text");
                if (yazi) { yazi.textContent = "Favorilerden Kaldır"; }
            });
        });
        </script>
        <style>
        .ugc-ekle {
            position:absolute; left:10px; top:10px; z-index:5;
            display:inline-flex; align-items:center; gap:6px;
            padding:6px 12px; border:0; border-radius:999px;
            background:rgba(255,255,255,.95); color:var(--black);
            box-shadow:0 2px 10px rgba(0,0,0,.14);
            font-size:12px; font-weight:600; line-height:1; cursor:pointer;
        }
        .ugc-ekle:hover { background:#fff; }
        .ugc-ekle.ugc-eklendi { background:var(--primary,#111); color:#fff; }

        /* Liste secim kutusu: kartin icinde acilan kucuk pencere. */
        .ugc-kutu {
            position:absolute; left:10px; top:44px; z-index:6;
            min-width:190px; max-width:240px; padding:6px;
            background:#fff; border:1px solid #e5e5e5; border-radius:10px;
            box-shadow:0 8px 28px rgba(0,0,0,.18);
        }
        .ugc-kutu button {
            display:block; width:100%; text-align:left; border:0; background:none;
            padding:7px 9px; border-radius:6px; font-size:13px; cursor:pointer;
        }
        .ugc-kutu button:hover { background:#f5f5f5; }
        .ugc-kutu .ugc-bos { padding:8px 9px; font-size:12px; color:#888; }
        </style>

        <script>
        (function () {

            /* Kartin stok kodunu bulmak
               ----------------------------------------------------------
               urun_favori ONCE deneniyor: orada stok kodu DUZ duruyor.
               Karttaki bazi  data-stok-kodu  ozniteliklerinde deger
               hex_yaz() ile kodlanmis halde ( sepete ekleme oyle bekliyor );
               once onu okursak listeye anlamsiz bir kod yazardik. */
            function stokKodu(kart) {
                var e = kart.querySelector("[urun_favori]");
                if (e && e.getAttribute("urun_favori")) { return e.getAttribute("urun_favori"); }
                if (kart.getAttribute("data-stok-kodu")) { return kart.getAttribute("data-stok-kodu"); }
                return "";
            }

            function kutuKapat() {
                var a = document.querySelector(".ugc-kutu");
                if (a) { a.parentNode.removeChild(a); }
            }

            document.addEventListener("click", function (o) {
                if (!o.target.closest(".ugc-kutu") && !o.target.closest(".ugc-ekle")) { kutuKapat(); }
            });

            function dugmeKur(listeler) {

                if (!listeler || listeler.length === 0) { return; }

                document.querySelectorAll(".card-product").forEach(function (kart) {

                    if (kart.querySelector(".ugc-ekle")) { return; }

                    var sk = stokKodu(kart);
                    if (!sk) { return; }

                    var sarmal = kart.querySelector(".card-product_wrapper") || kart;
                    if (getComputedStyle(sarmal).position === "static") { sarmal.style.position = "relative"; }

                    var d = document.createElement("button");
                    d.type = "button";
                    d.className = "ugc-ekle";
                    d.textContent = "+ Listeye ekle";

                    d.addEventListener("click", function (o) {

                        o.preventDefault();
                        o.stopPropagation();

                        if (document.querySelector(".ugc-kutu")) { kutuKapat(); return; }

                        var kutu = document.createElement("div");
                        kutu.className = "ugc-kutu";

                        listeler.forEach(function (l) {
                            var b = document.createElement("button");
                            b.type = "button";
                            b.textContent = l.ad || l.kod;
                            b.addEventListener("click", function (x) {
                                x.preventDefault();
                                x.stopPropagation();

                                var fd = new FormData();
                                fd.append("liste", l.kod);
                                fd.append("stok_kodu", sk);

                                fetch("https://www.yeni.artipartners.net/index.php?sayfa_ic=ugc-urune-ekle", {
                                    method: "POST", body: fd, credentials: "same-origin"
                                }).then(function (y) { return y.json(); }).then(function (c) {
                                    kutuKapat();
                                    if (c && c.basarili) {
                                        d.textContent = "Listede";
                                        d.classList.add("ugc-eklendi");
                                    }
                                }).catch(function () { kutuKapat(); });
                            });
                            kutu.appendChild(b);
                        });

                        sarmal.appendChild(kutu);
                    });

                    sarmal.appendChild(d);
                });
            }

            /* SONRADAN GELEN KARTLAR
               ------------------------------------------------------------
               Urun listeleme sayfasi kaydirdikca yeni kartlari AJAX ile
               ekliyor; hizli gor penceresi de kart basiyor. Tek seferlik
               tarama bunlari kaciriyordu. Gozlemci yeni dugum eklendikce
               yalnizca dugmesi olmayan kartlara dokunuyor. */
            function gozlemciKur(listeler) {

                if (!window.MutationObserver) { return; }

                var bekle = null;

                new MutationObserver(function () {
                    if (bekle) { clearTimeout(bekle); }
                    bekle = setTimeout(function () { dugmeKur(listeler); }, 200);
                }).observe(document.body, { childList: true, subtree: true });
            }

            function sor() {
                fetch("https://www.yeni.artipartners.net/index.php?sayfa_ic=ugc-durum", { credentials: "same-origin" })
                    .then(function (y) { return y.json(); })
                    .then(function (c) {
                        if (c && c.ugc == 1) { dugmeKur(c.listeler); gozlemciKur(c.listeler); }
                    })
                    .catch(function () {});
            }

            if (document.readyState === "loading") {
                document.addEventListener("DOMContentLoaded", sor);
            } else {
                sor();
            }
        })();
        </script>
</body>

</html>