(function () { // CSS var style = document.createElement('style'); style.textContent = ` .bg-badge { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 3px 6px; height: 28px; box-sizing: border-box; background: #f9f7f4; border: 1px solid #e0dbd4; border-left: 2px solid #1a1a1a; border-radius: 3px; font-family: arimo, sans-serif; } .bg-badge .bg-left { display: flex; flex-direction: column; justify-content: center; gap: 1px; min-width: 0; overflow: hidden; flex: 1; } .bg-badge .bg-event-tag { font-size: 7.5px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: #666; white-space: nowrap; line-height: 1.2; } .bg-badge .bg-main-text { font-size: 10px; font-weight: 700; letter-spacing: 0.01em; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } .bg-badge .bg-right { display: flex; align-items: center; flex-shrink: 0; padding-left: 6px; gap: 1px; } .bg-badge .bg-plus-sign { font-size: 9px; font-weight: 700; color: #333; line-height: 1; } .bg-badge .bg-num { font-size: 14px; font-weight: 800; color: #111; line-height: 1; letter-spacing: -0.02em; } .bg-badge .bg-unit { display: flex; flex-direction: column; margin-left: 1px; align-self: center; } .bg-badge .bg-unit-pct { font-size: 9px; font-weight: 800; color: #111; line-height: 1; } .bg-badge .bg-unit-indirim { font-size: 6.5px; font-weight: 600; color: #555; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.3; margin-top: 1px; } @media (max-width: 600px) { .bg-badge { height: 26px; padding: 2px 5px; } .bg-badge .bg-event-tag { font-size: 7px; } .bg-badge .bg-main-text { font-size: 9px; } .bg-badge .bg-num { font-size: 12px; } .bg-badge .bg-unit-pct { font-size: 8px; } .bg-badge .bg-unit-indirim { font-size: 6px; } .bg-badge .bg-right { padding-left: 4px; } } .productItem { margin-bottom: 36px !important; } `; document.head.appendChild(style); // Badge ekle function addBadges() { document.querySelectorAll('.productItem .productDetail').forEach(function (detail) { if (detail.querySelector('.bg-badge')) return; var badge = document.createElement('div'); badge.className = 'bg-badge'; badge.innerHTML = '' + ''; detail.appendChild(badge); }); } // Genişliği KatSepetFiyat4 ile eşitle function syncBadgeWidths() { document.querySelectorAll('.productItem').forEach(function (item) { var kat4 = item.querySelector('.KatSepetFiyat4'); var badge = item.querySelector('.bg-badge'); if (kat4 && badge) { badge.style.width = kat4.offsetWidth + 'px'; } }); } function run() { addBadges(); syncBadgeWidths(); } // İlk yükleme run(); // Resize window.addEventListener('resize', function () { clearTimeout(window._bgBadgeResizeTimer); window._bgBadgeResizeTimer = setTimeout(syncBadgeWidths, 100); }); // Sonsuz scroll: DOM'a yeni ürün eklendiğinde algıla var observer = new MutationObserver(function (mutations) { var hasNewItems = mutations.some(function (m) { return Array.from(m.addedNodes).some(function (node) { return node.nodeType === 1 && ( node.classList.contains('productItem') || node.classList.contains('ItemOrj') || node.querySelector && node.querySelector('.productItem') ); }); }); if (hasNewItems) { clearTimeout(window._bgBadgeMutTimer); window._bgBadgeMutTimer = setTimeout(run, 150); } }); var productList = document.querySelector('#ProductPageProductList, .ProductList, #ProductListMainContainer'); if (productList) { observer.observe(productList, { childList: true, subtree: true }); } })();