<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-&gt;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-&gt;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>宅配便にてお届けしているお荷物につきまして、11月2日（月）お届け分よりクール（冷蔵）便から常温便に変更予定でございます。</p>

<p>常温便の送料は690円/箱（税込）となります。
<br />（※遠方地域の方の料金は異なりますので、ご不明な場合はお問い合わせくださいませ。）</p>

<p>一足早く常温便に切り替えたいなどご希望がございましたら、ご連絡くださいませ。
<br />その他、ご不明な点等ございましたらお気軽にお問い合わせください。</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-&gt;notifications#hide"
      >
        閉じる
      </button>
    </div>
  </div>
</div>
</template></turbo-stream>