<!-- Page Masthead -->
<div class="vi-page-masthead">
  <div class="vi-page-masthead__main">
    <ul class="vi-page-masthead__navigation">
      <li class="vi-page-masthead__navigation-item">
        <a class="vi-page-masthead__navigation-link" data-tabindex-collapsed="12" href="#sample">Media</a>
      </li>
      <li class="vi-page-masthead__navigation-item">
        <a class="vi-page-masthead__navigation-link" data-tabindex-collapsed="12" href="#sample">Investors</a>
      </li>
      <li class="vi-page-masthead__navigation-item">
        <a class="vi-page-masthead__navigation-link" data-tabindex-collapsed="12" href="#sample">Shop</a>
      </li>
    </ul>
    <div class="vi-page-masthead__actions">
      <div class="vi-page-masthead__action vi-page-masthead__action--country-select">
        <!-- Button type: masthead  -->
        <button data-trigger="countries" data-tabindex-collapsed="11" type="button" class="vi-btn-masthead vi-btn-masthead--countries vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--countries vi-btn__label"><!--  -->
            <!-- Use display helper classes at own discretion. -->
            Select
            <span class="d-none d-sm-inline">your</span>
            country
            <span class="d-none d-xl-inline">website</span></span></button>
      </div>
      <div class="vi-page-masthead__action vi-page-masthead__action--session">
        <!-- Button type: masthead  -->
        <a data-tabindex-collapsed="10" href="#" class="vi-btn-masthead vi-btn-masthead--icon vi-btn-masthead--session vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--icon vi-btn-masthead__label--session vi-btn__label">Login</span></a>
      </div>
      <div class="vi-page-masthead__action vi-page-masthead__action--search">
        <!-- Button type: masthead  -->
        <button data-trigger="search" data-tabindex-collapsed="5" aria-label="Toggle search" aria-expanded="false" type="button" class="vi-btn-masthead vi-btn-masthead--icon vi-btn-masthead--search vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--icon vi-btn-masthead__label--search vi-btn__label">Toggle search</span></button>
      </div>
    </div>
  </div>
</div>

<!-- Page Masthead -->
<div class="vi-page-masthead">
  <div class="vi-page-masthead__main">
    <ul class="vi-page-masthead__navigation">
      <li class="vi-page-masthead__navigation-item">
        <a class="vi-page-masthead__navigation-link" data-tabindex-collapsed="12" href="#sample">Media</a>
      </li>
      <li class="vi-page-masthead__navigation-item">
        <a class="vi-page-masthead__navigation-link" data-tabindex-collapsed="12" href="#sample">Investors</a>
      </li>
      <li class="vi-page-masthead__navigation-item">
        <a class="vi-page-masthead__navigation-link" data-tabindex-collapsed="12" href="#sample">Shop</a>
      </li>
    </ul>
    <div class="vi-page-masthead__actions">
      <div class="vi-page-masthead__action vi-page-masthead__action--pharmacy">
        <!-- Button type: masthead  -->
        <a href="#" class="vi-btn-masthead vi-btn-masthead--icon vi-btn-masthead--voucher-balance vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--icon vi-btn-masthead__label--voucher-balance vi-btn__label">Amazon</span></a>
      </div>
      <div class="vi-page-masthead__action vi-page-masthead__action--cart">
        <!-- Button type: masthead  -->
        <a href="#" class="vi-btn-masthead vi-btn-masthead--icon vi-btn-masthead--cart vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--icon vi-btn-masthead__label--cart vi-btn__label">123</span></a>
      </div>
      <div class="vi-page-masthead__action vi-page-masthead__action--session">
        <!-- Button type: masthead  -->
        <a data-tabindex-collapsed="10" href="#" class="vi-btn-masthead vi-btn-masthead--icon vi-btn-masthead--session vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--icon vi-btn-masthead__label--session vi-btn__label">Login</span></a>
      </div>
      <div class="vi-page-masthead__action vi-page-masthead__action--pharmacy">
        <!-- Button type: masthead  -->
        <a href="#" class="vi-btn-masthead vi-btn-masthead--icon vi-btn-masthead--pharmacy vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--icon vi-btn-masthead__label--pharmacy vi-btn__label">Amazon</span></a>
      </div>
      <div class="vi-page-masthead__action vi-page-masthead__action--search">
        <!-- Button type: masthead  -->
        <button data-trigger="search" data-tabindex-collapsed="5" aria-label="Toggle search" aria-expanded="false" type="button" class="vi-btn-masthead vi-btn-masthead--icon vi-btn-masthead--search vi-btn"><span class="vi-btn-masthead__label vi-btn-masthead__label--icon vi-btn-masthead__label--search vi-btn__label">Toggle search</span></button>
      </div>
    </div>
  </div>
</div>
<div class="modal vi-modal vi-side-panel" id="side-panel-modal-pharmacy" role="dialog" tabindex="-1">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <div class="vi-modal-layout">
          <div class="vi-modal-layout__body">
            <div class="vi-modal-layout__section vi-modal-layout__section--header-close">
              <div class="vi-modal-layout__header vi-typesystem vi-typesystem--collapse-last">
                <h4>Your pharmacy</h4>
              </div>
              <div class="vi-modal-layout__close">
                <button aria-label="Message dialog - click to close or navigate to the message content" class="vi-btn-close vi-btn-close--accent-1 vi-btn" data-dismiss="modal" type="button">
                  <span class="vi-btn-close__label vi-btn__label">Close</span>
                </button>
              </div>
            </div>
            <div class="vi-modal-layout__section">
              <form action="#form-267e5c" autocomplete="off" class="vi-form vi-typesystem" data-validate="true" novalidate="">
                <div class="form-group">
                  <div class="custom-radio custom-control custom-control--top">
                    <input aria-required="true" class="custom-control-input" id="control-66404d" name="name-b3e502" required="" type="radio">
                    <label class="custom-control-label text-dominant" for="control-66404d">
                      Aston healthcare Ltd
                    </label>
                  </div>
                  <div class="custom-radio custom-control custom-control--top">
                    <input aria-required="true" class="custom-control-input" id="control-91c64c" name="name-b3e502" required="" type="radio">
                    <label class="custom-control-label text-dominant" for="control-91c64c">
                      Bampton healthcare ltd, Landells, OX18 2LJ
                    </label>
                  </div>
                  <div class="custom-radio custom-control custom-control--top">
                    <input aria-required="true" class="custom-control-input" id="control-9e08d5" name="name-b3e502" required="" type="radio">
                    <label class="custom-control-label text-dominant" for="control-9e08d5">
                      Clanfield Health Care Ltd
                    </label>
                  </div>
                  <div class="custom-radio custom-control custom-control--top">
                    <input aria-required="true" class="custom-control-input" id="control-9e08d6" name="name-b3e502" required="" type="radio">
                    <label class="custom-control-label text-dominant" for="control-9e08d6">
                      Standlake Pharmacy, Black Bourton Rd
                    </label>
                  </div>
                </div>
              </form>
            </div>
            <button class="vi-btn-solid vi-btn-solid--no-pointer vi-btn mt-30" data-target="#sg-66acb4" data-toggle="modal" type="button">Change pharmacy</button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="modal fade vi-modal" id="sg-66acb4" role="dialog" tabindex="-1">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <div class="vi-modal-layout">
          <div class="vi-modal-layout__body">
            <div class="vi-modal-layout__section vi-modal-layout__section--header-close">
              <div class="vi-modal-layout__header vi-typesystem vi-typesystem--collapse-last">
                <h3>
                  You will switch to a different pharmacy and pharmacy cart
                </h3>
              </div>
              <div class="vi-modal-layout__close">
                <button aria-label="Message dialog - click to close or navigate to the message content" class="vi-btn-close vi-btn-close--accent-1 vi-btn" data-dismiss="modal" type="button">
                  <span class="vi-btn-close__label vi-btn__label">Close</span>
                </button>
              </div>
            </div>
            <div class="vi-modal-layout__section">
              <div class="vi-typesystem">
                <p>
                  Your cart will still be here if you return to this pharmacy.
                  Donec sed odio dui. Curabitur blandit tempus porttitor. Cras
                  justo odio, dapibus ac facilisis in, egestas eget quam.
                </p>
              </div>
              <div class="d-flex justify-content-between">
                <button class="vi-btn-outline vi-btn-outline--no-pointer vi-btn" data-dismiss="modal" type="button">Cancel</button>
                <button class="vi-btn-solid vi-btn-solid--no-pointer vi-btn" data-dismiss="modal" type="button">Change pharmacy</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>