<turbo-stream action="replace" target="product-detail-modal-content"><template>
<div id="product-detail-modal-content" class="tailwind-only fixed inset-0 z-50 flex items-center justify-center">
  <div class="fixed inset-0 bg-black/50 pointer-events-auto" data-action="click->products#hideProductDetail"></div>
  <div class="relative bg-white rounded-lg shadow-lg w-full max-w-lg mx-auto z-10 max-h-[90vh] flex flex-col">
    <!-- スクロール可能なコンテンツ部分 -->
    <div class="flex-1 overflow-y-auto">
      <!-- 画像カルーセル部分 -->
      <div class="relative bg-muted rounded-lg" data-controller="product-image-carousel" data-product-image-carousel-total-value="1">
        <!-- メイン画像エリア -->
        <div class="relative overflow-hidden rounded-t-lg">
          <div class="flex transition-transform duration-300 ease-in-out" data-product-image-carousel-target="carousel">
              <div class="w-full flex-shrink-0 flex items-center justify-center" data-product-image-carousel-target="slide">
                  <img alt="中玉トマト(サンマルツァーノ) １kg - 画像1" class="object-smart-fit" onerror="this.src=&#39;/no_image.png&#39;" src="https://lh3.googleusercontent.com/fife/ALs6j_FEDs1enzN5nIwBmtQr5wysZ4n0FAGIunZPqGl94BpqIX97LLABoVMftvB_h1p41c9_Re28Wel4zR-gT4cqr9MOa3yFo8OU7sDbRgtA7W0Cq0HqmmNqGwH2sEpfseywS_sn1KcbIZTBzl5bOvF-kwAC0qBo1YQt6NJ0udT8LL2UFrayiL1e-SAsogPYVBBmx221j6l3nEVh4Q4-l7306aYPh5eNAj4rBBCTUMWSTVLcWRgBFjgm0E9oU8UpdutD5dEf2yd__6R6qDlhv8gxW2Aq_HF31lgNPIS0b_Ul3y9wh7s9zexEk0sgX0F5grfbmEJYxV7L1iIFxZzRVCrrMqVrsBR9xDBC59xVBxQZFSzzUY1BQ_pw9sZ9DLLz3-eebH4PH7eQbfkRs7_cRqa6QE_dz1ukDG_GI3dlKpmmv_XttoLpec-0OZwZErejjKmsUhr8qe63Uw6kHdGRdSACBBz80R_8ZS1D8FLbftd_xSCuQ3hG2poaYg9JlF_0zZGU46keu3ocHgO1bdHA0n7B-MVd8TQAsJzam1tSFHpZtHVxhlF99AjNhcXZ9Xu5lNErAoeJYPXg6a6vuJ8-jNnTo7DvKb696j50RS1Yit1tP_P3OfMEk8VomDxd7bqoMIe0DSbv_hZYraO12RbaKz8upzkYFhlVtE0mxx2_YszTPk-XDIIj4TZXoLXmpifoWd12yuIK2pSFQceJ8IZeotLjOnHHT2tETTRoQa6hdbnYSM1KRl2Lz2awArhIPi8ZUeY_Gt6aggZATp8goD_sbxRXAYO3UbUHKIFlXP1HMy9qHILZSOive2_25TAzWcUyk6daWQUeDmbP2NlFSDy9xGjlGVIcWZjaojxbIFw97RPOCdl0gHSjeMzhJEvPA5ODcUEM6HICxmfTadSrWW13gXt28eeFTG0Mbo8Ph6lOPuEN2CbGx0YumdjPTuivwEeEV0lMGqkXoRY83HIfNOi_8q1QlCOoNLRKvJEC_-DunCuVul0oB8AgULR4l40dtNMbg42Ftx5zvYVGMilkA6WnC9HlDGuoY6mecxo_NeM33SZa-W0g-oI80RWww4k_LCW3gWA2Iiqi4JsyBzBMuT2oj6ITTs8AmLL8dOc_-DOuloA3o5wrBPB8udz_dv-SHC6lZJTklxaPa00NgoCPgpeWDlpHT28BD61ybdJHZTqzM3IUm3jsG2wUm45OeqhXCG2qOkr49Oa7uFkqADVWvykpCzx83kaUdd3AMnUKK3qRYJveNl4vJOlcwiz-Rtr0856fXy-44KxtSUMbm4HP3Ku-gklBT1lIO67vyFgdfUVzkhv-6V7aV5avC59GkFey_TZtMc8Zrq3E_C-193WpStjHquVLL59d98tK-CaHPDG9Rh2LzBTSoLPodm9iMCswarLy7b628v5RTdrfrYra1U4kCTLPkuLWIr3M_REttjPRJFXuJ45cEjuqve3EIn1gCoeuB_6GW71oZ_ZiqtuZMuUSetaxSQf7xAtvOpotG8OcjMAP98L3GJlHw22j6QxKjBfYJVDekmuBq33U3MdRVHDtOXmcvMoig_Fx3nUK-vu8yrL53p1tX66LZnDN2zI9ec2tDitnBLkJAoYtq790VGaeEnpURSjYSaJsOAzXD4FU4A19ybPbh7oclsffcDNvCqlRSGiJ7_MlvxmM3Xc6334Nexbeo6Qg-bn3B8FfdTiKd6uyUU2uE5ahKFW6TkYLO7PwQJTN1dM8nJfr_7Bw_fTUVvX4jpNN1GSZpxPahApVx-_ZvfSa0xZ4ZF9xvHnr7kNaS0F0HZnIwwQguq8ePGx-2vre-ZXWFec5ry39y1aKlGcmUMmGvVEmWJ2NXUj4xRm4iayuipASIEO48zA854eYPVgF5VeUZve3JtIwprzIb8ejLiNH6IZJoYfththmFDxC6nkivtdfePI0QLRuhxKhtlqOLUTEwdKNlceb_s38wGPu4QCHBAZq97CwoE_lfBGE1V57pGxpWodMA4gZ-IFQfIonQ_QHVPV2OBFPimzg5WiAST4HAdGX9mFmp38TnoIqedet-6bL-OaU85Q3SnJEkmfOe6qk7Hwe2s3nWU_i6l3EIXtNadHF-4efN180-nfVunDImy9-a_wOa65pg0pTZ2Kl8Lqq6sw-0XaZkaJ9bJowBsyEZ-3DitF1TwG1iuFw5D9gbh31Zy8dJ1KUpgW1R1mLD55aIPTJNyQwoiN3clYbUfFSsMVnC99G27pYO8wNVlTahfx0r4k13NeN6FOksD4TR0wraLJLjWD8-ReuAXtD24hhh0HQY8kuJvn4AuVEeY7TxJUPG1nk9PeGCCLmNxQmdCpRvwZ2JkFhFvQ9RYS8BBsxIuzqDABK1FsRTxz62sEOl1cbeZpH2xVyrbUDmYf85_NrgGODl8KKC1HkERW2Zg5HFWi7AhIaCL_xKZYmqe1Qy-PhVF-VjfNXVSq5iv3gEHNHZCxtlFte7VxV4oiokoZDI-avAxCjCInCgY7iuU6A7cTUsKj6VHb6A-_jte4EtfHUoER82LwZ92J6ZvB2I55-_HZfUSVfUpOHGfYaVEB7k8m8IESgmaOBujW330xd-eV11okPM7sQ4zwy725hCGZ92en0uDsQxBuz4AV84MsAryXjc1XMzPYrTP5kxsX_jwBzOSe_UU42gHtJfH5ZsVAkSWA4GE71QFOTBeCiaV7UVqD-gn2YcFI9L9BFdLtH582eck0eZVO4Aea36IxviguEZD9fQ6kEkFFJ7ZC5gNHQnAH0jIpxLSARgIqQtPhNfLSFofO2wTVAT9m-piJwjWO2mo3O1tcOlsqWI9DxfcZ8eTmC061Jv2FXTaGyCdDmReJ5GJxrxcVWS-qQsPCX-PxjYDDNtDfnUXf5YRUq3dupGOFn6AN6CiETER8yt2BXBcufDVCSogouZoJ-YiUx9mY9slOBoWpa_tmQaO99njrfuNDuyuu9jAXxuBfYFtcCcAsSWueH9GqlqykYumPsqj8-VrX-0Xj3M_sMAtsuNLUXwVetkzbTkzp7fuvuRSqLc9Lcp0DqpiqkqnlDjHeHsrhVn1gREMag1dgD_7HQK9ITPHHBnRIbdZe7cu379pFx38UL5fW8FHBqf6A2hT_QDa-sz9sY2NkwHt_-ESnIANPjYjQjy9SRa38E4StsYmzmjGffHvz4nlgEkoh86hNmmCpb30hFDK7jMwlB8RPt8_uS6RH2E7feemEsGfx3lddbU6Z21gpjEwfV6Hh7WhYZpQ9D5FpZM8vD9aKVbvKoZPEOD_GHmAQ2XG256wztF_3Z-YaANW9pdIIHncitV5RTKwWTFJDhAOBxtSkmQBLHyNCgbBG_2zzsgaYZnrqvzx5EFDQj4uTRHLLqEINPOlljfU70SmWvM8OZQjFscqW42aG9PQrUhi9jEAqWNNtZUDBa4szk9mXuoH1H3rfrk7VSjbIhImO72eiOT-O7PhsJL_e9JaRTHgX_ypO40bGDAR-U0O1FC4zqdwUUbTVkG6X-x5cTdUqTiDvgAKNWaQo2tV6T__LAZzG7NyRcK85QutLUYoX3MTjfHcwDe6luORyMTLxWS0c=s320" />
              </div>
          </div>

        </div>

        <!-- サムネイル一覧 -->
      </div>

      <!-- 商品情報 -->
      <div class="px-4 py-6">
        <div class="mb-1 text-foreground text-xs font-normal">長野県朝日村</div>
        <div class="mb-2 text-foreground text-lg font-normal">中玉トマト(サンマルツァーノ) １kg</div>
        <div class="text-foreground text-md font-normal">変わった細長い形の加熱向きトマトです。火を通した時のうま味は絶品です！トマトソースにどうぞ！</div>
      </div>

      <!-- ×閉じるボタン -->
      <button
        type="button"
        class="absolute top-4 right-4 w-6 h-6 flex items-center justify-center bg-gray-100 rounded-full transition-colors"
        data-action="click->products#hideProductDetail"
      >
        <img class="w-4 h-4 text-gray-600" src="/assets/icons/x-f2d3c01f0887434da8f69a406b1d5952686e22f81db7b98e2e7865f26e6f0387.svg" />
      </button>
    </div>

    <!-- 固定ボタン部分 -->
    <div class="px-4 py-4 flex-shrink-0">
      <div class="flex gap-2">
        <div class="flex-1">
          <div id="favorite_button47956_modal" class="tailwind-only">
              <form data-turbo="true" action="/products/47956/favorite" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="8K6e-Dau0sfX1-FnhRZf9NeqHYRtjTeUCS7E6-8jr_J9YlffGXMooZY2GIN0XsGj5BaE70SwjzlW9ZfZBWp4Vg" autocomplete="off" />
                <input type="hidden" name="week_reference_date" id="week_reference_date" value="2025-09-12" autocomplete="off" />
                <button name="button" type="submit" class="w-full px-4 py-2 text-gray-900 rounded transition-colors flex items-center justify-center outline-1 outline-offset-[-1px] outline-border gap-2">
                  <img alt="お気に入りに追加" class="w-5 h-5 opacity-60" src="/assets/icons/heart-gray-f6889a9469e691fd0c40f04539b49acef3f53cb4ffda2906bcbb62752c7de024.svg" />
                  <span>お気に入り</span>
</button></form>          </div>
        </div>
        <a class="flex-1 px-2 py-2 bg-primary text-primary-foreground rounded hover:bg-primary-hover transition-colors flex items-center justify-center" data-turbo="true" data-action="click-&gt;products#hideProductDetailAndShowCart" href="/products/47956/carts">注文</a>
      </div>
    </div>
  </div>
</div>
</template></turbo-stream>