{"template--27412568146198__main":"<section id=\"shopify-section-template--27412568146198__main\" class=\"shopify-section h-full section-main-product\"><!-- ##entry##core-main-product,core-hydrate-sections-cache##endentry## -->\n\n<!-- ##entry##core-track-recently-viewed##endentry## -->\n<track-recently-viewed product-handle=''></track-recently-viewed>\n<main-product\n  \n    class='overflow-clip px-pagegridmargin 2xl:container grid grid-cols-1 md:grid-cols-2 gap-x-sm md:py-md 2xl:grid-cols-[708px,auto] lg:gap-x-lg'\n    update-url='true'\n  \n  product-url=''\n  section-id='template--27412568146198__main'\n  id='template--27412568146198__main'\n>\n\n<div\n    id='MobileProductInfoTop-template--27412568146198__main'\n    class='py-sm md:hidden'\n  ><div class='mb-md md:mb-sm md:pl-pagegridmargin'><nav aria-label='Breadcrumb'>\n  <ol class=\"text-caption flex gap-xs [&_li_+_li]:before:content-['•'] [&_li_+_li]:before:pr-xs [&_li_+_li]:before:text-t-foreground-secondary\">\n    <li class='flex text-t-foreground-secondary truncate'>\n      <a\n        class='truncate'\n        href='/'\n        title='Home'\n      >Home</a>\n    </li>\n  </ol>\n</nav>\n</div><div class='grid grid-cols-1 place-content-start'><h2\n          class='h4 mt-2xs text-t-foreground'\n          aria-hidden='true'\n          \n        >\n          \n        </h2><div class='flex items-center gap-xs mt-xs'>\n          \n          \n<!-- ##entry##core-deep-link##endentry## -->\n<deep-link href='#yotpo-questions-and-answers' class='text-caption underline block cursor-pointer'>\n              Q&amp;A\n            </deep-link>\n          \n          \n            <!-- ##entry##yotpo-ai-summary-trigger##endentry## -->\n<yotpo-ai-summary-trigger\n  role='button'\n  tabindex='0'\n  class='\n    hidden data-[loaded]:flex gap-2xs items-center\n    border-l border-t-border first:border-l-0\n    pl-xs first:pl-0\n    cursor-pointer\n  '\n>\n<svg-icon\n  src='icon-ai'\n  class='text-t-brand-primary'\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n  <span class='caption underline'>AI Summary</span>\n</yotpo-ai-summary-trigger>\n\n          \n        </div></div>\n  </div><div\n  id='MediaGallery-template--27412568146198__main'\n  role='region'\n  sub-section-id='MediaGallery-template--27412568146198__main'\n  aria-label='Gallery Viewer'\n><div class='hidden md:block mb-sm'><nav aria-label='Breadcrumb'>\n  <ol class=\"text-caption flex gap-xs [&_li_+_li]:before:content-['•'] [&_li_+_li]:before:pr-xs [&_li_+_li]:before:text-t-foreground-secondary\">\n    <li class='flex text-t-foreground-secondary truncate'>\n      <a\n        class='truncate'\n        href='/'\n        title='Home'\n      >Home</a>\n    </li>\n  </ol>\n</nav>\n</div>\n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--27412568146198__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      without-title='true'\n    \n\n    \n\n    \n\n    \n      header-classes='!aspect-square !bg-[transparent] !p-[6px] border-b-0 !absolute !right-[13px] !top-[13px] md:!right-[20px] md:!top-[20px]'\n    \n\n    \n      drawer-classes='!flex !justify-center !bg-t-background-tertiary'\n    \n\n    \n      close-icon-size='21'\n    \n\n    \n\n    \n\n    \n  >\n    \n\n    \n      <div class=\"grid py-sm md:px-sm gap-y-sm grid-cols-1 size-full grid-rows-[1fr_60px] overflow-clip\"><!-- ##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 relative px-2xs [&::part(container)]:overflow-visible'\n            watch-slides-progress='true'\n            thumbs-swiper='#MediaGallery-template--27412568146198__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            zoom='true'\n            id='MediaGallery-template--27412568146198__main-main-swiper-zoom'\n            slides-per-view=\"1.1\"\n            space-between='5'\n            breakpoints='{\"768\": { \"slidesPerView\": 1, \"spaceBetween\": 0 } }'\n            navigation-next-el='#MediaGallery-template--27412568146198__main-main-swiper-zoom .swiper-button-next'\n            navigation-prev-el='#MediaGallery-template--27412568146198__main-main-swiper-zoom .swiper-button-prev'\n          >\n            \n\n            <div slot='container-end' class=\"size-full absolute z-[2] pointer-events-none inset-0 m-auto aspect-square max-w-full max-h-full h-auto w-auto md:flex justify-between items-center p-sm hidden\">\n              <button\n                class='swiper-button-prev pointer-events-auto flex size-11 bg-t-background hover:bg-t-accent-04 items-center justify-center rounded-sm shadow-sm transition-all duration-300 ease-in-out disabled:opacity-0 disabled:invisible'\n                aria-label='Previous slide'\n                tabindex='0'\n              >\n                \n<svg-icon\n  src='icon-arrow'\n  class='rotate-180'\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n\n              </button>\n              <button\n                class='swiper-button-next pointer-events-auto flex size-11 bg-t-background hover:bg-t-accent-04 items-center justify-center rounded-sm shadow-sm transition-all duration-300 ease-in-out disabled:opacity-0 disabled:invisible'\n                aria-label='Next slide'\n                tabindex='0'\n              >\n                \n<svg-icon\n  src='icon-arrow'\n  class=''\n\n  \n    style='--icon-size: 10px;'\n  \n\n  \n  \n></svg-icon>\n\n              </button>\n            </div>\n          </swiper-container>\n        </swiper-with-media>\n\n        <swiper-container\n          class='block w-full px-2xs [&::part(container)]:overflow-visible'\n          slides-per-view='auto'\n          space-between='6'\n          mousewheel='true'\n          id='MediaGallery-template--27412568146198__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--27412568146198__main-main-swiper'\n          center-insufficient-slides='true'\n        >\n          \n        </swiper-container>\n      </div>\n    \n  </modal-dialog>\n<div\n    \n      class='grid grid-cols-1 gap-y-sm md:grid-cols-[60px,minmax(0,_1fr)] gap-x-2.5 place-content-start md:sticky md:top-[--header-height]'\n    \n  ><div class='relative hidden md:block overflow-clip'>\n        <swiper-container\n          class='w-full absolute top-0 left-0 h-full'\n          direction='vertical'\n          slides-per-view='auto'\n          space-between='6'\n          mousewheel='true'\n          id='MediaGallery-template--27412568146198__main-thumbs-swiper'\n        >\n          \n        </swiper-container>\n      </div><!-- ##entry##core-swiper-with-media##endentry## -->\n<swiper-with-media\n      \n      class='size-full block'\n    >\n      <swiper-container\n        id='MediaGallery-template--27412568146198__main-main-swiper'\n        class='size-full flex whitespace-nowrap relative  md:overflow-clip max-md:[&::part(container)]:overflow-visible '\n        init='false'\n        watch-slides-progress='true'\n        thumbs-swiper='#MediaGallery-template--27412568146198__main-thumbs-swiper'\n        controller-control='#MediaGallery-template--27412568146198__main-main-swiper-zoom'\n        auto-scroll-offset='true'\n        slides-per-view='auto'\n        mousewheel='true'\n        mousewheel-force-to-axis='true'\n\n        \n          pagination='true'\n          pagination-el='#MediaGallery-template--27412568146198__main-main-swiper .swiper-pagination'\n          breakpoints='{\"768\": { \"spaceBetween\": 5 } }'\n        \n      >\n        \n</swiper-container>\n    </swiper-with-media>\n  </div>\n</div>\n\n<!-- ##entry##core-deep-link,core-toggle##endentry## -->\n<section\n  id='ProductInfo-template--27412568146198__main'\n  class='flex flex-col gap-y-lg md:gap-y-sm pt-md pb-lg md:py-0  md:pl-xs '\n  data-cnstrc-product-detail\n>\n  <div sub-section-id='pdp-analytics' class='hidden'>\n    <div\n      data-cnstrc-item-id=''\n      data-cnstrc-item-name=''\n      data-cnstrc-item-price='0.00'\n      data-cnstrc-item-variation-id=''\n    ></div>\n  </div>\n\n  <div class='hidden md:grid place-content-start'><h1\n        class='text-t-foreground  mt-xs h4 '\n        \n      >\n        \n      </h1><div class='flex items-center gap-xs mt-xs'>\n        \n        \n          \n            <deep-link\n              href='#yotpo-questions-and-answers'\n              class='text-caption underline block cursor-pointer'\n            >\n              Q&amp;A\n            </deep-link>\n          \n        \n        \n          \n            <!-- ##entry##yotpo-ai-summary-trigger##endentry## -->\n<yotpo-ai-summary-trigger\n  role='button'\n  tabindex='0'\n  class='\n    hidden data-[loaded]:flex gap-2xs items-center\n    border-l border-t-border first:border-l-0\n    pl-xs first:pl-0\n    cursor-pointer\n  '\n>\n<svg-icon\n  src='icon-ai'\n  class='text-t-brand-primary'\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n  <span class='caption underline'>AI Summary</span>\n</yotpo-ai-summary-trigger>\n\n          \n        \n      </div></div>\n\n  <div class='grid grid-cols-1 place-content-start gap-y-sm'><div sub-section-id='price'><div class='inline-flex items-center gap-xs flex-wrap'><!-- ##entry##core-automatic-price##endentry## -->\n<automatic-price\n                cloak\n                hide-while-loading\n                class='h5'\n                variant-id=''\n                current-price=''\n                id='price-template--27412568146198__main'\n                role='status'\n                \n              >\n                \n\n\n              </automatic-price><!-- ##entry##core-cart-derived-discount-badge##endentry## -->\n<cart-derived-discount-badge\n                cloak\n                pdp\n                class='flex max-w-full items-center caption leading-none whitespace-nowrap transition-opacity duration-300 ease-in-out opacity-0 invisible'\n                variant-id=''\n              ></cart-derived-discount-badge></div><div class='caption'><a href=\"/policies/shipping-policy\">Shipping</a> calculated at checkout.\n</div></div>\n<!-- ##entry##core-automatic-price##endentry## -->\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</div>\n\n  <div class='grid grid-cols-1 place-content-start  gap-y-md'>\n<div class=' pt-2xs md:pt-xs empty:hidden'></div>\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'\n          disabled\n        >\n          Sold out\n        </button>\n      </div>\n    </div>\n  </div><style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n      \n      <div\n        sub-section-id='Inventory-template--27412568146198__main-inventory_LUWGzP'\n        \n        class='hidden has-[p:not(:empty)]:block has-[bis-form]:block'\n      >\n        <p\n          class='inline-flex items-center justify-start gap-x-2xs caption empty:hidden  sr-only'\n          role='status'\n          data-threshold='0'\n          data-qty=''\n          id='Inventory-template--27412568146198__main'\n        ></p>\n        \n      </div></div><div class='flex flex-col'><!-- ##entry##constructor-asa##endentry## -->\n\n          <h6 class='text-t-foreground mb-sm md:mb-xs text-body-small-bold'>\n            ✨ The Flaming Candle AI Shopping Assistant\n          </h6>\n        \n\n        <constructor-asa\n          class='block w-full group/constructor-asa'\n          selector='#pia-container'\n          \n            api-key='key_ZJWcKsdxAfs35pNs'\n            item-id=''\n          \n        >\n          <div\n            id='pia-container'\n            class='w-full peer hidden has-[.cio-pia-suggested-question]:block has-[.cio-pia-error-block-container]:block'\n          ></div>\n\n          \n          <div\n            data-slot='constructor-asa-skeleton'\n            class='w-full peer-has-[.cio-pia-suggested-question]:hidden peer-has-[.cio-pia-error-block-container]:hidden'\n          >\n            <div class='cio-pia-container' data-testid='cio-pia-container'>\n              <div class='cio-pia-input-container'>\n                <input placeholder='Ask anything' class='cio-pia-input' type='text'>\n                <button type='button' class='cio-pia-send-button'></button>\n              </div>\n              <div class='cio-pia-loading-skeleton' data-testid='loading-skeleton'>\n                <div class='skeleton-bar'></div>\n                <div class='skeleton-bar'></div>\n                <div class='skeleton-bar skeleton-short'></div>\n              </div>\n            </div>\n          </div>\n        </constructor-asa>\n      </div></section>\n\n</main-product>\n\n\n</section>"}