<turbo-stream action="update" target="remote_modal"><template>
  <turbo-frame id="remote_modal">
  <div class="modal fade" data-controller="modal"
       data-action="turbo:submit-end->modal#submitEnd keyup@window->modal#closeWithKeyboard click@window->modal#closeBackground">
    <div class="modal-dialog modal-lg modal-dialog-scrollable modal-fullscreen-sm-down">
      <div class="modal-content rounded-0 border shadow-sm position-relative" style="border-width: 10px !important; border-color: #C0C0C0 !important;">
        <button type="button" class="btn-close btn-sm position-absolute top-0 end-0 m-2" data-bs-dismiss="modal" aria-label="Close" style="z-index: 1050;"></button>
        <div class="modal-body remote_modal_body " id="remote_modal_body">
          
    <div class="cdj-detail" data-controller="image-preview">
  <h2 class="cdj-heading h4 text-center mt-2 mb-3 px-4">Flush-Fit Palladium Diamond Engagement Set</h2>

  <img class="cdj-detail-main img-fluid d-block mx-auto rounded" alt="Custom design Flush-Fit Palladium Diamond Engagement Set" data-image-preview-target="main" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/25/large_DSC_5045-15296_ENS9082SET-_NM9053SET.jpg" />

    <div class="d-flex justify-content-center gap-2 mt-3">
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Flush-Fit Palladium Diamond Engagement Set" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/25/large_DSC_5045-15296_ENS9082SET-_NM9053SET.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/25/small_DSC_5045-15296_ENS9082SET-_NM9053SET.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Flush-Fit Palladium Diamond Engagement Set" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/25/large_DSC_5043_-15296_ENS9082SET-_NM9053SET.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/25/small_DSC_5043_-15296_ENS9082SET-_NM9053SET.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Flush-Fit Palladium Diamond Engagement Set" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/25/large_ens9082setENS9082SET-_NM9053SET.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/25/small_ens9082setENS9082SET-_NM9053SET.jpg" />
    </div>

    <div class="text-muted pt-3 px-1 px-md-4 pb-2">
      <p>A creative customer had a special ring in mind: One that will be so poetic that it will spell out his feelings without words. We shared our idea of a flush-fit set that will symbolize harmony, togetherness, and sharing one love. When we finished the ring in palladium with 0.40ct tw diamonds, our customer told us it couldn't be more perfect in showing his feelings. And hearing that was what made us really happy and satisfied about this custom design. The ring is finished with a 0.30t F/VS1 round center, and 0.10ct tw side diamonds.  
</p>
    </div>
</div>

<style>
.cdj-detail-main {
  max-height: 400px;
}
.cdj-detail-thumb {
  width: 64px;
  height: 64px;
  object-fit: cover;
  cursor: pointer;
}
.cdj-detail-thumb:hover,
.cdj-detail-thumb:focus-visible {
  border-color: var(--bs-dark) !important;
}
</style>


        </div>
      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>