Мини-лендинг акции

<div style="border-radius:16px;overflow:hidden;background:#1D8673;color:#fff;">
  <div style="padding:20px;">
    <div style="font-size:22px;font-weight:700;">Неделя скидок</div>
    <div style="opacity:.9;margin-top:6px;">−20% на весь раздел «Новинки» по промокоду</div>

    <div style="display:flex;align-items:center;gap:10px;margin-top:16px;">
      <code style="background:rgba(255,255,255,.2);padding:8px 12px;border-radius:8px;
                   font-size:16px;letter-spacing:1px;">WEEK20</code>
      <button id="copy-code"
              style="padding:8px 14px;border:none;border-radius:8px;
                     background:#fff;color:#1D8673;font-weight:600;">
        Скопировать
      </button>
    </div>

    <a data-mobius="catalog.openSectionFiltered"
       data-params='{"id":"320","title":"Неделя скидок","filter":{"sale":"Y"}}'
       style="display:block;margin-top:16px;padding:14px;border-radius:12px;
              background:#fff;color:#1D8673;text-align:center;font-weight:700;
              text-decoration:none;">
      Перейти к товарам
    </a>

    <div style="display:flex;gap:16px;margin-top:14px;">
      <a data-mobius="bottomsheet.open('terms')"
         style="color:#fff;text-decoration:underline;">Условия акции</a>
      <a data-mobius="share"
         data-params='{"title":"Неделя скидок −20%","url":"https://example.com/sale"}'
         style="color:#fff;text-decoration:underline;">Поделиться</a>
    </div>
  </div>
</div>

<bottomsheet id="terms" height="55%">
  <div style="padding:16px;">
    <h3 style="margin-top:0;">Условия акции</h3>
    <ul style="padding-left:18px;color:#292929;">
      <li>Скидка 20% по промокоду WEEK20.</li>
      <li>Действует на раздел «Новинки» до конца недели.</li>
      <li>Не суммируется с другими скидками.</li>
    </ul>
  </div>
</bottomsheet>

<script>
  document.getElementById('copy-code').addEventListener('click', () => {
    Mobius.notification.toast({ title: 'Промокод скопирован', message: 'WEEK20' });
  });
</script>