<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">Emerald Three Stone Engagement Ring With Invisible Setting Princess Diamonds</h2>

  <img class="cdj-detail-main img-fluid d-block mx-auto rounded" alt="Custom design Emerald Three Stone Engagement Ring With Invisible Setting Princess Diamonds" data-image-preview-target="main" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/33/large_DSC_1517_19299_CENR10044.jpg" />

    <div class="d-flex justify-content-center gap-2 mt-3">
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Emerald Three Stone Engagement Ring With Invisible Setting Princess Diamonds" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/33/large_DSC_1517_19299_CENR10044.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/33/small_DSC_1517_19299_CENR10044.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Emerald Three Stone Engagement Ring With Invisible Setting Princess Diamonds" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/33/large_DSC_1518_19299_CENR10044.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/33/small_DSC_1518_19299_CENR10044.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Emerald Three Stone Engagement Ring With Invisible Setting Princess Diamonds" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/33/large_cenr10044.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/33/small_cenr10044.jpg" />
    </div>

    <div class="text-muted pt-3 px-1 px-md-4 pb-2">
      <p>The idea was creating an anniversary ring that has a very unique look, and has modern elements. We had long design discussions with our customer and made several changes along the way. Adding trellis setting for emerald cut diamonds, invisible setting of princess cuts, and finishing the model with three-stone instead of halo were all the fruits of these brain storming with our expert jewelry designer. The final ring speaks for itself: A true masterpiece!
</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>