<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">
      <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="row">
  <div class="col-xs-12">
    <p>
      <p class="description">A special metal band design that features a rounded inside edge for more comfortable constant wear.</p>
    </p>
  </div>
  <div class="col-xs-12 text-center">
      <br><img class="img-fluid" alt="COMFORT FIT illustration image" src="/jewelry-assets/faq_answer_images/46/comfort-fit.jpg" />
  </div>
</div>


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