{"template--16783548776530__main":"<section id=\"shopify-section-template--16783548776530__main\" class=\"shopify-section\"><link href=\"//reolink.live/cdn/shop/t/1305/assets/section-main-product.css?v=100253017489428102111791310123\" rel=\"stylesheet\" type=\"text/css\" media=\"all\" />\n<!-- ##entry##core-main-product##endentry## -->\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--16783548776530__main'\n    id='template--16783548776530__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<style>\n  @media (max-width: 1023px) {\n    swiper-container#MediaGallery-template--16783548776530__main-main-swiper:not(:has(.swiper-slide-active)) {\n      aspect-ratio: 1;\n      overflow: hidden;\n    }\n\n    swiper-container#MediaGallery-template--16783548776530__main-main-swiper:not(:has(.swiper-slide-active)) swiper-slide:not(:first-of-type) {\n      display: none;\n    }\n  }\n\n  \n</style>\n\n\n<div\n  id='MediaGallery-template--16783548776530__main'\n  role='region'\n  sub-section-id='MediaGallery-template--16783548776530__main'\n  aria-label='Gallery Viewer'\n  \n>\n  \n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--16783548776530__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    \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--16783548776530__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--16783548776530__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--16783548776530__main-thumbs-swiper-zoom'\n          auto-scroll-offset='true'\n          navigation='true'\n          slides-per-view='1'\n          id='MediaGallery-template--16783548776530__main-main-swiper-zoom'\n          pagination='true'\n          data-zoom-sizes='(min-width: 1024px) calc(100vw - 140px), calc(100vw - 90px)'\n        >\n          \n        </swiper-container>\n      </swiper-with-media>\n    </div>\n  \n  </modal-dialog>\n\n  <script type='module'>\n    if (!window.zoomSizesListenerAdded) {\n      window.zoomSizesListenerAdded = true;\n      document.addEventListener(\n        'click',\n        (event) => {\n          const toggle = event.target.closest('dialog-toggle[modal-id$=\"-zoom-gallery\"]');\n          const modal = toggle && document.getElementById(toggle.getAttribute('modal-id'));\n          if (!modal) return;\n\n          modal.querySelectorAll('[data-zoom-sizes]').forEach((container) => {\n            container.querySelectorAll('img[sizes=\"1px\"]').forEach((img) => {\n              img.sizes = container.dataset.zoomSizes;\n            });\n          });\n        },\n        true\n      );\n    }\n  </script>\n\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--16783548776530__main-thumbs-swiper'\n          navigation-next-el='.swiper-button-next-template--16783548776530__main'\n          navigation-prev-el='.swiper-button-prev-template--16783548776530__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--16783548776530__main-thumbs-swiper'\n          controller-control='#MediaGallery-template--16783548776530__main-main-swiper-zoom'\n          auto-scroll-offset='true'\n          id='MediaGallery-template--16783548776530__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--16783548776530__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-AcVlUUDhnd2VKWlJzN__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\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  \n  #buy-buttons.sticky-atc quantity-input input,\n  #buy-buttons.sticky-atc quantity-input button,\n  #buy-buttons.sticky-atc quantity-input button span {\n    font-size: 14px !important;\n  }\n\n  #buy-buttons.sticky-atc .buy-buttons-cta {\n    justify-content: center;\n  }\n\n  #buy-buttons.sticky-atc .buy-buttons-cta .btn {\n    flex-grow: 0;\n  }\n\n  @media (min-width: 768px) {\n    #buy-buttons.sticky-atc .buy-buttons-cta {\n      justify-content: flex-start;\n    }\n  }\n  @media (max-width: 1024px) {\n    #buy-buttons .product-submit-btn {\n      height: 36px !important;\n    }\n    #buy-buttons .product-submit-btn span {\n      font-size: 14px;\n    }\n  }\n\n  .sticky-atc-variant {\n    display: none;\n  }\n\n  /* Mobile sticky add to cart: shade dropdown on top, quantity + add to bag below */\n  @media (max-width: 767.98px) {\n    #buy-buttons.sticky-atc .sticky-atc-bar {\n      gap: 10px;\n      padding: 12px 16px calc(12px + env(safe-area-inset-bottom));\n      background-color: #fff;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-title {\n      display: none;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-variant {\n      display: block;\n      width: 100%;\n    }\n\n    .sticky-atc-variant__pill {\n      position: relative;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      height: 40px;\n      padding: 0 14px 0 14px;\n      border: 1px solid #000;\n      border-radius: 9999px;\n      background-color: #fff;\n      color: #000;\n    }\n\n    .sticky-atc-variant__pill--static {\n      padding-right: 14px;\n    }\n\n    .sticky-atc-variant__pill:focus-within {\n      outline: 2px solid #000;\n      outline-offset: 2px;\n    }\n\n    .sticky-atc-variant__image {\n      flex-shrink: 0;\n      width: 28px;\n      height: 28px;\n      border-radius: 0;\n      object-fit: cover;\n    }\n\n    .sticky-atc-variant__label {\n      flex: 1 1 auto;\n      min-width: 0;\n      overflow: hidden;\n      font-size: 14px;\n      line-height: 1.2;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .sticky-atc-variant__chevron {\n      flex-shrink: 0;\n    }\n\n    /* Native select sits invisibly over the pill so taps open the OS picker */\n    .sticky-atc-variant__select {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      opacity: 0;\n      cursor: pointer;\n      font-size: 16px;\n      appearance: none;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-actions {\n      gap: 8px;\n      width: 100%;\n    }\n\n    /* Keep the quantity wrapper at its natural width so the button can't overlap it */\n    #buy-buttons.sticky-atc .sticky-atc-actions > [id^='Quantity-Form'] {\n      flex: 0 0 auto;\n    }\n\n    #buy-buttons.sticky-atc quantity-input {\n      flex-shrink: 0;\n      grid-template-columns: 34px 28px 34px;\n      height: 40px;\n      max-width: none;\n    }\n\n    #buy-buttons.sticky-atc quantity-input input,\n    #buy-buttons.sticky-atc quantity-input button .caption {\n      font-size: 14px !important;\n    }\n\n    #buy-buttons.sticky-atc .sticky-atc-actions .btn {\n      flex: 1 1 0%;\n      width: auto;\n      min-width: 0 !important;\n      margin-left: 0;\n      height: 40px !important;\n      max-width: none !important;\n      border-radius: 9999px;\n      font-size: 13px !important;\n    }\n  }\n</style>\n\n\n\n          \n            \n          \n        </div><klarna-placement\n          class='klarna__pdp'\n          data-key='credit-promotion-auto-size'\n          data-locale='en-US'\n          data-purchase-amount=''\n        ></klarna-placement><div class='columns-1 lg:columns-2 text-body ' sub-section-id='claims_8UQ8Am'></div><div id=\"shopify-block-AL1NnZXNWQUxiYzBud__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>"}