{% comment %}
  ___                       _          _   ___        ___      _ _    _          _     
 / __|___ _ _  ___ _ _ __ _| |_ ___ __| | | _ )_  _  | _ )_  _(_) |__| |___ _ _ (_)___ 
| (_ / -_) ' \/ -_) '_/ _` |  _/ -_) _` | | _ \ || | | _ \ || | | / _` / -_) '_|| / _ \
 \___\___|_||_\___|_| \__,_|\__\___\__,_| |___/\_, | |___/\_,_|_|_\__,_\___|_|(_)_\___/
                                               |__/    
                               
This content was created and managed is managed by Builder.io. 

*Do not edit this content directly* - this is only the minimum HTML and above the fold CSS 
for this content for best possible performance. Additional content (dynamic html, below the fold styles,
lazy images) load subsequently via our CDN

Be sure you have access to this account in Builder.io and edit this page at:
https://builder.io/content/115ce1fb6f4348dfb8338d5ece9ba106

If you are a developer working on this site, see this guide on using Builder.io for Shopify developers:
https://builder.io/c/docs/shopify/developers

PRODUCT PAGE - Beyond
Last updated: Sat, 08 Oct 2022 09:49:38 GMT

{% endcomment %}



<builder-component name="headset"  api-key="64dd5478e25746bf9db3b6c0319905f6" rev="550309561f7a4cd7987ebf24eac72e80" entry="115ce1fb6f4348dfb8338d5ece9ba106"  style="display: flex; flex-direction: column; align-items: stretch">

  <!-- ***** Generated by Builder.io on Sat, 08 Oct 2022 09:49:38 GMT ***** -->

<style type="text/css" class="builder-styles builder-api-styles">
  .bd-product-price,.bd-product-title,.bd-section{line-height:130%;color:#000}.builder-block.builder-6b86cfb,.builder-block.builder-98f25a2{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box}.builder-block.builder-0d58801{margin-left:auto;margin-right:auto}.builder-block.builder-f8d1884{display:flex;flex-direction:column;position:relative;flex-shrink:0;box-sizing:border-box;margin-top:296px;margin-bottom:208px}.bd-section{width:100%;max-width:1920px;padding:0 120px;font-family:"Neue Haas Grotesk Display Pro - 55 Roman",serif;font-style:normal;font-weight:500;font-size:36px}.bd-section a{text-decoration:none}.bd-product a:not([href]){cursor:default}.bd-product-title{font-size:48px;display:flex;align-items:center;flex:none;order:0;flex-grow:0}.bd-product-price{font-size:36px;flex:none;order:1;flex-grow:0}.bd-btn-add{font-size:24px;line-height:120%;display:flex;align-items:center;text-align:center;letter-spacing:.2em;text-transform:uppercase;color:#e3e2df}.bd-product-text{font-size:24px;line-height:130%;text-align:left;color:#828282;flex:none;order:1;flex-grow:0}.bd-section .bd-product-text a{text-decoration:underline;color:inherit}.bd-carousel-selector .bd-carousel-item:not(:last-child){margin-right:8px}.bd-carousel-dot{font-size:16px;color:#828282}.bd-w1{max-width:calc(calc(100% / 12) * 1)}.bd-w2{max-width:calc(calc(100% / 12) * 2)}.bd-w3{max-width:calc(calc(100% / 12) * 3)}.bd-w4{max-width:calc(calc(100% / 12) * 4)}.bd-w5{max-width:calc(calc(100% / 12) * 5)}.bd-w6{max-width:calc(calc(100% / 12) * 6)}.bd-w7{max-width:calc(calc(100% / 12) * 7)}.bd-w8{max-width:calc(calc(100% / 12) * 8)}.bd-w9{max-width:calc(calc(100% / 12) * 9)}.bd-w10{max-width:calc(calc(100% / 12) * 10)}.bd-w11{max-width:calc(calc(100% / 12) * 11)}.bd-link-line{font-size:30px}.bd-link-line section{display:inline-flex;flex-direction:row}.bd-link-line:not(.bd-mob-escape) section div.builder-block,.bd-link-line:not(.bd-mob-escape) span{font-size:inherit}.bd-link-line a:link,.bd-link-line a:visited{color:#8391d9}.bd-link-line a:hover{color:#93a1e9}.bd-link-line div:not(:last-child) p a{margin-right:30px}.bd-gap-right,.bd-link-wide-gap div:not(:last-child) p a{margin-right:60px}.bd-caption{font-size:18px;width:auto;margin-left:calc(calc(calc(100% / 12) * 2) - 20px);margin-top:auto;margin-bottom:auto}.bd-gap-btm{margin-bottom:60px}.bd-gap-top{margin-top:60px}.bd-flex-panes{gap:20px}.bd-pane-btm{margin-bottom:20px}.bd-pane-top{margin-top:20px}@media only screen and (max-width:640px){.bd-section{width:100%;max-width:100%;padding:0 5.3vw;font-family:"Neue Haas Grotesk Display Pro - 55 Roman",serif;font-style:normal;font-weight:500;font-size:5.3vw;line-height:130%;color:#000}.bd-section section .builder-block:not(.bd-mob-escape){font-size:inherit;line-height:inherit}.bd-parahead span{font-size:4.3vw;line-height:130%;letter-spacing:.2em;text-transform:uppercase}.bd-paragraph{width:auto;padding:32vw 0}.bd-mob-w12,.bd-w1,.bd-w10,.bd-w11,.bd-w2,.bd-w3,.bd-w4,.bd-w5,.bd-w6,.bd-w7,.bd-w8,.bd-w9{max-width:100%}.bd-mob-w1{max-width:calc(calc(100% / 12) * 1)}.bd-mob-w2{max-width:calc(calc(100% / 12) * 2)}.bd-mob-w3{max-width:calc(calc(100% / 12) * 3)}.bd-mob-w4{max-width:calc(calc(100% / 12) * 4)}.bd-mob-w5{max-width:calc(calc(100% / 12) * 5)}.bd-mob-w6{max-width:calc(calc(100% / 12) * 6)}.bd-mob-w7{max-width:calc(calc(100% / 12) * 7)}.bd-mob-w8{max-width:calc(calc(100% / 12) * 8)}.bd-mob-w9{max-width:calc(calc(100% / 12) * 9)}.bd-mob-w10{max-width:calc(calc(100% / 12) * 10)}.bd-mob-w11{max-width:calc(calc(100% / 12) * 11)}.bd-link-line{font-size:5.3vw}.bd-link-line div:not(:last-child) p a{margin-right:8vw}.bd-link-wide-gap div:not(:last-child) p a,.bd-section .bd-gap-right,.bd-section .bd-mob-gap-right{margin-right:16vw}.bd-section section .builder-block .bd-caption{font-size:4.8vw;line-height:130%;width:100%;margin:0}.bd-section .bd-mob-gap-btm,.bd-section section .bd-gap-btm{margin-bottom:16vw}.bd-section .bd-gap-top,.bd-section .bd-mob-gap-top{margin-top:16vw}.bd-flex-panes{gap:5.3vw}.bd-flex-panes .builder-column:not(:last-child),.bd-section .bd-mob-pane-btm{margin-bottom:5.3vw}.bd-mob-pane-gap-tall .builder-column:not(:last-child){margin-bottom:10.7vw}.bd-section .bd-mob-pane-top{margin-top:5.3vw}}.arrow{width:2.75vw;stroke-width:.5}.slider-btn{display:none;z-index:10;position:absolute;border:none;background:0 0;appearance:none;outline:0;top:50%;transform:translateY(-50%)}.slider-btn.left{left:0}.slider-btn.left .arrow{transform:rotate(90deg)}.slider-btn.right{right:0}.slider-btn.right .arrow{transform:rotate(-90deg)}.product-images:hover .slider-btn{display:block}.loading-overlay{position:absolute;z-index:1;width:1.8rem}@media screen and (max-width:749px){.loading-overlay{top:0;right:0}}@media screen and (min-width:750px){.loading-overlay{left:0}}.loading-overlay__spinner{width:1.8rem;display:inline-block}.spinner{animation:1.4s linear infinite rotator}@keyframes rotator{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}.path{stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;stroke:rgb(var(--color-foreground));animation:1.4s ease-in-out infinite dash}@media screen and (forced-colors:active){.path{stroke:CanvasText}}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}100%{stroke-dashoffset:280;transform:rotate(450deg)}}.loading-overlay:not(.hidden)+.cart-item__price-wrapper,.loading-overlay:not(.hidden)~cart-remove-button{opacity:50%}.loading-overlay:not(.hidden)~cart-remove-button{pointer-events:none;cursor:default}@font-face{font-family:"Neue Haas Grotesk Display Pro - 55 Roman";src:local("Neue Haas Grotesk Display Pro - 55 Roman"),url(https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F801ad1fc927c41ef959636b8424c18b6?alt=media&token=269259f3-2e52-4b04-b789-5e22187828bf&apiKey=64dd5478e25746bf9db3b6c0319905f6) format('woff2');font-display:fallback;font-weight:400}@font-face{font-family:"FontAwesome Regular";src:local("FontAwesome Regular"),url(https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2Fd69bfd6704404426aad842e35b8bd7e4?alt=media&token=905d21b4-2561-404e-ab53-82c3cb446714&apiKey=64dd5478e25746bf9db3b6c0319905f6) format('woff2');font-display:fallback;font-weight:400}@font-face{font-family:"FontAwesome Solid";src:local("FontAwesome Solid"),url(https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F2ef95fe01a414e16b0db5063a7aab176?alt=media&token=a969e2c9-d230-4f9d-b966-3f235ee042a9&apiKey=64dd5478e25746bf9db3b6c0319905f6) format('woff2');font-display:fallback;font-weight:400}
</style>
<div class="builder-component" data-name="headset">
  <div
    class="builder-content"
    data-builder-content-id="115ce1fb6f4348dfb8338d5ece9ba106"
    data-builder-component="headset"
    data-builder-variation-id="115ce1fb6f4348dfb8338d5ece9ba106"
  >
    <div
      builder-content-id="115ce1fb6f4348dfb8338d5ece9ba106"
      builder-model="headset"
    >
      <div
        class="builder-block builder-98f25a2"
        builder-id="builder-98f25a2ef422421ba3755136d2b3e0bf"
      >
        <div class="builder-custom-code">
          <script>
            {%- assign fallbackOb = "[]" -%} {%- assign qtySold = 0 -%} {%- for prod in product.variants -%} {%- assign qtySold = qtySold | minus: prod.inventory_quantity -%} {%- endfor -%} if(!!window && !window.BigData) window.BigData = {}; Object.assign(window.BigData, { product: { id: "{{ product.id }}", inCart: {{ cart.items | where: 'product_id', product.id | size }}, qtySold: {{ qtySold }}, shipping: { w1: {{ product.metafields.shipping.projected_date_w1 | default: fallbackOb }}, w2: {{ product.metafields.shipping.projected_date_w2 | default: fallbackOb }}, w3: {{ product.metafields.shipping.projected_date_w3 | default: fallbackOb }}, }, }, cart: {{ cart | json }}, });
          </script>
        </div>
      </div>
      <div class="builder-block builder-0d58801 bd-section">
        <div
          style="
            height: 100%;
            width: 100%;
            align-self: stretch;
            flex-grow: 1;
            box-sizing: border-box;
            max-width: 1920px;
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin-left: auto;
            margin-right: auto;
          "
        >
          <div
            class="builder-block builder-6b86cfb"
            builder-id="builder-6b86cfb1b07447e2a99cc70ef59e64a6"
          >
            <div class="builder-custom-code">
              <product-form class="product-form" style="display: none">
                <div
                  class="product-form__error-message-wrapper"
                  role="alert"
                  hidden=""
                >
                  <svg
                    aria-hidden="true"
                    focusable="false"
                    role="presentation"
                    class="icon icon-error"
                    viewBox="0 0 13 13"
                  >
                    <circle
                      cx="6.5"
                      cy="6.50049"
                      r="5.5"
                      stroke="white"
                      stroke-width="2"
                    ></circle>
                    <circle
                      cx="6.5"
                      cy="6.5"
                      r="5.5"
                      fill="#EB001B"
                      stroke="#EB001B"
                      stroke-width="0.7"
                    ></circle>
                    <path
                      d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z"
                      fill="white"
                    ></path>
                    <path
                      d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z"
                      fill="white"
                      stroke="#EB001B"
                      stroke-width="0.7"
                    ></path>
                  </svg>
                  <span class="product-form__error-message"></span>
                </div>
                <form
                  method="post"
                  action="/cart/add"
                  id="product-form-template--16190006231257__main"
                  accept-charset="UTF-8"
                  class="form"
                  enctype="multipart/form-data"
                  novalidate="novalidate"
                  data-type="add-to-cart-form"
                >
                  <input type="hidden" name="form_type" value="product" /><input
                    type="hidden"
                    name="utf8"
                    value="✓"
                  /><input type="hidden" name="id" value="43041139392729" />
                  <div class="product-form__buttons">
                    <button
                      type="submit"
                      name="add"
                      class="
                        product-form__submit
                        button button--full-width button--primary
                      "
                      style="visibility: visible; display: none"
                    >
                      <span>Add to cart </span>
                      <div class="loading-overlay__spinner hidden">
                        <svg
                          aria-hidden="true"
                          focusable="false"
                          role="presentation"
                          class="spinner"
                          viewBox="0 0 66 66"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <circle
                            class="path"
                            fill="none"
                            stroke-width="6"
                            cx="33"
                            cy="33"
                            r="30"
                          ></circle>
                        </svg>
                      </div>
                    </button>
                    <button
                      type="button"
                      id="la-select-lenses-btn"
                      class="la-select-lenses-btn"
                      data-toggle="la-modal"
                      data-target="#myPrescription"
                    >
                      Select Lens and Purchase
                    </button>
                  </div>
                </form>
              </product-form>
            </div>
          </div>
          <div class="builder-block builder-f8d1884">
            <div class="builder-symbol">
              {% capture snippet_content %} {% include
              'content.730bf2e0bd2b4cc185afa5520fd4c92d.builder.liquid',
              dividerColor: "rgba(130, 130, 130, 1)", arrowImg:
              "https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2Fcf759fe1c5b64e58a9518a8fdaf96bce",
              headerColor: "rgba(0, 0, 0, 1)", detailColor: "rgba(130, 130, 130,
              1)" %} {% endcapture %} {% if snippet_content contains "Liquid
              error" %} {% else %} {{ snippet_content }} {% endif %}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

</builder-component>

<script async src="https://cdn.builder.io/js/webcomponents"></script>