(function() {
        var bannerHtml = `
    <div>
      <style> @import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap&family=Poppins:wght@200;300;400;500;600;700&display=swap'); </style>
      <div id="regionline-banner" style="display: flex; flex-direction: column; gap: 0.75rem; margin-top: 1rem;">
        
    <div style="max-width: 100%;">
      <a 
        href="https://www.regionline.fi/ilmoitus/mustakari-memories-2025/d63f288b-ddcb-4328-b42a-7a19e148755d"
        target="_blank" 
        style="display: flex; gap: 0.5rem; position: relative;"
       
      >
        <img style="height: 140px; width: 140px; min-width: 140px; min-height: 140px; object-fit: cover;" src="https://file.k360.fi/v1/Files/692cdb55-9ae7-41e1-90ab-860828ae494c/43d916ec-b4aa-476b-aab7-ffefb31000c5.webp" alt="Kuvassa: Mustakari Memories 2025" />
        <div style="display: flex; flex-grow: 1; flex-direction: column; padding: 0.5rem; padding-bottom: 0.75rem; justify-content: space-between; ">
          <div style="display: flex; flex-direction: column;">
            <h3 style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.25rem;">MYYDÄÄN</h3>

            <h2 style="font-family: Poppins; font-weight: 700; font-size: 15px; color: #333333; margin-bottom: 0.25rem; line-height: 20px; max-height: 40px; height: 40px; overflow: hidden; width: 124px; word-break: break-word; ">Mustakari Memories 2025</h2>

            <p style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.5rem;">Pietarsaari</p>
          </div>
          <img style="height: 25px; width: 89px;" src="https://www.regionline.fi/assets/regionline/photos/regionlineLogo_with_Hilla.png" alt="RegiOnline Logo" />
        </div>

        <div style="position: absolute; bottom: 10px; left: 10px; font-size: 18px; color: #fff; font-family: Poppins; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 25px;">
            80 €
        </div>
      </a>
    </div>
  
    <div style="max-width: 100%;">
      <a 
        href="https://www.regionline.fi/ilmoitus/perakarry/f0941666-bee8-47b7-9174-b8aa28058d65"
        target="_blank" 
        style="display: flex; gap: 0.5rem; position: relative;"
       
      >
        <img style="height: 140px; width: 140px; min-width: 140px; min-height: 140px; object-fit: cover;" src="https://www.regionline.fi/assets/regionline/photos/placeholder.jpg" alt="Kuvassa: Peräkärry" />
        <div style="display: flex; flex-grow: 1; flex-direction: column; padding: 0.5rem; padding-bottom: 0.75rem; justify-content: space-between; ">
          <div style="display: flex; flex-direction: column;">
            <h3 style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.25rem;">OSTETAAN</h3>

            <h2 style="font-family: Poppins; font-weight: 700; font-size: 15px; color: #333333; margin-bottom: 0.25rem; line-height: 20px; max-height: 40px; height: 40px; overflow: hidden; width: 124px; word-break: break-word; ">Peräkärry</h2>

            <p style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.5rem;">Kruunupyy</p>
          </div>
          <img style="height: 25px; width: 89px;" src="https://www.regionline.fi/assets/regionline/photos/regionlineLogo_with_Hilla.png" alt="RegiOnline Logo" />
        </div>

        <div style="position: absolute; bottom: 10px; left: 10px; font-size: 18px; color: #fff; font-family: Poppins; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 25px;">
          Ostetaan
        </div>
      </a>
    </div>
  
    <div style="max-width: 100%;">
      <a 
        href="https://www.regionline.fi/ilmoitus/erilaisia-veterinary-urinary-kissanruokia/b86ed77c-9c9a-4b5b-9654-daf29d256632"
        target="_blank" 
        style="display: flex; gap: 0.5rem; position: relative;"
       
      >
        <img style="height: 140px; width: 140px; min-width: 140px; min-height: 140px; object-fit: cover;" src="https://file.k360.fi/v1/Files/692cdb55-9ae7-41e1-90ab-860828ae494c/46afa42a-9e73-4ed8-be6e-c7c5710e0454.webp" alt="Kuvassa: Erilaisia veterinary urinary kissanruokia " />
        <div style="display: flex; flex-grow: 1; flex-direction: column; padding: 0.5rem; padding-bottom: 0.75rem; justify-content: space-between; ">
          <div style="display: flex; flex-direction: column;">
            <h3 style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.25rem;">MYYDÄÄN</h3>

            <h2 style="font-family: Poppins; font-weight: 700; font-size: 15px; color: #333333; margin-bottom: 0.25rem; line-height: 20px; max-height: 40px; height: 40px; overflow: hidden; width: 124px; word-break: break-word; ">Erilaisia veterinary urinary kissanruokia </h2>

            <p style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.5rem;">Pedersören kunta</p>
          </div>
          <img style="height: 25px; width: 89px;" src="https://www.regionline.fi/assets/regionline/photos/regionlineLogo_with_Hilla.png" alt="RegiOnline Logo" />
        </div>

        <div style="position: absolute; bottom: 10px; left: 10px; font-size: 18px; color: #fff; font-family: Poppins; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 25px;">
            35 €
        </div>
      </a>
    </div>
  
    <div style="max-width: 100%;">
      <a 
        href="https://www.regionline.fi/ilmoitus/stihl-fs-36-trimmeri/df5dc3be-a46f-4778-8923-83f0b2175d70"
        target="_blank" 
        style="display: flex; gap: 0.5rem; position: relative;"
       
      >
        <img style="height: 140px; width: 140px; min-width: 140px; min-height: 140px; object-fit: cover;" src="https://file.k360.fi/v1/Files/692cdb55-9ae7-41e1-90ab-860828ae494c/09cbcd7f-a916-40bb-b4ba-d5f0b6c0da1b.webp" alt="Kuvassa: Stihl FS 36 Trimmeri" />
        <div style="display: flex; flex-grow: 1; flex-direction: column; padding: 0.5rem; padding-bottom: 0.75rem; justify-content: space-between; ">
          <div style="display: flex; flex-direction: column;">
            <h3 style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.25rem;">MYYDÄÄN</h3>

            <h2 style="font-family: Poppins; font-weight: 700; font-size: 15px; color: #333333; margin-bottom: 0.25rem; line-height: 20px; max-height: 40px; height: 40px; overflow: hidden; width: 124px; word-break: break-word; ">Stihl FS 36 Trimmeri</h2>

            <p style="font-family: Hind; font-weight: 400; font-size: 12px; color: #333333; margin-bottom: 0.5rem;">Uusikaarlepyy</p>
          </div>
          <img style="height: 25px; width: 89px;" src="https://www.regionline.fi/assets/regionline/photos/regionlineLogo_with_Hilla.png" alt="RegiOnline Logo" />
        </div>

        <div style="position: absolute; bottom: 10px; left: 10px; font-size: 18px; color: #fff; font-family: Poppins; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 25px;">
            100 €
        </div>
      </a>
    </div>
  
        
  <a href="//www.regionline.fi" target="_blank;" style="margin-top: 0.5rem;">
    <button style="width: 100%; padding: 10px; border: none; border-radius: 4px; background-color: #6060CF; color: #FFFFFF; font-family: Poppins; font-weight: 700; font-size: 13px; line-height: 22.5px; cursor: pointer;">LISÄÄ ILMOITUKSIA</button>
  </a>
  
        
  <div>
    <p style="font-family: Poppins; font-weight: 400; font-size: 12px; line-height: 23px; paragraph: 10px; text-align: center; color: #000000; margin-bottom: 0;">Shoppaile ja ilmoita ilmaiseksi.</p>
    <p style="font-family: Poppins; font-weight: 400; font-size: 12px; line-height: 23px; paragraph: 10px; text-align: center; color: #000000; margin-bottom: 0;">Kirjaudu RegiOnlineen Hilla -tunnuksillasi.</p>
  </div>
  
      </div>
    </div>
  `;
        var elemToAppend = document.querySelector("#regionline-banner");
        if (elemToAppend) {
          elemToAppend.innerHTML = bannerHtml;
        }
      })();