<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-xl">
      <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="p-2">
  <div class="mb-4">
    <h2 class="display-6 fw-semibold mb-2">Use A Ring That Fits</h2>
    <p class="text-muted fs-5">Measure Your Current Ring</p>
  </div>

  <div class="card border-0 shadow-sm mb-4">
    <div class="card-body">
      <ol class="list-group list-group-numbered list-group-flush">
        <li class="list-group-item bg-transparent border-0 py-2">Select a ring that fits the finger</li>
        <li class="list-group-item bg-transparent border-0 py-2">Measure the <strong>inside diameter</strong> of your ring</li>
        <li class="list-group-item bg-transparent border-0 py-2">Match the measurement with the finger size in our ring size chart</li>
      </ol>
    </div>
  </div>

  <div class="text-center mb-4">
    <img class="img-fluid rounded shadow-sm" src="/assets/fyrs/use-a-ring-fits-91642383.png" />
  </div>

  <div class="card border-0 shadow-sm mt-4">
    <div class="card-body text-center">
      <h4 class="card-title fw-bold mb-3">Using a Ring Size Stick Mandrel</h4>
      <p class="text-muted mb-3">Take the measurement at the bottom edge on the sizing rod.</p>
      <img class="img-fluid rounded border" src="/assets/education/sizer-00b95f13.jpg" />
    </div>
  </div>
</div>

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