/* Всё заскоплено внутри .amp-banner-widget — наружу не утекает */ .amp-banner-widget { all: initial; display: block; font-family: Arial, sans-serif; box-sizing: border-box; max-width: 900px; margin: 20px auto; background: #e63946; color: #ffffff; padding: 40px 30px; border-radius: 16px; text-align: center; line-height: 1.4; } .amp-banner-widget *, .amp-banner-widget *::before, .amp-banner-widget *::after { box-sizing: border-box; } .amp-banner-widget .amp-title { font-size: 36px; font-weight: bold; margin: 0 0 8px; line-height: 1.1; color: #ffffff; } .amp-banner-widget .amp-percent { display: block; font-size: 52px; color: #ffd93d; margin-top: 4px; } .amp-banner-widget .amp-subtitle { font-size: 17px; margin: 0 0 24px; color: #ffffff; opacity: 0.95; } .amp-banner-widget .amp-code-box { display: inline-block; background: #ffffff; color: #e63946; font-family: 'Courier New', monospace; font-size: 26px; font-weight: bold; letter-spacing: 3px; padding: 18px 32px; border-radius: 10px; margin: 0 auto 16px; cursor: pointer; user-select: all; border: none; } .amp-banner-widget .amp-btn { display: block; margin: 0 auto; background: #ffffff; color: #e63946; border: none; font-size: 17px; font-weight: bold; padding: 14px 32px; border-radius: 10px; cursor: pointer; font-family: inherit; } .amp-banner-widget .amp-btn:hover { background: #ffe0e0; } .amp-banner-widget .amp-msg { display: none; margin-top: 14px; font-size: 16px; color: #ffffff; font-weight: bold; } .amp-banner-widget .amp-msg.amp-show { display: block; } .amp-banner-widget .amp-note { font-size: 13px; margin-top: 16px; opacity: 0.85; color: #ffffff; } @media (max-width: 600px) { .amp-banner-widget { padding: 28px 18px; } .amp-banner-widget .amp-title { font-size: 26px; } .amp-banner-widget .amp-percent { font-size: 40px; } .amp-banner-widget .amp-code-box { font-size: 20px; letter-spacing: 2px; padding: 14px 22px; } } Скидка 3% На первый заказ по промокоду AMP2027NEW Скопировать промокод ✓ Промокод скопирован! * Скидка суммируется с акциями магазина (function () { // Всё внутри IIFE — никаких глобальных переменных и функций var CODE = AMP2027NEW ; var box = document.getElementById( ampCodeBox ); var btn = document.getElementById( ampCopyBtn ); var msg = document.getElementById( ampMsg ); function showMsg() { msg.classList.add( amp-show ); setTimeout(function () { msg.classList.remove( amp-show ); }, 2000); } function copyCode() { // Способ 1 — современный if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(CODE).then(showMsg).catch(fallbackCopy); } else { fallbackCopy(); } } // Способ 2 — старый, работает всегда (включая http и file://) function fallbackCopy() { var ta = document.createElement( textarea ); ta.value = CODE; ta.style.position = fixed ; ta.style.top = -1000px ; ta.style.left = -1000px ; document.body.appendChild(ta); ta.select(); try { document.execCommand( copy ); showMsg(); } catch (e) { alert( Скопируйте код вручную: + CODE); } document.body.removeChild(ta); } box.addEventListener( click , copyCode); btn.addEventListener( click , copyCode); })();
