= 900 && openMenu !== null) { clearTimeout(closeTimer); openMenu = null; }" @keydown.escape.window="openMenu = null" x-effect="document.body.classList.toggle('tk-mm-open', openMenu === 'all' && innerWidth <= 900)" x-data="{
openMenu: null, closeTimer: null,
openM(id) { clearTimeout(this.closeTimer); this.openMenu = id; },
scheduleClose(id) { if (innerWidth < 900) { return; } clearTimeout(this.closeTimer); this.closeTimer = setTimeout(() => { if (this.openMenu === id) { this.openMenu = null; } }, 350); },
}" style="height:54px;display:flex;align-items:center;gap:26px;padding:0 40px;font-size:15px;font-weight:700;color:#1c1c1c;overflow-x:auto">
Tüm Kategoriler
Kategoriler
activeRoot = 79, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 79" :class="activeRoot === 79 ? 'active' : ''">
Bilgisayarlar
activeRoot = 299, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 299" :class="activeRoot === 299 ? 'active' : ''">
Sağlık Teknolojisi
activeRoot = 303, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 303" :class="activeRoot === 303 ? 'active' : ''">
Tüketici Elektroniği
activeRoot = 86, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 86" :class="activeRoot === 86 ? 'active' : ''">
Bilgisayar Bileşenleri
activeRoot = 94, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 94" :class="activeRoot === 94 ? 'active' : ''">
Veri Depolama
activeRoot = 101, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 101" :class="activeRoot === 101 ? 'active' : ''">
Monitör
activeRoot = 105, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 105" :class="activeRoot === 105 ? 'active' : ''">
Ağ Ürünleri
activeRoot = 112, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 112" :class="activeRoot === 112 ? 'active' : ''">
Güvenlik Sistemleri
activeRoot = 118, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 118" :class="activeRoot === 118 ? 'active' : ''">
Çevre Birimleri
activeRoot = 124, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 124" :class="activeRoot === 124 ? 'active' : ''">
Oyuncu Donanımları
activeRoot = 130, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 130" :class="activeRoot === 130 ? 'active' : ''">
Kulaklık & Ses
activeRoot = 135, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 135" :class="activeRoot === 135 ? 'active' : ''">
Yazıcı & Sarf
activeRoot = 142, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 142" :class="activeRoot === 142 ? 'active' : ''">
Projeksiyon
activeRoot = 146, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 146" :class="activeRoot === 146 ? 'active' : ''">
TV & Görüntü
activeRoot = 152, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 152" :class="activeRoot === 152 ? 'active' : ''">
Telefon & Tablet
activeRoot = 158, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 158" :class="activeRoot === 158 ? 'active' : ''">
Güç & UPS
activeRoot = 162, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 162" :class="activeRoot === 162 ? 'active' : ''">
Yazılım & Lisans
activeRoot = 166, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 166" :class="activeRoot === 166 ? 'active' : ''">
Foto & Kamera
activeRoot = 171, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 171" :class="activeRoot === 171 ? 'active' : ''">
Oyun Konsolları
activeRoot = 308, 110)" @mouseleave="clearTimeout(intent)" @click="clearTimeout(intent); activeRoot = 308" :class="activeRoot === 308 ? 'active' : ''">
3D Baskı Ürünleri
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(112)" class="tk-nav-item">
Güvenlik Sistemleri
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(79)" class="tk-nav-item">
Bilgisayarlar
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(105)" class="tk-nav-item">
Ağ Ürünleri
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(303)" class="tk-nav-item">
Tüketici Elektroniği
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(118)" class="tk-nav-item">
Çevre Birimleri
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(152)" class="tk-nav-item">
Telefon & Tablet
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(166)" class="tk-nav-item">
Foto & Kamera
{ const drop = $el.querySelector('.tk-nav-drop'); if (! drop) return; const r = $el.querySelector('a').getBoundingClientRect(); const w = drop.offsetWidth, vw = document.documentElement.clientWidth; drop.style.left = Math.min(Math.max(r.left + r.width / 2, w / 2 + 8), vw - w / 2 - 8) + 'px'; drop.style.top = (r.bottom + 14) + 'px'; })"
@mouseleave="scheduleClose(94)" class="tk-nav-item">
Veri Depolama