www.okaywear.com Open in urlscan Pro
104.17.246.119  Public Scan

Submitted URL: http://www.okaywear.com/0.5430722207798473
Effective URL: https://www.okaywear.com/0.5430722207798473
Submission: On July 28 via api from US — Scanned from US

Form analysis 4 forms found in the DOM

GET /search

<form action="/search" method="get" class="">
  <div tabindex="-1" class="tw-flex tw-relative header__search">
    <input autocomplete="off" name="q" type="text"
      class="tw-w-full tw-flex-1 tw-h-10 tw-py-0 tw-pl-[14px] tw-pr-13 tw-bg-header-search tw-text-current tw-text-sm tw-leading-none tw-rounded-global  tw-border tw-border-solid tw-border-header  tw-placeholder-current header__search-input"
      placeholder="Search...">
    <button type="submit" class="tw-flex tw-items-center tw-px-[14px] tw-m-0 tw-bg-transparent tw-text-current tw-border-none tw-outline-none tw-cursor-pointer tw-h-full tw-absolute tw-right-0 header__search-icon" tabindex="-1"><svg class=""
        width="24" height="24" xmlns="http://www.w3.org/2000/svg">
        <path d="M11.16 1a9.16 9.16 0 1 1 0 18.322A9.16 9.16 0 0 1 11.16 1zm0 1.629a7.532 7.532 0 1 0 0 15.064 7.532 7.532 0 0 0 0-15.064zm5.465 14.148 1.152-1.152L23 20.848 21.848 22l-5.223-5.223z" fill="currentColor"></path>
      </svg></button>
    <button type="button" class="tw-hidden tw-justify-center tw-items-center tw-pr-2 tw-pl-6 tw-m-0 tw-bg-transparent tw-text-header-color tw-border-none tw-outline-none tw-cursor-pointer header__search-close "><svg class="" width="14" height="14"
        xmlns="http://www.w3.org/2000/svg">
        <path d="m3 3 8.485 8.485m0-8.485L3 11.485" stroke="currentColor" stroke-width="1.6" stroke-linecap="square"></path>
      </svg></button>
  </div>
</form>

<form id="omnisend-form-664477f10c5d9134e804eeb8-submit-form" class="omnisend-form-664477f10c5d9134e804eeb8-sections-container" style="" novalidate="">
  <style type="text/css">
    .omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      padding-left: 20px;
      padding-right: 20px;
      padding-top: 0px;
      padding-bottom: 0px;
      ;
    }

    .omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac-opacity-layer {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #C7EFD5;
      opacity: 0;
      ;
    }
  </style>
  <div class="omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac">
    <div class="omnisend-form-664477f10c5d9134e804eeb8-section-624ab2f927652f651edfd0ac-opacity-layer"></div>
    <style type="text/css">
      .omnisend-form-664477f10c5d9134e804eeb8-column-624ab2f927652f651edfd0ae {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        position: relative;
      }

      @media screen and (max-width: 600px) {
        .omnisend-form-664477f10c5d9134e804eeb8-column-624ab2f927652f651edfd0ae {
          width: 100%;
        }
      }
    </style>
    <div class="omnisend-mobile-container omnisend-form-664477f10c5d9134e804eeb8-column-624ab2f927652f651edfd0ae">
      <!--Line/space content block starts -->
      <style type="text/css">
        .omnisend-form-664477f10c5d9134e804eeb8-line-container-650a640796e18d75fcc99cae {
          padding-top: 6px;
          padding-bottom: 6px;
          padding-left: 12px;
          padding-right: 12px;
          ;
          justify-content: center;
          display: flex;
          flex-direction: row;
        }
      </style>
      <div class="omnisend-form-664477f10c5d9134e804eeb8-line-container-650a640796e18d75fcc99cae">
        <style type="text/css">
          .omnisend-form-664477f10c5d9134e804eeb8-line-650a640796e18d75fcc99cae {
            width: 1%;
            border-top: 2px solid #DA946E
          }
        </style>
        <div class="omnisend-form-664477f10c5d9134e804eeb8-line-650a640796e18d75fcc99cae"></div>
      </div>
      <!--Text content block starts -->
      <style type="text/css">
        .omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 {
          padding-top: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
          padding-right: 0px;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 a {
          color: #0094EB;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9,
        .omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 p,
        .omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9 li {
          margin: 0px;
          color: #383838 !important;
          font-family: Antonio, Helvetica Neue, Helvetica, Arial, Verdana, sans-serif !important;
          font-size: 40px !important;
          line-height: 150% !important;
          word-break: break-word;
        }
      </style>
      <div class="omnisend-form-664477f10c5d9134e804eeb8-text-650a5f7496e18d75fcc99ca9">
        <p style="text-align: center;" id="isPasted"><strong>*Clearance Sale*</strong></p>
      </div>
      <!--Text content block ends -->
      <!--Text content block starts -->
      <style type="text/css">
        .omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac {
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 12px;
          padding-right: 12px;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac a {
          color: #0094EB;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac,
        .omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac p,
        .omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac li {
          margin: 0px;
          color: #FFFFFF !important;
          font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif !important;
          font-size: 14px !important;
          line-height: 150% !important;
          word-break: break-word;
        }
      </style>
      <div class="omnisend-form-664477f10c5d9134e804eeb8-text-650a601796e18d75fcc99cac">
        <p style="text-align: center;" id="isPasted">Enter your email and win rewards</p>
      </div>
      <!--Text content block ends -->
      <style type="text/css">
        .omnisend-form-664477f10c5d9134e804eeb8-block-container-650a5f5196e18d75fcc99ca3 {
          padding-top: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
          padding-right: 0px;
          ;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-container-650a5f5196e18d75fcc99ca3 {
          position: relative;
          min-width: 200px;
          height: 100%;
          width: 100%
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer,
        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer-shadow,
        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor,
        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-shadow {
          transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-shadow-container {
          width: 100%;
          height: 100%;
          opacity: .3;
          -webkit-transform: translate(3%, 3%);
          -moz-transform: translate(3%, 3%);
          -ms-transform: translate(3%, 3%);
          -o-transform: translate(3%, 3%);
          transform: translate(3%, 3%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label {
          box-sizing: border-box;
          position: absolute;
          top: 50%;
          left: 50%;
          text-align: right;
          padding-left: 15%;
          width: 43%;
          transform-origin: 0 0;
          font-family: 'open sans', Arial, sans-serif;
          font-weight: 700;
          text-shadow: 0 0 5px rgb(0 0 0 / 10%);
          overflow: hidden;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(1) {
          transform: rotate(-72deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(2) {
          transform: rotate(-36deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(3) {
          transform: rotate(0deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(4) {
          transform: rotate(-324deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(5) {
          transform: rotate(-288deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(6) {
          transform: rotate(-252deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(7) {
          transform: rotate(-216deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(8) {
          transform: rotate(-180deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(9) {
          transform: rotate(-144deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label:nth-child(10) {
          transform: rotate(-108deg) translate(0px, -50%);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer-shadow {
          top: 14%;
          right: -3%;
          opacity: .3;
          position: absolute;
          width: 10%;
          height: 16%;
          transform-origin: 50% 28.44%;
          transform: rotate(50deg);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer {
          position: absolute;
          top: 11%;
          right: -1%;
          width: 10%;
          height: 16%;
          transform-origin: 50% 28.44%;
          transform: rotate(50deg);
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer-body {
          fill: #383838;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-wof--rotor-shadow-inner {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: .3;
          -webkit-transform: translate(3%, 3%);
          -moz-transform: translate(3%, 3%);
          -ms-transform: translate(3%, 3%);
          -o-transform: translate(3%, 3%);
          transform: translate(3%, 3%);
        }
      </style>
      <div class="omnisend-form-664477f10c5d9134e804eeb8-block-container-650a5f5196e18d75fcc99ca3">
        <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-container-650a5f5196e18d75fcc99ca3">
          <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-shadow-container">
            <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-shadow">
              <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-73.5 634 476 476" enable-background="new -73.5 634 476 476" xml:space="preserve">
                <path fill="#000" d="M387.409,938.95c-0.268-0.089-0.524-0.177-0.787-0.177
        c13.021-43.188,13.286-89.875,0.088-133.938c0.262,0,0.438-0.088,0.699-0.176c2.534-0.787,3.846-3.496,3.059-6.033
        c-0.786-2.535-3.496-3.846-6.027-3.06c-0.266,0.086-0.438,0.175-0.61,0.263c-7.344-21.07-17.83-41.44-31.554-60.5
        c-13.726-18.886-29.721-35.06-47.373-48.522c0.087-0.177,0.262-0.263,0.35-0.438c1.572-2.099,1.051-5.07-1.05-6.646
        c-2.097-1.572-5.067-1.05-6.646,1.051c-0.087,0.177-0.175,0.351-0.264,0.438c-37.932-26.402-82.687-40.654-127.961-41.617
        c0.088-0.262,0.088-0.609,0.088-0.873c0-2.623-2.099-4.721-4.72-4.721s-4.721,2.098-4.721,4.721c0,0.264,0,0.611,0.088,0.873
        c-44.313,0.875-88.89,14.43-127.872,41.617c-0.088-0.262-0.263-0.521-0.438-0.787c-1.573-2.098-4.545-2.623-6.643-1.049
        c-2.099,1.574-2.623,4.545-1.049,6.646c0.175,0.262,0.35,0.438,0.611,0.697c-37.844,28.68-64.501,66.885-79.012,108.764
        c-0.087-0.086-0.262-0.086-0.35-0.176c-2.535-0.787-5.156,0.523-6.03,3.061c-0.787,2.535,0.524,5.158,3.06,6.033
        c0.088,0,0.263,0.088,0.349,0.088c-13.372,43.625-13.722,90.486-0.261,134.727c-0.175,0-0.35,0.088-0.524,0.176
        c-2.536,0.787-3.847,3.496-3.06,6.031c0.786,2.537,3.496,3.85,6.03,3.062c0.176-0.088,0.351-0.088,0.525-0.178
        c7.342,20.982,17.743,41.18,31.465,60.062c13.637,18.799,29.631,34.973,47.199,48.35c-0.088,0.09-0.263,0.268-0.35,0.354
        c-1.574,2.1-1.05,5.07,1.049,6.645s5.069,1.05,6.643-1.051c0.088-0.174,0.175-0.262,0.263-0.438
        c37.846,26.403,82.423,40.653,127.698,41.704c0,0.087,0,0.264,0,0.352c0,2.621,2.098,4.721,4.72,4.721
        c2.623,0,4.722-2.1,4.722-4.721c0-0.088,0-0.264,0-0.352c44.49-0.786,89.064-14.34,128.137-41.615
        c0.087,0.262,0.262,0.523,0.438,0.787c1.572,2.098,4.546,2.622,6.646,1.049c2.099-1.574,2.622-4.547,1.05-6.646
        c-0.175-0.264-0.35-0.438-0.611-0.698c37.936-28.765,64.682-67.06,79.104-109.11c0.264,0.088,0.521,0.264,0.787,0.353
        c2.531,0.787,5.153-0.523,6.027-3.062C391.258,942.445,389.856,939.823,387.409,938.95z">
                </path>
              </svg>
            </div>
          </div>
          <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor">
            <div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca4">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Free Shipping </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca4">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca5">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> 10% off </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca5">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca6">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $89-$5 Off </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca6">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca7">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $129-$15 </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca7">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca8">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> $500-$100 </div>
                  </foreignObject>
                </svg>
              </div>
              <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label" id="650a5f5196e18d75fcc99ca8">
                <style type="text/css">
                  .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text {
                    font-size: 15px;
                    line-height: 1;
                    display: flex;
                    justify-content: flex-end;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    color: #FFFFFF;
                  }
                </style>
                <svg width="100%" height="100%" viewBox="0 0 100 60">
                  <foreignObject width="100" height="60" xmlns="http://www.w3.org/1999/xhtml">
                    <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slice-label-text"> Sorry... </div>
                  </foreignObject>
                </svg>
              </div>
            </div>
            <style type="text/css">
              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(5),
              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(10) {
                fill: #7FD299;
              }

              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(4),
              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(9) {
                fill: #00953D;
              }

              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(3),
              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(8) {
                fill: #EC4C4B;
              }

              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(2),
              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(7) {
                fill: #C0423F;
              }

              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(1),
              .omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices path:nth-child(6) {
                fill: #FFBD5C;
              }
            </style>
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-73.5 634 476 476" enable-background="new -73.5 634 476 476" xml:space="preserve">
              <path fill="#fff" d="M387.409,938.95c-0.268-0.089-0.524-0.177-0.787-0.177
        c13.021-43.188,13.286-89.875,0.088-133.938c0.262,0,0.438-0.088,0.699-0.176c2.534-0.787,3.846-3.496,3.059-6.033
        c-0.786-2.535-3.496-3.846-6.027-3.06c-0.266,0.086-0.438,0.175-0.61,0.263c-7.344-21.07-17.83-41.44-31.554-60.5
        c-13.726-18.886-29.721-35.06-47.373-48.522c0.087-0.177,0.262-0.263,0.35-0.438c1.572-2.099,1.051-5.07-1.05-6.646
        c-2.097-1.572-5.067-1.05-6.646,1.051c-0.087,0.177-0.175,0.351-0.264,0.438c-37.932-26.402-82.687-40.654-127.961-41.617
        c0.088-0.262,0.088-0.609,0.088-0.873c0-2.623-2.099-4.721-4.72-4.721s-4.721,2.098-4.721,4.721c0,0.264,0,0.611,0.088,0.873
        c-44.313,0.875-88.89,14.43-127.872,41.617c-0.088-0.262-0.263-0.521-0.438-0.787c-1.573-2.098-4.545-2.623-6.643-1.049
        c-2.099,1.574-2.623,4.545-1.049,6.646c0.175,0.262,0.35,0.438,0.611,0.697c-37.844,28.68-64.501,66.885-79.012,108.764
        c-0.087-0.086-0.262-0.086-0.35-0.176c-2.535-0.787-5.156,0.523-6.03,3.061c-0.787,2.535,0.524,5.158,3.06,6.033
        c0.088,0,0.263,0.088,0.349,0.088c-13.372,43.625-13.722,90.486-0.261,134.727c-0.175,0-0.35,0.088-0.524,0.176
        c-2.536,0.787-3.847,3.496-3.06,6.031c0.786,2.537,3.496,3.85,6.03,3.062c0.176-0.088,0.351-0.088,0.525-0.178
        c7.342,20.982,17.743,41.18,31.465,60.062c13.637,18.799,29.631,34.973,47.199,48.35c-0.088,0.09-0.263,0.268-0.35,0.354
        c-1.574,2.1-1.05,5.07,1.049,6.645s5.069,1.05,6.643-1.051c0.088-0.174,0.175-0.262,0.263-0.438
        c37.846,26.403,82.423,40.653,127.698,41.704c0,0.087,0,0.264,0,0.352c0,2.621,2.098,4.721,4.72,4.721
        c2.623,0,4.722-2.1,4.722-4.721c0-0.088,0-0.264,0-0.352c44.49-0.786,89.064-14.34,128.137-41.615
        c0.087,0.262,0.262,0.523,0.438,0.787c1.572,2.098,4.546,2.622,6.646,1.049c2.099-1.574,2.622-4.547,1.05-6.646
        c-0.175-0.264-0.35-0.438-0.611-0.698c37.936-28.765,64.682-67.06,79.104-109.11c0.264,0.088,0.521,0.264,0.787,0.353
        c2.531,0.787,5.153-0.523,6.027-3.062C391.258,942.445,389.856,939.823,387.409,938.95z"></path>
              <g class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-rotor-slices">
                <path d="M164.501,871.997L32.578,689.985C72.671,660.744,114.954,647,164.501,647V871.997z"></path>
                <path d="M164.501,871.997l-213.509-69.512c15.319-47.276,41.407-83.26,81.586-112.5L164.501,871.997z"></path>
                <path d="M164.501,871.997L-49.01,941.601c-15.319-47.274-15.319-91.751,0-139.115L164.501,871.997z"></path>
                <path d="M164.501,871.997L32.578,1054.099c-40.093-29.24-66.18-65.226-81.586-112.502L164.501,871.997z"></path>
                <path d="M164.501,871.997v224.999c-49.548,0-91.83-13.748-131.923-42.987L164.501,871.997z"></path>
                <path d="M164.501,871.997l131.922,182.016C256.33,1083.252,214.047,1097,164.501,1097V871.997z"></path>
                <path d="M164.501,871.997L378.01,941.51c-15.318,47.279-41.407,83.26-81.587,112.503L164.501,871.997z"></path>
                <path d="M164.501,871.997l213.509-69.512c15.319,47.274,15.319,91.749,0,139.115L164.501,871.997z"></path>
                <path d="M164.501,871.997l131.922-182.012c40.093,29.24,66.18,65.224,81.587,112.5L164.501,871.997z"></path>
                <path d="M164.501,871.997V647.002c49.546,0,91.829,13.744,131.922,42.986L164.501,871.997z"></path>
              </g>
            </svg>
          </div>
          <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer-shadow">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66 116" enable-background="new 0 0 66 116" xml:space="preserve">
              <path fill="#000000" d="M66,33C66,14.774,51.227,0,33,0C14.775,0,0,14.774,0,33c0,11.604,5.994,21.801,15.05,27.685h-0.015
        L24.5,107.5c0,4.694,3.806,8.5,8.5,8.5s8.5-3.806,8.5-8.5l9.466-46.815h-0.015C60.007,54.801,66,44.604,66,33z"></path>
            </svg>
          </div>
          <div class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 66 116" enable-background="new 0 0 66 116" xml:space="preserve">
              <path fill="#FFFFFF" d="M66,33C66,14.774,51.227,0,33,0C14.775,0,0,14.774,0,33c0,11.604,5.994,21.801,15.05,27.685h-0.015
        L24.5,107.5c0,4.694,3.806,8.5,8.5,8.5s8.5-3.806,8.5-8.5l9.466-46.815h-0.015C60.007,54.801,66,44.604,66,33z"></path>
              <path class="omnisend-form-664477f10c5d9134e804eeb8-wof-650a5f5196e18d75fcc99ca3-pointer-body" fill="#C13A4A" d="M57.5,33C57.5,19.469,46.531,8.5,33,8.5S8.5,19.469,8.5,33c0,9.17,5.041,17.158,12.501,21.358H21l7,52.392
        c0,2.762,2.238,5,5,5s5-2.238,5-5l7-52.391h-0.002C52.458,50.16,57.5,42.171,57.5,33z"></path>
            </svg>
          </div>
        </div>
      </div>
      <style>
        .omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa {
          padding-left: 0px;
          padding-right: 0px;
          padding-top: 0px;
          padding-bottom: 0px;
          display: flex;
          flex-direction: column;
        }
      </style>
      <div id="omnisend-form-664477f10c5d9134e804eeb8-field-650a5f7b96e18d75fcc99caa" class="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa">
        <style>
          label[for^=omnisend].omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-label {
            color: #21095D;
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 12px;
            padding-bottom: 12px;
            ;
            font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 120%;
            word-break: break-word;
          }

          label[for^=omnisend].omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-label.error {
            color: #FF0000;
          }
        </style>
        <style>
          #omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            outline: none;
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0;
            width: 100%;
            height: auto;
            flex-basis: 0;
            flex-grow: 1;
            box-sizing: border-box;
            border-radius: 8px !important;
            padding-left: 16px;
            padding-right: 16px;
            padding-top: 16px;
            padding-bottom: 16px;
            color: #161717;
            background-color: #FFFFFF;
            border-style: solid;
            border-color: #21095D;
            border-width: 2px;
            ;
          }

          #omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input:focus {
            outline: auto;
          }

          #omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input::placeholder {
            opacity: 1;
            color: #21095D;
            ;
          }

          #omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input {
            font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 120%;
          }

          #omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input.omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input.error {
            border-color: #FF0000;
          }
        </style>
        <input id="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-emailField-input" class="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-input" type="email"
          placeholder="Please Enter Your Email" name="emailField" required="" aria-required="true" maxlength="" oninput="" aria-label="Email field" autocomplete="email">
        <style>
          #omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-required {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 0px;
            padding-right: 0px;
            ;
            font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 120%;
            color: #FF0000;
          }
        </style>
        <div aria-live="polite">
          <div id="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-required" style="display: none;">This field is required</div>
        </div>
        <style>
          #omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-error {
            padding-top: 12px;
            padding-bottom: 12px;
            padding-left: 0px;
            padding-right: 0px;
            ;
            font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            line-height: 120%;
            color: #FF0000;
          }
        </style>
        <div aria-live="polite">
          <div id="omnisend-form-664477f10c5d9134e804eeb8-field-container-650a5f7b96e18d75fcc99caa-error" style="display: none;">The email address must contain @ and a valid domain</div>
        </div>
      </div>
      <!--Button content block starts -->
      <style type="text/css">
        .omnisend-form-664477f10c5d9134e804eeb8-action-container-650a5f8696e18d75fcc99cab {
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 0px;
          padding-right: 0px;
          ;
          display: flex;
          flex-direction: column;
          word-break: break-word;
        }

        #omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab.omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab {
          align-self: center;
          width: 100%;
          box-sizing: border-box;
          text-align: center;
          cursor: pointer;
          line-height: 120%;
          margin: 0;
          letter-spacing: normal;
          font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
          font-size: 16px;
          font-weight: normal;
          font-style: normal;
          text-decoration: none;
          color: #FFFFFF;
          background-color: #383838;
          border-radius: 8px;
          border-width: 2px;
          border-style: solid;
          border-color: #21095D;
          padding-bottom: 16px;
          padding-top: 16px;
          padding-left: 16px;
          padding-right: 16px;
        }

        #omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab.omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab:disabled {
          cursor: default;
          opacity: 0.6;
        }

        .omnisend-form-664477f10c5d9134e804eeb8-error {
          padding-top: 12px;
          padding-bottom: 12px;
          padding-left: 0px;
          padding-right: 0px;
          ;
          font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif;
          font-size: 14px;
          line-height: 120%;
          color: #FF0000;
        }
      </style>
      <div class="omnisend-form-664477f10c5d9134e804eeb8-action-container-650a5f8696e18d75fcc99cab">
        <div class="omnisend-form-664477f10c5d9134e804eeb8-error" style="display: none;">Something went wrong!</div>
        <button class="omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab" id="omnisend-form-664477f10c5d9134e804eeb8-action-650a5f8696e18d75fcc99cab" type="submit">Let's start spinning</button>
      </div>
    </div>
  </div>
</form>

<form class="">
  <div class="zb-flex">
    <a href="${product.url}?${toQuery({ aid: 'smart_recommend.2.' + data.id, ifb: product.ifb || '', cfb: product.cfb || '', scm: product.scm || data.scm || '', ssp: data.ssp || '' })}" impr="1" imprevt="1" class="zb-w-[132px] zb-mr-4 rtl:zb-ml-4 rtl:zb-mr-0" data-prdct="${product.id}" data-ifb="${product.ifb || ''}" data-cfb="${product.cfb || ''}" data-scm="${product.scm || data.scm || ''}" data-spm="${productIndex}"> <ljs-render layout="container" id="smart_cart_pop_image_${product.id}" template="smart_cart_pop_image_template" manual=""></ljs-render> </a>
    <div class="zb-flex zb-flex-col zb-flex-grow zb-justify-between">
      <div>
        <div class="zb-line-clamp-2 zb-text-sm zb-mb-2">${product.title}</div> <ljs-render layout="container" id="smart_cart_pop_price_${product.id}" template="smart_cart_pop_price_template" manual=""></ljs-render>
      </div>
      <div>
        <div class="zb-relative zb-w-full zb-cursor-pointer">
          <div class="zb-border zb-border-solid zb-border-[#eee] zb-px-3 zb-py-[10px] zb-flex zb-items-center zb-justify-between zb-font-semibold zb-text-sm zb-rounded-sm"
            @tap="smart_pop_variant-select-${product.id}.toggleClass(class=zb-rotate-180);smart_cart_pop_variant_${product.id}_mobile.toggleClass(class=zb-hidden);smart_cart_pop_variant_${product.id}_pc.toggleClass(class=smart_cart_pop_variant_pc_show,force=true);smart_cart_pop_variant_modal_${product.id}.open"
            spz-if="${!!(product.options &amp;&amp; product.options.length &amp;&amp; product.options.length > 0) &amp;&amp; data.config.variant_select_visible}"> <ljs-render manual="" layout="container" id="smart_cart_pop_variant_text_${product.id}"
              template="smart_cart_pop_variant_text_template"></ljs-render> <svg id="smart_pop_variant-select-${product.id}" width="12" height="8" class="zb-ml-2" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M6.00002 7.06738C6.19244 7.06775 6.38498 6.99453 6.5318 6.84772C6.54504 6.83447 6.55769 6.82086 6.56973 6.8069L11.1251 2.25152C11.418 1.95863 11.418 1.48375 11.1251 1.19086C10.8322 0.897968 10.3573 0.897968 10.0645 1.19086L6.00003 5.25529L1.9356 1.19086C1.64271 0.897968 1.16784 0.897968 0.874943 1.19086C0.58205 1.48375 0.58205 1.95863 0.874943 2.25152L5.43033 6.8069C5.44237 6.82086 5.45502 6.83447 5.46826 6.84772C5.61507 6.99453 5.8076 7.06775 6.00002 7.06738Z"
                fill="#0A1533"></path>
            </svg> </div> <ljs-lightbox layout="nodisplay" disable-unmount="" class="smart_cart_pop_lightbox_pc" id="smart_cart_pop_variant_modal_${product.id}" @close="smart_pop_variant-select-${product.id}.toggleClass(class=zb-rotate-180);">
            <div id="smart_cart_pop_variant_${product.id}_pc" class="zb-hidden"><ljs-variants id="smart_cart_pop_variants_${product.id}"
                class="md:!zb-absolute md:zb-top-[50px] md:zb-w-full md:zb-left-0 md:zb-z-30 md:zb-bg-white zb-max-h-[280px] zb-overflow-y-auto md:zb-shadow-pop" layout="container" template="smart_cart_pop_variant_template"
                onclick="event.stopPropagation()" disabled-dj-event="" interference=""> </ljs-variants></div>
          </ljs-lightbox>
        </div>
        <div class="zb-mt-3"> <button product-id="${product.id}" id="smart_cart_pop_atc_btn_${product.id}"
            class="zb-flex zb-items-center zb-justify-center zb-w-full zb-text-white zb-py-[10px] zb-h-9 zb-text-xs zb-font-normal zb-border-none zb-rounded-[4px] smart_cart_pop_atc_btn_bg" type="button" role="addToCart"
            @tap="smart_cart_pop_loading_${product.id}.toggleClass(class=zb-hidden);smart_cart_pop_atc_${product.id}.toggleClass(class=zb-hidden);smart_cart_pop_atc_btn_${product.id}.toggleClass(class=zb-pointer-events-none);custom-func.addATCHook(activity_id='${data.id}',ifb='${product.ifb}',cfb='${product.cfb}',scm='${product.scm || data.scm}',ssp='${data.ssp}',spm='${data.spmBase}.${productIndex}')">
            <ljs-render layout="container" id="smart_cart_pop_atc_${product.id}" template="smart_cart_pop_atc_template" mamual="" class="notranslate"> </ljs-render>
            <div id="smart_cart_pop_added_${product.id}" class="zb-hidden"><span class="zb-flex zb-justify-center zb-gap-1"><svg width="14" height="15" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path
                    d="M8 16.5006C3.58171 16.5006 0 12.9183 0 8.5C0 4.08171 3.58171 0.5 8 0.5C12.4183 0.5 16 4.08171 16 8.5C16 12.9183 12.4183 16.5006 8 16.5006ZM8 2.04344C4.21314 2.04344 1.54287 4.71371 1.54287 8.50057C1.54287 12.2874 4.21314 14.9577 8 14.9577C11.7869 14.9577 14.4571 12.2874 14.4571 8.50057C14.4571 4.71371 11.7869 2.04344 8 2.04344ZM7.26057 11.1909L7.12229 11.3286L7.09543 11.3017C7.02286 11.336 6.94286 11.3577 6.85714 11.3577C6.73543 11.3577 6.62857 11.3109 6.536 11.2463L6.52229 11.2594L6.45371 11.1909C6.45314 11.1903 6.45314 11.1903 6.45257 11.1897L4.09771 8.83486L4.90629 8.02686L6.85714 9.97771L11.1629 5.67143L11.9714 6.48L7.26171 11.1897C7.26114 11.1903 7.26114 11.1903 7.26057 11.1909Z"
                    fill="white"></path>
                </svg>Added</span></div>
            <div id="smart_cart_pop_loading_${product.id}" class="zb-hidden">
              <div class="smart_cart_pop_loading"></div>
            </div>
          </button> </div>
      </div>
    </div>
  </div>
  <div id="smart_cart_pop_variant_${product.id}_mobile" class="zb-hidden md:zb-hidden"><ljs-variants id="smart_cart_pop_variants_${product.id}"
      class="md:!zb-absolute md:zb-top-[50px] md:zb-w-full md:zb-left-0 md:zb-z-30 md:zb-bg-white zb-max-h-[280px] zb-overflow-y-auto md:zb-shadow-pop" layout="container" template="smart_cart_pop_variant_template" onclick="event.stopPropagation()"
      disabled-dj-event="" interference=""> </ljs-variants></div>
</form>

POST //translate.googleapis.com/translate_voting?client=te

<form id="goog-gt-votingForm" action="//translate.googleapis.com/translate_voting?client=te" method="post" target="votingFrame" class="VIpgJd-yAWNEb-hvhgNd-aXYTce"><input type="text" name="sl" id="goog-gt-votingInputSrcLang"><input type="text"
    name="tl" id="goog-gt-votingInputTrgLang"><input type="text" name="query" id="goog-gt-votingInputSrcText"><input type="text" name="gtrans" id="goog-gt-votingInputTrgText"><input type="text" name="vote" id="goog-gt-votingInputVote"></form>

Text Content

FREE SHPPING FOR ORDER OVER $89



Powered by Translate
English,日本語,Español,Français,Italiano,Deutsch


Search

OKAYWEAR


English,日本語,Español,Français,Italiano,Deutsch

Search Search
Account
 * Log in
 * Create an account

WISHLIST
0 Cart
Close


 * NEW
    * NEW
    * NEW IN TODAY
      * NEW IN TODAY
      * New In 7 Days
      * New In 15 Days
      * New In 30 Days
    * NEW IN CLOTHING
      * NEW IN CLOTHING
      * New In Blazers
      * New In Sets
      * New In Tops
      * New In Bottoms
      * New In Shoes & Acc

 * BEST SELLER
 * 2024S/S
 * TREND
    * TREND
    * SHOP BY OCCASION
      * SHOP BY OCCASION
      * Business
      * Casual
      * Party
      * Wedding
    * SHOP BY COLOR
      * SHOP BY COLOR
      * Purple
      * Pink
      * Blue
    * SHOP BY FARBIC
      * SHOP BY FARBIC
      * Leather
      * Denim
      * Knitted
      * Linen

 * CLOTHING
    * CLOTHING
    * TWO PIECE OUTFITS
      * TWO PIECE OUTFITS
      * Casual Sets
      * Blazer Sets
    * TUXEDO
    * OUTERWEAR
      * OUTERWEAR
      * Blazers Hot
      * Men's VEST
      * Trench Coat
      * Coats & Jackets
      * Downs & Parkas
    * TOPS
      * TOPS
      * Shirts
      * Polo Shirts
      * Tees & Tanks
      * Sweaters
      * Hoodies & Sweatshirts
    * BOTTOMS
      * BOTTOMS
      * Suit Pants
      * Casual Pants
      * Shorts Pants
    * SHOES & ACC
      * SHOES & ACC
      * Shoes
      * Accessories
    * Swimwear

 * BLAZERS Hot
 * TWO PIECE OUTFITS
    * TWO PIECE OUTFITS
    * Blazer Sets
    * Casual Sets

 * SHOES
 * SALE
    * SALE
    * Under $9.99
    * Clearance Sale
    * Mystery Box

   Log in
   
   English,日本語,Español,Français,Italiano,Deutsch
   

 * NEW
    * NEW IN TODAY New In 7 Days New In 15 Days New In 30 Days
    * NEW IN CLOTHING New In Blazers New In Sets New In Tops New In Bottoms New
      In Shoes & Acc

 * BEST SELLER
 * 2024S/S
 * TREND
    * SHOP BY OCCASION Business Casual Party Wedding
    * SHOP BY COLOR Purple Pink Blue
    * SHOP BY FARBIC Leather Denim Knitted Linen

 * CLOTHING
    * TWO PIECE OUTFITS Casual Sets Blazer Sets
    * TUXEDO
    * OUTERWEAR Blazers Hot Men's VEST Trench Coat Coats & Jackets Downs &
      Parkas
    * TOPS Shirts Polo Shirts Tees & Tanks Sweaters Hoodies & Sweatshirts
    * BOTTOMS Suit Pants Casual Pants Shorts Pants
    * SHOES & ACC Shoes Accessories
    * Swimwear

 * BLAZERS
   Hot
 * TWO PIECE OUTFITS
   Blazer Sets
   Casual Sets
 * SHOES
 * SALE
   Under $9.99
   Clearance Sale
   Mystery Box
 * More links


Top search terms
Red Purple💜 Suits Shoes👞 Sets Plaid Houndstooth
Top searched


BUSINESS GLITTER LEOPARD PRINT BUTTON LONG SLEEVE SHIRT

$24.79



BUSINESS PEAKED LAPEL DOUBLE BREASTED HOUNDSTOOTH PATCHWORK BLAZER

$59.79



BUSINESS HOUNDSTOOTH PATCHWORK DOUBLE BREASTED V NECK BLAZER

$59.79



OKAYWEAR CASUAL SEE-THROUGH MESH STRIPED ONE BUTTON BLAZER

$58.79

+1


BUSINESS CASUAL HOUNDSTOOTH POCKET TURNDOWN COLLAR BLAZER

$58.79



BUSINESS JACQUARD V NECK ONE BUTTON FLAP POCKET JACKET

$69.79

NEW





404 Page Not Found
The page you requested does not exist.
Continue shopping

Subscribe and Get 10%OFF || Code:OKAYWEAR10
Subscribe
Thanks for subscribing

OKAYWEAR INFO
 * About Us
 * Privacy Policy
 * Affiliate Program
 * Terms & Conditions
 * Intellectual Property Policy

HELP & SUPPORT
 * Shipping Policy
 * Payment Policy
 * Refund & Returns
 * Bulk Purchaser Policy
 * How To Orders
 * Size Guide

CUSTOMER SERVICE
 * Contact Us
 * FAQs

Get in touch
support@okaywear.com
Follow us

We accept
PayPal Visa Discover Diners Club Maestro Mastercard

© 2024 Okaywear © Copyright-Okaywear.com. All rights reserved.


SIGN UP AND SAVE

Entice customers to sign up for your mailing list with discounts or exclusive
offers. Include an image for extra impact.
Subscribe
Thanks for subscribing
Optional button





*Clearance Sale*

Enter your email and win rewards

Free Shipping
Sorry...
10% off
Sorry...
$89-$5 Off
Sorry...
$129-$15
Sorry...
$500-$100
Sorry...


This field is required
The email address must contain @ and a valid domain
Something went wrong!
Let's start spinning


WELCOME TO OKAYWEAR!

Congratulations on getting a coupon



Please don’t forget to fill in the discount code when checking out!


YOU ARE ALREADY SUBSCRIBED

Shop now



111
GIFTS

POINTS



111

$0.00



1


Item has been added
${(function(){ const products = data.products; const getDefaultVariant =
function(product){ if (product.min_price_variant.available){ return
product.min_price_variant; }else { const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); if
(avail_variants.length) { return avail_variants[0]; } } }; const toQuery = obj
=> Object.keys(obj) .map(k => Array.isArray(obj[k]) ? obj[k].map(v =>
`${k}[]=${encodeURIComponent(v)}`).join('&') :
`${k}=${encodeURIComponent(obj[k])}` ) .join('&'); const getDefaultTrackParams =
function(product, index){ const variant = getDefaultVariant(product); const
params = { aid: 'smart_recommend.2.' + data.id, scm: product.scm || data.scm ||
'', spm: data.spmBase + '.' + index, ssp: data.ssp || '', }; const trackParams =
Object.keys(params).map(function(key){ return params[key]; }).join('__'); return
trackParams; }; const hasMore = (data.products.length -
data.target_top_product_num - data.page * data.limit) === 0; return `
${(function(){ return `
${data.config.pop_title}

${data.rebate_tips || ''}
`; })()}
${product.title}
Added




`; })()}

class SpzCustomComponent extends SPZ.BaseElement { constructor(element) {
super(element); this.templates_ = null; this.container_ = null;
this._atcLineItem = {}; this.cart_ = {}; this.top_product_ids_ = [];
this.products_ = []; this.activityId_ = null; this.rendered_ = false;
this.myInterceptor_ = null; this.i18n_ = {}; this.config_ = {}; this.page_ = 1;
this.limit_ = 10; this.loading_ = false; } static deferredMount() { return
false; } isLayoutSupported(layout) { return layout == SPZCore.Layout.CONTAINER;
} buildCallback() { this.templates_ = SPZServices.templatesForDoc(this.element);
this.setAction_(); } mountCallback() { console.log('pop mounted'); this.i18n_ =
window.smartRecommendI18n &&
window.smartRecommendI18n[document.documentElement.lang || 'en-US'] || {}; const
cartPopRenderEl = document.getElementById("smart_cart_pop_render"); const
modalEl = document.getElementById("smart_cart_pop_modal"); const spmBase =
`smart_recommend_2`; const extra = { spmBase: spmBase, i18n: this.i18n_, };
const that = this; document.addEventListener('dj.addToCart', (event) => { try {
const e = event.detail; if (e.source === 'buy_now' || window.__upsell_block ||
this.rendered_) return; that.fetchActivityData({product_id: e.product_id,
variant_id: e.variant_id}).then(data => { if (!data || !data.products ||
!data.products.length) return; that.config_ = data.config; const recommendStyle
= document.createElement('style'); recommendStyle.innerHTML = `
#plugin_recommend_atc_pop { display: none !important; } `;
document.head.appendChild(recommendStyle); if (data.config.pop_frequency ===
'once' && window.sessionStorage.getItem('smart_pop_times') > 0) return;
SPZ.whenApiDefined(cartPopRenderEl).then(function(api){
api.render(Object.assign({}, data, extra), true).then(function() {
that.rendered_ = true; if (data.products.length) { const headEl =
document.getElementById("smart_cart_pop_head_render"); if (headEl) {
SPZ.whenApiDefined(headEl).then(function(head){ head.render({ data: data }); });
} SPZ.whenApiDefined(modalEl).then(function(api){
that.impressListen('#smart_cart_pop_activity', function(){
that.trackPluginImpression_(data); }); api.open(); const intersectionObserver =
new IntersectionObserver( function (entries) { if (entries[0].intersectionRatio
> 0){ !that.loading_ && (that.products_.length - that.target_top_product_num_)
=== that.page_ * that.limit_ && that.viewMore(); } }, { threshold: [0.1] } );
intersectionObserver.observe(
document.querySelector('#smart_cart_pop_view_more_text') ); }); } }) }); }) }
catch (e) { console.error(e); } }); } unmountCallback() { } viewMore () { const
cartPopRenderEl = document.getElementById("smart_cart_pop_render"); const that =
this; const data = {}; SPZ.whenApiDefined(cartPopRenderEl).then(function(api){
that.fetchActivityData({ page: that.page_ + 1, limit: that.limit_
}).then(function(data) { data.products = that.products_;
data.target_top_product_num = that.target_top_product_num_; data.i18n =
that.i18n_; data.spmBase = `smart_recommend_2`; api.render(data); }) }) }
fetchActivityData(data) { const that = this; if (data.product_id) {
that._atcLineItem = data; } that.loading_ = true; return
that.getCart().then(cart => { that.cart_ = cart.cart; return
fetch(window.SHOPLAZZA.routes.root + "/api/possum/recommend_activities", {
method: "POST", headers: { "Content-Type": "application/json", "store-id":
window.SHOPLAZZA.shop.shop_id, }, body: JSON.stringify({ "show_type": 2,
"line_item": { "product_id": that._atcLineItem.product_id, "variant_id":
that._atcLineItem.variant_id, }, line_items: cart.cart.line_items, "page":
data.page || 1, "limit": data.limit || 10, }) }).then(function(res){ if(res.ok){
return res.json(); } }).then(function(data){ data.cart = cart.cart; if
(data.page === 1) { that.target_top_product_num_ = data.target_top_product_num
|| 0; } that.products_ = that.products_.concat(data.products || []); that.page_
= data.page || 1; that.limit_ = data.limit || 10; return data;
}).catch(function(e){ console.log(e); }).finally(function(){ that.loading_ =
false; }) }); }; setAction_() { this.registerAction('changeBannerColor', (data)
=> { if (!data.args.data || !data.args.data.data || !data.args.data.data.data)
return false; const config = data.args.data.data.data.config; const bannerBgEl =
document.querySelector('.smart_cart_pop_banner_bg'); if (bannerBgEl && config) {
bannerBgEl.style.background = config.banner_bg_color; bannerBgEl.style.color =
config.banner_text_color; } }); this.registerAction('handleProductChange',
(data) => { const that = this; const imageEl =
document.getElementById(`smart_cart_pop_image_${data.args.data.product_id}`);
SPZ.whenApiDefined(imageEl).then(function(api){ api.render({ data:
data.args.data, config: that.config_ }); }); const atcTextEl =
document.getElementById(`smart_cart_pop_atc_${data.args.data.product_id}`);
SPZ.whenApiDefined(atcTextEl).then(function(api){ api.render({ data:
data.args.data, defaultText: data.args.defaultText, soldOutText:
that.i18n_.sold_out }); }); if (data.args.data.variant.available) {
document.getElementById(`smart_cart_pop_atc_btn_${data.args.data.product_id}`).classList.remove('zb-pointer-events-none');
} else {
document.getElementById(`smart_cart_pop_atc_btn_${data.args.data.product_id}`).classList.add('zb-pointer-events-none');
} }); this.registerAction('handleProduct', (detail) => { const that = this;
this.renderProductsForm_(detail.args.data.data); });
this.registerAction('addATCHook', (data) => { const params = data.args;
this.myInterceptor_ = window.djInterceptors && window.djInterceptors.track.use({
event: 'dj.addToCart', params: { aid: 'smart_recommend.2.' + params.activity_id,
ssp: params.ssp, scm: params.scm, cfb: params.cfb, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${params.spm}`, }, once: true });
}); this.registerAction('handleAtcSuccess', (detail) => {
detail.args.data.product = detail.args.data.product || {};
detail.args.data.variant = detail.args.data.variant || {}; const defParams =
detail.args.product.split('__'); const product_id = detail.args.data.product.id;
const product_title = detail.args.data.product.title; const variant_id =
detail.args.data.variant.id; const price = detail.args.data.variant.price; const
aid = defParams[0]; const ifb = detail.args.data.product.ifb; const cfb =
detail.args.data.product.cfb; const scm = defParams[1]; const spm =
defParams[2]; const ssp = defParams[3]; const params = { id: product_id,
product_id: product_id, number: 1, name: product_title, variant_id: variant_id,
childrenId: variant_id, item_price: price, source: 'add_to_cart', _extra: { aid:
aid, ifb: ifb, cfb: cfb, scm: scm, spm:
`..${window.SHOPLAZZA.meta.page.template_name}.${spm}`, ssp: ssp, } }; const
activity_id = `${detail.args.activity_id}`; const target_drive_way =
detail.args.target_drive_way;
document.getElementById(`smart_cart_pop_loading_${product_id}`).classList.add('zb-hidden');
document.getElementById(`smart_cart_pop_added_${product_id}`).classList.remove('zb-hidden');
setTimeout(() => {
document.getElementById(`smart_cart_pop_added_${product_id}`).classList.add('zb-hidden');
document.getElementById(`smart_cart_pop_atc_${product_id}`).classList.remove('zb-hidden');
document.getElementById(`smart_cart_pop_atc_btn_${product_id}`).classList.remove('zb-pointer-events-none');
}, 1000); this.tranckAddToCart(params); if (target_drive_way === 'rebate') {
const bannerEl = document.getElementById(`smart_cart_pop_banner`);
this.getRecommendInfo(activity_id).then(res => { if (res && res.rebate_tips) {
bannerEl.innerHTML = res.rebate_tips; } }) } });
this.registerAction('handleCartSummary', (event) => { const that = this; const
checkoutButtonEle = document.getElementById("smart_cart_pop_checkout_button");
if (checkoutButtonEle) {
SPZ.whenApiDefined(checkoutButtonEle).then(function(api){ api.render({ i18n:
that.i18n_ }, false); }); } const tipEl =
document.getElementById("smart_cart_pop_tip_info"); const cart = event &&
event.args && event.args.data && event.args.data.data; if (!tipEl || !cart)
return; let total_price = cart.total_price; if (!total_price) {
SPZ.whenApiDefined(tipEl).then(function(api){ api.render({ total_price:
total_price, i18n: that.i18n_ }, false); }); } else {
this.getBindDiscount_(cart.line_items).then(res => { if (res &&
res.discount_code){ const total = cart.line_price - cart.total_discount -
res.bundle_discount_value; if (total > 0) { total_price = total; } else {
total_price = 0; } } SPZ.whenApiDefined(tipEl).then(function(api){ api.render({
total_price: total_price, i18n: that.i18n_ }, false); }); }) } });
this.registerAction('open', () => {
window.sessionStorage.setItem('smart_pop_times',
Number(window.sessionStorage.getItem('smart_pop_times')) + 1); });
this.registerAction('close', () => { this.rendered_ = false; this.products_ =
[]; window.djInterceptors &&
window.djInterceptors.track.eject(this.myInterceptor_); }); } getCart() { return
fetch(`${window.SHOPLAZZA.routes.root || ''}/api/cart`, { method: 'GET',
headers: { 'Content-Type': 'application/json; charset=UTF-8', }, }).then(res =>
res.json()) } getRecommendInfo (activity_id) { return this.getCart().then(cart
=> { this.cart_ = cart.cart; return fetch(`${window.SHOPLAZZA.routes.root ||
''}/api/possum/recommend_info`, { method: 'POST', headers: { 'Content-Type':
'application/json; charset=UTF-8', }, body: JSON.stringify({ show_type: 2,
rule_id: `${activity_id}`, line_items: cart.cart.line_items, line_item:
this._atcLineItem, }) }).then(res => res.json()) }) } renderProductsForm_(data)
{ const products = data.products; const listPopRenderEl =
document.getElementById("smart_cart_pop_render"); if (!listPopRenderEl) return;
listPopRenderEl.querySelectorAll('.smart_cart_pop_atc_btn_bg').forEach(function(el){
el.style.background = data.config.add_to_cart_button_color; });
products.forEach(function(product){ const productId = product.id; const
productFormEls =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]`);
let variantsEl =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]
#smart_cart_pop_variant_${productId}_mobile ljs-variants`); if
(window.innerWidth > 768) { variantsEl =
listPopRenderEl.querySelectorAll(`ljs-product-form[product-id="${productId}"]
#smart_cart_pop_variant_${productId}_pc ljs-variants`); }
productFormEls.forEach(function(el){ SPZ.whenApiDefined(el).then(function(api){
api.setProduct(product); }); }); variantsEl.forEach(function(el){
SPZ.whenApiDefined(el).then(function(api){ api.handleRender(product); }); }) });
} tranckAddToCart(detail) { if (window.$) {
window.$(document.body).trigger('dj.addToCart', detail); } }
trackPluginImpression_(rule){ if (window.sa && window.sa.track) {
window.sa.track("module_impressions", { aid: `smart_recommend.2.${rule.id}` });
} } getBindDiscount_(carts) { let bundle_sale_ids = []; try { bundle_sale_ids =
sessionStorage['bundle_sale_ids'] &&
JSON.parse(sessionStorage['bundle_sale_ids']).filter((item, index, arr) =>
arr.indexOf(item, 0) === index).slice(-5); } catch (err) { console.error(err); }
if (!carts.length) { Promise.resolve(); } return
fetch(`${window.SHOPLAZZA.routes.root || ''}/api/bundle-sales/cart`, { method:
'POST', headers: { 'Content-Type': 'application/json; charset=UTF-8',
'store-id': window.SHOPLAZZA.shop.shop_id, }, body: JSON.stringify({ cart:
carts, action_type: 'cart', bundle_sale_ids }) }).then(res => res.json()) }
impressListen(selector, cb) { const el = document.querySelector(selector); const
onImpress = (e) => { if (e) { e.stopPropagation(); } cb(); }; if (el &&
!el.getAttribute('imprsd')) { el.addEventListener('impress', onImpress) } else
if (el) { onImpress(); } } } SPZ.defineElement('spz-custom-smart',
SpzCustomComponent); ${function(){ return `
${data.data.rebate_tips || ''}
`; }()} ${function(){ const getImageHeight = function(image){ const width =
image.width || 500; const height = image.height || 500; const image_size =
data.config.image_size || 0; let ratio = 0; if(image_size == 0){ ratio = (height
/ width).toFixed(2); }else if(image_size == 1){ ratio = 1.5; } return 132 *
ratio; }; const image = data.data.variant.image || data.data.product.image;
return ` `; }()}
${(function(){ const product = data.product; const avail_variants =
product.variants.filter(function(variant){ return variant.available; }); const
selected_variant = product.min_price_variant.available ?
product.min_price_variant : avail_variants.length && avail_variants[0]; return `
${option.name}
${ option.values.map(function(value, index){ const checked =
selected_variant["option"+option.position] == value ? "checked": ""; return `
${value}
` }).join("") }
` })()}
${(function(){ const variant = data.variant; return `

`; })()} ${(function(){ const variant = data.variant; return `
${ variant.options.map(function(option){ return option.value; }).join("/") ||
'Not exist' }
`; })()} ${(function(){ const variant = data.data && data.data.variant; const
defaultText = data.defaultText || 'Add To Cart'; const text = (!variant ||
variant.available) ? defaultText: data.soldOutText; return `
${text}
`; })()} ${(function(){ let cart = data; if(data.data) { cart = data.data; }
return `
${cart.item_count >=0 ? cart.item_count : '..'}
`; })()} ${(function(){ return `
${data.i18n.checkout}
`; })()}
See detail
$0.00



Quantity

1




Original text

Rate this translation
Your feedback will be used to help improve Google Translate