git.git.gitlab.cpcontacts.video.indonesia-virall.duckdns.org Open in urlscan Pro
157.245.200.125  Public Scan

Submitted URL: http://git.git.gitlab.cpcontacts.video.indonesia-virall.duckdns.org/
Effective URL: https://git.git.gitlab.cpcontacts.video.indonesia-virall.duckdns.org/
Submission: On January 08 via api from US — Scanned from US

Form analysis 13 forms found in the DOM

POST /localization

<form action="/localization" method="POST"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input name="country_code" type="hidden"
    value="SG"><button class="recommendation-modal__close-button" type="submit"><svg aria-label="Dismiss" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" style="height: 1em; width: 1em;">
      <path d="M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z"
        fill="#333333"></path>
    </svg></button></form>

POST /localization

<form action="/localization" method="POST" class="recommendation-modal__form"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_recommendation"><input name="return_to" type="hidden" value="/"><input
    name="country_code" type="hidden" value="SG"><button class="recommendation-modal__button" type="submit" style="background-color: rgb(24, 120, 185); color: rgb(255, 255, 255);">Continue</button></form>

POST /localization

<form method="post" action="/localization" id="header--localization" accept-charset="UTF-8" class="shopify-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 class="disclosure--root" data-js-class="Disclosure" data-id="header--currency" data-type="localization" data-js-loaded="true">
    <label class="disclosure--label" data-item="hidden-text" id="header--currency--toggle">
    </label>
    <div class="disclosure--main" data-item="nav-text">
      <div class="disclosure--toggle" tabindex="0" aria-expanded="false" aria-controls="header--currency-" aria-describedby="header--currency--toggle">
        <span class="disclosure--current-option">USD $ </span>
        <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
          <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
        </svg>
        <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
          <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
        </svg>
      </div>
      <ul class="disclosure--form" id="header--currency-" style="max-height: 1011px; top: 50px;">
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="AUD" aria-current="false"> AUD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="CAD" aria-current="false"> CAD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="EUR" aria-current="false"> EUR € </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="GBP" aria-current="false"> GBP £ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="NZD" aria-current="false"> NZD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="USD" aria-current="true"> USD $ </div>
        </li>
      </ul>
      <input class="disclosure--input" type="hidden" name="currency_code" value="USD" data-item="disclosure">
    </div>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product-form--1620626889eaeb067c-9855389130" accept-charset="UTF-8" class="product-form--container" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden"
    name="utf8" value="✓">
  <div class="product-form--price-container">
    <div class="product-form--price-wrapper">
      <div class="product-form--price" data-item="accent-text"> $95.00 </div>
      <div class="product-form--compare-price" data-item="light-accent-text" style="display:none;">
      </div>
    </div>
    <div class="product-form--unit-price-container" data-item="small-text" style="display:none;">
      <span class="product-form--unit-price"></span>/<span class="product-form--reference-value"></span><span class="product-form--reference-unit"></span>
    </div>
    <div class="product--tax-included" data-item="small-text"> Tax included. </div>
  </div>
  <div class="product-form--installments"></div>
  <div class="product-form--variants">
    <div class="disclosure--root" data-js-class="Disclosure" data-id="carousel--1620626889eaeb067c-9855389130" data-js-loaded="true">
      <label class="disclosure--label" data-item="accent-text" id="carousel--1620626889eaeb067c-9855389130-size-toggle"> size </label>
      <div class="disclosure--main" data-item="nav-text">
        <div class="disclosure--toggle" tabindex="0" aria-expanded="false" aria-controls="carousel--1620626889eaeb067c-9855389130-size" aria-describedby="carousel--1620626889eaeb067c-9855389130-size-toggle">
          <span class="disclosure--current-option">30ml </span>
          <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
            <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
          </svg>
          <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
            <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
          </svg>
        </div>
        <ul class="disclosure--form" id="carousel--1620626889eaeb067c-9855389130-size" style="max-height: 1160px; top: 8px;">
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="0" data-value="30ml" aria-current="true"> 30ml </div>
          </li>
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="0" data-value="5ml" aria-current="false"> 5ml </div>
          </li>
        </ul>
        <input class="disclosure--input" type="hidden" value="30ml" data-item="disclosure">
      </div>
    </div>
    <select class="product-form--variant-select" name="id">
      <option value="39465613983831" data-sku="MAR101" data-inventory="shopify" data-available="true" data-inventory-quantity="414" selected="" data-pickup="false">30ml</option>
      <option value="39465614114903" data-sku="MAR121" data-inventory="shopify" data-available="true" data-inventory-quantity="488">5ml</option>
    </select>
    <input type="hidden" name="quantity" value="1">
  </div>
  <noscript>
    <select class="product-form--variant-select--noscript" name="id">
      <option value="39465613983831" data-sku="MAR101" selected=""> 30ml </option>
      <option value="39465614114903" data-sku="MAR121"> 5ml </option>
    </select>
    <style>
      .product-form--variants {
        display: none;
      }
    </style>
  </noscript>
  <div class="product-form--button-container" data-enabled="true" data-item="button">
    <button class="product-form--add-to-cart">
      <span class="product-form--text">Add to Cart </span>
      <span class="product-form--spinner">
        <svg class="spinner--root" style="display: block; shape-rendering: auto;" width="41px" height="41px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
          <g transform="rotate(0 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.8391608391608392s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(27.692307692307693 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.7692307692307692s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(55.38461538461539 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6993006993006993s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(83.07692307692308 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6293706293706294s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(110.76923076923077 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.5594405594405594s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(138.46153846153845 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4895104895104895s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(166.15384615384616 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4195804195804196s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(193.84615384615384 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.34965034965034963s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(221.53846153846155 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2797202797202797s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(249.23076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2097902097902098s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(276.9230769230769 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.13986013986013984s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(304.61538461538464 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.06993006993006992s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(332.3076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="0s" repeatCount="indefinite"></animate>
            </rect>
          </g>
        </svg>
      </span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product-form--1620626889eaeb067c-9856128778" accept-charset="UTF-8" class="product-form--container" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden"
    name="utf8" value="✓">
  <div class="product-form--price-container">
    <div class="product-form--price-wrapper">
      <div class="product-form--price" data-item="accent-text"> $120.00 </div>
      <div class="product-form--compare-price" data-item="light-accent-text" style="display:none;">
      </div>
    </div>
    <div class="product-form--unit-price-container" data-item="small-text" style="display:none;">
      <span class="product-form--unit-price"></span>/<span class="product-form--reference-value"></span><span class="product-form--reference-unit"></span>
    </div>
    <div class="product--tax-included" data-item="small-text"> Tax included. </div>
  </div>
  <div class="product-form--installments"></div>
  <div class="product-form--variants">
    <div class="disclosure--root" data-js-class="Disclosure" data-id="carousel--1620626889eaeb067c-9856128778" data-js-loaded="true">
      <label class="disclosure--label" data-item="accent-text" id="carousel--1620626889eaeb067c-9856128778-size-toggle"> size </label>
      <div class="disclosure--main" data-item="nav-text">
        <div class="disclosure--toggle" tabindex="0" aria-expanded="false" aria-controls="carousel--1620626889eaeb067c-9856128778-size" aria-describedby="carousel--1620626889eaeb067c-9856128778-size-toggle">
          <span class="disclosure--current-option">30ml </span>
          <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
            <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
          </svg>
          <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
            <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
          </svg>
        </div>
        <ul class="disclosure--form" id="carousel--1620626889eaeb067c-9856128778-size" style="max-height: 1160px; top: 8px;">
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="0" data-value="30ml" aria-current="true"> 30ml </div>
          </li>
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="0" data-value="5ml" aria-current="false"> 5ml </div>
          </li>
        </ul>
        <input class="disclosure--input" type="hidden" value="30ml" data-item="disclosure">
      </div>
    </div>
    <select class="product-form--variant-select" name="id">
      <option value="36016079370" data-sku="CAM201" data-inventory="shopify" data-available="true" data-inventory-quantity="364" selected="" data-pickup="false">30ml</option>
      <option value="39465609232471" data-sku="CAM221" data-inventory="shopify" data-available="true" data-inventory-quantity="480">5ml</option>
    </select>
    <input type="hidden" name="quantity" value="1">
  </div>
  <noscript>
    <select class="product-form--variant-select--noscript" name="id">
      <option value="36016079370" data-sku="CAM201" selected=""> 30ml </option>
      <option value="39465609232471" data-sku="CAM221"> 5ml </option>
    </select>
    <style>
      .product-form--variants {
        display: none;
      }
    </style>
  </noscript>
  <div class="product-form--button-container" data-enabled="true" data-item="button">
    <button class="product-form--add-to-cart">
      <span class="product-form--text">Add to Cart </span>
      <span class="product-form--spinner">
        <svg class="spinner--root" style="display: block; shape-rendering: auto;" width="41px" height="41px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
          <g transform="rotate(0 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.8391608391608392s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(27.692307692307693 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.7692307692307692s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(55.38461538461539 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6993006993006993s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(83.07692307692308 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6293706293706294s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(110.76923076923077 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.5594405594405594s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(138.46153846153845 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4895104895104895s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(166.15384615384616 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4195804195804196s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(193.84615384615384 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.34965034965034963s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(221.53846153846155 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2797202797202797s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(249.23076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2097902097902098s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(276.9230769230769 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.13986013986013984s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(304.61538461538464 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.06993006993006992s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(332.3076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="0s" repeatCount="indefinite"></animate>
            </rect>
          </g>
        </svg>
      </span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product-form--1620626889eaeb067c-9856194506" accept-charset="UTF-8" class="product-form--container" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden"
    name="utf8" value="✓">
  <div class="product-form--price-container">
    <div class="product-form--price-wrapper">
      <div class="product-form--price" data-item="accent-text"> $55.00 </div>
      <div class="product-form--compare-price" data-item="light-accent-text" style="display:none;">
      </div>
    </div>
    <div class="product-form--unit-price-container" data-item="small-text" style="display:none;">
      <span class="product-form--unit-price"></span>/<span class="product-form--reference-value"></span><span class="product-form--reference-unit"></span>
    </div>
    <div class="product--tax-included" data-item="small-text"> Tax included. </div>
  </div>
  <div class="product-form--installments"></div>
  <div class="product-form--variants">
    <div class="disclosure--root" data-js-class="Disclosure" data-id="carousel--1620626889eaeb067c-9856194506" data-js-loaded="true">
      <label class="disclosure--label" data-item="accent-text" id="carousel--1620626889eaeb067c-9856194506-size-toggle"> size </label>
      <div class="disclosure--main" data-item="nav-text">
        <div class="disclosure--toggle" tabindex="0" aria-expanded="false" aria-controls="carousel--1620626889eaeb067c-9856194506-size" aria-describedby="carousel--1620626889eaeb067c-9856194506-size-toggle">
          <span class="disclosure--current-option">120ml </span>
          <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
            <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
          </svg>
          <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
            <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
          </svg>
        </div>
        <ul class="disclosure--form" id="carousel--1620626889eaeb067c-9856194506-size" style="max-height: 1160px; top: 8px;">
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="0" data-value="120ml" aria-current="true"> 120ml </div>
          </li>
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="0" data-value="15ml" aria-current="false"> 15ml </div>
          </li>
        </ul>
        <input class="disclosure--input" type="hidden" value="120ml" data-item="disclosure">
      </div>
    </div>
    <select class="product-form--variant-select" name="id">
      <option value="36016788234" data-sku="MAR102" data-inventory="shopify" data-available="true" data-inventory-quantity="421" selected="" data-pickup="false">120ml</option>
      <option value="39474280366167" data-sku="MAR142" data-inventory="shopify" data-available="true" data-inventory-quantity="1545">15ml</option>
    </select>
    <input type="hidden" name="quantity" value="1">
  </div>
  <noscript>
    <select class="product-form--variant-select--noscript" name="id">
      <option value="36016788234" data-sku="MAR102" selected=""> 120ml </option>
      <option value="39474280366167" data-sku="MAR142"> 15ml </option>
    </select>
    <style>
      .product-form--variants {
        display: none;
      }
    </style>
  </noscript>
  <div class="product-form--button-container" data-enabled="true" data-item="button">
    <button class="product-form--add-to-cart">
      <span class="product-form--text">Add to Cart </span>
      <span class="product-form--spinner">
        <svg class="spinner--root" style="display: block; shape-rendering: auto;" width="41px" height="41px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
          <g transform="rotate(0 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.8391608391608392s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(27.692307692307693 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.7692307692307692s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(55.38461538461539 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6993006993006993s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(83.07692307692308 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6293706293706294s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(110.76923076923077 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.5594405594405594s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(138.46153846153845 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4895104895104895s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(166.15384615384616 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4195804195804196s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(193.84615384615384 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.34965034965034963s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(221.53846153846155 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2797202797202797s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(249.23076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2097902097902098s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(276.9230769230769 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.13986013986013984s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(304.61538461538464 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.06993006993006992s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(332.3076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="0s" repeatCount="indefinite"></animate>
            </rect>
          </g>
        </svg>
      </span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product-form--1620626889eaeb067c-9856164682" accept-charset="UTF-8" class="product-form--container" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden"
    name="utf8" value="✓">
  <div class="product-form--price-container">
    <div class="product-form--price-wrapper">
      <div class="product-form--price" data-item="accent-text"> $45.00 </div>
      <div class="product-form--compare-price" data-item="light-accent-text" style="display:none;">
      </div>
    </div>
    <div class="product-form--unit-price-container" data-item="small-text" style="display:none;">
      <span class="product-form--unit-price"></span>/<span class="product-form--reference-value"></span><span class="product-form--reference-unit"></span>
    </div>
    <div class="product--tax-included" data-item="small-text"> Tax included. </div>
  </div>
  <div class="product-form--installments"></div>
  <div class="product-form--variants">
    <div class="disclosure--root" data-js-class="Disclosure" data-id="carousel--1620626889eaeb067c-9856164682" data-js-loaded="true">
      <label class="disclosure--label" data-item="accent-text" id="carousel--1620626889eaeb067c-9856164682-size-toggle"> size </label>
      <div class="disclosure--main" data-item="nav-text">
        <div class="disclosure--toggle" tabindex="-1" aria-expanded="false" aria-controls="carousel--1620626889eaeb067c-9856164682-size" aria-describedby="carousel--1620626889eaeb067c-9856164682-size-toggle">
          <span class="disclosure--current-option">120ml </span>
          <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
            <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
          </svg>
          <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
            <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
          </svg>
        </div>
        <ul class="disclosure--form" id="carousel--1620626889eaeb067c-9856164682-size" style="max-height: 1160px; top: 8px;">
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="-1" data-value="120ml" aria-current="true"> 120ml </div>
          </li>
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="-1" data-value="15ml" aria-current="false"> 15ml </div>
          </li>
        </ul>
        <input class="disclosure--input" type="hidden" value="120ml" data-item="disclosure">
      </div>
    </div>
    <select class="product-form--variant-select" name="id" tabindex="-1">
      <option value="40412607380" data-sku="CAM202" data-inventory="shopify" data-available="true" data-inventory-quantity="412" selected="" data-pickup="false">120ml</option>
      <option value="39496624406615" data-sku="CAM242" data-inventory="shopify" data-available="true" data-inventory-quantity="566">15ml</option>
    </select>
    <input type="hidden" name="quantity" value="1">
  </div>
  <noscript>
    <select class="product-form--variant-select--noscript" name="id">
      <option value="40412607380" data-sku="CAM202" selected=""> 120ml </option>
      <option value="39496624406615" data-sku="CAM242"> 15ml </option>
    </select>
    <style>
      .product-form--variants {
        display: none;
      }
    </style>
  </noscript>
  <div class="product-form--button-container" data-enabled="true" data-item="button">
    <button class="product-form--add-to-cart" tabindex="-1">
      <span class="product-form--text">Add to Cart </span>
      <span class="product-form--spinner">
        <svg class="spinner--root" style="display: block; shape-rendering: auto;" width="41px" height="41px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
          <g transform="rotate(0 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.8391608391608392s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(27.692307692307693 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.7692307692307692s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(55.38461538461539 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6993006993006993s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(83.07692307692308 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6293706293706294s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(110.76923076923077 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.5594405594405594s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(138.46153846153845 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4895104895104895s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(166.15384615384616 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4195804195804196s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(193.84615384615384 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.34965034965034963s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(221.53846153846155 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2797202797202797s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(249.23076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2097902097902098s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(276.9230769230769 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.13986013986013984s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(304.61538461538464 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.06993006993006992s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(332.3076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="0s" repeatCount="indefinite"></animate>
            </rect>
          </g>
        </svg>
      </span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product-form--1620626889eaeb067c-11682148052" accept-charset="UTF-8" class="product-form--container" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden"
    name="utf8" value="✓">
  <div class="product-form--price-container">
    <div class="product-form--price-wrapper">
      <div class="product-form--price" data-item="accent-text"> $42.00 </div>
      <div class="product-form--compare-price" data-item="light-accent-text" style="display:none;">
      </div>
    </div>
    <div class="product-form--unit-price-container" data-item="small-text" style="display:none;">
      <span class="product-form--unit-price"></span>/<span class="product-form--reference-value"></span><span class="product-form--reference-unit"></span>
    </div>
    <div class="product--tax-included" data-item="small-text"> Tax included. </div>
  </div>
  <div class="product-form--installments"></div>
  <div class="product-form--variants">
    <div class="disclosure--root" data-js-class="Disclosure" data-id="carousel--1620626889eaeb067c-11682148052" data-js-loaded="true">
      <label class="disclosure--label" data-item="accent-text" id="carousel--1620626889eaeb067c-11682148052-size-toggle"> size </label>
      <div class="disclosure--main" data-item="nav-text">
        <div class="disclosure--toggle" tabindex="-1" aria-expanded="false" aria-controls="carousel--1620626889eaeb067c-11682148052-size" aria-describedby="carousel--1620626889eaeb067c-11682148052-size-toggle">
          <span class="disclosure--current-option">80ml </span>
          <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
            <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
          </svg>
          <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
            <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
          </svg>
        </div>
        <ul class="disclosure--form" id="carousel--1620626889eaeb067c-11682148052-size" style="max-height: 1160px; top: 8px;">
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="-1" data-value="80ml" aria-current="true"> 80ml </div>
          </li>
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="-1" data-value="15ml" aria-current="false"> 15ml </div>
          </li>
        </ul>
        <input class="disclosure--input" type="hidden" value="80ml" data-item="disclosure">
      </div>
    </div>
    <select class="product-form--variant-select" name="id" tabindex="-1">
      <option value="51137092308" data-sku="CAM254" data-inventory="shopify" data-available="true" data-inventory-quantity="504" selected="" data-pickup="false">80ml</option>
      <option value="39496625684567" data-sku="CAM244" data-inventory="shopify" data-available="true" data-inventory-quantity="1417">15ml</option>
    </select>
    <input type="hidden" name="quantity" value="1">
  </div>
  <noscript>
    <select class="product-form--variant-select--noscript" name="id">
      <option value="51137092308" data-sku="CAM254" selected=""> 80ml </option>
      <option value="39496625684567" data-sku="CAM244"> 15ml </option>
    </select>
    <style>
      .product-form--variants {
        display: none;
      }
    </style>
  </noscript>
  <div class="product-form--button-container" data-enabled="true" data-item="button">
    <button class="product-form--add-to-cart" tabindex="-1">
      <span class="product-form--text">Add to Cart </span>
      <span class="product-form--spinner">
        <svg class="spinner--root" style="display: block; shape-rendering: auto;" width="41px" height="41px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
          <g transform="rotate(0 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.8391608391608392s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(27.692307692307693 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.7692307692307692s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(55.38461538461539 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6993006993006993s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(83.07692307692308 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6293706293706294s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(110.76923076923077 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.5594405594405594s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(138.46153846153845 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4895104895104895s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(166.15384615384616 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4195804195804196s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(193.84615384615384 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.34965034965034963s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(221.53846153846155 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2797202797202797s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(249.23076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2097902097902098s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(276.9230769230769 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.13986013986013984s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(304.61538461538464 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.06993006993006992s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(332.3076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="0s" repeatCount="indefinite"></animate>
            </rect>
          </g>
        </svg>
      </span>
    </button>
  </div>
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product-form--1620626889eaeb067c-9856182858" accept-charset="UTF-8" class="product-form--container" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product"><input type="hidden"
    name="utf8" value="✓">
  <div class="product-form--price-container">
    <div class="product-form--price-wrapper">
      <div class="product-form--price" data-item="accent-text"> $95.00 </div>
      <div class="product-form--compare-price" data-item="light-accent-text" style="display:none;">
      </div>
    </div>
    <div class="product-form--unit-price-container" data-item="small-text" style="display:none;">
      <span class="product-form--unit-price"></span>/<span class="product-form--reference-value"></span><span class="product-form--reference-unit"></span>
    </div>
    <div class="product--tax-included" data-item="small-text"> Tax included. </div>
  </div>
  <div class="product-form--installments"></div>
  <div class="product-form--variants">
    <div class="disclosure--root" data-js-class="Disclosure" data-id="carousel--1620626889eaeb067c-9856182858" data-js-loaded="true">
      <label class="disclosure--label" data-item="accent-text" id="carousel--1620626889eaeb067c-9856182858-size-toggle"> size </label>
      <div class="disclosure--main" data-item="nav-text">
        <div class="disclosure--toggle" tabindex="-1" aria-expanded="false" aria-controls="carousel--1620626889eaeb067c-9856182858-size" aria-describedby="carousel--1620626889eaeb067c-9856182858-size-toggle">
          <span class="disclosure--current-option">60ml </span>
          <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
            <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
          </svg>
          <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
            <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
          </svg>
        </div>
        <ul class="disclosure--form" id="carousel--1620626889eaeb067c-9856182858-size" style="max-height: 1160px; top: 8px;">
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="-1" data-value="60ml" aria-current="true"> 60ml </div>
          </li>
          <li class="disclosure--option">
            <div class="disclosure--option-link" tabindex="-1" data-value="7ml" aria-current="false"> 7ml </div>
          </li>
        </ul>
        <input class="disclosure--input" type="hidden" value="60ml" data-item="disclosure">
      </div>
    </div>
    <select class="product-form--variant-select" name="id" tabindex="-1">
      <option value="36016670026" data-sku="CAM203" data-inventory="shopify" data-available="true" data-inventory-quantity="730" selected="" data-pickup="false">60ml</option>
      <option value="39465597665367" data-sku="CAM233" data-inventory="shopify" data-available="false" data-inventory-quantity="0">7ml</option>
    </select>
    <input type="hidden" name="quantity" value="1">
  </div>
  <noscript>
    <select class="product-form--variant-select--noscript" name="id">
      <option value="36016670026" data-sku="CAM203" selected=""> 60ml </option>
      <option value="39465597665367" data-sku="CAM233" disabled=""> 7ml (Out of stock) </option>
    </select>
    <style>
      .product-form--variants {
        display: none;
      }
    </style>
  </noscript>
  <div class="product-form--button-container" data-enabled="true" data-item="button">
    <button class="product-form--add-to-cart" tabindex="-1">
      <span class="product-form--text">Add to Cart </span>
      <span class="product-form--spinner">
        <svg class="spinner--root" style="display: block; shape-rendering: auto;" width="41px" height="41px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
          <g transform="rotate(0 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.8391608391608392s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(27.692307692307693 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.7692307692307692s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(55.38461538461539 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6993006993006993s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(83.07692307692308 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.6293706293706294s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(110.76923076923077 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.5594405594405594s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(138.46153846153845 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4895104895104895s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(166.15384615384616 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.4195804195804196s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(193.84615384615384 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.34965034965034963s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(221.53846153846155 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2797202797202797s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(249.23076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.2097902097902098s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(276.9230769230769 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.13986013986013984s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(304.61538461538464 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="-0.06993006993006992s" repeatCount="indefinite"></animate>
            </rect>
          </g>
          <g transform="rotate(332.3076923076923 50 50)">
            <rect x="48" y="24.5" rx="0" ry="0" width="4" height="13">
              <animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="0.9090909090909091s" begin="0s" repeatCount="indefinite"></animate>
            </rect>
          </g>
        </svg>
      </span>
    </button>
  </div>
</form>

POST /contact#footer_form

<form method="post" action="/contact#footer_form" id="footer_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
  <div class="footer--form-container">
    <input type="hidden" name="contact[tags]" value="newsletter">
    <input type="hidden" name="contact[first_name]" value="Newsletter">
    <input type="hidden" name="contact[last_name]" value="Subscriber">
    <label for="footer-email" data-item="hidden-text"> Your Email </label>
    <input class="small" id="footer-email" type="email" placeholder="Your Email" name="contact[email]">
    <div class="footer--form-submit" data-item="button">
      <button type="submit" value="Ok"> Ok </button>
    </div>
  </div>
  <div data-item="hidden-text">
    <p data-spam-detection-disclaimer="">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy" tabindex="-1">Privacy Policy</a> and
      <a href="https://policies.google.com/terms" tabindex="-1">Terms of Service</a> apply.</p>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="footer-localization" accept-charset="UTF-8" class="shopify-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 class="disclosure--root" data-js-class="Disclosure" data-id="footer-currency" data-type="localization" data-js-loaded="true">
    <label class="disclosure--label" data-item="hidden-text" id="footer-currency-currencyselector-toggle"> Currency selector </label>
    <div class="disclosure--main" data-item="nav-text">
      <div class="disclosure--toggle" tabindex="0" aria-expanded="false" aria-controls="footer-currency-currencyselector" aria-describedby="footer-currency-currencyselector-toggle">
        <span class="disclosure--current-option">USD $ </span>
        <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
          <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
        </svg>
        <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
          <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
        </svg>
      </div>
      <ul class="disclosure--form" id="footer-currency-currencyselector" style="max-height: 1070px; top: -262px;">
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="AUD" aria-current="false"> AUD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="CAD" aria-current="false"> CAD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="EUR" aria-current="false"> EUR € </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="GBP" aria-current="false"> GBP £ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="NZD" aria-current="false"> NZD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="USD" aria-current="true"> USD $ </div>
        </li>
      </ul>
      <input class="disclosure--input" type="hidden" name="currency_code" value="USD" data-item="disclosure">
    </div>
  </div>
</form>

POST /cart

<form class="cart--form" action="/cart" method="post" novalidate="">
  <div class="free_shipping_card_wrapper_clc62oxzk1051011qsrrgzkzjxq cart_page no_products" style="display: flex;">
    <div class="free_shipping_card_title_clc62oxzk1051011qsrrgzkzjxq h2">Free shipping for orders over $100.00!</div>
    <div class="free_shipping_card_progress_clc62oxzk1051011qsrrgzkzjxq">
      <div class="free_shipping_card_progress_bar_clc62oxzk1051011qsrrgzkzjxq" style="width: 2.5%;"></div>
    </div>
  </div>
</form>

POST /localization

<form method="post" action="/localization" id="off-canvas--localization" accept-charset="UTF-8" class="shopify-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 class="disclosure--root" data-js-class="Disclosure" data-id="off-canvas--currency" data-type="localization" data-js-loaded="true">
    <label class="disclosure--label" data-item="hidden-text" id="off-canvas--currency--toggle">
    </label>
    <div class="disclosure--main" data-item="nav-text">
      <div class="disclosure--toggle" tabindex="0" aria-expanded="false" aria-controls="off-canvas--currency-" aria-describedby="off-canvas--currency--toggle">
        <span class="disclosure--current-option">USD $ </span>
        <svg class="icon--root icon--chevron-up" viewBox="0 0 10 6">
          <path d="M5 1.942l-3.53 3.53-.707-.707 3.53-3.53L5 .528l4.237 4.237-.707.707L5 1.942z" fill-rule="nonzero"></path>
        </svg>
        <svg class="icon--root icon--chevron-down" viewBox="0 0 10 6">
          <path d="M5 4.058L8.53.528l.707.707-3.53 3.53L5 5.472.763 1.235 1.47.528 5 4.058z" fill-rule="nonzero"></path>
        </svg>
      </div>
      <ul class="disclosure--form" id="off-canvas--currency-" style="max-height: 1160px; top: 8px;">
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="AUD" aria-current="false"> AUD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="CAD" aria-current="false"> CAD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="EUR" aria-current="false"> EUR € </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="GBP" aria-current="false"> GBP £ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="NZD" aria-current="false"> NZD $ </div>
        </li>
        <li class="disclosure--option">
          <div class="disclosure--option-link" tabindex="0" data-value="USD" aria-current="true"> USD $ </div>
        </li>
      </ul>
      <input class="disclosure--input" type="hidden" name="currency_code" value="USD" data-item="disclosure">
    </div>
  </div>
</form>

Text Content

YOUR LOCATION IS SET TO SINGAPORE

 * Shop in USD $
 * Get shipping options for Singapore

Continue
Change country

Skip to main content
15% OFF WHEN YOU SIGN UP TO OUR NEWSLETTER | FREE SHIPPING OVER $100*
 * Shop
    * Products
      * Award Winners
      * Discovery Kits + Gifts
      * Serums
      * Cleansers
      * Mists
      * Moisturisers
      * All products
    * Botanicals
      * Marula Hydrating Line
      * Camu Brightening Line
      * Kigelia Corrective Line
    * Personalization
      * Consult LUXE Esthetician

 * About us
    * Our story
    * Giving back
    * Global botanicals
    * Green innovation
    * Packaging
    * Corporate Social Responsibility

 * LUXE points
 * Blog


USD $
 * AUD $
 * CAD $
 * EUR €
 * GBP £
 * NZD $
 * USD $








EFFICACY + ETHICS


EFFICACY + ETHICS

Discover multi award winning, CosmEthically ACTIVE skincare powered by science
based botanicals and biotech innovation. Experience the transformation.

SHOP CLEANICAL SKINCARE


LEADING EDGE COSMETICS SCIENCE


LEADING EDGE COSMETICS SCIENCE

Representing the highest standards of efficacy and ingredient transparency in
natural skincare, we are proud to be CosmEthically ACTIVE and Good Face Project
Approved.

Discover Green Innovation


BEAUTY ACTIVISM IN ACTION


BEAUTY ACTIVISM IN ACTION

Sustainably harvested ingredients while meaningfully uplifting communities
around the world. Thoughtful packaging closing the loop on hard to recycle
beauty waste with PACT Collective.

Become a beauty activist





AWARD WINNERS

skip carousel

MARULA HYDRATING SERUM

From  $15.00

select options


MARULA HYDRATING SERUM



$95.00

/
Tax included.

size
30ml
 * 30ml
 * 5ml

30ml 5ml
30ml 5ml
Add to Cart

Out of stock


KIGELIA CORRECTIVE SERUM

From  $20.00


CAMU BRIGHTENING SERUM

From  $20.00

select options


CAMU BRIGHTENING SERUM



$120.00

/
Tax included.

size
30ml
 * 30ml
 * 5ml

30ml 5ml
30ml 5ml
Add to Cart


MARULA HYDRATING PRE CLEANSER

From  $10.00

select options


MARULA HYDRATING PRE CLEANSER



$55.00

/
Tax included.

size
120ml
 * 120ml
 * 15ml

120ml 15ml
120ml 15ml
Add to Cart


CAMU BRIGHTENING CLEANSER

From  $10.00

select options


CAMU BRIGHTENING CLEANSER



$45.00

/
Tax included.

size
120ml
 * 120ml
 * 15ml

120ml 15ml
120ml 15ml
Add to Cart


CAMU BRIGHTENING MIST

From  $10.00

select options


CAMU BRIGHTENING MIST



$42.00

/
Tax included.

size
80ml
 * 80ml
 * 15ml

80ml 15ml
80ml 15ml
Add to Cart

Out of stock


KIGELIA CORRECTIVE MOISTURISER

From  $15.00


CAMU BRIGHTENING MOISTURISER

From  $15.00

select options


CAMU BRIGHTENING MOISTURISER



$95.00

/
Tax included.

size
60ml
 * 60ml
 * 7ml

60ml 7ml
60ml 7ml (Out of stock)
Add to Cart



View Collection


FREE CONSULTATION


LUXE ESTHETICIAN


LUXE ESTHETICIAN

Are you ready to DISCOVER your best skin, but not sure where to start?

Our LUXE Esthetician can help with a free consultation to help you better
understand your skin type and conditions.

Get a free consultation


TARGETED SOLUTIONS FOR YOUR SKIN


SHOP BY SKIN TYPE

Balanced
Combination
Dry
Oily
Dehydrated
Sun damaged
Sensitive
Blemish prone


MEET JENÉ, OUR FOUNDER


BIOLOGICAL SCIENTIST. GLOBAL INGREDIENT HUNTER. BEAUTY ACTIVISM CHAMPION.


BIOLOGICAL SCIENTIST. GLOBAL INGREDIENT HUNTER. BEAUTY ACTIVISM CHAMPION.

LUXE Botanics was founded by Jené Roestorf, a South African biological
scientist.

Jené’s unique combination of scientific expertise, deep comprehension of
nature’s healing abilities, and her passion for socially conscious innovation
led her to create a natural skincare line that combines ethically sourced
botanical oils and leading edge green chemistry.

Read more about our journey



TESTIMONIALS

“My favourite range is the antioxidant-rich Camu Camu. Suitable for dull or
sun-damaged skin it will give you a gorgeous, luminous glow”



TRICIA SAVINO
NIHAO NEW YORK

“This is my hero product from this line. I use the Kigelia Corrective
Serum whenever I have a pimple, and it treats it gently, without irritating the
skin.”



ARJUN SUDHIR
JUST ASK ARJUN 

“I was quite surprised by the Kigelia moisturizer because it wasn’t a
cream. It’s a gel moisturizer. The texture is amazing and really just melts into
the skin.”



KENEISHA M
KENEISHA MCCLEAN

LUXE Botanics is an award-winning, eco-luxury skincare brand powered by potent,
sustainably harvested botanicals and leading-edge green chemistry, that
meaningfully gives back to harvesting communities.


About us
 * Awards
 * Press
 * Results
 * Global Retailers
 * LUXE Insider Loyalty Program
 * Affiliate Program

Support
 * Sign In
 * Contact Us
 * LUXE Esthetician
 * Shipping + Returns
 * FAQ
 * Terms + Conditions
 * Privacy Policy

Join our community

Sign up for 15% off your first order and your weekly fix of green beauty
education.

Your Email
Ok

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of
Service apply.

Currency selector
USD $
 * AUD $
 * CAD $
 * EUR €
 * GBP £
 * NZD $
 * USD $

© 2021 LUXE Botanics. All rights reserved. Powered by science + nature
 * American Express
 * Apple Pay
 * Google Pay
 * Mastercard
 * PayPal
 * Shop Pay
 * Visa

Thanks for contacting us! We'll get back to you shortly. Thanks for subscribing
Thanks! We will notify you when it becomes available!


YOUR CART

Free shipping for orders over $100.00!

Your cart is currently empty.
Click here to continue shopping.

 * Shop
   * Back
   * Products
     * Back
     * Products
     * Award Winners
     * Discovery Kits + Gifts
     * Serums
     * Cleansers
     * Mists
     * Moisturisers
     * All products
   * Botanicals
     * Back
     * Marula Hydrating Line
     * Camu Brightening Line
     * Kigelia Corrective Line
   * Personalization
     * Back
     * Personalization
     * Consult LUXE Esthetician
 * About us
   * Back
   * Our story
   * Giving back
   * Global botanicals
   * Green innovation
   * Packaging
   * Corporate Social Responsibility
 * LUXE points
 * Blog

USD $
 * AUD $
 * CAD $
 * EUR €
 * GBP £
 * NZD $
 * USD $