<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">Antique 3-Stone Sapphire and Diamond Engagement Ring</h2>

  <img class="cdj-detail-main img-fluid d-block mx-auto rounded" alt="Custom design Antique 3-Stone Sapphire and Diamond Engagement Ring" data-image-preview-target="main" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/11/large_CM3_A.jpg" />

    <div class="d-flex justify-content-center gap-2 mt-3">
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Antique 3-Stone Sapphire and Diamond Engagement Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/11/large_CM3_A.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_1/11/small_CM3_A.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Antique 3-Stone Sapphire and Diamond Engagement Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/11/large_CM3_1_A.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/image_2/11/small_CM3_1_A.jpg" />
        <img class="cdj-detail-thumb rounded border" alt="Alternate view of Antique 3-Stone Sapphire and Diamond Engagement Ring" role="button" tabindex="0" data-src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/11/large_CM3_B.jpg" data-action="click-&gt;image-preview#show" src="https://s3.amazonaws.com/25k_assets/p/custom-jewelry-gallery/cad_image_1/11/small_CM3_B.jpg" />
    </div>

    <div class="text-muted pt-3 px-1 px-md-4 pb-2">
      <p>Pear shape blue sapphires are spellbinding. Our customer wanted a ring to use the sapphires in combination with a cushion diamond. We recommended a three stone design to keep the sapphires sizable. We created a CAD image of the ring with air lined prongs. The model was cast in platinum with a plain shank. Antique pattern on the shank was hand engraved afterwards. The high setting is perfect for showing off the beauty of sapphire and diamond combination crowning this lovely setting. Our customer informed us that she gets high praises all the time for this very unique ring.  </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>