Currency exchange directly on your phone without visiting the bank.

Advantages:

Send us your suggestions / notifications / opinions about the service experience, using products and/or benefiting from Energbank services.

We use cookies to keep the website working, analyze traffic and improve your experience. You can accept all cookies, only the essential ones, or customize your preferences. Learn more in

We respect your privacy

We use cookies to provide visitors with a better online experience, to personalize content, to analyze traffic and to deliver all the functionality of our website.

Your experience is important to us.

is a member of the Deposit Guarantee Scheme of the Republic of Moldova

Name

Now you can exchange currency between your card or current accounts via Energbank Mobile from Monday to Friday during business days.

With SMART CURS you get the best online currency exchange rate!

To use SMART CURS, download Energbank Mobile.

Have you ever wondered how you can get a better exchange rate? ENERGBANK offers you the best exchange rate in the country.

Subject

if using our services/products, the result was not what you expected and you faced situations where you were dissatisfied with the quality of the products/services or with the behavior of the personnel involved in the service, send us your complaint by filling out the form.

Thank you in advance!

Dear customer,

Schimb valutar direct la tine în telefon, fără a te deplasa la bancă.

Avantaje:

Transmite-ne sugestiile / sesizările / părerile despre experiența de deservire, de utilizare a produselor și/sau de beneficierea de serviciile Energbank.

Folosim cookie-uri pentru a asigura funcționarea site-ului, a analiza traficul și a îmbunătăți experiența ta. Poți accepta toate cookie-urile, doar pe cele esențiale sau îți poți personaliza preferințele. Află mai multe în

Respectăm confidențialitatea ta

Utilizăm cookie-uri pentru oferi vizitatorilor o mai bună navigare online, pentru a personaliza conținutul, pentru a analiza traficul și pentru a livra toate funcționalitățile site-ului nostru.

Experiența ta este importantă pentru noi.

este membră a Schemei de Garantare a Depozitelor din Republica Moldova

Nume

Acum poți face schimburi valutare între conturile tale de card sau curente prin Energbank Mobile, de luni până vineri în zilele lucrătoare.

Cu SMART CURS beneficiezi de cel mai avantajos schimb valutar online!

Ca să te bucuri de SMART CURS, folosește și tu Energbank Mobile.

Te-ai întrebat cum poți beneficia de cel mai bun curs valutar? ENERGBANK îți oferă cel mai avantajos curs valutar din țară.

Subiect

dacă beneficiind de serviciile/produsele noastre, rezultatul nu a fost cel așteptat și te-ai confruntat cu situații în care ai fost nemulțumit de calitatea produselor/serviciilor sau de comportamentul personalului implicat în deservire, transmite-ne reclamația ta, completând formularul.

Iți mulțumim anticipat!

Dragă client,

Выгодный обменный курс;

Отсутствие ограничений по срокам и суммам;

Обмен валюты прямо на вашем телефоне без посещения банка.

Преимущества:

Присылайте нам свои предложения/уведомления/мнения об опыте обслуживания, использовании продуктов и/или преимуществах услуг Energbank.

Мы используем файлы cookie для работы сайта, анализа трафика и улучшения вашего опыта. Вы можете принять все файлы cookie, только необходимые или настроить свои предпочтения. Подробнее в

Мы уважаем вашу конфиденциальность

Мы используем файлы cookie, чтобы предоставить посетителям лучший опыт работы в Интернете, персонализировать контент, анализировать трафик и обеспечить все функциональные возможности нашего веб-сайта.

Ваш опыт важен для нас.

является членом системы гарантирования вкладов Республики Молдова

Имя

Теперь вы можете обменивать валюту между своими карточными или текущими счетами через Energbank Mobile с понедельника по пятницу в рабочие дни.

С SMART CURS получаете самый выгодный курс обмена валюты онлайн!

Чтобы воспользоваться SMART CURS, скачайте Energbank Mobile.

Задумывались ли вы, как можете получить лучший обменный курс? ENERGBANK предлагает вам лучший обменный курс в стране.

Тема

если при использовании наших услуг/продуктов результат оказался не таким, как вы ожидали, и вы столкнулись с ситуациями, когда вы были недовольны качеством продуктов/услуг или поведением персонала, задействованного в обслуживании, отправьте нам свою жалобу, заполнив форму форма.

Заранее спасибо!

Уважаемый клиент,

#000000

Container

&lt;script&gt; 
(function() { 
&nbsp;&nbsp;&nbsp; // === CONFIGURARE === 
&nbsp;&nbsp;&nbsp; var config = { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bannerId: &#39;meb-smart-banner&#39;, 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height: 85, // &icirc;nălțime banner 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; targetHeaderClass: &#39;eb-mobile-box&#39;, // clasa header-ului fixat 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; targetMenuClass: &#39;eb-mobile-navigation&#39;, // clasa meniului lateral 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; storageKey: &#39;meb_banner_closed_v2&#39; // cheie nouă pentru a reseta testele anterioare 
&nbsp;&nbsp;&nbsp; };

&nbsp;

&nbsp;&nbsp;&nbsp; // === 1. VERIFICĂRI (Mobil &amp; Cookie) === 
&nbsp;&nbsp;&nbsp; var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); 
&nbsp;&nbsp;&nbsp; var isClosed = localStorage.getItem(config.storageKey); 
&nbsp;&nbsp;&nbsp; var now = new Date().getTime();

&nbsp;

&nbsp;&nbsp;&nbsp; // Dacă nu e mobil sau bannerul a fost &icirc;nchis &icirc;n ultimele 24h, ieșim. 
&nbsp;&nbsp;&nbsp; if (!isMobile) return;&nbsp; 
&nbsp;&nbsp;&nbsp; if (isClosed &amp;&amp; (now - isClosed &lt; 24 * 60 * 60 * 1000)) return;

&nbsp;

&nbsp;&nbsp;&nbsp; var isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent); 
&nbsp;&nbsp;&nbsp; var appLink = isIos&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ? &quot;<a href="https://apps.apple.com/ro/app/myenergbank/id6511240864%22" rel="noreferrer noopener" target="_blank" title="https://apps.apple.com/ro/app/myenergbank/id6511240864%22">https://apps.apple.com/ro/app/myenergbank/id6511240864&quot;</a>&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; : &quot;<a href="https://play.google.com/store/apps/details?id=md.enb.enbank%22;" rel="noreferrer noopener" target="_blank" title="https://play.google.com/store/apps/details?id=md.enb.enbank%22;">https://play.google.com/store/apps/details?id=md.enb.enbank&quot;;</a> 
&nbsp;&nbsp;&nbsp; var logoUrl = &quot;<a href="https://play-lh.googleusercontent.com/s5Nvq37b0o5T_-zldciT3-O-8xY_fQpO5Ymsv8xOI52sS4DfBM6jGKVPoMUyV9BELuc=w240-h480-rw%22;" itemid="default" itemtype="filesHyperlink" rel="noreferrer noopener" target="_blank" title="https://play-lh.googleusercontent.com/s5nvq37b0o5t_-zldcit3-o-8xy_fqpo5ymsv8xoi52ss4dfbm6jgkvpomuyv9beluc=w240-h480-rw%22;">https://play-lh.googleusercontent.com/s5Nvq37b0o5T_-zldciT3-O-8xY_fQpO5Ymsv8xOI52sS4DfBM6jGKVPoMUyV&hellip;</a>

&nbsp;

&nbsp;&nbsp;&nbsp; // === 2. INSERARE STILURI === 
&nbsp;&nbsp;&nbsp; var style = document.createElement(&#39;style&#39;); 
&nbsp;&nbsp;&nbsp; style.innerHTML =&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;#meb-smart-banner { position: fixed; top: 0; left: 0; width: 100%; height: &#39; + config.height + &#39;px; background: #fff; border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; box-sizing: border-box; z-index: 99999999; font-family: -apple-system, sans-serif; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;.meb-content { display: flex; align-items: center; }&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;.meb-close { font-size: 28px; color: #999; padding: 10px 15px 10px 0; cursor: pointer; line-height: 1; }&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;.meb-icon { width: 48px; height: 48px; border-radius: 10px; margin-right: 12px; border: 1px solid #f0f0f0; object-fit: cover; }&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;.meb-text { display: flex; flex-direction: column; }&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;.meb-title { font-size: 14px; font-weight: 700; color: #253746; margin: 0 0 2px 0; }&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;.meb-desc { font-size: 11px; color: #666; margin: 0; }&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;.meb-btn { background-color: #FF9900; color: #fff !important; font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 20px; text-decoration: none; white-space: nowrap; }&#39;; 
&nbsp;&nbsp;&nbsp; document.head.appendChild(style);

&nbsp;

&nbsp;&nbsp;&nbsp; // === 3. CREARE BANNER === 
&nbsp;&nbsp;&nbsp; var banner = document.createElement(&#39;div&#39;); 
&nbsp;&nbsp;&nbsp; banner.id = config.bannerId; 
&nbsp;&nbsp;&nbsp; banner.innerHTML =&nbsp; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;div class=&quot;meb-content&quot;&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;span class=&quot;meb-close&quot; id=&quot;meb-close-btn&quot;&gt;&times;&lt;/span&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;img src=&quot;&#39; + logoUrl + &#39;&quot; class=&quot;meb-icon&quot; alt=&quot;Logo&quot;&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;div class=&quot;meb-text&quot;&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;span class=&quot;meb-title&quot;&gt;MyEnergBank&lt;/span&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;span class=&quot;meb-desc&quot;&gt;Banca ta oriunde cu tine&lt;/span&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;/div&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;/div&gt;&#39; + 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &#39;&lt;a href=&quot;&#39; + appLink + &#39;&quot; class=&quot;meb-btn&quot; target=&quot;_blank&quot;&gt;Descarcă&lt;/a&gt;&#39;; 
 
&nbsp;&nbsp;&nbsp; document.body.prepend(banner);

&nbsp;

&nbsp;&nbsp;&nbsp; // === 4. FUNCȚIA DE &quot;PUSH DOWN&quot; (Esențială) === 
&nbsp;&nbsp;&nbsp; function applyPushDown() { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 1. &Icirc;mpingem BODY-ul pentru a face loc la scroll general 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; document.body.style.paddingTop = config.height + &#39;px&#39;;

&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 2. Identificăm Header-ul Fixat (.eb-mobile-box) și &icirc;l cobor&acirc;m 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var header = document.querySelector(&#39;.&#39; + config.targetHeaderClass); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (header) { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header.style.setProperty(&#39;top&#39;, config.height + &#39;px&#39;, &#39;important&#39;); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header.style.transition = &#39;top 0.2s ease&#39;; 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }

&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 3. Ajustăm Meniul Lateral (Burger Menu) dacă există 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var menu = document.querySelector(&#39;.&#39; + config.targetMenuClass); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (menu) { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Meniul trebuie să fie sub header (85px banner + aprox 60px header) 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; menu.style.setProperty(&#39;top&#39;, (config.height + 60) + &#39;px&#39;, &#39;important&#39;); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } 
&nbsp;&nbsp;&nbsp; }

&nbsp;

&nbsp;&nbsp;&nbsp; // Aplicăm imediat 
&nbsp;&nbsp;&nbsp; applyPushDown();

&nbsp;

&nbsp;&nbsp;&nbsp; // === 5. MONITORIZARE (Pentru Single Page App / Next.js) === 
&nbsp;&nbsp;&nbsp; // Uneori site-ul &icirc;și resetează stilurile la navigare. Acest cod le pune la loc. 
&nbsp;&nbsp;&nbsp; var observer = new MutationObserver(function(mutations) { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; applyPushDown(); 
&nbsp;&nbsp;&nbsp; }); 
 
&nbsp;&nbsp;&nbsp; // Observăm modificările pe body și pe header dacă există 
&nbsp;&nbsp;&nbsp; observer.observe(document.body, { attributes: true, childList: true, subtree: false }); 
&nbsp;&nbsp;&nbsp; var headerEl = document.querySelector(&#39;.&#39; + config.targetHeaderClass); 
&nbsp;&nbsp;&nbsp; if(headerEl) { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; observer.observe(headerEl, { attributes: true }); // Dacă header-ul &icirc;și schimbă stilul, intervenim 
&nbsp;&nbsp;&nbsp; }

&nbsp;

&nbsp;&nbsp;&nbsp; // === 6. &Icirc;NCHIDERE === 
&nbsp;&nbsp;&nbsp; document.getElementById(&#39;meb-close-btn&#39;).onclick = function() { 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Ascundem bannerul 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; banner.style.display = &#39;none&#39;; 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Resetăm pozițiile (Anulăm Push Down) 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; document.body.style.paddingTop = &#39;0&#39;; 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var header = document.querySelector(&#39;.&#39; + config.targetHeaderClass); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (header) header.style.top = &#39;0px&#39;; // Revine la normal 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var menu = document.querySelector(&#39;.&#39; + config.targetMenuClass); 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (menu) menu.style.top = &#39;&#39;; // Reset

&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Oprim observatorul pentru a nu forța stilurile &icirc;napoi 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; observer.disconnect();

&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Salvăm preferința 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; localStorage.setItem(config.storageKey, new Date().getTime()); 
&nbsp;&nbsp;&nbsp; };

&nbsp;

})(); 
&lt;/script&gt;

&nbsp;<script>

(function() {

 // === CONFIGURARE ===

 var config = {

 bannerId: 'meb-smart-banner',

 height: 85, // înălțime banner

 targetHeaderClass: 'eb-mobile-box', // clasa header-ului fixat

 targetMenuClass: 'eb-mobile-navigation', // clasa meniului lateral

 storageKey: 'meb_banner_closed_v2' // cheie nouă pentru a reseta testele anterioare

 };
 
 // === 1. VERIFICĂRI (Mobil & Cookie) ===

 var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);

 var isClosed = localStorage.getItem(config.storageKey);

 var now = new Date().getTime();
 
 // Dacă nu e mobil sau bannerul a fost închis în ultimele 24h, ieșim.

 if (!isMobile) return; 

 if (isClosed && (now - isClosed < 24 * 60 * 60 * 1000)) return;
 
 var isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent);

 var appLink = isIos 

 ? "https://apps.apple.com/ro/app/myenergbank/id6511240864" 

 : "https://play.google.com/store/apps/details?id=md.enb.enbank";

 var logoUrl = "https://play-lh.googleusercontent.com/s5Nvq37b0o5T_-zldciT3-O-8xY_fQpO5Ymsv8xOI52sS4DfBM6jGKVPoMUyV9BELuc=w240-h480-rw%22;
 
 // === 2. INSERARE STILURI ===

 var style = document.createElement('style');

 style.innerHTML = 

 '#meb-smart-banner { position: fixed; top: 0; left: 0; width: 100%; height: ' + config.height + 'px; background: #fff; border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; box-sizing: border-box; z-index: 99999999; font-family: -apple-system, sans-serif; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }' +

 '.meb-content { display: flex; align-items: center; }' +

 '.meb-close { font-size: 28px; color: #999; padding: 10px 15px 10px 0; cursor: pointer; line-height: 1; }' +

 '.meb-icon { width: 48px; height: 48px; border-radius: 10px; margin-right: 12px; border: 1px solid #f0f0f0; object-fit: cover; }' +

 '.meb-text { display: flex; flex-direction: column; }' +

 '.meb-title { font-size: 14px; font-weight: 700; color: #253746; margin: 0 0 2px 0; }' +

 '.meb-desc { font-size: 11px; color: #666; margin: 0; }' +

 '.meb-btn { background-color: #FF9900; color: #fff !important; font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 20px; text-decoration: none; white-space: nowrap; }';

 document.head.appendChild(style);
 
 // === 3. CREARE BANNER ===

 var banner = document.createElement('div');

 banner.id = config.bannerId;

 banner.innerHTML = 

 '<div class="meb-content">' +

 '×' +

 '<img src="' + logoUrl + '" class="meb-icon" alt="Logo">' +

 '<div class="meb-text">' +

 'MyEnergBank' +

 'Banca ta oriunde cu tine' +

 '</div>' +

 '</div>' +

 '<a href="' + appLink + '" class="meb-btn" target="_blank">Descarcă</a>';

 document.body.prepend(banner);
 
 // === 4. FUNCȚIA DE "PUSH DOWN" (Esențială) ===

 function applyPushDown() {

 // 1. Împingem BODY-ul pentru a face loc la scroll general

 document.body.style.paddingTop = config.height + 'px';
 
 // 2. Identificăm Header-ul Fixat (.eb-mobile-box) și îl coborâm

 var header = document.querySelector('.' + config.targetHeaderClass);

 if (header) {

 header.style.setProperty('top', config.height + 'px', 'important');

 header.style.transition = 'top 0.2s ease';

 }
 
 // 3. Ajustăm Meniul Lateral (Burger Menu) dacă există

 var menu = document.querySelector('.' + config.targetMenuClass);

 if (menu) {

 // Meniul trebuie să fie sub header (85px banner + aprox 60px header)

 menu.style.setProperty('top', (config.height + 60) + 'px', 'important');

 }

 }
 
 // Aplicăm imediat

 applyPushDown();
 
 // === 5. MONITORIZARE (Pentru Single Page App / Next.js) ===

 // Uneori site-ul își resetează stilurile la navigare. Acest cod le pune la loc.

 var observer = new MutationObserver(function(mutations) {

 applyPushDown();

 });

 // Observăm modificările pe body și pe header dacă există

 observer.observe(document.body, { attributes: true, childList: true, subtree: false });

 var headerEl = document.querySelector('.' + config.targetHeaderClass);

 if(headerEl) {

 observer.observe(headerEl, { attributes: true }); // Dacă header-ul își schimbă stilul, intervenim

 }
 
 // === 6. ÎNCHIDERE ===

 document.getElementById('meb-close-btn').onclick = function() {

 // Ascundem bannerul

 banner.style.display = 'none';

 // Resetăm pozițiile (Anulăm Push Down)

 document.body.style.paddingTop = '0';

 var header = document.querySelector('.' + config.targetHeaderClass);

 if (header) header.style.top = '0px'; // Revine la normal

 var menu = document.querySelector('.' + config.targetMenuClass);

 if (menu) menu.style.top = ''; // Reset
 
 // Oprim observatorul pentru a nu forța stilurile înapoi

 observer.disconnect();
 
 // Salvăm preferința

 localStorage.setItem(config.storageKey, new Date().getTime());

 };
 
})();
</script>

<script>
(() => {
 const template = document.createElement('template');
 template.innerHTML = `
 <style>
 :host {
 display: block;
 contain: content;
 --intro-duration: 600ms;
 --intro-delay: 120ms;
 --intro-easing: cubic-bezier(.16,.84,.24,1);
 /* layout defaults: le poți suprascrie din conținut */
 width: 100%;
 max-width: 980px;
 margin: 0 auto;
 box-sizing: border-box;
 }

 .wrap {
 will-change: opacity, transform;
 opacity: 0;
 transform: translateY(12px) scale(.985);
 animation-name: intro-appear;
 animation-duration: var(--intro-duration);
 animation-timing-function: var(--intro-easing);
 animation-delay: var(--intro-delay);
 animation-fill-mode: both;
 /* păstrează interacțiunea numai în interior */
 pointer-events: auto;
 }

 @keyframes intro-appear {
 from {
 opacity: 0;
 transform: translateY(12px) scale(.985);
 }
 to {
 opacity: 1;
 transform: translateY(0) scale(1);
 }
 }

 /* accesibilitate: dacă preferi mișcare redusă, animăm instant */
 @media (prefers-reduced-motion: reduce) {
 .wrap {
 animation-duration: 0ms !important;
 transform: none !important;
 }
 }

 /* stil minimal pentru conținut - toate stilurile folosesc shadow DOM */
 ::slotted(*) {
 margin: 0;
 }

 /* un mic efect vizual (optional), îl poți elimina */
 .card {
 padding: 18px;
 border-radius: 12px;
 box-shadow: 0 6px 20px rgba(0,0,0,0.08);
 background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(250,250,250,0.95));
 backdrop-filter: blur(4px);
 }
 </style>

 <div class="wrap" part="wrap" aria-hidden="false">
 <div class="card" part="card">
 <slot></slot>
 </div>
 </div>
 `;

 class IsolatedIntro extends HTMLElement {
 static get observedAttributes() {
 return ['duration', 'delay', 'easing', 'autoplay'];
 }

 constructor() {
 super();
 this._shadow = this.attachShadow({ mode: 'closed' }); // closed pentru izolare maximă
 this._shadow.appendChild(template.content.cloneNode(true));
 this._wrap = this._shadow.querySelector('.wrap');
 }

 connectedCallback() {
 // aplicăm valorile inițiale
 this._updateStyles();
 // forțăm redare animație doar la conectarea elementului (evită reluări la reflow)
 if (this.getAttribute('autoplay') === 'false') {
 // dacă autoplay=false, păstrăm opacitate 1 (nu porni animația)
 this._wrap.style.animationDuration = '0ms';
 this._wrap.style.opacity = '1';
 this._wrap.style.transform = 'none';
 } else {
 // restart animație (în caz că componenta e reatașată)
 // aplicație sigură: "reflow" pentru a reinițializa animația
 void this._wrap.offsetWidth;
 }
 }

 attributeChangedCallback(name, oldVal, newVal) {
 if (oldVal === newVal) return;
 this._updateStyles();
 }

 _updateStyles() {
 const duration = this.getAttribute('duration');
 const delay = this.getAttribute('delay');
 const easing = this.getAttribute('easing');

 if (duration) this._wrap.style.setProperty('--intro-duration', `${parseInt(duration)}ms`);
 if (delay) this._wrap.style.setProperty('--intro-delay', `${parseInt(delay)}ms`);
 if (easing) this._wrap.style.setProperty('--intro-easing', easing);
 }
 }

 if (!customElements.get('isolated-intro')) {
 customElements.define('isolated-intro', IsolatedIntro);
 }
})();
</script>

Google Play

App Store