thebyrokko.com Open in urlscan Pro
2620:127:f00f:5::  Public Scan

URL: https://thebyrokko.com/
Submission: On June 19 via api from US — Scanned from CA

Form analysis 7 forms found in the DOM

POST /cart

<form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form" method="post">
  <div id="CartDrawer-CartItems" class="drawer__contents js-contents">
    <p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
    <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> Loading... </p>
  </div>
  <div id="CartDrawer-CartErrors" role="alert"></div>
</form>

POST /localization

<form method="post" action="/localization" id="HeaderCountryMobileForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
  <div>
    <h2 class="visually-hidden" id="HeaderCountryMobileLabel"> Country/region </h2>
    <div class="disclosure">
      <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderCountryMobile-country-results"
        aria-describedby="HeaderCountryMobileLabel">
        <span>Canada | CAD $</span>
        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
          </path>
        </svg>
      </button>
      <div class="disclosure__list-wrapper country-selector" hidden="">
        <div class="country-filter country-filter--no-padding">
          <button class="country-selector__close-button button--small link" type="button" aria-label="Close">
            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
              <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
              </path>
            </svg>
          </button>
        </div>
        <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
        <div class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies" id="HeaderCountryMobile-country-results">
          <ul role="list" class="list-unstyled countries">
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AU" id="Australia">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce">
                AUD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" aria-current="true" data-value="CA" id="Canada">
              <span><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NZ" id="New Zealand">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce">
                NZD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="US" id="United States">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="country-selector__overlay"></div>
    </div>
    <input type="hidden" name="country_code" value="CA">
  </div>
</form>

GET /search

<form action="/search" method="get" role="search" class="search search-modal__form">
  <div class="field">
    <input class="search__input field__input" id="Search-In-Modal-1" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="field__label" for="Search-In-Modal-1">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
      <svg class="icon icon-close" aria-hidden="true" focusable="false">
        <use xlink:href="#icon-reset">
        </use>
      </svg>
    </button>
    <button class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search" aria-hidden="true" focusable="false">
        <use href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <link href="//thebyrokko.com/cdn/shop/t/9/assets/component-loading-spinner.css?v=116724955567955766481718490395" rel="stylesheet" type="text/css" media="all">
    <div class="predictive-search__loading-state">
      <svg aria-hidden="true" focusable="false" 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>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

POST /localization

<form method="post" action="/localization" id="HeaderCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
  <div>
    <h2 class="visually-hidden" id="HeaderCountryLabel">Country/region</h2>
    <div class="disclosure">
      <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="HeaderCountry-country-results" aria-describedby="HeaderCountryLabel">
        <span>Canada | CAD $</span>
        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
          </path>
        </svg>
      </button>
      <div class="disclosure__list-wrapper country-selector" hidden="">
        <div class="country-filter country-filter--no-padding">
          <button class="country-selector__close-button button--small link" type="button" aria-label="Close">
            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
              <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
              </path>
            </svg>
          </button>
        </div>
        <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
        <div class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies" id="HeaderCountry-country-results">
          <ul role="list" class="list-unstyled countries">
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AU" id="Australia">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce">
                AUD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" aria-current="true" data-value="CA" id="Canada">
              <span><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NZ" id="New Zealand">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce">
                NZD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="US" id="United States">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="country-selector__overlay"></div>
    </div>
    <input type="hidden" name="country_code" value="CA">
  </div>
</form>

GET /search

<form action="/search" method="get" role="search" class="search search-modal__form">
  <div class="field">
    <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search" role="combobox" aria-expanded="false" aria-owns="predictive-search-results" aria-controls="predictive-search-results"
      aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
    <label class="field__label" for="Search-In-Modal">Search</label>
    <input type="hidden" name="options[prefix]" value="last">
    <button type="reset" class="reset__button field__button hidden" aria-label="Clear search term">
      <svg class="icon icon-close" aria-hidden="true" focusable="false">
        <use xlink:href="#icon-reset">
        </use>
      </svg>
    </button>
    <button class="search__button field__button" aria-label="Search">
      <svg class="icon icon-search" aria-hidden="true" focusable="false">
        <use href="#icon-search">
        </use>
      </svg>
    </button>
  </div>
  <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search="">
    <link href="//thebyrokko.com/cdn/shop/t/9/assets/component-loading-spinner.css?v=116724955567955766481718490395" rel="stylesheet" type="text/css" media="all">
    <div class="predictive-search__loading-state">
      <svg aria-hidden="true" focusable="false" 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>
  </div>
  <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form>

POST /contact#ContactForm

<form method="post" action="/contact#ContactForm" id="ContactForm" accept-charset="UTF-8" class="isolate scroll-trigger animate--slide-in scroll-trigger--offscreen"><input type="hidden" name="form_type" value="contact"><input type="hidden"
    name="utf8" value="✓">
  <div class="contact__fields">
    <div class="field">
      <input class="field__input" autocomplete="name" type="text" id="ContactForm-name" name="contact[Name]" value="" placeholder="Name">
      <label class="field__label" for="ContactForm-name">Name</label>
    </div>
    <div class="field field--with-error">
      <input autocomplete="email" type="email" id="ContactForm-email" class="field__input" name="contact[email]" spellcheck="false" autocapitalize="off" value="" aria-required="true" placeholder="Email">
      <label class="field__label" for="ContactForm-email">Email <span aria-hidden="true">*</span></label>
    </div>
  </div>
  <div class="field">
    <input type="tel" id="ContactForm-phone" class="field__input" autocomplete="tel" name="contact[Phone number]" pattern="[0-9\-]*" value="" placeholder="Phone number">
    <label class="field__label" for="ContactForm-phone">Phone number</label>
  </div>
  <div class="field">
    <textarea rows="10" id="ContactForm-body" class="text-area field__input" name="contact[Comment]" placeholder="Comment"></textarea>
    <label class="form__label field__label" for="ContactForm-body">Comment</label>
  </div>
  <div class="contact__button">
    <button type="submit" class="button"> Send </button>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="FooterCountryForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8"
    value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/">
  <div>
    <h2 class="caption-large text-body" id="FooterCountryLabel">Country/region</h2>
    <div class="disclosure">
      <button type="button" class="disclosure__button localization-form__select localization-selector link link--text caption-large" aria-expanded="false" aria-controls="FooterCountry-country-results" aria-describedby="FooterCountryLabel">
        <span>Canada | CAD $</span>
        <svg aria-hidden="true" focusable="false" class="icon icon-caret" viewBox="0 0 10 6">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M9.354.646a.5.5 0 00-.708 0L5 4.293 1.354.646a.5.5 0 00-.708.708l4 4a.5.5 0 00.708 0l4-4a.5.5 0 000-.708z" fill="currentColor">
          </path>
        </svg>
      </button>
      <div class="disclosure__list-wrapper country-selector" hidden="">
        <div class="country-filter country-filter--no-padding">
          <button class="country-selector__close-button button--small link" type="button" aria-label="Close">
            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17">
              <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
              </path>
            </svg>
          </button>
        </div>
        <div id="sr-country-search-results" class="visually-hidden" aria-live="polite"></div>
        <div class="disclosure__list country-selector__list country-selector__list--with-multiple-currencies" id="FooterCountry-country-results">
          <ul role="list" class="list-unstyled countries">
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="AU" id="Australia">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">Australia</span>
              <span class="localization-form__currency motion-reduce">
                AUD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" aria-current="true" data-value="CA" id="Canada">
              <span><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">Canada</span>
              <span class="localization-form__currency motion-reduce">
                CAD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="NZ" id="New Zealand">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">New Zealand</span>
              <span class="localization-form__currency motion-reduce">
                NZD
                $</span>
            </a>
            </li>
            <li class="disclosure__item" tabindex="-1">
              <a class="link link--text disclosure__link caption-large focus-inset" href="#" data-value="US" id="United States">
              <span class="visibility-hidden"><svg class="icon icon-checkmark" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 9" fill="none">
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.35.643a.5.5 0 01.006.707l-6.77 6.886a.5.5 0 01-.719-.006L.638 4.845a.5.5 0 11.724-.69l2.872 3.011 6.41-6.517a.5.5 0 01.707-.006h-.001z" fill="currentColor"></path>
</svg>
</span>
              <span class="country">United States</span>
              <span class="localization-form__currency motion-reduce">
                USD
                $</span>
            </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="country-selector__overlay"></div>
    </div>
    <input type="hidden" name="country_code" value="CA">
  </div>
</form>

Text Content

Skip to content


YOUR CART IS EMPTY

Continue shopping


YOUR CART

Loading...




ESTIMATED TOTAL

$0.00 CAD

Taxes, Discounts and shipping calculated at checkout
Check out

FREE SHIPPING ON ORDERS OVER $39.99


 * Home
 * Catalog
 * Contact


COUNTRY/REGION

Canada | CAD $
 * Australia AUD $
 * Canada CAD $
 * New Zealand NZD $
 * United States USD $


Search



BYROKKO

 * Home
 * Catalog
 * Contact


COUNTRY/REGION

Canada | CAD $
 * Australia AUD $
 * Canada CAD $
 * New Zealand NZD $
 * United States USD $


Search

Cart


BROWSE OUR LATEST PRODUCTS

Shop all


MUST HAVES

MEET OUR MOST LOVED PRODUCTS, TRUSTED BY THOUSANDS OF SATISFIED CUSTOMERS AROUND
THE WORLD.

SHOP NOW

SUN CARE

ACHIEVE AMAZING TAN RESULTS IN THE SUN & SUNBEDS. THE REAL REASON WHY SHINE
BROWN MADE US FAMOUS!


CONTACT FORM

Name
Email *
Phone number
Comment
Send


COUNTRY/REGION

Canada | CAD $
 * Australia AUD $
 * Canada CAD $
 * New Zealand NZD $
 * United States USD $


Payment methods
 * American Express
 * Apple Pay
 * Diners Club
 * Discover
 * Google Pay
 * Mastercard
 * Shop Pay
 * Visa

© 2024, BYROKKO Powered by Shopify

 * Choosing a selection results in a full page refresh.
 * Opens in a new window.