{"template--16675327836242__main":"<section id=\"shopify-section-template--16675327836242__main\" class=\"shopify-section\"><style data-section-stylesheet>\n  #attn-waitlist-trigger-btn {\n    border-width: 1px!important;\n    border-color: rgb(0 0 0 / 1)!important;\n    background-color: rgb(0 0 0 / 1)!important;\n    /* font-weight: 700!important; */\n    padding-inline: 1.25rem;\n    border-radius: 2rem;\n    color: #fff;\n    white-space: nowrap;\n    padding-block: 10px;\n    text-transform: lowercase;\n    font-size: 14px;\n    letter-spacing: 0.05em;\n  }\n\n  #attn-waitlist-trigger-btn:hover {\n    border-color: transparent!important;\n    background-color: rgb(255 255 255 / 1)!important;\n    color: rgb(0 0 0 / 1)!important;\n  }\n  @media (max-width: 1024px) {\n    #attn-waitlist-trigger-btn {\n      font-size: 10px;\n    }\n  }\n</style><!-- ##entry##core-main-product##endentry## -->\n\n<script>\n  ;(() => {\n    const params = new Proxy(new URLSearchParams(window.location.search), {\n      get: (searchParams, prop) => searchParams.get(prop),\n    })\n    if (params.serp == '1') {\n      //console.log('serpclick true')\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('serp', {\n            productId: '',\n            url: 'https://colourpop.com',\n          })\n        })\n      }, 5000)\n    } else if (params.autocomplete == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('autocomplete', {\n            productId: '',\n            url: 'https://colourpop.com',\n          })\n        })\n        //console.log('autocompleteclick true')\n      }, 5000)\n    } else if (params.category == '1') {\n      setTimeout(() => {\n        nostojs((api) => {\n          api.recordSearchClick('category', {\n            productId: '',\n            url: 'https://colourpop.com',\n          })\n        })\n        //console.log('categoryclick true')\n      }, 5000)\n    }\n  })()\n</script>\n\n\n\n\n\n\n\n\n  <main-product\n    \n      class='main-product px-sm md:px-pagemargin 2xl:container grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-[minmax(0,_1fr)_575px] gap-sm py-sm md:py-md'\n      update-url='true'\n    \n    product-url=''\n    variant-id=''\n    section-id='template--16675327836242__main'\n    id='template--16675327836242__main'\n    placement='pdp'\n  >\n\n\n  <div class='mt-xs md:m-0 lg:col-start-2'><nav aria-label='Breadcrumb'>\n  <ol class=\"[&_li_+_li]:before:content-['/']\">\n    <li class='inline text-caption'>\n      <a class='text-caption' href='/'>Home</a>\n    </li></ol>\n</nav>\n\n</div>\n\n\n\n\n\n<div\n  id='MediaGallery-template--16675327836242__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16675327836242__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16675327836242__main-zoom-gallery'\n\n    \n      url=''\n    \n\n    \n      size='modal-max'\n    \n\n    \n\n    \n      close-on-backdrop-click='true'\n    \n\n    \n\n    \n\n    \n\n    \n      close-icon-position='right'\n    \n\n    \n\n    \n  >\n    \n    <div class=\"grid gap-x-xs lg:gap-x-sm grid-cols-[80px,minmax(0,_1fr)] md:grid-cols-[80px,minmax(0,_1fr)] lg:grid-cols-[120px,minmax(0,_1fr)] size-full\">\n      <div class=\"p-xs\">\n        <swiper-container\n          class='block'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='10'\n          mousewheel='true'\n          id='MediaGallery-template--16675327836242__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16675327836242__main-main-swiper'\n        >\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media class=\"block relative size-full\">\n        <swiper-container\n          init=\"false\"\n          class='h-full block whitespace-nowrap overflow-clip'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16675327836242__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16675327836242__main-main-swiper-zoom'\n          pagination='true'\n        >\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n<div\n    \n      class='block gap-y-sm lg:grid lg:grid-cols-[100px,minmax(0,_1fr)] xl:grid-cols-[120px,minmax(0,_1fr)] gap-x-xs place-content-start lg:sticky lg:top-[--header-height]'\n    \n  ><div class='relative overflow-clip lg:mb-5 lg:max-h-[600px]'>\n        <swiper-container\n          class='w-full hidden lg:block absolute top-0 left-0 h-full pt-14 xl:pt-20 pb-6 rounded-lg '\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='4'\n          mousewheel='true'\n          id='MediaGallery-template--16675327836242__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16675327836242__main'\n          navigation-prev-el='.swiper-button-prev-template--16675327836242__main'\n          breakpoints='{ \"1024\": { \"slidesPerView\": 4 } }'\n        >\n          \n        </swiper-container></div><div class='relative'><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n        class='w-full h-full block'\n      >\n        <swiper-container\n          class='w-full h-full block whitespace-nowrap overflow-clip pb-6'\n          init='false'\n          watch-slides-progress='true'\n          thumbs-swiper='#MediaGallery-template--16675327836242__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16675327836242__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16675327836242__main-main-swiper'\n          \n            pagination='{ \"clickable\": true, \"el\": \".swiper-pagination\" }'\n          \n        >\n          \n        </swiper-container></swiper-with-media>\n    </div>\n  </div>\n</div>\n\n<section\n  id='ProductInfo-template--16675327836242__main'\n  class='grid grid-cols-1 gap-y-xs place-content-start product-info z-20 '\n>\n<div sub-section-id='badges' class='flex gap-2 empty:hidden '></div>\n<div  sub-section-id='title'>\n          <h1 class='break-words h2 lg:h3'>\n            \n          </h1></div><div id=\"shopify-block-AQnlKV0hnaDdaeC9lW__okendo_star_rating_aqzXFz\" class=\"shopify-block shopify-app-block\">\n\n\n\n\n    <div\n        data-oke-star-rating\n        \n    >\n        \n    </div>\n\n\n\n</div>\n<variant-picker\n    id='variant-selects-variant_picker'\n    sub-section-id='variant_picker'\n    class='grid grid-cols-1 gap-y-sm '\n\n    \n      \n    \n  ><script type='application/json' data-selected-variant>\n      null\n    </script>\n  </variant-picker>\n\n\n\n\n\n  <div class='flex flex-col gap-5 my-4'>\n\n    \n\n\n    \n\n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n\n    \n  </div>\n\n\n          \n\n\n\n        \n\n<div class='grid grid-cols-1 gap-xs mt-2xs' sub-section-id='buy_buttons'>\n          \n\n\n\n\n\n<div  id='buy-buttons' sub-section-id='buy-buttons' class='group/buy-buttons'>\n<div class='product-form'>\n        <div class='product-form__buttons form'>\n          <button\n            type='submit'\n            name='add'\n            variant='primary'\n            class='btn !max-w-[unset]'\n            disabled\n          >\n            out of stock\n          </button>\n        </div>\n      </div>\n</div>\n\n<style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n\n\n          \n            \n          \n        </div><div class='columns-1 lg:columns-2 text-body ' sub-section-id='claims_8UQ8Am'></div><div id=\"shopify-block-AUzQ3NFN6V09NZ3B4c__tolstoy_shoppable_video_ugc_stories_block_RH3tz6\" class=\"shopify-block shopify-app-block\"><tolstoy-stories\nclass=\"tolstoy-stories\"\ndata-tags=\"\"\ndata-publish-id=\"g1w7hu6osho9x\"\ndata-product-id=\"\">\n</tolstoy-stories>\n\n\n</div>\n\n\n\n\n\n\n\n\n\n\n\n</section>\n\n  </main-product>\n\n\n\n\n\n</section>"}