(function() { const BANNER_ID = 'wotorezka-promo-banner-v3'; const PROMO_CODE = 'VESNAWOT'; // 1. Возвращаем оригинальные стили (дизайн полностью как был) if (!document.getElementById('promo-banner-original-styles')) { const style = document.createElement('style'); style.id = 'promo-banner-original-styles'; style.textContent = ` .promo-banner-wrapper { width: 100%; padding: 10px 0 30px 0; display: flex; justify-content: center; opacity: 0; transition: opacity 0.4s ease; } .promo-banner-wrapper.is-visible { opacity: 1; } .promo-banner-container { position: relative; width: 100%; max-width: 1260px; margin: 0 30px; border-radius: 20px; overflow: hidden; background: linear-gradient(to right, rgb(23 7 14 / 0%) 0%, rgb(0 0 0 / 20%) 25%, #310a0a00 75%, rgb(255 255 255 / 0%) 100%), linear-gradient(to bottom, rgba(15, 15, 20, 0.8) 0%, rgba(15, 15, 20, 0) 30%, rgb(39 39 84 / 0%) 70%, rgb(16 9 12) 100%), url(https://skladbrat.ru/uploads/69b3cdcaa5c46.png) center / cover no-repeat; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 20px; font-family: Montserrat, sans-serif; color: #fff; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.6); } .promo-timer-box { background: rgba(45, 45, 55, 0.85); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 8px; padding: 7px 20px; display: flex; flex-direction: column; align-items: center; margin-bottom: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); } .promo-time { font-size: 20px; font-weight: 900; letter-spacing: 0.5px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); display: flex; align-items: center; gap: 6px; } .promo-time span { opacity: 0.4; font-weight: 400; } .promo-timer-label { color: #ffcc00; font-size: 8px; font-weight: 700; text-transform: uppercase; margin-top: 2px; display: flex; align-items: center; gap: 4px; letter-spacing: 0.5px; } .promo-timer-label svg { width: 10px; height: 10px; } .promo-title { font-size: 46px; font-weight: 900; text-transform: uppercase; text-shadow: 0 4px 15px rgba(0,0,0,0.8); margin: 0; letter-spacing: 1px; } .promo-desc { font-size: 15px; color: #dcdcdc; margin: 0 0 15px 0; line-height: 1.5; font-weight: 500; text-shadow: 0 2px 5px rgba(0,0,0,0.8); } .promo-btn { background: linear-gradient(90deg, #ff4d4d, #ff3333); border: none; border-radius: 12px; color: #fff; font-family: Montserrat, sans-serif; font-weight: 800; font-size: 14px; padding: 14px 35px; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; display: flex; align-items: center; gap: 8px; box-shadow: 0 4px 15px rgba(255, 51, 51, 0.4), inset 0 2px 0 rgba(255,255,255,0.2); } .promo-btn:hover { transform: translateY(-2px); background: linear-gradient(90deg, #ff6666, #ff4d4d); box-shadow: 0 6px 20px rgba(255, 51, 51, 0.6), inset 0 2px 0 rgba(255,255,255,0.2); } .promo-btn:active { transform: translateY(1px); } .promo-btn.copied { background: linear-gradient(90deg, #28a745, #20c997) !important; box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4); } @media (max-width: 1023px) { .promo-banner-container { margin: 0 15px; } } @media (max-width: 767px) { .promo-title { font-size: 28px; } .promo-time { font-size: 16px; } .promo-desc { font-size: 13px; } .promo-banner-container { padding: 30px 15px; } } `; document.head.appendChild(style); } function updatePromoTimer() { const display = document.getElementById('promo-time-display'); if (!display) return; const now = new Date().getTime(); const targetDate = new Date(`May 1, ${new Date().getFullYear()} 00:00:00`).getTime(); const distance = targetDate - now; if (distance < 0) return; const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = String(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0'); const minutes = String(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'); const seconds = String(Math.floor((distance % (1000 * 60)) / 1000)).padStart(2, '0'); display.innerHTML = `${days} д. | ${hours}:${minutes}:${seconds}`; } function injectPromoBanner() { // Проверка пути: работаем только на главной const path = window.location.pathname; const isHome = path === '/' || path === '/index.html' || path.includes('home'); if (!isHome) { const old = document.getElementById(BANNER_ID); if (old) old.remove(); return; } if (document.getElementById(BANNER_ID)) return; // Поиск блока товаров (цель для вставки) const target = document.getElementById('module-89dfa8b2') || document.querySelector('div[class*="_grid_"]'); if (!target) return; const promoWrapper = document.createElement('div'); promoWrapper.id = BANNER_ID; promoWrapper.className = 'promo-banner-wrapper'; promoWrapper.innerHTML = ` `; target.parentNode.insertBefore(promoWrapper, target); setTimeout(() => promoWrapper.classList.add('is-visible'), 50); // Логика кнопки const btn = document.getElementById('promo-copy-btn'); btn.onclick = () => { navigator.clipboard.writeText(PROMO_CODE).then(() => { btn.classList.add('copied'); document.getElementById('promo-btn-text').textContent = 'СКОПИРОВАНО!'; document.getElementById('promo-btn-icon').innerHTML = ''; setTimeout(() => { btn.classList.remove('copied'); document.getElementById('promo-btn-text').textContent = 'КОПИРОВАТЬ КОД'; document.getElementById('promo-btn-icon').innerHTML = ''; }, 2000); }); }; updatePromoTimer(); } // Запуск проверок для SPA setInterval(injectPromoBanner, 800); setInterval(updatePromoTimer, 1000); const observer = new MutationObserver(() => injectPromoBanner()); observer.observe(document.body, { childList: true, subtree: true }); })();

[ТОП] Аккаунты с Таран