<div class="accordion-tabs js-accordion-tabs product-description js-product-description" data-product-id="202-02">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> Gloss Black</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> Neutral Grey - Highest light reduction for rich color and contrast.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> SuperThin Glass - Perfect when clarity is your highest priority.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> 202-02</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="B202-2M">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> Matte Black</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> Blue Hawaii - Blue mirror coating provides a stylish new look.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> SuperThin Glass - Perfect when clarity is your highest priority.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> B202-2M</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="H202-10">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> Dark Tortoise</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> HCL® Bronze - Versatile in changing conditions with a warm tint.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> SuperThin Glass - Perfect when clarity is your highest priority.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> H202-10</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="H202-2M">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> Matte Black</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> HCL® Bronze - Versatile in changing conditions with a warm tint.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> SuperThin Glass - Perfect when clarity is your highest priority.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> H202-2M</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="H202-70">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> Redfish</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> HCL® Bronze - Versatile in changing conditions with a warm tint.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> SuperThin Glass - Perfect when clarity is your highest priority.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> H202-70</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="HT202-71">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> MahiMahi</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> Maui HT™ - Highest usable light transmission for incredible depth perception.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> MauiPure - The lightest weight choice for long days in the sun.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> HT202-71</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="H202-2M-2">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> Matte Black</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> HCL® Bronze - Versatile in changing conditions with a warm tint.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> SuperThin Glass - Perfect when clarity is your highest priority.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> H202-2M-2</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="H202-70-2">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> Redfish</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> HCL® Bronze - Versatile in changing conditions with a warm tint.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> SuperThin Glass - Perfect when clarity is your highest priority.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> H202-70-2</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
<div class="accordion-tabs js-accordion-tabs product-description js-product-description js-hidden" data-product-id="HT202-71-2">
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item">Pe&#x27;ahi (&#x27;peh-AH-hee&#x27;), on Maui&#x27;s north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.</p>
        </div>
    </div>
    <ul class="accordion-tabs__tabs">
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
        <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    </ul>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Frame:</strong> MahiMahi</p>
            <p class="accordion-tabs__content-item"><strong>Lens:</strong> Maui HT™ - Highest usable light transmission for incredible depth perception.</p>
            <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> MauiPure - The lightest weight choice for long days in the sun.</p>
            <p class="accordion-tabs__content-item"><strong>SKU:</strong> HT202-71-2</p>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
                <p class="accordion-tabs__content-item-description">Brown case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
                <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--protection-check">
  <use xlink:href="/assets/icons/icons.svg#protection-check"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Two year warranty</p>
            </div>
            <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
                <svg class="icon icon--truck-delivery">
  <use xlink:href="/assets/icons/icons.svg#truck-delivery"></use>
</svg>

                <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
            </div>
        </div>
    </div>
    <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
        <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      <svg class="icon icon--arrow-down">
  <use xlink:href="/assets/icons/icons.svg#arrow-down"></use>
</svg>

      <svg class="icon icon--arrow-up">
  <use xlink:href="/assets/icons/icons.svg#arrow-up"></use>
</svg>

    </button>
        <div class="accordion-tabs__content">
            <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
            <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
            <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
            <p class="accordion-tabs__content-item">
                <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          <svg class="icon icon--arrow-right">
  <use xlink:href="/assets/icons/icons.svg#arrow-right"></use>
</svg>

        </a>
            </p>
        </div>
    </div>
</div>
{{#each product.variants}}
<div class="accordion-tabs js-accordion-tabs product-description js-product-description{{#unless active}} js-hidden{{/unless}}" data-product-id="{{id}}">
  {{#if ../featuredTab}}
  <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="product-description">
    <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Description
      {{render '@icons--arrow-down'}}
      {{render '@icons--arrow-up'}}
    </button>
    <div class="accordion-tabs__content">
      <p class="accordion-tabs__content-item">{{ ../product.description }}</p>
    </div>
  </div>
  {{/if}}
  <ul class="accordion-tabs__tabs">
    {{#if ../featuredTab}}
    <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="product-description">Description</li>
    {{/if}}
    <li class="accordion-tabs__tab js-accordion-tabs-tab js-accordion-tabs-tab--active" data-tab="details">Details</li>
    <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="included">Included</li>
    {{#unless ../excludeAvailability}}
    <li class="accordion-tabs__tab js-accordion-tabs-tab" data-tab="store-availability">Store Availability</li>
    {{/unless}}
  </ul>
  <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper js-accordion-tabs-content-wrapper--active" data-tab="details">
    <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Details
      {{render '@icons--arrow-down'}}
      {{render '@icons--arrow-up'}}
    </button>
    <div class="accordion-tabs__content">
      <p class="accordion-tabs__content-item"><strong>Frame:</strong> {{name}}</p>
      <p class="accordion-tabs__content-item"><strong>Lens:</strong> {{lensFull}}</p>
      <p class="accordion-tabs__content-item"><strong>Lens Material:</strong> {{lensMaterialFull}}</p>
      <p class="accordion-tabs__content-item"><strong>SKU:</strong> {{id}}</p>
      {{#if ../lensDetail}}
      <p class="accordion-tabs__content-item">
        <a class="accordion-tabs__content-call-to-action" href="#lens-details">
          Lens Details
          {{render '@icons--arrow-right'}}
        </a>
      </p>
      {{/if}}
    </div>
  </div>
  <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="included">
    <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Included
      {{render '@icons--arrow-down'}}
      {{render '@icons--arrow-up'}}
    </button>
    <div class="accordion-tabs__content">
      <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
        <img class="accordion-tabs__content-image" src="/assets/images/brown-case.png" alt="Brown case">
        <p class="accordion-tabs__content-item-description">Brown case</p>
      </div>
      <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
        <img class="accordion-tabs__content-image" src="/assets/images/cleansing-cloth-case.png" alt="Cleaning cloth case">
        <p class="accordion-tabs__content-item-description">Cleaning cloth case</p>
      </div>
      <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
        {{render '@icons--protection-check'}}
        <p class="accordion-tabs__content-item-description">Two year warranty</p>
      </div>
      <div class="accordion-tabs__content-item accordion-tabs__content-item--image">
        {{render '@icons--truck-delivery'}}
        <p class="accordion-tabs__content-item-description">Free shipping &amp; returns</p>
      </div>
    </div>
  </div>
  {{#unless ../excludeAvailability}}
  <div class="accordion-tabs__content-wrapper js-accordion-tabs-content-wrapper" data-tab="store-availability">
    <button class="accordion-tabs__accordion-control js-accordion-tabs-accordion-control">
      Store Availability
      {{render '@icons--arrow-down'}}
      {{render '@icons--arrow-up'}}
    </button>
    <div class="accordion-tabs__content">
      <p class="accordion-tabs__content-item"><strong>Check Store Availability</strong></p>
      <p class="accordion-tabs__content-item">SPEX<br>1819 St Johns Ave, Highland Park, 60035, United States</p>
      <p class="accordion-tabs__content-item"><strong>Available Now</strong></p>
      <p class="accordion-tabs__content-item">
        <a class="accordion-tabs__content-call-to-action" href="#">
          Choose a Store
          {{render '@icons--arrow-right'}}
        </a>
      </p>
    </div>
  </div>
  {{/unless}}
</div>
{{/each}}
{
  "pageCss": [
    "products"
  ],
  "product": {
    "name": "PEAHI",
    "summary": "Polarized men's classic sunglasses",
    "description": "Pe'ahi ('peh-AH-hee'), on Maui's north shore. Known for big waves as extreme as 70 feet. Its legendary reef break is respectfully referred to by surfers as Jaws.",
    "category": "Wrap",
    "rating": [
      "star-full",
      "star-full",
      "star-full",
      "star-empty",
      "star-empty"
    ],
    "vip": null,
    "tax": "Inkl. MWST",
    "variants": [
      {
        "id": "202-02",
        "name": "Gloss Black",
        "color": "#000",
        "orderMonth": "12",
        "orderYear": "2017",
        "locationCategory": "Online Retailer",
        "purchaseLocation": "Dicks.com",
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/202-02_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/202-02_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/202-02_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": true,
        "price": "$149.00",
        "salePrice": "$229.00",
        "url": "#202-02",
        "status": null,
        "stock": "In Stock",
        "lens": "Neutral Grey",
        "lensId": "neutralgrey",
        "lensFull": "Neutral Grey - Highest light reduction for rich color and contrast.",
        "lensMaterial": "SuperThin Glass",
        "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
        "lensDetailData": {
          "product": "202-02",
          "inactive": null,
          "material": "superthin"
        }
      },
      {
        "id": "B202-2M",
        "name": "Matte Black",
        "color": "#000",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/B202-2M_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": null,
        "price": "$189.00",
        "salePrice": "$219.00",
        "url": "#B202-2M",
        "status": null,
        "stock": "In Stock",
        "lens": "Blue Hawaii",
        "lensId": "bluehawaii",
        "lensFull": "Blue Hawaii - Blue mirror coating provides a stylish new look.",
        "lensMaterial": "SuperThin Glass",
        "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
        "lensDetailData": {
          "product": "B202-2M",
          "inactive": true,
          "material": "superthin"
        }
      },
      {
        "id": "H202-10",
        "name": "Dark Tortoise",
        "color": "#303032",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/H202-10_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-10_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/H202-10_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": "https://mauijim.scene7.com/is/image/mauijim/10",
        "active": null,
        "price": "$229.00",
        "salePrice": null,
        "url": "#H202-10",
        "status": null,
        "stock": "In Stock",
        "lens": "HCL® Bronze",
        "lensId": "hclbronze",
        "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
        "lensMaterial": "SuperThin Glass",
        "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
        "lensDetailData": {
          "product": "H202-10",
          "inactive": true,
          "material": "superthin"
        }
      },
      {
        "id": "H202-2M",
        "name": "Matte Black",
        "color": "#000",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": null,
        "price": "$229.00",
        "salePrice": null,
        "url": "#H202-2M",
        "status": null,
        "stock": "In Stock",
        "lens": "HCL® Bronze",
        "lensId": "hclbronze",
        "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
        "lensMaterial": "SuperThin Glass",
        "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
        "lensDetailData": {
          "product": "H202-2M",
          "inactive": true,
          "material": "superthin"
        }
      },
      {
        "id": "H202-70",
        "name": "Redfish",
        "color": "#7d4a07",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": null,
        "price": "$229.00",
        "salePrice": null,
        "url": "#H202-70",
        "status": "New",
        "stock": "In Stock",
        "lens": "HCL® Bronze",
        "lensId": "hclbronze",
        "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
        "lensMaterial": "SuperThin Glass",
        "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
        "lensDetailData": {
          "product": "H202-70",
          "inactive": true,
          "material": "superthin"
        }
      },
      {
        "id": "HT202-71",
        "name": "MahiMahi",
        "color": "#218b16",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": null,
        "price": "$229.00",
        "salePrice": null,
        "url": "#HT202-71",
        "status": null,
        "stock": "In Stock",
        "lens": "Maui HT™",
        "lensId": "mauiht",
        "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
        "lensMaterial": "MauiPure",
        "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
        "lensDetailData": {
          "product": "HT202-71",
          "inactive": true,
          "material": "mauipure"
        }
      },
      {
        "id": "H202-2M-2",
        "name": "Matte Black",
        "color": "#000",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/H202-2M_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": null,
        "price": "$229.00",
        "salePrice": null,
        "url": "#H202-2M-2",
        "status": null,
        "stock": "Out of Stock",
        "lens": "HCL® Bronze",
        "lensId": "hclbronze",
        "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
        "lensMaterial": "SuperThin Glass",
        "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
        "lensDetailData": {
          "product": "H202-2M-2",
          "inactive": true,
          "material": "superthin"
        }
      },
      {
        "id": "H202-70-2",
        "name": "Redfish",
        "color": "#7d4a07",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/H202-70_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/H202-70_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/H202-70_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": null,
        "price": "$229.00",
        "salePrice": null,
        "url": "#H202-70-2",
        "status": null,
        "stock": "In Stock",
        "lens": "HCL® Bronze",
        "lensId": "hclbronze",
        "lensFull": "HCL® Bronze - Versatile in changing conditions with a warm tint.",
        "lensMaterial": "SuperThin Glass",
        "lensMaterialFull": "SuperThin Glass - Perfect when clarity is your highest priority.",
        "lensDetailData": {
          "product": "H202-70-2",
          "inactive": true,
          "material": "superthin"
        }
      },
      {
        "id": "HT202-71-2",
        "name": "MahiMahi",
        "color": "#218b16",
        "orderMonth": null,
        "orderYear": null,
        "locationCategory": null,
        "purchaseLocation": null,
        "images": {
          "front": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_front?$config1800$",
          "angle": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_quarter?$config1800$",
          "side": "https://mauijim.scene7.com/is/image/mauijim/HT202-71_side?$config1800$"
        },
        "swatch": "https://sprint.design.mauijim.dev.idibgroup.com/assets/images/pattern-placeholder.png",
        "swatchImage": null,
        "active": null,
        "price": "$229.00",
        "salePrice": null,
        "url": "#HT202-71-2",
        "status": null,
        "stock": "In Stock",
        "lens": "Maui HT™",
        "lensId": "mauiht",
        "lensFull": "Maui HT™ - Highest usable light transmission for incredible depth perception.",
        "lensMaterial": "MauiPure",
        "lensMaterialFull": "MauiPure - The lightest weight choice for long days in the sun.",
        "lensDetailData": {
          "product": "HT202-71-2",
          "inactive": true,
          "material": "mauipure"
        }
      }
    ],
    "callToAction": null,
    "mauijim": null,
    "zeal": null,
    "excludeVariants": null,
    "mymaui": "true",
    "prescription": null
  },
  "featuredTab": true
}

There are no notes for this item.