document.addEventListener('DOMContentLoaded', () => {
  if (!window.location.pathname.includes('/offers')) return;
  if (document.querySelector('.custom-offers-banner')) return;

  const mainContent = document.querySelector('.main-content.flex-1.w-full');
  if (!mainContent) return;

  const banner = document.createElement('div');
  banner.className = 'custom-offers-banner';
  banner.innerHTML = `
    <a href="/offers" class="custom-offers-banner__link">
      <img src="https://cdn.files.salla.network/homepage/466638210/3c14ea8f-0611-4918-a899-31eaf36c32e2.webp" alt="Banner" class="custom-offers-banner__img">
    </a>
  `;

  mainContent.insertBefore(banner, mainContent.firstChild);

  const style = document.createElement('style');
  style.innerHTML = `
    .custom-offers-banner {
      width: 100%;
      margin: 0 0 24px;
      border-radius: 20px;
      overflow: hidden;
    }

    .custom-offers-banner__link,
    .custom-offers-banner__img {
      display: block;
      width: 100%;
    }

    .custom-offers-banner__img {
      border-radius: 20px;
    }

    @media (max-width: 768px) {
      .custom-offers-banner {
        margin-bottom: 18px;
        border-radius: 14px;
      }

      .custom-offers-banner__img {
        border-radius: 14px;
      }
    }
  `;
  document.head.appendChild(style);
});