A L D B İ L İ Ş İ M

+90 543 938 43 28 info@aldbilisim.com

🚚 Aynı gün kargoya teslim — 14:00'a kadar verilen siparişler

💰 Bayilere özel toptan fiyatlarla 1000+ ürün çeşidi

🔌 PC Bileşenleri, kablolar ve sarf ürünlerde en geniş stok

🎮 Oyuncu grubu ürünlerinde toptan avantajlı fiyatlar

📦 Toptan alımlarda kademeli indirimlerden yararlanın

🛡️ Tüm ürünlerde orijinal garanti — güvenilir tedarik

📞 Toptan sipariş desteği: 0543 938 43 28

TÜRKİYE'NİN GÜVENİLİR TOPTAN BİLİŞİM TEDARİKÇİSİ

1000+ ÜRÜNDE ORİJİNAL GARANTİ VE HIZLI TESLİMAT

10 YILDIR BAYİLERİN ÇÖZÜM ORTAĞI

HER SİPARİŞTE GÜVENLİ KARGO

STOKTAN TESLİM — BEKLEME YOK, GECİKME YOK

TÜRKİYE'NİN GÜVENİLİR TOPTAN BİLİŞİM TEDARİKÇİSİ

1000+ ÜRÜNDE ORİJİNAL GARANTİ VE HIZLI TESLİMAT

10 YILDIR BAYİLERİN ÇÖZÜM ORTAĞI

HER SİPARİŞTE GÜVENLİ KARGO

STOKTAN TESLİM — BEKLEME YOK, GECİKME YOK

TÜRKİYE'NİN GÜVENİLİR TOPTAN BİLİŞİM TEDARİKÇİSİ

1000+ ÜRÜNDE ORİJİNAL GARANTİ VE HIZLI TESLİMAT

10 YILDIR BAYİLERİN ÇÖZÜM ORTAĞI

HER SİPARİŞTE GÜVENLİ KARGO

STOKTAN TESLİM — BEKLEME YOK, GECİKME YOK

TÜRKİYE'NİN GÜVENİLİR TOPTAN BİLİŞİM TEDARİKÇİSİ

1000+ ÜRÜNDE ORİJİNAL GARANTİ VE HIZLI TESLİMAT

10 YILDIR BAYİLERİN ÇÖZÜM ORTAĞI

HER SİPARİŞTE GÜVENLİ KARGO

STOKTAN TESLİM — BEKLEME YOK, GECİKME YOK

TÜRKİYE'NİN GÜVENİLİR TOPTAN BİLİŞİM TEDARİKÇİSİ

1000+ ÜRÜNDE ORİJİNAL GARANTİ VE HIZLI TESLİMAT

10 YILDIR BAYİLERİN ÇÖZÜM ORTAĞI

HER SİPARİŞTE GÜVENLİ KARGO

STOKTAN TESLİM — BEKLEME YOK, GECİKME YOK

Adres: Tekstilkent Cd. 10AC, 34235 Esenler İstanbul
Email: info@aldbilisim.com

Ara Giriş Bayimiz Ol Sepetim

Anasayfa › Mağaza › Sarf Ürünler › Notebook Soğutucu/Stand › HADRON HR2008 NOTEBOOK SOĞUTUCU LEDLİ 4 FANLI YÜKSEKLİK KADE

HADRON HR2008 NOTEBOOK SOĞUTUCU LEDLİ 4 FANLI YÜKSEKLİK KADEMELİ

HADRON

HADRON HR2008 NOTEBOOK SOĞUTUCU LEDLİ 4 FANLI YÜKSEKLİK KADEMELİ

Stok Kodu: HR2008

Barkod: ALD-002502

Birim: Adet

17,30 $+KDV

KDV Dahil:20,76 $ 1.010,39 ₺

Bayi Fiyatları İçin Giriş Yapın

Marka	HADRON
Stok Kodu	HR2008
Barkod	ALD-002502
KDV Oranı	%20
Birim	Adet

HADRON HR2008 NOTEBOOK SOĞUTUCU LEDLİ 4 FANLI YÜKSEKLİK KADEMELİ

17,30 $+KDV

Bayi Fiyatları İçin Giriş Yapın

Bayi Fiyatları İçin Giriş Yapın

Hadron HD2008 4 fanlı notebook soğutucu standı ısınan havayı dışarıya, soğuk havayı içeriye alıp hava sirkülasyonunu devamlı sağladığı için, dizüstü bilgisayarınızın ısınıp yavaşlamasını engeller. Oyun oynarken fazla ısınan dizüstü bilgisayarınız kendini kapatabilir. Hadron HD2008 4 fanlı notebook soğutucu standı sayesinde cihazınızın sıcaktan kapanma riskini ortadan kaldırır. Hadron HD2008 4 fanlı notebook soğutucu standıyla kullanım rahatlığınıza uygun açıyı kendiniz ayarlayabilirsiniz.

4 katmanlı açı ayarına sahip olan Hadron HD2008, kullanım konforunuza önem veriyor ve kullanıcılarına, kullanım kolaylığını ve konforu bir arada sunuyor. 2 adet USB 2.0 Hub girişi bulunan Hadron HD2008 ile fazladan USB girişine sahip olacaksınız. Üzerinde bulunan led ışıkları sayesinde notebook soğutucunuza şıklık katar.

- 4 adet ışıklı fan

- Max. 17" laptop uyumlu

- Ayarlanabilir yükseklik

- 2 adet USB 2.0 bağlantı

Kullanacağınız kredi kartının ticari veya bireysel olması durumuna göre taksit seçenekleri değişebilir. Taksit seçenekleri liste fiyatı üzerinden görüntülenmektedir. İndirimli fiyatlara göre taksit seçeneklerini ödeme sayfasından görüntüleyebilirsiniz.

Yorum Bulunamadı

YORUM YAP

</div></div>                                </div>
    </section>

<section class="ud-rel">
        <div class="container">
            <div class="ud-sec-t">Benzer Ürünler</div>
            <div style="position:relative">
                <div class="swiper" id="udRelSw">
                    <div class="swiper-wrapper" id="udRelGrid"></div>
                </div>
                <div class="ud-rel-prev" id="udRelPrev"
                     style="position:absolute;left:-16px;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .2s">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                         stroke-width="2.5">
                        <path d="M15 18l-6-6 6-6"/>
                    </svg>
                </div>
                <div class="ud-rel-next" id="udRelNext"
                     style="position:absolute;right:-16px;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .2s">
                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                         stroke-width="2.5">
                        <path d="M9 18l6-6-6-6"/>
                    </svg>
                </div>
            </div>
        </div>
    </section>

<div class="ud-lb" id="udLB">
    <button class="ud-lb-x" id="udLBX">✕</button>
    <button class="ud-lb-nv ud-lb-pv" id="udLBP">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
            <path d="M15 18l-6-6 6-6"/>
        </svg>
    </button>
    <button class="ud-lb-nv ud-lb-nx" id="udLBN">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
            <path d="M9 18l6-6-6-6"/>
        </svg>
    </button>
    <div class="ud-lb-iw"><img src="" alt="" id="udLBI"></div>
    <div class="ud-lb-cnt" id="udLBCnt"></div>
</div>

<script>
    (function () {
        'use strict';
        var C = {
            id: 2502,
            sym: '$',
            ko: 20,
            kd: 0,
            ft: 'detayli',
            pb: {"kod":"USD","sembol":"$","deger":"Dolar"},
            dk: 48.67,
            ek: 56.17,
            bs: 'hadron-hr2008-notebook-sogutucu-ledli-4-fanli-yukseklik-kademeli',
            vs: [],
            bk: false,
            bku: "",
            bkv: [],
            kb: true,
            gm: [],
            mg: true,
            sg: true,
            vn: 'Seçenek',
            loggedIn: false,
            cartEnabled: false,
            stokGoster: 0,
            varyantStoklar: []        };

function fmt(p) {
            var n = parseFloat(p);
            if (isNaN(n)) return '0,00';
            return n.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&.').replace(/\.(\d{2})$/, ',$1')
        }

function fp(f) {
            return fmt(f) + ' ' + C.sym
        }

function nh(f) {
            f = parseFloat(f) || 0;
            if (f <= 0) return 0;
            if (C.kd == 1) return Math.round(f * 100) / 100;
            if (C.ko > 0) return Math.round(f * (1 + C.ko / 100) * 100) / 100;
            return Math.round(f * 100) / 100
        }

function tlVal(f) {
            if (!C.pb || C.pb.kod === 'TRY') return '';
            var k = 0;
            if (C.pb.kod === 'USD' && C.dk > 0) k = C.dk; else if (C.pb.kod === 'EUR' && C.ek > 0) k = C.ek;
            if (k <= 0) return '';
            return fmt(f * k)
        }

function esc(s) {
            var d = document.createElement('div');
            d.textContent = s;
            return d.innerHTML
        }

var galImgs = [], ci = 0, autoTimer = null, autoInterval = 4000;

function collectGal() {
            galImgs = [];
            document.querySelectorAll('#udMain .ud-slide img').forEach(function (i) {
                galImgs.push(i.dataset.full || i.src)
            })
        }

collectGal();

function scrollThumb(idx) {
            var ths = document.querySelectorAll('#udThumbs .ud-th');
            if (!ths[idx]) return;
            var container = document.getElementById('udThumbs');
            if (window.innerWidth < 992) {
                container.scrollTo({left: ths[idx].offsetLeft - container.offsetLeft - 20, behavior: 'smooth'})
            } else {
                container.scrollTo({top: ths[idx].offsetTop - container.offsetTop - 20, behavior: 'smooth'})
            }
        }

function go(i) {
            var sls = document.querySelectorAll('#udMain .ud-slide'),
                ths = document.querySelectorAll('#udThumbs .ud-th'), tc = sls.length;
            if (i < 0) i = tc - 1;
            if (i >= tc) i = 0;
            sls.forEach(function (s) {
                s.classList.remove('on')
            });
            ths.forEach(function (t) {
                t.classList.remove('on')
            });
            if (sls[i]) sls[i].classList.add('on');
            if (ths[i]) ths[i].classList.add('on');
            scrollThumb(i);
            ci = i;
            var c = document.getElementById('udCnt');
            if (c) c.textContent = (i + 1) + ' / ' + tc;
        }

document.getElementById('udThumbs').addEventListener('click', function (e) {
            var t = e.target.closest('.ud-th');
            if (t) {
                go(parseInt(t.dataset.idx));
                resetAuto()
            }
        });
        var pv = document.getElementById('udPrev'), nx = document.getElementById('udNext');
        if (pv) pv.addEventListener('click', function () {
            go(ci - 1);
            resetAuto()
        });
        if (nx) nx.addEventListener('click', function () {
            go(ci + 1);
            resetAuto()
        });

var autoBar = document.getElementById('udAutoBar');

function startAuto() {
            if (galImgs.length < 2) return;
            stopAuto();
            var elapsed = 0, step = 30;
            autoTimer = setInterval(function () {
                elapsed += step;
                if (autoBar) autoBar.style.width = (elapsed / autoInterval * 100) + '%';
                if (elapsed >= autoInterval) {
                    go(ci + 1);
                    elapsed = 0
                }
            }, step)
        }

function stopAuto() {
            if (autoTimer) {
                clearInterval(autoTimer);
                autoTimer = null
            }
            if (autoBar) autoBar.style.width = '0'
        }

function resetAuto() {
            stopAuto();
            startAuto()
        }

var mx = document.getElementById('udMain'), dragSX = 0, dragSY = 0, dragging = false, dragMoved = false;

function dragStart(x, y) {
            dragSX = x;
            dragSY = y;
            dragging = true;
            dragMoved = false;
            mx.classList.add('grabbing');
            stopAuto()
        }

function dragEnd(x) {
            if (!dragging) return;
            dragging = false;
            mx.classList.remove('grabbing');
            var dx = x - dragSX;
            if (Math.abs(dx) > 40) {
                dx > 0 ? go(ci - 1) : go(ci + 1);
                dragMoved = true
            }
            startAuto()
        }

if (mx) {
            mx.addEventListener('touchstart', function (e) {
                dragStart(e.touches[0].clientX, e.touches[0].clientY)
            }, {passive: true});
            mx.addEventListener('touchmove', function (e) {
                if (!dragging) return;
                var dx = Math.abs(e.touches[0].clientX - dragSX), dy = Math.abs(e.touches[0].clientY - dragSY);
                if (dx > dy && dx > 10) {
                    e.preventDefault();
                    dragMoved = true
                }
            }, {passive: false});
            mx.addEventListener('touchend', function (e) {
                dragEnd(e.changedTouches[0].clientX)
            }, {passive: true});
            mx.addEventListener('mousedown', function (e) {
                if (e.button === 0) {
                    e.preventDefault();
                    dragStart(e.clientX, e.clientY)
                }
            });
            document.addEventListener('mousemove', function (e) {
                if (dragging && Math.abs(e.clientX - dragSX) > 10) dragMoved = true
            });
            document.addEventListener('mouseup', function (e) {
                if (dragging) dragEnd(e.clientX)
            });
            mx.addEventListener('mouseenter', function () {
                stopAuto()
            });
            mx.addEventListener('mouseleave', function () {
                if (!dragging) startAuto()
            });
        }
        startAuto();

function rebuildGal(imgs) {
            stopAuto();
            var m = document.getElementById('udMain'), th = document.getElementById('udThumbs');
            m.querySelectorAll('.ud-slide').forEach(function (s) {
                s.remove()
            });
            th.querySelectorAll('.ud-th').forEach(function (t) {
                t.remove()
            });
            imgs.forEach(function (url, i) {
                var sl = document.createElement('div');
                sl.className = 'ud-slide' + (i === 0 ? ' on' : '');
                sl.dataset.idx = i;
                var im = document.createElement('img');
                im.src = url;
                im.alt = '';
                im.dataset.full = url;
                im.onerror = function () {
                    this.src = 'tti-erp/uploads/icon/placeholder-product.jpg'
                };
                sl.appendChild(im);
                var nv = m.querySelector('.ud-nav-p');
                if (nv) m.insertBefore(sl, nv); else m.appendChild(sl);
                var t = document.createElement('div');
                t.className = 'ud-th' + (i === 0 ? ' on' : '');
                t.dataset.idx = i;
                var ti = document.createElement('img');
                ti.src = url;
                ti.alt = '';
                ti.loading = 'lazy';
                ti.onerror = function () {
                    this.src = 'tti-erp/uploads/icon/placeholder-product.jpg'
                };
                t.appendChild(ti);
                th.appendChild(t);
            });
            var cnt = document.getElementById('udCnt');
            if (cnt) {
                if (imgs.length > 1) {
                    cnt.textContent = '1 / ' + imgs.length;
                    cnt.style.display = ''
                } else cnt.style.display = 'none'
            }
            if (pv) pv.style.display = imgs.length > 1 ? '' : 'none';
            if (nx) nx.style.display = imgs.length > 1 ? '' : 'none';
            ci = 0;
            collectGal();
            bindLBClicks();
            var si = document.getElementById('udStickImg');
            if (si && imgs.length > 0) si.src = imgs[0];
            startAuto();
        }

var lb = document.getElementById('udLB'), lbi = document.getElementById('udLBI'),
            lbc = document.getElementById('udLBCnt'), lbI = 0;

function openLB(i) {
            if (!galImgs.length) return;
            stopAuto();
            lbI = i;
            lbi.src = galImgs[lbI];
            lbc.textContent = (lbI + 1) + ' / ' + galImgs.length;
            lb.classList.add('open');
            document.body.style.overflow = 'hidden'
        }

function closeLB() {
            lb.classList.remove('open');
            document.body.style.overflow = '';
            startAuto()
        }

function lbGo(d) {
            lbI += d;
            if (lbI < 0) lbI = galImgs.length - 1;
            if (lbI >= galImgs.length) lbI = 0;
            lbi.style.opacity = '0';
            setTimeout(function () {
                lbi.src = galImgs[lbI];
                lbi.style.opacity = '1';
                lbc.textContent = (lbI + 1) + ' / ' + galImgs.length
            }, 150)
        }

document.getElementById('udLBX').addEventListener('click', closeLB);
        document.getElementById('udLBP').addEventListener('click', function () {
            lbGo(-1)
        });
        document.getElementById('udLBN').addEventListener('click', function () {
            lbGo(1)
        });
        lb.addEventListener('click', function (e) {
            if (e.target === lb) closeLB()
        });
        document.addEventListener('keydown', function (e) {
            if (!lb.classList.contains('open')) return;
            if (e.key === 'Escape') closeLB();
            if (e.key === 'ArrowLeft') lbGo(-1);
            if (e.key === 'ArrowRight') lbGo(1)
        });
        var lbSx = 0, lbSd = false;
        lb.addEventListener('touchstart', function (e) {
            lbSx = e.touches[0].clientX;
            lbSd = true
        }, {passive: true});
        lb.addEventListener('touchend', function (e) {
            if (!lbSd) return;
            lbSd = false;
            var dx = e.changedTouches[0].clientX - lbSx;
            if (Math.abs(dx) > 40) {
                dx > 0 ? lbGo(-1) : lbGo(1)
            }
        }, {passive: true});

function bindLBClicks() {
            document.querySelectorAll('#udMain .ud-slide img[data-full]').forEach(function (img) {
                img.onclick = function () {
                    if (dragMoved) {
                        dragMoved = false;
                        return
                    }
                    openLB(parseInt(this.closest('.ud-slide').dataset.idx) || 0)
                }
            })
        }

bindLBClicks();

var varTrack = document.getElementById('udVarTrack'), varPrev = document.getElementById('udVarPrev'),
            varNext = document.getElementById('udVarNext');

function checkVarArrows() {
            if (!varTrack) return;
            var sl = varTrack.scrollLeft, sw = varTrack.scrollWidth, cw = varTrack.clientWidth;
            if (varPrev) varPrev.classList.toggle('hide', sl <= 2);
            if (varNext) varNext.classList.toggle('hide', sl + cw >= sw - 2)
        }

if (varTrack) {
            varTrack.addEventListener('scroll', checkVarArrows);
            if (varPrev) varPrev.addEventListener('click', function () {
                varTrack.scrollBy({left: -200, behavior: 'smooth'})
            });
            if (varNext) varNext.addEventListener('click', function () {
                varTrack.scrollBy({left: 200, behavior: 'smooth'})
            });
            setTimeout(checkVarArrows, 100);
            window.addEventListener('resize', checkVarArrows)
        }

function uP(gF, eF, dc) {
            var b = document.getElementById('udPB'), sfp = document.getElementById('udStickFP');
            if (!b) return;
            var nF = nh(gF), nE = eF > 0 ? nh(eF) : 0, h = '', sh = '';
            if (C.ft === 'detayli' && C.ko > 0) {
                var bz = C.kd == 1 ? Math.round((gF / (1 + C.ko / 100)) * 100) / 100 : gF;
                var bE = eF > 0 ? (C.kd == 1 ? Math.round((eF / (1 + C.ko / 100)) * 100) / 100 : eF) : 0;
                h += '<div class="ud-pf-base">';
                if (bE > 0) h += '<span class="ud-pf-old">' + fp(bE) + '</span>';
                h += '<span class="ud-pf-cur" data-base>' + fp(bz) + '</span><span class="ud-pf-tag exc">+KDV</span>';
                h += '</div><div class="ud-pf-sub"><span class="ud-pf-total-lbl">KDV Dahil:</span><span class="ud-pf-total" data-cur>' + fp(nF) + '</span>';
                var t = tlVal(nF);
                if (t) h += '<span class="ud-pf-tl" data-tl> ' + t + ' ₺</span>';
                h += '</div>';
                sh = '<span class="ud-stick-pcur" data-spcur>' + fp(bz) + '</span><span class="ud-stick-ptag exc">+KDV</span>';
            } else {
                h += '<div class="ud-pf-inc-row">';
                if (nE > 0) h += '<span class="ud-pf-old">' + fp(nE) + '</span>';
                h += '<span class="ud-pf-cur" data-cur>' + fp(nF) + '</span>';
                if (C.kb) h += '<span class="ud-pf-tag inc">KDV DAHİL</span>';
                var t2 = tlVal(nF);
                if (t2) h += '<span class="ud-pf-tl" data-tl> ' + t2 + ' ₺</span>';
                h += '</div>';
                sh = '<span class="ud-stick-pcur" data-spcur>' + fp(nF) + '</span>';
                if (C.kb) sh += '<span class="ud-stick-ptag inc">KDV DAHİL</span>';
            }
            b.innerHTML = h;
            if (sfp) sfp.innerHTML = sh;
            var bg = document.getElementById('udBadge');
            if (bg) {
                if (dc > 0) {
                    bg.textContent = '%' + dc;
                    bg.style.display = ''
                } else bg.style.display = 'none'
            }
        }

function uURL(vid) {
            if (C.bk && C.bkv && C.bkv[vid]) {
                window.history.replaceState({v: vid}, '', C.bkv[vid]);
                return;
            }
            if (!C.bs || !C.vs[vid]) return;
            var p = window.location.pathname.split('/'), base = '';
            for (var i = 0; i < p.length; i++) {
                if (p[i] === 'urun') break;
                if (p[i]) base += '/' + p[i]
            }
            window.history.replaceState({v: vid}, '', base + '/urun/' + C.bs + '-' + C.vs[vid])
        }

var vbs = document.querySelectorAll('.ud-vb'), avid = 0;
        document.querySelectorAll('input[name="ud_var"]').forEach(function (inp) {
            if (inp.checked) avid = parseInt(inp.dataset.vid)
        });
        vbs.forEach(function (btn) {
            btn.addEventListener('click', function () {
                var inp = this.querySelector('input[name="ud_var"]');
                if (!inp) return;
                var vid = parseInt(inp.dataset.vid);
                avid = vid;
                vbs.forEach(function (b) {
                    b.classList.remove('on')
                });
                this.classList.add('on');
                uP(parseFloat(inp.dataset.gf), parseFloat(inp.dataset.ef), parseInt(inp.dataset.di));
                var d = inp.dataset.deg;
                var vl = document.getElementById('udVL');
                if (vl) vl.textContent = d ? ' - ' + d : '';
                var vd = document.getElementById('udVD');
                if (vd) vd.textContent = d;
                var sv = document.getElementById('udStickVar');
                if (sv) sv.textContent = C.vn + ': ' + d;
                if (inp.dataset.sku) {
                    var s1 = document.getElementById('udSku');
                    if (s1) s1.textContent = inp.dataset.sku;
                    var s2 = document.getElementById('udSS');
                    if (s2) s2.textContent = inp.dataset.sku
                }
                if (inp.dataset.bar) {
                    var b1 = document.getElementById('udBar');
                    if (b1) b1.textContent = inp.dataset.bar;
                    var b2 = document.getElementById('udSB');
                    if (b2) b2.textContent = inp.dataset.bar
                }
                // ★ NULL KONTROL — misafirde #udAC yok
                var acBtn = document.getElementById('udAC');
                if (acBtn) acBtn.dataset.variantId = vid;

if (C.stokGoster === 1) {
                    var sv = document.getElementById('udStockVal');
                    if (sv && C.varyantStoklar[vid] !== undefined) {
                        sv.textContent = C.varyantStoklar[vid];
                    }
                }

uURL(vid);
                if (C.gm && C.gm[vid]) rebuildGal(C.gm[vid]);
            })
        });

var qi = document.getElementById('udQty'), sqi = document.getElementById('udSQty');

function sq(a, b) {
            if (a && b) b.value = a.value
        }

if (C.cartEnabled) {
            var qm = document.getElementById('udQM');
            var qp = document.getElementById('udQP');
            var sqmBtn = document.getElementById('udSQM');
            var sqpBtn = document.getElementById('udSQP');

if (qm) qm.addEventListener('click', function () {
                var v = parseInt(qi.value) || 1;
                qi.value = Math.max(1, v - 1);
                sq(qi, sqi)
            });
            if (qp) qp.addEventListener('click', function () {
                var v = parseInt(qi.value) || 1;
                qi.value = Math.min(9999, v + 1);
                sq(qi, sqi)
            });
            if (sqmBtn) sqmBtn.addEventListener('click', function () {
                var v = parseInt(sqi.value) || 1;
                sqi.value = Math.max(1, v - 1);
                sq(sqi, qi)
            });
            if (sqpBtn) sqpBtn.addEventListener('click', function () {
                var v = parseInt(sqi.value) || 1;
                sqi.value = Math.min(9999, v + 1);
                sq(sqi, qi)
            });
            if (qi) qi.addEventListener('input', function () {
                sq(qi, sqi)
            });
            if (sqi) sqi.addEventListener('input', function () {
                sq(sqi, qi)
            });

function atc() {
                var m = qi ? (parseInt(qi.value) || 1) : 1;
                if (typeof B2BSepet !== 'undefined') B2BSepet.ekle(C.id, avid || 0, m)
            }

var ac = document.getElementById('udAC');
            var scBtn = document.getElementById('udSC');
            var scmBtn = document.getElementById('udSCM');

if (ac) ac.addEventListener('click', function (e) {
                e.preventDefault();
                atc()
            });
            if (scBtn) scBtn.addEventListener('click', function (e) {
                e.preventDefault();
                atc()
            });
            if (scmBtn) scmBtn.addEventListener('click', function (e) {
                e.preventDefault();
                atc()
            });
        }

// Sticky bar — hem bayi hem misafir için çalışsın
        var stick = document.getElementById('udStick');
        var stickyTarget = document.getElementById('udAC') || document.querySelector('.ud-acts .btn-bayi-giris');
        if (stick && stickyTarget) {
            var obs = new IntersectionObserver(function (en) {
                en.forEach(function (e) {
                    var vis = !e.isIntersecting;
                    stick.classList.toggle('vis', vis);
                    document.body.classList.toggle('ud-stick-active', vis)
                })
            }, {threshold: 0});
            obs.observe(stickyTarget)
        }

document.querySelectorAll('.ud-tab-b').forEach(function (btn) {
            btn.addEventListener('click', function () {
                var t = this.dataset.t;
                document.querySelectorAll('.ud-tab-b').forEach(function (b) {
                    b.classList.remove('on')
                });
                document.querySelectorAll('.ud-tab-p').forEach(function (p) {
                    p.classList.remove('on')
                });
                this.classList.add('on');
                var p = document.querySelector('.ud-tab-p[data-t="' + t + '"]');
                if (p) p.classList.add('on')
            })
        });

// ═══ BENZER — kendi navigation butonlarıyla ═══
                (function () {
            var data = [{"id":"2350","adi":"HADRON HDX4251(2004) NOTEBOOK SOĞUTUCU LEDLİ","marka":"HADRON","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hadron-hdx42512004-notebook-sogutucu-ledli\/hadron-hdx42512004-notebook-sogutucu-ledli-1.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hadron-hdx42512004-notebook-sogutucu-ledli\/hadron-hdx42512004-notebook-sogutucu-ledli-1.jpg","f":13.19,"ef":0,"di":0,"kdv":20,"slug":"hadron-hdx42512004-notebook-sogutucu-ledli","vars":[],"url":"urun\/hadron-hdx42512004-notebook-sogutucu-ledli"},{"id":"5313","adi":"CJ-070 Ayarlanabilir Dizüstü Bilgisayar Soğutma Fanı","marka":"Oem","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/cj-070-ayarlanabilir-dizustu-bilgisayar-sogutma-fa-urun-69c84db673ca8-1774734774.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/cj-070-ayarlanabilir-dizustu-bilgisayar-sogutma-fa-urun-69c84db673ca8-1774734774.jpg","f":14.4,"ef":0,"di":0,"kdv":20,"slug":"cj070-ayarlanabilir-dizustu-bilgisayar-sogutma-fani","vars":[],"url":"urun\/cj070-ayarlanabilir-dizustu-bilgisayar-sogutma-fani"},{"id":"3697","adi":"Newface N66 2  Fanlı Laptop Standı","marka":"Oem","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/newface-n66-2-fanli-laptop-standi\/newface-n66-2-fanli-laptop-standi-1.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/newface-n66-2-fanli-laptop-standi\/newface-n66-2-fanli-laptop-standi-1.jpg","f":12.96,"ef":0,"di":0,"kdv":20,"slug":"newface-n66-2-fanli-laptop-standi","vars":[],"url":"urun\/newface-n66-2-fanli-laptop-standi"},{"id":"4328","adi":"Torima CF-02 Ayarlanabilir Çift Fanlı Dizüstü Bilgisayar Soğutma Fanı","marka":"Torima","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/torima-cf-02-ayarlanabilir-cift-fanli-dizustu-bilgisayar-sogutma-fani\/torima-cf-02-ayarlanabilir-cift-fanli-dizustu-bilgisayar-sogutma-fani-1.jpeg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/torima-cf-02-ayarlanabilir-cift-fanli-dizustu-bilgisayar-sogutma-fani\/torima-cf-02-ayarlanabilir-cift-fanli-dizustu-bilgisayar-sogutma-fani-1.jpeg","f":16.56,"ef":0,"di":0,"kdv":20,"slug":"torima-cf-02-ayarlanabilir-cift-fanli-dizustu-bilgisayar-sogutma-fani","vars":[],"url":"urun\/torima-cf-02-ayarlanabilir-cift-fanli-dizustu-bilgisayar-sogutma-fani"},{"id":"3698","adi":"ALD S200 Dual X2 Fan Laptop Gaming Soğutucu","marka":"Oem","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/ald-s200-dual-x2-fan-laptop-gaming-sogutucu\/ald-s200-dual-x2-fan-laptop-gaming-sogutucu-1.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/ald-s200-dual-x2-fan-laptop-gaming-sogutucu\/ald-s200-dual-x2-fan-laptop-gaming-sogutucu-1.jpg","f":12.96,"ef":0,"di":0,"kdv":20,"slug":"ald-s200-dual-x2-fan-laptop-gaming-sogutucu","vars":[],"url":"urun\/ald-s200-dual-x2-fan-laptop-gaming-sogutucu"},{"id":"4589","adi":"Torima CF-05 Ayarlanabilir Dizüstü Bilgisayar Rgb Soğutma Fanı Siyah","marka":"Torima","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/torima-cf-05-ayarlanabilir-dizustu-bilgisayar-rgb-sogutma-fani-siyah\/torima-cf-05-ayarlanabilir-dizustu-bilgisayar-rgb-sogutma-fani-siyah-1.jpeg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/torima-cf-05-ayarlanabilir-dizustu-bilgisayar-rgb-sogutma-fani-siyah\/torima-cf-05-ayarlanabilir-dizustu-bilgisayar-rgb-sogutma-fani-siyah-1.jpeg","f":40.32,"ef":0,"di":0,"kdv":20,"slug":"torima-cf-05-ayarlanabilir-dizustu-bilgisayar-rgb-sogutma-fani-siyah","vars":[],"url":"urun\/torima-cf-05-ayarlanabilir-dizustu-bilgisayar-rgb-sogutma-fani-siyah"},{"id":"5374","adi":"HDX4254 Laptop Soğutucu 6 Fan LED Telefon Standlı - Siyah","marka":"HADRON","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hdx4254-laptop-sogutucu-6-fan-led-telefon-standli--urun-69dd0f473f17d-1776095047.webp","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hdx4254-laptop-sogutucu-6-fan-led-telefon-standli--urun-69dd0f473f17d-1776095047.webp","f":38.4,"ef":0,"di":0,"kdv":20,"slug":"hdx4254-laptop-sogutucu-6-fan-led-telefon-standli-siyah","vars":[],"url":"urun\/hdx4254-laptop-sogutucu-6-fan-led-telefon-standli-siyah"},{"id":"2910","adi":"HADRON HDX4252(2007) NOTEBOOK SOĞUTUCU LEDLİ ÇİFT FANLI","marka":"HADRON","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hadron-hdx42522007-notebook-sogutucu-ledli-cift-fanli\/hadron-hdx42522007-notebook-sogutucu-ledli-cift-fanli-1.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hadron-hdx42522007-notebook-sogutucu-ledli-cift-fanli\/hadron-hdx42522007-notebook-sogutucu-ledli-cift-fanli-1.jpg","f":16.99,"ef":0,"di":0,"kdv":20,"slug":"hadron-hdx42522007-notebook-sogutucu-ledli-cift-fanli","vars":[],"url":"urun\/hadron-hdx42522007-notebook-sogutucu-ledli-cift-fanli"},{"id":"5388","adi":"BLİC BTS25 RGB 9 Rgb Fanlı Notebook Soğutucu Stand","marka":"Blic","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/blic-bts25-rgb-9-rgb-fanli-notebook-sogutucu-stand-urun-69e1f587836e0-1776416135.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/blic-bts25-rgb-9-rgb-fanli-notebook-sogutucu-stand-urun-69e1f587836e0-1776416135.jpg","f":46.8,"ef":0,"di":0,"kdv":20,"slug":"blic-bts25-rgb-9-rgb-fanli-notebook-sogutucu-stand","vars":[],"url":"urun\/blic-bts25-rgb-9-rgb-fanli-notebook-sogutucu-stand"},{"id":"2909","adi":"HADRON HDXN7 NOTEBOOK SOĞUTUCU LEDLİ 4 FANLI YÜKSEKLİK KADEMELİ","marka":"HADRON","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hadron-hdxn7-notebook-sogutucu-ledli-4-fanli-yukseklik-kademeli\/hadron-hdxn7-notebook-sogutucu-ledli-4-fanli-yukseklik-kademeli-1.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/hadron-hdxn7-notebook-sogutucu-ledli-4-fanli-yukseklik-kademeli\/hadron-hdxn7-notebook-sogutucu-ledli-4-fanli-yukseklik-kademeli-1.jpg","f":26.4,"ef":0,"di":0,"kdv":20,"slug":"hadron-hdxn7-notebook-sogutucu-ledli-4-fanli-yukseklik-kademeli","vars":[],"url":"urun\/hadron-hdxn7-notebook-sogutucu-ledli-4-fanli-yukseklik-kademeli"},{"id":"2597","adi":"PL-9950 AYAKLI KATLANABİLİR NOTEBOOK STAND SOĞUTUCU","marka":"Platoon","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/pl-9950-ayakli-katlanabilir-notebook-stand-sogutucu\/pl-9950-ayakli-katlanabilir-notebook-stand-sogutucu-1.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/pl-9950-ayakli-katlanabilir-notebook-stand-sogutucu\/pl-9950-ayakli-katlanabilir-notebook-stand-sogutucu-1.jpg","f":9.53,"ef":0,"di":0,"kdv":20,"slug":"pl-9950-ayakli-katlanabilir-notebook-stand-sogutucu","vars":[],"url":"urun\/pl-9950-ayakli-katlanabilir-notebook-stand-sogutucu"},{"id":"4186","adi":"Everest SMW-88 Usb 2.4Ghz Kablosuz Mouse","marka":"Everest","img":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/everest-smw-88-usb-24ghz-kablosuz-mouse\/everest-smw-88-usb-24ghz-kablosuz-mouse-1.jpg","hov":"https:\/\/aldbilisim.com\/tti-erp\/uploads\/urunler\/everest-smw-88-usb-24ghz-kablosuz-mouse\/everest-smw-88-usb-24ghz-kablosuz-mouse-1.jpg","f":6.05,"ef":0,"di":0,"kdv":20,"slug":"everest-smw-88-usb-24ghz-kablosuz-mouse","vars":[],"url":"urun\/everest-smw-88-usb-24ghz-kablosuz-mouse"}];
            var grid = document.getElementById('udRelGrid');
            if (!grid || !data.length) return;
            data.forEach(function (u) {
                var img = u.img || 'tti-erp/uploads/icon/placeholder-product.jpg', hov = u.hov || img,
                    uLink = u.url || (u.slug ? 'urun/' + u.slug : 'urun/' + u.id);
                var h = '<div class="swiper-slide"><div class="ud-rc" data-uid="' + u.id + '">';
                h += '<div class="ud-rc-img"><a href="' + esc(uLink) + '"><img class="ri" src="' + esc(img) + '" alt="' + esc(u.adi) + '" loading="lazy" onerror="this.src=\'tti-erp/uploads/icon/placeholder-product.jpg\'"><img class="rh" src="' + esc(hov) + '" alt="' + esc(u.adi) + '" loading="lazy" onerror="this.style.display=\'none\'"></a>';
                if (u.di > 0) h += '<div class="ud-rc-badge">%' + u.di + '</div>';
                h += '</div><div class="ud-rc-body">';
                if (C.mg && u.marka) h += '<div class="ud-rc-brand">' + esc(u.marka) + '</div>';
                h += '<a href="' + esc(uLink) + '" class="ud-rc-title" data-ct>' + esc(u.adi);
                if (u.vars && u.vars.length > 0) h += ' <span data-cvl>- ' + esc(u.vars[0].deg) + '</span>';
                h += '</a>';
                if (u.vars && u.vars.length > 1) {
                    h += '<div class="ud-rc-vars">';
                    u.vars.forEach(function (v, vi) {
                        if (v.img) {
                            h += '<div class="ud-rc-vc' + (vi === 0 ? ' on' : '') + '" data-cvid="' + v.id + '" data-cf="' + v.f + '" data-ce="' + v.ef + '" data-cd="' + v.di + '" data-cdeg="' + esc(v.deg) + '" data-cimg="' + esc(v.img) + '"><img src="' + esc(v.img) + '" alt="' + esc(v.deg) + '" loading="lazy"></div>'
                        }
                    });
                    h += '</div>';
                }
                h += '<div class="ud-rc-price" data-cp>';
                if (u.ef > 0) h += '<span class="po" data-co>' + fp(u.ef) + '</span>';
                h += '<span class="pc" data-cc>' + fp(u.f) + '</span>';
                if (C.kb) h += '<span class="pk">KDV DAHİL</span>';
                h += '</div></div><a href="' + esc(uLink) + '" class="ud-rc-go">Ürünü İncele <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg></a></div></div>';
                grid.insertAdjacentHTML('beforeend', h);
            });
            grid.addEventListener('click', function (e) {
                var vc = e.target.closest('.ud-rc-vc');
                if (!vc) return;
                e.preventDefault();
                e.stopPropagation();
                var card = vc.closest('.ud-rc');
                card.querySelectorAll('.ud-rc-vc').forEach(function (c) {
                    c.classList.remove('on')
                });
                vc.classList.add('on');
                card.classList.add('switching');
                setTimeout(function () {
                    var mi = card.querySelector('.ri');
                    if (mi && vc.dataset.cimg) mi.src = vc.dataset.cimg;
                    var cc = card.querySelector('[data-cc]'), co = card.querySelector('[data-co]');
                    if (cc) cc.textContent = fp(parseFloat(vc.dataset.cf));
                    if (co) {
                        if (parseFloat(vc.dataset.ce) > 0) {
                            co.textContent = fp(parseFloat(vc.dataset.ce));
                            co.style.display = ''
                        } else co.style.display = 'none'
                    }
                    var bg2 = card.querySelector('.ud-rc-badge');
                    if (bg2) {
                        if (parseInt(vc.dataset.cd) > 0) {
                            bg2.textContent = '%' + vc.dataset.cd;
                            bg2.style.display = ''
                        } else bg2.style.display = 'none'
                    }
                    var cvl = card.querySelector('[data-cvl]');
                    if (cvl && vc.dataset.cdeg) cvl.textContent = '- ' + vc.dataset.cdeg;
                    setTimeout(function () {
                        card.classList.remove('switching')
                    }, 50);
                }, 150);
            });

function initRelSw() {
                var el = document.getElementById('udRelSw');
                if (!el || typeof Swiper === 'undefined') return;
                var sw = new Swiper(el, {
                    slidesPerView: 2,
                    spaceBetween: 12,
                    grabCursor: true,
                    allowSlidePrev: true,
                    allowSlideNext: true,
                    navigation: {
                        prevEl: '#udRelPrev',
                        nextEl: '#udRelNext'
                    },
                    breakpoints: {
                        768: {slidesPerView: 3, spaceBetween: 15},
                        1024: {slidesPerView: 4, spaceBetween: 24}
                    }
                });

// Prev/next buton visibility
                function updateNav() {
                    var p = document.getElementById('udRelPrev'), n = document.getElementById('udRelNext');
                    if (p) p.style.opacity = sw.isBeginning ? '0.3' : '1';
                    if (n) n.style.opacity = sw.isEnd ? '0.3' : '1';
                }

sw.on('slideChange', updateNav);
                sw.on('reachBeginning', updateNav);
                sw.on('reachEnd', updateNav);
                updateNav();
            }

setTimeout(initRelSw, 150);

})();
        
    })();

// ═══ İLİŞKİLİ ÜRÜNLER — AKICI DRAG + TOOLTIP ═══
    (function () {
        var links = document.querySelectorAll('.ud-rel-link');
        var track = document.getElementById('udRelVarTrack');
        if (!links.length) return;

// ── TOOLTIP ──
        var tip = document.getElementById('udRelFloatTip');
        if (!tip) {
            tip = document.createElement('div');
            tip.id = 'udRelFloatTip';
            document.body.appendChild(tip);
        }

var activeLink = null;
        var hideTimer = null;

function isMobile() {
            return window.innerWidth < 992;
        }

function showTip(el) {
            var text = el.getAttribute('data-tip-text');
            if (!text) return;

tip.style.display = 'block';
            tip.style.opacity = '0';
            tip.textContent = text;

var rect = el.getBoundingClientRect();
            var tipW = tip.offsetWidth;
            var tipH = tip.offsetHeight;

var left = rect.left + rect.width / 2 - tipW / 2;
            if (left < 8) left = 8;
            if (left + tipW > window.innerWidth - 8) left = window.innerWidth - 8 - tipW;

var top = rect.top - tipH - 10;
            var arrowBottom = true;
            if (top < 8) {
                top = rect.bottom + 10;
                arrowBottom = false;
            }

var arrowLeft = rect.left + rect.width / 2 - left;
            arrowLeft = Math.max(14, Math.min(arrowLeft, tipW - 14));

var arrowStyle = 'position:absolute;left:' + arrowLeft + 'px;width:0;height:0;border:6px solid transparent;';
            if (arrowBottom) {
                arrowStyle += 'bottom:-6px;top:auto;border-top:6px solid var(--main,#1e1e2d);border-bottom:none;';
            } else {
                arrowStyle += 'top:-6px;bottom:auto;border-bottom:6px solid var(--main,#1e1e2d);border-top:none;';
            }

tip.innerHTML = text + '<span style="' + arrowStyle + '"></span>';
            tip.style.left = left + 'px';
            tip.style.top = top + 'px';
            tip.style.opacity = '1';

if (activeLink && activeLink !== el) activeLink.classList.remove('active');
            activeLink = el;
            el.classList.add('active');
        }

function hideTip() {
            tip.style.opacity = '0';
            tip.style.display = 'none';
            if (activeLink) {
                activeLink.classList.remove('active');
                activeLink = null;
            }
            if (hideTimer) {
                clearTimeout(hideTimer);
                hideTimer = null;
            }
        }

// ── DRAG SİSTEMİ ──
        var pressed = false;
        var moved = false;
        var startX = 0;
        var startScroll = 0;
        var velX = 0;
        var prevX = 0;
        var prevTime = 0;
        var rafId = null;

function stopMomentum() {
            if (rafId) {
                cancelAnimationFrame(rafId);
                rafId = null;
            }
        }

function momentum() {
            if (!track || Math.abs(velX) < 0.3) {
                stopMomentum();
                return;
            }
            track.scrollLeft += velX;
            velX *= 0.95;
            rafId = requestAnimationFrame(momentum);
        }

if (track) {
            // Mouse down
            track.addEventListener('mousedown', function (e) {
                if (e.button !== 0) return;
                stopMomentum();
                pressed = true;
                moved = false;
                startX = e.pageX;
                startScroll = track.scrollLeft;
                prevX = e.pageX;
                prevTime = performance.now();
                velX = 0;
                track.style.cursor = 'grabbing';
                hideTip();
            });

// Mouse move
            document.addEventListener('mousemove', function (e) {
                if (!pressed) return;

var dx = e.pageX - startX;

if (Math.abs(dx) > 5) moved = true;

if (moved) {
                    track.scrollLeft = startScroll - dx;

// Hız hesapla
                    var now = performance.now();
                    var dt = now - prevTime;
                    if (dt > 0) {
                        var newVel = -(e.pageX - prevX) / dt * 15;
                        velX = velX * 0.3 + newVel * 0.7; // yumuşatma
                    }
                    prevX = e.pageX;
                    prevTime = now;
                }
            });

// Mouse up
            document.addEventListener('mouseup', function (e) {
                if (!pressed) return;
                pressed = false;
                track.style.cursor = 'grab';

if (moved) {
                    // Momentum
                    if (Math.abs(velX) > 0.5) {
                        rafId = requestAnimationFrame(momentum);
                    }
                }
            });

// Sağ tıklama vs engelle
            track.addEventListener('dragstart', function (e) {
                e.preventDefault();
            });
            track.style.cursor = 'grab';
        }

// ── KUTUCUK OLAYLARI ──
        links.forEach(function (el) {

// Hover → tooltip
            el.addEventListener('mouseenter', function () {
                if (isMobile() || pressed || moved) return;
                showTip(this);
            });

el.addEventListener('mouseleave', function () {
                if (isMobile()) return;
                hideTip();
            });

// Tıklama → sayfaya git (drag olmadıysa)
            el.addEventListener('click', function (e) {
                e.preventDefault();
                e.stopPropagation();

if (isMobile()) return;

// Drag olduysa gitme
                if (moved) {
                    // Sıfırla — bir sonraki tıklama çalışsın
                    requestAnimationFrame(function () {
                        moved = false;
                    });
                    return;
                }

hideTip();
                var href = this.getAttribute('data-href');
                if (href) window.location.href = href;
            });

// ── MOBİL ──
            var tSX = 0, tSY = 0, tMoved = false;

el.addEventListener('touchstart', function (e) {
                tSX = e.touches[0].clientX;
                tSY = e.touches[0].clientY;
                tMoved = false;
            }, {passive: true});

el.addEventListener('touchmove', function (e) {
                if (Math.abs(e.touches[0].clientX - tSX) > 8 || Math.abs(e.touches[0].clientY - tSY) > 8) tMoved = true;
            }, {passive: true});

el.addEventListener('touchend', function (e) {
                if (tMoved) return;
                e.preventDefault();

if (activeLink === this) {
                    var href = this.getAttribute('data-href');
                    if (href) window.location.href = href;
                    return;
                }

hideTip();
                showTip(this);
                hideTimer = setTimeout(hideTip, 3000);
            }, {passive: false});
        });

// Dış dokunma
        document.addEventListener('touchstart', function (e) {
            if (!e.target.closest('.ud-rel-link')) hideTip();
        }, {passive: true});

// Scroll → kapat
        if (track) track.addEventListener('scroll', function () {
            if (!pressed) hideTip();
        });
        window.addEventListener('scroll', hideTip);
        window.addEventListener('resize', hideTip);

// ── OK BUTONLARI ──
        var relPrev = document.getElementById('udRelVarPrev');
        var relNext = document.getElementById('udRelVarNext');

function checkArrows() {
            if (!track) return;
            var sl = track.scrollLeft, sw = track.scrollWidth, cw = track.clientWidth, has = sw > cw + 2;
            if (relPrev) relPrev.classList.toggle('hide', !has || sl <= 2);
            if (relNext) relNext.classList.toggle('hide', !has || sl + cw >= sw - 2);
        }

if (track) {
            track.addEventListener('scroll', checkArrows);
            if (relPrev) relPrev.addEventListener('click', function () {
                stopMomentum();
                track.scrollBy({left: -200, behavior: 'smooth'});
            });
            if (relNext) relNext.addEventListener('click', function () {
                stopMomentum();
                track.scrollBy({left: 200, behavior: 'smooth'});
            });
            setTimeout(checkArrows, 100);
            window.addEventListener('resize', checkArrows);
        }
    })();

</script>

<style>
        /* ═══════════════════════════════════════
           FOOTER DİNAMİK CSS v3.1
           Koyu/Açık mod tam uyumlu
           ═══════════════════════════════════════ */

/* === ANA YAPI === */
        #footer {
            background-color: #f1f5f9;
            color: #64748b;
        }

#footer .footer-body {
            padding-bottom: 20px;
        }

#footer .footer-body > .container {
         border-top: 1px solid#e2e8f0;
                }

@media (min-width: 992px) {
            #footer .footer-body > .container {
                padding-top: 55px;
            }
        }

/* === BAŞLIKLAR === */
        #footer .footer-heading h6,
        #footer .footer-heading-desktop h6,
        #footer .footer-heading-moblie h6 {
            color: #1e293b !important;
        }

/* === ★★★ MENÜ LİNKLERİ — Tam Kontrol === */
        #footer .footer-menu-list .footer-menu_item,
        #footer ul.footer-menu-list li a,
        #footer .footer-menu-list a {
            color: #64748b !important;
            transition: color 0.25s ease, padding-left 0.25s ease;
        }

#footer .footer-menu-list .footer-menu_item:hover,
        #footer ul.footer-menu-list li a:hover,
        #footer .footer-menu-list a:hover {
            color: #000000 !important;
                }

/* === ★★★ GENEL FOOTER LİNKLER (footer-menu_item class) === */
        #footer a.footer-menu_item,
        #footer .footer-menu_item a {
            color: #64748b !important;
        }

#footer a.footer-menu_item:hover,
        #footer .footer-menu_item a:hover {
            color: #000000 !important;
        }

/* === FOOTER INFOR (Logo bölümü altındaki text) === */
        #footer .footer-infor p,
        #footer .footer-infor {
            color: #64748b;
        }

#footer .footer-infor {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: clamp(10px, 1vw, 17px);
            height: 100%;
        }

#footer .footer-infor > .footer-logo,
        #footer .footer-infor > p,
        #footer .footer-infor > .footer-contact-list,
        #footer .footer-infor > .tf-social-icon {
            margin-top: 0;
            margin-bottom: 0;
        }

/* === İLETİŞİM LİSTESİ === */
        #footer .footer-contact-list {
            list-style: none;
            padding: 0;
            margin: 0 0 15px 0;
        }

#footer .footer-contact-list li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 12px;
            font-size: 14px;
            line-height: 1.5;
        }

#footer .footer-contact-list li:last-child {
            margin-bottom: 0;
        }

#footer .footer-contact-list li span {
            color: #64748b;
        }

#footer .footer-contact-list li a {
            color: #64748b !important;
            text-decoration: none;
            transition: color 0.25s ease;
        }

#footer .footer-contact-list li a:hover {
            color: #000000 !important;
        }

/* === İLETİŞİM İKONLARI === */
        #footer .footer-contact-icon {
            flex-shrink: 0;
            margin-top: 2px;
            stroke: #6b7280;
            transition: stroke 0.2s ease;
        }

#footer .footer-contact-icon.icon-wa {
            fill: #25D366;
            stroke: none;
        }

#footer .footer-contact-list li:has(a[href^="tel"]) .footer-contact-icon {
            stroke: #3b82f6;
        }

#footer .footer-contact-list li:has(a[href^="mailto"]) .footer-contact-icon {
            stroke: #ef4444;
        }

/* Hover'da ikon da renk değiştirsin */
        #footer .footer-contact-list li:hover .footer-contact-icon {
            stroke: #000000;
        }

#footer .footer-contact-list li:hover .footer-contact-icon.icon-wa {
            stroke: none;
            fill: #000000;
        }

/* === ★★★ SOSYAL İKONLAR === */
        #footer .tf-social-icon.footer-social {
            margin-top: 15px;
        }

#footer .tf-social-icon.footer-social .box-icon {
            width: 28px;
            height: 28px;
            color: #64748b !important;
            border-color: #64748b !important;
            background: transparent !important;
            transition: all 0.25s ease;
                }

#footer .tf-social-icon.footer-social .box-icon:hover {
            color: #000000 !important;
            border-color: #000000 !important;
            background: transparent !important;
        }

#footer .tf-social-icon.footer-social .box-icon i {
            color: inherit !important;
        }

/* === YOL TARİFİ BUTONU === */
        #footer .tf-btn.btn-line {
            color: #64748b !important;
        }

#footer .tf-btn.btn-line::after {
            background-color: #64748b !important;
        }

#footer .tf-btn.btn-line:hover {
            color: #000000 !important;
        }

#footer .tf-btn.btn-line:hover::after {
            background-color: #000000 !important;
        }

/* === BADGE === */
        #footer .menu-badge {
            display: inline-block;
            padding: 2px 6px;
            font-size: 9px;
            font-weight: 600;
            border-radius: 3px;
            margin-left: 6px;
            text-transform: uppercase;
        }

/* === ★ ÖDEME KARTLARI === */
        #footer .tf-payment-custom {
            display: flex;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
        }

#footer .tf-payment-custom .payment-item {
            padding: 4px 8px;
            background: transparent;
            border: none;
            border-radius: 4px;
            display: flex;
            align-items: center;
        }

#footer .tf-payment-custom .payment-item img {
            height: 20px;
            width: auto;
            object-fit: contain;
        }

/* === ★ ALT FOOTER LINKLER === */
        #footer .footer-bottom-links {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

#footer .footer-bottom-links a {
            color: #64748b !important;
            font-size: 14px;
            text-decoration: none;
            transition: color 0.25s ease;
        }

#footer .footer-bottom-links a:hover {
            color: #000000 !important;
        }

/* === ★ FOOTER BOTTOM === */
        
        #footer .footer-bottom-wrap {
            border-top: 1px solid#e2e8f0;
        }

#footer .footer-bottom .footer-menu_item {
            color: #64748b !important;
        }

/* === TİP 2 ORTALANMIŞ === */
        #footer .footer-centered-section {
            text-align: center;
            padding-bottom: 35px;
            margin-top: 10px;
            margin-bottom: 35px;
            border-bottom: 1px solid#e2e8f0;
        }

#footer .footer-centered-section .footer-logo {
            margin-bottom: 15px;
        }

#footer .footer-centered-section .footer-desc {
            max-width: 500px;
            margin: 0 auto 0;
            font-size: 14px;
            line-height: 1.6;
            color: #64748b;
        }

#footer .footer-centered-section .footer-contact-list {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            text-align: left;
            margin-bottom: 15px;
        }

#footer .footer-centered-section .tf-btn {
            display: inline-flex;
        }

#footer .footer-centered-section .tf-social-icon.footer-social {
            justify-content: center;
            margin-top: 20px;
        }

/* === ★ MOBİL ACCORDION === */
        
        /* === ★ KOYU MODDA SEÇİM / FOCUS RENKLERİ === */
        
        /* ═══════════════════════════════════════
           TTİ POWERED BY - Footer İmza (Border yok)
           ═══════════════════════════════════════ */
        #footer .tti-sig-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 4px 10px 4px 4px;
            background: transparent;
            border: none;
            border-radius: 100px;
            text-decoration: none !important;
            color: #6B7280 !important;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 0;
            cursor: pointer;
            overflow: hidden;
            position: relative;
            transition:
                    color 0.4s ease,
                    background 0.4s ease;
            white-space: nowrap;
            line-height: 1;
        }

#footer .tti-sig-link::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(135deg,
            rgba(147, 51, 234, 0.08),
            rgba(91, 59, 232, 0.08));
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: 0;
            pointer-events: none;
        }

#footer .tti-sig-link:hover {
            color: #4527C4 !important;
        }

#footer .tti-sig-link:hover::before {
            opacity: 1;
        }

/* LOGO */
        #footer .tti-sig-logo {
            position: relative;
            width: 22px;
            height: 22px;
            flex-shrink: 0;
            z-index: 2;
            transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
        }

#footer .tti-sig-link:hover .tti-sig-logo {
            transform: rotate(360deg);
        }

#footer .tti-sig-logo svg {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 5px;
            box-shadow: 0 1px 4px rgba(147, 51, 234, 0.2);
            transition: box-shadow 0.4s ease;
        }

#footer .tti-sig-link:hover .tti-sig-logo svg {
            box-shadow: 0 2px 10px rgba(147, 51, 234, 0.4);
        }

/* METİN - iki ayrı satır, hover'da yer değiştirir */
        #footer .tti-sig-text {
            position: relative;
            display: inline-flex;
            align-items: center;
            height: 20px;
            overflow: hidden;
            z-index: 2;
        }

#footer .tti-sig-default,
        #footer .tti-sig-hover {
            display: inline-flex;
            align-items: center;
            height: 20px;
            line-height: 1;
            padding: 2px 0;
            transition:
                    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),
                    opacity 0.35s ease;
            white-space: nowrap;
        }

#footer .tti-sig-default {
            transform: translateY(0);
            opacity: 1;
        }

#footer .tti-sig-default strong {
            background: linear-gradient(135deg, #9333EA, #5B3BE8);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 700;
            margin-right: 4px;
        }

#footer .tti-sig-hover {
            position: absolute;
            top: 0;
            left: 0;
            transform: translateY(100%);
            opacity: 0;
            font-style: italic;
            font-weight: 600;
            background: linear-gradient(135deg, #9333EA, #5B3BE8);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

#footer .tti-sig-link:hover .tti-sig-default {
            transform: translateY(-100%);
            opacity: 0;
        }

#footer .tti-sig-link:hover .tti-sig-hover {
            transform: translateY(0);
            opacity: 1;
        }

@media (max-width: 768px) {
            #footer .tti-sig-link {
                font-size: 12px;
                padding: 3px 8px 3px 3px;
                gap: 7px;
            }
            #footer .tti-sig-logo {
                width: 20px;
                height: 20px;
            }
            #footer .tti-sig-text,
            #footer .tti-sig-default,
            #footer .tti-sig-hover {
                height: 18px;
            }
        }

@media (prefers-reduced-motion: reduce) {
            #footer .tti-sig-link,
            #footer .tti-sig-logo,
            #footer .tti-sig-default,
            #footer .tti-sig-hover {
                transition: color 0.2s, opacity 0.2s !important;
            }
            #footer .tti-sig-link:hover .tti-sig-logo {
                transform: none;
            }
        }
    </style>

<div class="tf-toolbar-bottom type-1150">
                            <div class="toolbar-item">
                    <a href="#mobileMenu" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft">
                        <div class="toolbar-icon">
                            <i class="icon-shop"></i>
                                                    </div>
                        <div class="toolbar-label">Kategoriler</div>
                    </a>
                </div>
                            <div class="toolbar-item">
                    <a href="#canvasSearch" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft">
                        <div class="toolbar-icon">
                            <i class="icon-search"></i>
                                                    </div>
                        <div class="toolbar-label">Ara</div>
                    </a>
                </div>
                            <div class="toolbar-item">
                    <a href="https://aldbilisim.com/">
                        <div class="toolbar-icon">
                            <i class="icon-home"></i>
                                                    </div>
                        <div class="toolbar-label">Anasayfa</div>
                    </a>
                </div>
                            <div class="toolbar-item">
                    <a href="#login" data-bs-toggle="modal">
                        <div class="toolbar-icon">
                            <i class="icon-account"></i>
                                                    </div>
                        <div class="toolbar-label">Giriş Yap</div>
                    </a>
                </div>
                            <div class="toolbar-item">
                    <a href="#shoppingCart" data-bs-toggle="modal">
                        <div class="toolbar-icon">
                            <i class="icon-bag"></i>
                                                            <div class="toolbar-count" data-badge="sepet">0
                                </div>
                                                    </div>
                        <div class="toolbar-label">Sepet</div>
                    </a>
                </div>
                    </div>
    
    <footer id="footer" class="footer md-pb-70">
        <div class="footer-wrap">
            <div class="footer-body">
                <div class="container">

<div class="row">
                                                    <div class="col-xl-3 col-md-6 col-12">
                                <div class="footer-infor">
                                                                            <div class="footer-logo"><a href="https://aldbilisim.com"><img
                                                    src="uploads/footer/footer-logo-footer-logo-1774199998-1198.webp" alt=""
                                                    style="max-width:300px;max-height:100px;"></a>
                                        </div>
                                                                                                                <p>Kaliteli Teknoloji, Uygun Fiyat</p>
                                                                        <ul class="footer-contact-list"><li><svg class="footer-contact-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg><span>Tekstilkent Cd. 10AC, 34235 Esenler İstanbul</span></li><li><svg class="footer-contact-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><a href="tel:05439384328">0543 938 4328</a></li><li><svg class="footer-contact-icon icon-wa" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg><a href="https://wa.me/905439384328?text=Merhaba%2C+hizmetleriniz+hakk%C4%B1nda+bilgi+almak+istiyorum." target="_blank">0543 938 4328</a></li></ul>                                                                                                        </div>
                            </div>
                        
                                                    <div
                                class="col-xl-3 col-md-6 col-12 footer-col-block">
                                <div class="footer-heading footer-heading-desktop">
                                    <h6>Kategoriler</h6></div>
                                <div class="footer-heading footer-heading-moblie">
                                    <h6>Kategoriler</h6></div>

<ul class="footer-menu-list tf-collapse-content">
                                                                                    <li><a href="https://aldbilisim.com/kategori/hdmi-kablolar"
                                                   class="footer-menu_item">HDMI Kablolar</a>
                                            </li>
                                                                                    <li><a href="https://aldbilisim.com/kategori/kablosuz-mouse"
                                                   class="footer-menu_item">Kablosuz Mouse</a>
                                            </li>
                                                                                    <li><a href="https://aldbilisim.com/kategori/klavye-setler"
                                                   class="footer-menu_item">Klavye Setler</a>
                                            </li>
                                                                                    <li><a href="https://aldbilisim.com/kategori/outlet"
                                                   class="footer-menu_item">Outlet</a>
                                            </li>
                                                                                    <li><a href="https://aldbilisim.com/kategori/oyuncu-kulaklik"
                                                   class="footer-menu_item">Oyuncu Kulaklık</a>
                                            </li>
                                                                            </ul>

</div>
                                                    <div
                                class="col-xl-3 col-md-6 col-12 footer-col-block">
                                <div class="footer-heading footer-heading-desktop">
                                    <h6>Yasal Bilgilendirme</h6></div>
                                <div class="footer-heading footer-heading-moblie">
                                    <h6>Yasal Bilgilendirme</h6></div>

<ul class="footer-menu-list tf-collapse-content">
                                                                                    <li><a href="https://aldbilisim.com/sozlesme/mesafeli-satis-sozlesmesi"
                                                   class="footer-menu_item">Mesafeli Satış Sözleşmesi                                                </a></li>
                                                                                    <li><a href="https://aldbilisim.com/sozlesme/iade-ve-teslimat-kosullari"
                                                   class="footer-menu_item">İade ve Teslimat Koşulları                                                </a></li>
                                                                                    <li><a href="https://aldbilisim.com/sozlesme/kisisel-verilerin-korunmasi-ve-islenmesi-politikasi"
                                                   class="footer-menu_item">Kişisel Verilerin Korunması ve İşlenmesi Politikası                                                </a></li>
                                                                                    <li><a href="https://aldbilisim.com/sozlesme/gizlilik-politikasi"
                                                   class="footer-menu_item">Gizlilik Politikası                                                </a></li>
                                                                            </ul>

</div>
                                                    <div
                                class="col-xl-3 col-md-6 col-12 footer-col-block">
                                <div class="footer-heading footer-heading-desktop">
                                    <h6>Ald Bilişim</h6></div>
                                <div class="footer-heading footer-heading-moblie">
                                    <h6>Ald Bilişim</h6></div>

<div class="tf-collapse-content">
                                        <ul class="footer-contact-list"><li><svg class="footer-contact-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg><a href="tel:05439384328">0543 938 4328</a></li><li><svg class="footer-contact-icon icon-wa" width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg><a href="https://wa.me/905439384328?text=Merhaba%2C+hizmetleriniz+hakk%C4%B1nda+bilgi+almak+istiyorum." target="_blank">0543 938 4328</a></li><li><svg class="footer-contact-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg><a href="mailto:info@aldbilisim.com">info@aldbilisim.com</a></li></ul>                                                                            </div>

</div>
                                            </div>
                </div>
            </div>

<div class="footer-bottom">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <div
                                    class="footer-bottom-wrap d-flex gap-20 flex-wrap justify-content-between align-items-center">
                                    <div
                                        class="footer-menu_item">© 2026 TTI. Tüm Hakları Saklıdır.</div>
                                    <div class="footer-bottom-links">
                                        
                                        
                                        <a href="https://www.ttiyazilim.com"
                                           target="_blank"
                                           rel="noopener"
                                           class="tti-sig-link"
                                           aria-label="TTİ Yazılım altyapısı ile hazırlanmıştır">

<span class="tti-sig-logo" aria-hidden="true">
                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
                <defs>
                                            
                        <linearGradient id="ttiSig_6aab7e9597ebc" x1="0%" y1="0%" x2="100%" y2="100%">
                            <stop offset="0%" stop-color="#100C27"/>
                            <stop offset="100%" stop-color="#2E2A45"/>
                        </linearGradient>
                                    </defs>
                <rect width="64" height="64" rx="14" fill="url(#ttiSig_6aab7e9597ebc)"/>
                <text x="50%" y="50%"
                      text-anchor="middle"
                      dominant-baseline="central"
                      font-family="Georgia, 'Times New Roman', serif"
                      font-size="32"
                      font-style="italic"
                      font-weight="500"
                      fill="#FFFFFF">TT<tspan fill="#9333EA">İ</tspan></text>
            </svg>
        </span>

<span class="tti-sig-text">
            <span class="tti-sig-default">
                <strong>TTİ Yazılım</strong> altyapısıyla hazırlanmıştır
            </span>
            <span class="tti-sig-hover">
                Yazılımla büyüyen işletmeler.
            </span>
        </span>
                                        </a>
                                    </div>
                                                                            <div class="tf-payment-custom">
                                                                                            <div class="payment-item"
                                                     title="Visa"><img
                                                        src="uploads/footer/odeme/odeme-visa-1774199915-38aa.png"
                                                        alt="Visa"></div>
                                                                                            <div class="payment-item"
                                                     title="Mastercard"><img
                                                        src="uploads/footer/odeme/odeme-mastercard-1774199915-4b67.png"
                                                        alt="Mastercard"></div>
                                                                                            <div class="payment-item"
                                                     title="Troy"><img
                                                        src="uploads/footer/odeme/odeme-troy-1774199915-59ec.jpg"
                                                        alt="Troy"></div>
                                                                                    </div>
                                                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                    </div>
    </footer>

<div class="offcanvas offcanvas-end canvas-search" id="canvasSearch">
        <div class="canvas-wrapper">
            <header class="tf-search-head">
                <div class="title fw-5">
                    Ürün Ara
                    <div class="close">
                        <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span>
                    </div>
                </div>
                <div class="tf-search-sticky">
                    <form class="tf-mini-search-frm b2b-search-frm" id="b2bSearchForm" autocomplete="off">
                        <fieldset class="text b2b-search-field">
                            <input type="text" placeholder="Ürün adı, kodu veya barkod..."
                                   id="b2bSearchInput" name="q" tabindex="0" value=""
                                   autocomplete="off" spellcheck="false">
                        </fieldset>
                        
                        <button type="button" class="b2b-search-clear" id="b2bSearchClear">
                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                 stroke-width="2.5" stroke-linecap="round">
                                <line x1="18" y1="6" x2="6" y2="18"/>
                                <line x1="6" y1="6" x2="18" y2="18"/>
                            </svg>
                        </button>
                        <button class="" type="submit"><i class="icon-search"></i></button>
                    </form>
                </div>
            </header>
            <div class="canvas-body p-0">
                <div class="tf-search-content" id="b2bSearchContent">

<div id="b2bSearchDefault" class="tf-cart-hide-has-results">
                        <div class="tf-col-quicklink">
                            <div class="tf-search-content-title fw-5">Popüler Aramalar</div>
                            <ul class="tf-quicklink-list" id="b2bQuickLinks"></ul>
                        </div>
                    </div>

<div id="b2bSearchLoading" style="display:none;" class="text-center py-5">
                        <div class="spinner-border spinner-border-sm text-secondary"></div>
                        <p class="mt-2 text-secondary" style="font-size:13px;">Aranıyor...</p>
                    </div>

<div id="b2bSearchResults" style="display:none;">
                        <div id="b2bSearchKategoriler" style="display:none;">
                            <div class="b2bs-section-title">Kategoriler</div>
                            <div class="b2bs-kat-list" id="b2bKatList"></div>
                        </div>
                        <div id="b2bSearchUrunler">
                            <div class="b2bs-section-title">Ürünler <span class="b2bs-count" id="b2bResultCount"></span>
                            </div>
                            <div class="b2bs-urun-list" id="b2bUrunList"></div>
                        </div>
                        <div class="b2bs-all-link" id="b2bAllLink" style="display:none;">
                            <a href="#" id="b2bAllLinkBtn">
                                Tüm sonuçları gör
                                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                     stroke-width="2.5">
                                    <polyline points="9 18 15 12 9 6"/>
                                </svg>
                            </a>
                        </div>
                    </div>

<div id="b2bSearchEmpty" style="display:none;" class="text-center py-5">
                        <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                             stroke-width="1" style="opacity:.3">
                            <circle cx="11" cy="11" r="8"/>
                            <line x1="21" y1="21" x2="16.65" y2="16.65"/>
                            <line x1="8" y1="11" x2="14" y2="11"/>
                        </svg>
                        <p class="mt-3" style="font-size:14px;color:var(--text-2);">
                            <strong id="b2bEmptyQuery"></strong> için sonuç bulunamadı
                        </p>
                        <p style="font-size:12px;color:var(--text-3);">Farklı anahtar kelimeler deneyin</p>
                    </div>

</div>
            </div>
        </div>
    </div>

<div class="modal modalCentered fade form-sign-in modal-part-content" id="login">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="header">
                    <div class="demo-title">Bayi Girişi</div>
                    <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
                </div>
                <div class="tf-login-form">
                    <form id="loginForm">
                        <div id="loginAlert" class="alert d-none mb-3"></div>
                        <div class="tf-field style-1">
                            <input class="tf-field-input tf-input" placeholder=" " type="text" name="username"
                                   id="loginUsername" required>
                            <label class="tf-field-label">Kullanıcı Adı veya Email *</label>
                        </div>
                        <div class="tf-field style-1">
                            <input class="tf-field-input tf-input" placeholder=" " type="password" name="password"
                                   id="loginPassword" required>
                            <label class="tf-field-label">Şifre *</label>
                        </div>
                        <div>
                            <a href="#forgotPassword" data-bs-toggle="modal" class="btn-link link">Şifrenizi mi
                                unuttunuz?</a>
                        </div>
                        <div class="bottom">
                            <div class="w-100">
                                <button type="submit"
                                        class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"
                                        id="loginSubmitBtn">
                                    <span>Giriş Yap</span>
                                </button>
                            </div>
                            <div class="w-100">
                                <a href="#bayiBasvuru" data-bs-toggle="modal" class="btn-link fw-6 w-100 link">
                                    Bayi değil misiniz? Başvuru yapın <i class="icon icon-arrow1-top-left"></i>
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

<div class="modal modalCentered fade form-sign-in modal-part-content" id="forgotPassword">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="header">
                    <div class="demo-title">Şifremi Unuttum</div>
                    <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
                </div>
                <div class="tf-login-form">
                    <form id="forgotPasswordForm">
                        <div id="forgotAlert" class="alert d-none mb-3"></div>
                        <div>
                            <p>Kayıtlı email adresinizi girin, <strong>yeni bir şifre oluşturup</strong> size
                                göndereceğiz.</p>
                        </div>
                        <div class="tf-field style-1">
                            <input class="tf-field-input tf-input" placeholder=" " type="email" name="email"
                                   id="forgotEmail" required>
                            <label class="tf-field-label">Email *</label>
                        </div>
                        <div><a href="#login" data-bs-toggle="modal" class="btn-link link">Giriş sayfasına dön</a></div>
                        <div class="bottom">
                            <div class="w-100">
                                <button type="submit"
                                        class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"
                                        id="forgotSubmitBtn">
                                    <span>Yeni Şifre Gönder</span>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

<div class="modal modalCentered fade form-sign-in modal-part-content" id="bayiBasvuru">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="header">
                    <div class="demo-title">Bayi Başvurusu</div>
                    <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
                </div>
                <div class="bb-form-body">
                    <form id="bayiBasvuruForm" autocomplete="off">
                        <div id="basvuruAlert" class="alert d-none mb-3"></div>

<div class="bb-steps">
                            <div class="bb-step active" data-step="1"><span class="bb-step-num">1</span><span
                                    class="bb-step-txt">Kişisel</span></div>
                            <div class="bb-step-line"></div>
                            <div class="bb-step" data-step="2"><span class="bb-step-num">2</span><span
                                    class="bb-step-txt">Adres</span></div>
                            <div class="bb-step-line"></div>
                            <div class="bb-step" data-step="3"><span class="bb-step-num">3</span><span
                                    class="bb-step-txt">Vergi</span></div>
                        </div>

<div class="bb-panel" id="bbStep1">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="bb-field">
                                        <label class="bb-label">Ad Soyad <span>*</span></label>
                                        <input type="text" class="bb-input" name="ad_soyad" id="bbAdSoyad" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="bb-field">
                                        <label class="bb-label">E-Posta Adresi <span>*</span></label>
                                        <input type="email" class="bb-input" name="email" id="bbEmail" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="bb-field">
                                        <label class="bb-label">Cep Telefonu <span>*</span></label>
                                        <input type="tel" class="bb-input" name="telefon" id="bbTelefon" required
                                               placeholder="05XX XXX XX XX">
                                    </div>
                                </div>
                                <div class="col-md-6"></div>
                                <div class="col-md-6">
                                    <div class="bb-field">
                                        <label class="bb-label">Şifre <span>*</span></label>
                                        <input type="password" class="bb-input" name="sifre" id="bbSifre" required
                                               minlength="6">
                                        <small class="bb-hint">En az 6 karakter</small>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="bb-field">
                                        <label class="bb-label">Şifre Tekrar <span>*</span></label>
                                        <input type="password" class="bb-input" name="sifre_tekrar" id="bbSifreTekrar"
                                               required minlength="6">
                                    </div>
                                </div>
                            </div>
                            <div class="bb-actions">
                                <div></div>
                                <button type="button" class="bb-btn bb-btn-next" data-next="2">Devam Et <i
                                        class="icon icon-arrow-right"></i></button>
                            </div>
                        </div>

<div class="bb-panel" id="bbStep2" style="display:none;">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="bb-field">
                                        <label class="bb-label">İl <span>*</span></label>
                                        <select class="bb-select" name="il" id="bbIl" required>
                                            <option value="">İl seçiniz</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="bb-field">
                                        <label class="bb-label">İlçe <span>*</span></label>
                                        <select class="bb-select" name="ilce" id="bbIlce" required>
                                            <option value="">Önce il seçin</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <div class="bb-field">
                                        <label class="bb-label">Açık Adres <span>*</span></label>
                                        <textarea class="bb-input bb-textarea" name="adres" id="bbAdres" rows="3"
                                                  required>

Ücretsiz kargo için daha ekleyin

Sepetiniz boş

Alışverişe Başla