<turbo-stream action="replace" target="notification_detail_modal"><template><div
  id="notification_detail_modal"
  class="tailwind-only fixed inset-0 z-50 flex items-center justify-center"
  data-notifications-target="modal"
>
  <div class="fixed inset-0 bg-black/50 pointer-events-auto" data-action="click->notifications#hide"></div>
  <div class="relative bg-white rounded-lg shadow-lg w-full max-w-md mx-4 z-10">
    <div class="pl-4 pr-5 py-3">
      <div class="text-black text-lg font-semibold">
        【お知らせ】商品名に「慣行栽培」とついているお野菜について
      </div>
      <button
        type="button"
        class="absolute top-4 right-4 w-6 h-6 flex items-center justify-center hover:bg-gray-100 rounded-full transition-colors"
        data-action="click->notifications#hide"
      >
        <img class="w-4 h-4 text-gray-600" src="/assets/icons/x-f2d3c01f0887434da8f69a406b1d5952686e22f81db7b98e2e7865f26e6f0387.svg" />
      </button>
    </div>
    <div class="px-4 py-2 max-h-[60vh] overflow-y-auto">
      <div class="text-black text-md mb-2 break-all">
        <p>いつも坂ノ途中のお野菜をご利用くださり、誠にありがとうございます。</p>

<p>7/6(月)お届け分より、
<br />「【慣行栽培】」と付いているお野菜がリストに登場しております。
<br />こちらのお野菜は、坂ノ途中の取り扱い基準である「化学合成農薬・化学肥料不使用」の基準ではなく、
<br />農薬や化学肥料を適切な量使用する一般的に行われている農作物の栽培方法で育てられた商品となります。</p>

<p>通常の取り扱い基準外ではありますが、
<br />高い栽培技術をもった生産者さんの高品質な商品のためお取り扱いを始めております。
<br />今後もこのような商品の取り扱いが増える可能性もございますので、
<br />ご認識のうえ、ご注文をいただけますと幸いです。</p>

<p>本件についてのご意見等につきましては、弊社営業担当やメール・電話窓口までお気軽にご連絡くださいませ。
<br />引き続きのご愛顧をどうぞよろしくお願いいたします。</p>

<p>株式会社坂ノ途中</p>
      </div>
    </div>

    <!-- ボタン部分 -->
    <div class="px-4 py-3 flex gap-2 border-t-2 border-border">
      <button
        type="button"
        class="flex-1 min-h-11 px-4 py-2.5 rounded-md border border-gray-200 text-gray-900 hover:bg-gray-200 transition-colors"
        data-action="click->notifications#hide"
      >
        閉じる
      </button>
    </div>
  </div>
</div>
</template></turbo-stream>