{"template--20848761667806__main":"<section id=\"shopify-section-template--20848761667806__main\" class=\"shopify-section h-full section-main-product\"><!-- ##entry##core-main-product,core-hydrate-sections-cache##endentry## -->\n<!-- ##entry##core-track-recently-viewed##endentry## -->\n<track-recently-viewed product-handle='melt-and-pour-soap-kit'></track-recently-viewed>\n\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 xl:grid-cols-[708px,auto] lg:gap-x-xl'\n    update-url='true'\n  \n  product-url='/products/melt-and-pour-soap-kit'\n  section-id='template--20848761667806__main'\n  id='template--20848761667806__main'\n>\n\n<div\n    id='MobileProductInfoTop-template--20848761667806__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 class='truncate' href='/'>Home</a>\n    </li>\n      <li class='flex text-t-foreground truncate'>\n        <a class='pointer-events-none truncate' href='/products/melt-and-pour-soap-kit' aria-current='page'>Melt and Pour Soap Kit</a>\n      </li>\n    \n  </ol>\n</nav>\n</div><div class='grid grid-cols-1 place-content-start'><h2\n          class='h4 mt-2xs text-t-foreground-secondary'\n          aria-hidden='true'\n          \n        >\n          Melt and Pour Soap Kit\n        </h2><div class='flex items-center gap-xs mt-xs'>\n          \n<deep-link href='#yotpo-reviews-main-widget' class='flex items-center gap-2xs pr-xs border-r border-t-border cursor-pointer'>\n      \n\n<div class='flex items-center' style='gap: 1px;'>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-half'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n</div>\n\n      <span class='text-caption underline text-t-foreground'>3</span>\n    </deep-link>\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-foreground-secondary'\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--20848761667806__main'\n  role='region'\n  sub-section-id='MediaGallery-template--20848761667806__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 class='truncate' href='/'>Home</a>\n    </li>\n      <li class='flex text-t-foreground truncate'>\n        <a class='pointer-events-none truncate' href='/products/melt-and-pour-soap-kit' aria-current='page'>Melt and Pour Soap Kit</a>\n      </li>\n    \n  </ol>\n</nav>\n</div>\n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--20848761667806__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'\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--20848761667806__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            zoom='true'\n            id='MediaGallery-template--20848761667806__main-main-swiper-zoom'\n            slides-per-view=\"1\"\n            space-between='5'\n            breakpoints='{\"768\": { \"slidesPerView\": 1, \"spaceBetween\": 0 } }'\n            navigation-next-el='#MediaGallery-template--20848761667806__main-main-swiper-zoom .swiper-button-next'\n            navigation-prev-el='#MediaGallery-template--20848761667806__main-main-swiper-zoom .swiper-button-prev'\n          >\n            \n              <swiper-slide class='size-full flex overflow-clip justify-center items-center relative'>\n                <div class='aspect-square max-md:w-full md:h-full relative overflow-clip'>\n                  <div class='swiper-zoom-container absolute inset-0 size-full'>\n\n<img src=\"//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=600\" alt=\"Melt and Pour Soap Kit\" height=\"386.0\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"auto\"></div>\n                </div>\n\n                \n              </swiper-slide>\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--20848761667806__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--20848761667806__main-main-swiper'\n          center-insufficient-slides='true'\n        >\n          \n            <swiper-slide class='w-auto h-full relative cursor-pointer block bg-p-lightest aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition rounded-sm overflow-hidden'>\n\n<img src=\"//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=90\" alt=\"Melt and Pour Soap Kit\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=80 80w, //www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=90 90w\" height=\"386.0\" loading=\"eager\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"auto\"></swiper-slide>\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--20848761667806__main-thumbs-swiper'\n        >\n          \n            <swiper-slide class='w-full h-auto relative block cursor-pointer bg-p-lightest mb-1.5 aspect-square border border-solid border-t-border [&.swiper-slide-thumb-active]:border-t-foreground duration-300 transition rounded-sm overflow-hidden'>\n\n<img src=\"//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=90\" alt=\"Melt and Pour Soap Kit\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=80 80w\" height=\"386.0\" loading=\"eager\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"auto\"></swiper-slide>\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--20848761667806__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--20848761667806__main-thumbs-swiper'\n        controller-control='#MediaGallery-template--20848761667806__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--20848761667806__main-main-swiper .swiper-pagination'\n          breakpoints='{\"768\": { \"spaceBetween\": 5 } }'\n        \n      >\n        \n          \n          \n\n          <swiper-slide class='aspect-square shrink-0 relative block bg-p-lightest [&.swiper-slide-active>.overlay-item]:!opacity-100 w-full  rounded-md overflow-hidden '>\n\n<img src=\"//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=600\" alt=\"Melt and Pour Soap Kit\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=300 300w, //www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&amp;width=600 600w\" height=\"386.0\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"high\">\n<dialog-toggle modal-id='MediaGallery-template--20848761667806__main-zoom-gallery' class='cursor-pointer absolute inset-0 z-[5]'><div class=\"size-full\"></div>\n</dialog-toggle>\n<dialog-toggle modal-id='MediaGallery-template--20848761667806__main-zoom-gallery' class='overlay-item opacity-0 transition-all absolute bottom-xs right-xs z-10'><button class=\"bg-p-lightest size-[30px] md:size-lg rounded-full flex items-center justify-center cursor-pointer text-t-accent-01\">\n<svg-icon\n  src='icon-zoom'\n  class=''\n\n  \n    style='--icon-size: 17px;'\n  \n\n  \n  \n></svg-icon>\n<span class=\"sr-only\">Zoom</span>\n  </button>\n</dialog-toggle>\n              <div class='badges overlay-item opacity-0 transition-all absolute left-xs top-xs z-10'>\n\n\n  <div class='flex flex-wrap gap-2 '>\n    \n\n\n</div>\n\n</div>\n            <button\n              aria-label='Add to Wishlist'\n              class='\n                overlay-item\n                group/wishlist swym-button swym-add-to-wishlist-view-product product_9032926265566\n                !absolute !top-xs !right-xs !z-10 !rounded-full !flex !items-center !justify-center transition-all !opacity-0  after:!hidden\n                !bg-p-lightest !text-t-foreground [&.swym-added]:!text-t-accent-01\n                 !size-6 md:!size-10 \n              '\n              data-cnstrc-btn='add_to_wishlist'\n              data-with-epi='true'\n              data-swaction='addToWishlist'\n              data-product-id='9032926265566'\n              data-variant-id='47898605977822'\n              data-product-url='https://www.naturesgardencrafts.com/products/melt-and-pour-soap-kit'\n            >\n                \n<svg-icon\n  src='icon-heart-outline'\n  class='transition-opacity group-hover/wishlist:opacity-0 mt-[0.063rem] max-md:w-4'\n\n  \n    style='--icon-size: 22px;'\n  \n\n  \n  \n></svg-icon>\n\n                \n<svg-icon\n  src='icon-heart-outline-hover'\n  class='absolute opacity-0 transition-opacity group-hover/wishlist:opacity-100 mt-[0.063rem] max-md:w-4'\n\n  \n    style='--icon-size: 22px;'\n  \n\n  \n  \n></svg-icon>\n\n                \n<svg-icon\n  src='icon-heart-fill'\n  class='absolute opacity-0 transition-opacity group-[.swym-added]/wishlist:opacity-100 group-hover/wishlist:opacity-0 mt-[0.063rem] max-md:w-4'\n\n  \n    style='--icon-size: 22px;'\n  \n\n  \n  \n></svg-icon>\n\n              \n            </button>\n          </swiper-slide>\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--20848761667806__main'\n  class='flex flex-col gap-y-lg md:gap-y-sm pt-md pb-lg md:py-0   '\n  data-cnstrc-product-detail\n>\n  <div sub-section-id='pdp-analytics' class='hidden'>\n    <div\n      data-cnstrc-item-id='9032926265566'\n      data-cnstrc-item-name='Melt and Pour Soap Kit'\n      data-cnstrc-item-price='33.45'\n      data-cnstrc-item-variation-id='47898605977822'\n    ></div>\n  </div>\n\n  <div class='hidden md:grid place-content-start'><h1\n        class='text-t-foreground-secondary  mt-sm h4 '\n        \n      >\n        Melt and Pour Soap Kit\n      </h1><div class='flex items-center gap-xs mt-xs'>\n        \n<deep-link href='#yotpo-reviews-main-widget' class='flex items-center gap-2xs pr-xs border-r border-t-border cursor-pointer'>\n        \n\n<div class='flex items-center' style='gap: 1px;'>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-half'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n</div>\n\n        <span class='text-caption underline text-t-foreground'>3</span>\n      </deep-link>\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-foreground-secondary'\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'><!-- ##entry##core-automatic-price##endentry## -->\n<automatic-price\n              cloak\n              hide-while-loading\n              class='h5'\n              variant-id='47898605977822'\n              current-price='3345'\n              id='price-template--20848761667806__main'\n              role='status'\n              \n            >\n              \n<div\n    class='\n      inline-flex gap-x-xs justify-start items-center group/price text-utility-regular price--sold-out'\n    \n  ><div class='inline-flex gap-[5px] flex-wrap'><div class='group-[.on-sale]/price:hidden'><span class='sr-only'>Regular price</span>\n            <span class='h5  text-t-foreground-secondary '>\n              $33.45\n            </span></div>\n\n        <div class='hidden group-[.on-sale]/price:flex items-center gap-xs'>\n          <span class='sr-only'>Sale price</span>\n          <span class='h5 text-t-sale'>\n            $33.45\n          </span>\n            <span class='sr-only'>Regular price</span>\n            <span class='h6 line-through text-t-disabled font-medium'>\n              \n                $33.45\n              \n            </span>\n            <span class='h6 text-t-accent-01 font-medium'>0% Off\n            </span></div>\n      </div></div>\n\n\n            </automatic-price></div><div id=\"shopify-block-AaXVQR08rV2Zhd1JqN__yotpo_loyalty_rewards_product_points_module_app_block_RpYXhB\" class=\"shopify-block shopify-app-block\"><div\n  class=\"yotpo-widget-instance\"\n  data-yotpo-instance-id=\"1242916\"\n  data-yotpo-product-id=\"9032926265566\"\n  data-yotpo-variant-id=\"47898605977822\"\n  data-yotpo-product-variants=\"%5B%7B%22id%22%3A47898605977822%2C%22title%22%3A%221+kit%22%2C%22option1%22%3A%221+kit%22%2C%22option2%22%3Anull%2C%22option3%22%3Anull%2C%22sku%22%3A%221122681%22%2C%22requires_shipping%22%3Atrue%2C%22taxable%22%3Atrue%2C%22featured_image%22%3A%7B%22id%22%3A45479295647966%2C%22product_id%22%3A9032926265566%2C%22position%22%3A1%2C%22created_at%22%3A%222025-10-15T17%3A01%3A04-04%3A00%22%2C%22updated_at%22%3A%222026-04-15T18%3A06%3A37-04%3A00%22%2C%22alt%22%3Anull%2C%22width%22%3A386%2C%22height%22%3A386%2C%22src%22%3A%22%5C%2F%5C%2Fwww.naturesgardencrafts.com%5C%2Fcdn%5C%2Fshop%5C%2Ffiles%5C%2FMP-Soap-Kit-Goats-Milk__57424.jpg%3Fv%3D1776290797%22%2C%22variant_ids%22%3A%5B47898605977822%5D%7D%2C%22available%22%3Afalse%2C%22name%22%3A%22Melt+and+Pour+Soap+Kit+-+1+kit%22%2C%22public_title%22%3A%221+kit%22%2C%22options%22%3A%5B%221+kit%22%5D%2C%22price%22%3A3345%2C%22weight%22%3A1361%2C%22compare_at_price%22%3A3345%2C%22inventory_management%22%3A%22shopify%22%2C%22barcode%22%3A%22%22%2C%22featured_media%22%3A%7B%22alt%22%3Anull%2C%22id%22%3A36954014744798%2C%22position%22%3A1%2C%22preview_image%22%3A%7B%22aspect_ratio%22%3A1.0%2C%22height%22%3A386%2C%22width%22%3A386%2C%22src%22%3A%22%5C%2F%5C%2Fwww.naturesgardencrafts.com%5C%2Fcdn%5C%2Fshop%5C%2Ffiles%5C%2FMP-Soap-Kit-Goats-Milk__57424.jpg%3Fv%3D1776290797%22%7D%7D%2C%22requires_selling_plan%22%3Afalse%2C%22unit_price%22%3A3345%2C%22unit_price_measurement%22%3A%7B%22measured_type%22%3A%22count%22%2C%22quantity_value%22%3A%221.0%22%2C%22quantity_unit%22%3A%22item%22%2C%22reference_value%22%3A1%2C%22reference_unit%22%3A%22item%22%7D%2C%22selling_plan_allocations%22%3A%5B%5D%2C%22quantity_rule%22%3A%7B%22min%22%3A1%2C%22max%22%3Anull%2C%22increment%22%3A1%7D%7D%5D\"\n  data-yotpo-product-collections=\"%5B%7B%22id%22%3A458491429086%2C%22handle%22%3A%22beginner-kits%22%2C%22title%22%3A%22Beginner+Kits%22%2C%22updated_at%22%3A%222026-04-17T07%3A39%3A56-04%3A00%22%2C%22body_html%22%3A%22%22%2C%22published_at%22%3A%222025-10-29T16%3A18%3A44-04%3A00%22%2C%22sort_order%22%3A%22best-selling%22%2C%22template_suffix%22%3A%22%22%2C%22disjunctive%22%3Afalse%2C%22rules%22%3A%5B%7B%22column%22%3A%22product_metafield_definition%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Beginner%22%7D%2C%7B%22column%22%3A%22type%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Kits%22%7D%5D%2C%22published_scope%22%3A%22global%22%7D%2C%7B%22id%22%3A451425468638%2C%22handle%22%3A%22kits%22%2C%22title%22%3A%22Kits%22%2C%22updated_at%22%3A%222026-04-17T07%3A39%3A56-04%3A00%22%2C%22body_html%22%3A%22%5Cu003cp%5Cu003e%5Cu003cmeta+charset%3D%5C%22utf-8%5C%22%5Cu003e%5Cu003cmeta+charset%3D%5C%22utf-8%5C%22%5Cu003eReady%2C+set%2C+make%21+With+pre-measured+ingredients%2C+easy-to-follow+instructions%2C+and+everything+you+need+in+one+box%2C+it%E2%80%99s+never+been+easier+to+whip+up+soaps%2C+candles%2C+personal+care%2C+or+home+care+creations+that+feel+like+little+victories+every+time.%5Cu003cbr%5Cu003e%5Cu003c%5C%2Fp%5Cu003e%22%2C%22published_at%22%3A%222025-08-11T16%3A58%3A17-04%3A00%22%2C%22sort_order%22%3A%22manual%22%2C%22template_suffix%22%3A%22kits%22%2C%22disjunctive%22%3Atrue%2C%22rules%22%3A%5B%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22soap+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22candle+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22wax+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22perfume+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22body+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22massage+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22milk+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22lotion+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22room+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22freshener+kit%22%7D%2C%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22pet+kit%22%7D%2C%7B%22column%22%3A%22type%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Kits%22%7D%5D%2C%22published_scope%22%3A%22global%22%2C%22image%22%3A%7B%22created_at%22%3A%222025-09-02T18%3A54%3A20-04%3A00%22%2C%22alt%22%3A%22DIY+bath+and+body+supplies+on+orange+background%2C+including+Nature%E2%80%99s+Garden+fragrance+oil+bottles%2C+whipped+pink+body+butter%2C+lotion+in+pump+bottles%2C+powdered+ingredients%2C+solid+butter+pieces%2C+and+a+tin+of+balm.%22%2C%22width%22%3A2500%2C%22height%22%3A1250%2C%22src%22%3A%22%5C%2F%5C%2Fwww.naturesgardencrafts.com%5C%2Fcdn%5C%2Fshop%5C%2Fcollections%5C%2FNG-L1_Kits_1f9658ec-a4c1-452a-b275-217f05c1f61a.jpg%3Fv%3D1756853660%22%7D%7D%2C%7B%22id%22%3A451104800990%2C%22handle%22%3A%22soap-making%22%2C%22title%22%3A%22Soap+Making%22%2C%22updated_at%22%3A%222026-04-17T10%3A35%3A03-04%3A00%22%2C%22body_html%22%3A%22%5Cu003cp%5Cu003e%5Cu003cmeta+charset%3D%5C%22utf-8%5C%22%5Cu003e%5Cu003cmeta+charset%3D%5C%22utf-8%5C%22%5Cu003eThe+art+of+soap+starts+here.+We%E2%80%99ve+built+one+of+the+largest+assortments+of+natural+and+organic+soap+making+supplies+so+you+can+dive+into+melt+and+pour+and+cold+process+projects+with+confidence%2C+creativity%2C+and+a+little+joy+in+every+batch.%C2%A0%5Cu003cbr%5Cu003e%5Cu003c%5C%2Fp%5Cu003e%22%2C%22published_at%22%3A%222025-08-08T08%3A49%3A01-04%3A00%22%2C%22sort_order%22%3A%22manual%22%2C%22template_suffix%22%3A%22soap-making%22%2C%22disjunctive%22%3Atrue%2C%22rules%22%3A%5B%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Soap+Bases%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Soap+Ingredients%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Soap+Scents%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Soap+Making+Supplies%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Soap+Additives%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Soap+Making+Kits%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Essential+Oils%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Natural+Fragrance+Oils%22%7D%2C%7B%22column%22%3A%22tag%22%2C%22relation%22%3A%22equals%22%2C%22condition%22%3A%22Best+Selling+Soap+Scents%22%7D%5D%2C%22published_scope%22%3A%22global%22%2C%22image%22%3A%7B%22created_at%22%3A%222025-09-02T19%3A17%3A40-04%3A00%22%2C%22alt%22%3A%22Soap+making+supplies+on+orange+background%2C+featuring+Nature%E2%80%99s+Garden+fragrance+oils%2C+colorful+soap+bars+in+red%2C+green%2C+blue+swirl%2C+and+gray%2C+clear+melt+and+pour+soap+blocks%2C+solid+butter+chunks%2C+and+powdered+ingredients.%22%2C%22width%22%3A2500%2C%22height%22%3A1250%2C%22src%22%3A%22%5C%2F%5C%2Fwww.naturesgardencrafts.com%5C%2Fcdn%5C%2Fshop%5C%2Fcollections%5C%2FNG-L1-Soap_Making.jpg%3Fv%3D1756935164%22%7D%7D%2C%7B%22id%22%3A451425796318%2C%22handle%22%3A%22soap-making-kits%22%2C%22title%22%3A%22Soap+Making+Kits%22%2C%22updated_at%22%3A%222026-04-12T07%3A35%3A44-04%3A00%22%2C%22body_html%22%3A%22%5Cu003cp%5Cu003e%5Cu003cmeta+charset%3D%5C%22utf-8%5C%22%5Cu003eSkip+the+guesswork%2C+keep+the+bubbles.+Each+soap+making+kit+has+pre-measured+ingredients%2C+step-by-step+instructions%2C+and+all+the+essentials+for+soaps+that+look%2C+smell%2C+and+feel+amazing%5Cu003c%5C%2Fp%5Cu003e%22%2C%22published_at%22%3A%222025-08-11T17%3A02%3A10-04%3A00%22%2C%22sort_order%22%3A%22best-selling%22%2C%22template_suffix%22%3A%22soap-kits%22%2C%22disjunctive%22%3Afalse%2C%22rules%22%3A%5B%7B%22column%22%3A%22title%22%2C%22relation%22%3A%22contains%22%2C%22condition%22%3A%22soap+kit%22%7D%5D%2C%22published_scope%22%3A%22global%22%2C%22image%22%3A%7B%22created_at%22%3A%222025-11-06T08%3A23%3A55-05%3A00%22%2C%22alt%22%3Anull%2C%22width%22%3A386%2C%22height%22%3A386%2C%22src%22%3A%22%5C%2F%5C%2Fwww.naturesgardencrafts.com%5C%2Fcdn%5C%2Fshop%5C%2Fcollections%5C%2FTropical_CP_Soap__79613.png%3Fv%3D1762435435%22%7D%7D%5D\"\n  data-yotpo-product-tags=\"%5B%22ABC%3AC%22%2C%22Soap+Making+Kits%22%5D\" \n  data-yotpo-product-type=\"%22Kits%22\"></div>\n\n</div><div\n        class='text-body-small text-t-foreground max-md:hidden [&_p]:text-body-small [&_span]:text-body-small [&_toggle-button]:underline'\n        \n      ><div class='group/truncate-text'>\n            <div class='break-words contents group-has-[toggle-button[data-toggled=\"true\"]]/truncate-text:hidden [&_*]:contents'>\n              Our melt and pour soap kit is a great choice for anyone that loves making their own melt and pour soaps. Each kit comes with 2 lbs of your choice of melt and pour soap in a single slab, so you can create high-quality ...\n            </div>\n            <div class='break-words contents group-has-[toggle-button[data-toggled=\"false\"]]/truncate-text:hidden [&_*]:contents'>\n              Our melt and pour soap kit is a great choice for anyone that loves making their own melt and pour soaps. Each kit comes with 2 lbs of your choice of melt and pour soap in a single slab, so you can create high-quality soaps to give away as gifts, or for your own existing product line. Complete instructions are included with our melt and pour soap kits, so they couldn't be easier to use and enjoy.\n            </div>\n            <toggle-button\n              role='button'\n              data-toggled='false'\n              class='group/toggle-button whitespace-nowrap'\n            >\n              <span class='group-data-[toggled=\"true\"]/toggle-button:hidden'>Read More</span>\n              <span class='group-data-[toggled=\"false\"]/toggle-button:hidden'>Read Less</span>\n            </toggle-button>\n          </div></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  >\n      \n<fieldset>\n          <legend class='flex items-center text-t-foreground mb-sm md:mb-xs  text-body-small-bold '>\n            Amount:\n            <span\n              class='text-t-foreground ml-2xs  text-body-small '\n              data-selected-value\n            >1 kit\n            </span>\n\n            \n<div class='size-1 mx-2xs bg-t-disabled rounded-full'></div>\n                <span class='text-t-foreground text-body-small'>($33.45 each)</span></legend>\n          <div class='grid gap-2xs grid-cols-2  xl:grid-cols-3 '>\n            \n\n\n<div class='group/pill-input'>\n  <input\n    type='radio'\n    id='variant_picker-1-0'\n    name='Amount-1'\n    value='1 kit'\n    form='product-form-template--20848761667806__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"3996483322078\"\n    data-variant-id=\"47898605977822\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-0'\n    class='relative overflow-hidden w-full h-full flex flex-col items-center justify-between p-xs gap-xs rounded-sm outline-1 outline outline-t-border peer-checked:outline-t-foreground cursor-pointer transition-all duration-300 ease-in-out focus:outline focus:outline-t-accent-01 peer-checked:bg-t-background-secondary peer-checked:outline-t-foreground-secondary'\n    tabindex='0'\n    data-keyboard-activatable='variant_picker-1-0'\n  >\n    <div class='flex items-center justify-between w-full'>\n      <span class='text-utility-bold text-t-disabled '>\n        1 kit<span class=\"sr-only\">Variant sold out or unavailable</span>\n</span></div>\n    <div class='w-full'>\n      \n        <div class=\"flex items-center gap-2xs\">\n          <div class=\"flex items-center gap-2xs\"><span class=\"caption leading-[14px] text-t-foreground\">\n                $33.45\n              </span>\n              \n             \n          </div>\n          \n<span class=\"text-tiny text-t-foreground-secondary\">($33.45 each)</span></div>\n      \n\n    </div>\n    \n      <span class='absolute left-0 top-0 w-full h-full pointer-events-none'>\n        <span\n          class='bg-t-border block w-[140%] h-[1px] absolute top-1/2 left-[-20%] -translate-y-1/2 -rotate-20 rotate-[-20deg] transition duration-300 ease-in-out  group-has-[input:checked]/pill-input:bg-t-foreground-secondary '\n        ></span>\n      </span>\n    \n  </label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/melt-and-pour-soap-kit?variant=47898605977822&sections=template--20848761667806__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n          </div>\n\n          \n</fieldset><script type='application/json' data-selected-variant>\n      {\"id\":47898605977822,\"title\":\"1 kit\",\"option1\":\"1 kit\",\"option2\":null,\"option3\":null,\"sku\":\"1122681\",\"requires_shipping\":true,\"taxable\":true,\"featured_image\":{\"id\":45479295647966,\"product_id\":9032926265566,\"position\":1,\"created_at\":\"2025-10-15T17:01:04-04:00\",\"updated_at\":\"2026-04-15T18:06:37-04:00\",\"alt\":null,\"width\":386,\"height\":386,\"src\":\"\\/\\/www.naturesgardencrafts.com\\/cdn\\/shop\\/files\\/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797\",\"variant_ids\":[47898605977822]},\"available\":false,\"name\":\"Melt and Pour Soap Kit - 1 kit\",\"public_title\":\"1 kit\",\"options\":[\"1 kit\"],\"price\":3345,\"weight\":1361,\"compare_at_price\":3345,\"inventory_management\":\"shopify\",\"barcode\":\"\",\"featured_media\":{\"alt\":null,\"id\":36954014744798,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":386,\"width\":386,\"src\":\"\\/\\/www.naturesgardencrafts.com\\/cdn\\/shop\\/files\\/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797\"}},\"requires_selling_plan\":false,\"unit_price\":3345,\"unit_price_measurement\":{\"measured_type\":\"count\",\"quantity_value\":\"1.0\",\"quantity_unit\":\"item\",\"reference_value\":1,\"reference_unit\":\"item\"},\"selling_plan_allocations\":[],\"quantity_rule\":{\"min\":1,\"max\":null,\"increment\":1}}\n    </script>\n  </variant-picker>\n</div>\n\n  <div class='grid grid-cols-1 place-content-start  gap-y-md'>\n\n<div\n    \n    id='buy-buttons'\n    sub-section-id='buy_buttons'\n    class='group/buy-buttons  hidden '\n  >\n    <product-form class='group/product-form'>\n      <div class='product-form__error-message-wrapper' role='alert' hidden>\n<svg-icon\n  src='icon-error'\n  class=''\n\n  \n\n  \n  \n></svg-icon>\n<span class='product-form__error-message'></span>\n      </div><form method=\"post\" action=\"/cart/add\" id=\"product-form-template--20848761667806__main\" accept-charset=\"UTF-8\" class=\"group-[.loading]/product-form:pointer-events-none\" enctype=\"multipart/form-data\" novalidate=\"novalidate\" data-type=\"add-to-cart-form\"><input type=\"hidden\" name=\"form_type\" value=\"product\" /><input type=\"hidden\" name=\"utf8\" value=\"✓\" />\n        \n<input\n          type='hidden'\n          name='id'\n          class='hidden'\n          value='47898605977822'\n          \n            disabled\n          \n        ><div\n          class='grid grid-cols-1 gap-y-xs'\n          sub-section-id='buy_buttons'\n        >\n\n\n\n          <div class='flex items-center gap-2xs'><div\n  id='Quantity-Form-template--20848761667806__main'\n  class='grid grid-cols-1 gap-y-xs'\n  sub-section-id='buy_buttons'\n  data-quantity-pack-sync\n  \n>\n\n  <div class='grid grid-cols-1 gap-y-2xs'><quantity-input\n  class='flex items-center  fluid-w-[85|85] h-11  fluid-pt-[6|6] fluid-pb-[6|6] fluid-pl-[11|11] fluid-pr-[11|11] border border-t-border rounded-full '\n  variant-id='47898605977822'\n  cart-quantity='0'\n  min='1'\n  value='1'\n\n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-center group disabled:pointer-events-none ml-1'\n    name='minus'\n    type='button'\n    id='product-form-template--20848761667806__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Melt and Pour Soap Kit</span>\n<svg-icon\n  src='icon-minus'\n  class='fluid-w-[10|10] fluid-h-[10|10] text-t-foreground group-disabled:text-t-disabled'\n\n  \n\n  \n  \n></svg-icon>\n</button>\n\n  <input\n    class='text-center remove-arrow caption w-3 flex-grow'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    \n    min='0'\n    \n    step='1'\n    \n    aria-label='Quantity for Melt and Pour Soap Kit'\n    id='product-form-template--20848761667806__main-quantity'\n\n    \n      form='product-form-template--20848761667806__main'\n    \n  >\n\n  <button\n    class='inline-flex items-center justify-center group disabled:pointer-events-none mr-1'\n    name='plus'\n    type='button'\n    id='product-form-template--20848761667806__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Melt and Pour Soap Kit</span>\n<svg-icon\n  src='icon-plus'\n  class='fluid-w-[10|10] fluid-h-[10|10] text-t-foreground group-disabled:text-t-disabled'\n\n  \n\n  \n  \n></svg-icon>\n</button>\n</quantity-input>\n</div>\n\n  <div class='quantity__rules caption empty:hidden' id='Quantity-Rules-template--20848761667806__main'></div>\n  \n</div>\n<button\n              id='ProductSubmitButton-template--20848761667806__main'\n              type='submit'\n              name='add'\n              variant='primary'\n              class='btn flex-grow text-utility-bold font-medium'\n              data-cnstrc-btn='add_to_cart'\n              \n                disabled\n              \n            >\n              \nSold out\n\n            </button>\n          </div>\n            <div class='w-full py-2xs px-xs caption flex justify-center [&_shopify-payment-terms]:text-center [&_shopify-payment-terms]:min-h-[1.125rem] bg-t-background-secondary rounded-sm'>\n              <shopify-payment-terms variant-id=\"47898605977822\" shopify-meta=\"{&quot;type&quot;:&quot;product&quot;,&quot;currency_code&quot;:&quot;USD&quot;,&quot;country_code&quot;:&quot;US&quot;,&quot;variants&quot;:[{&quot;id&quot;:47898605977822,&quot;price_per_term&quot;:&quot;$16.72&quot;,&quot;full_price&quot;:&quot;$33.45&quot;,&quot;eligible&quot;:false,&quot;available&quot;:false,&quot;number_of_payment_terms&quot;:2}],&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;financing_plans&quot;:[{&quot;min_price&quot;:&quot;$35.00&quot;,&quot;max_price&quot;:&quot;$49.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:2}]},{&quot;min_price&quot;:&quot;$50.00&quot;,&quot;max_price&quot;:&quot;$149.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4}]},{&quot;min_price&quot;:&quot;$150.00&quot;,&quot;max_price&quot;:&quot;$999.99&quot;,&quot;terms&quot;:[{&quot;apr&quot;:0,&quot;loan_type&quot;:&quot;split_pay&quot;,&quot;installments_count&quot;:4},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]},{&quot;min_price&quot;:&quot;$1,000.00&quot;,&quot;max_price&quot;:&quot;$30,000.00&quot;,&quot;terms&quot;:[{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:3},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:6},{&quot;apr&quot;:15,&quot;loan_type&quot;:&quot;interest&quot;,&quot;installments_count&quot;:12}]}],&quot;installments_buyer_prequalification_enabled&quot;:false,&quot;seller_id&quot;:4994039,&quot;hide_prequal_banner_ux&quot;:false}\"></shopify-payment-terms>\n            </div></div>\n\n        \n          \n          <div\n            class='fixed flex md:justify-between px-pagemargin py-xs md:px-sm z-50 bottom-0 left-0 right-0 w-full bg-t-background border-t border-t-border translate-y-full group-[.sticky-atc]/buy-buttons:translate-y-0 transition-[transform] duration-500 ease-out'\n            data-sticky-atc\n          >\n            <div class='hidden items-center gap-xs md:flex'><div class='fluid-w-[45|45] flex-shrink-0'>\n                  <img\n                    src='//www.naturesgardencrafts.com/cdn/shop/files/MP-Soap-Kit-Goats-Milk__57424.jpg?v=1776290797&width=120'\n                    alt='Melt and Pour Soap Kit'\n                    class='w-full h-full object-cover'\n                    width='45'\n                    height='45'\n                    loading='lazy'\n                  >\n                </div><div class='flex flex-col gap-2xs'>\n                <h6 class='h6 text-t-foreground font-medium'>\n                  Melt and Pour Soap Kit\n                </h6><deep-link href='#yotpo-reviews-main-widget' class='flex items-center gap-2xs pr-xs  border-t-border cursor-pointer'>\n        \n\n<div class='flex items-center' style='gap: 1px;'>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-full'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n    <div class='flex items-center justify-center' style='width: 14px; height: 14px;'>\n      \n        \n<svg-icon\n  src='icon-star-half'\n  class=''\n\n  \n    style='--icon-size: 14px;'\n  \n\n  \n  \n></svg-icon>\n\n      \n    </div>\n  \n</div>\n\n        <span class='text-caption underline text-t-foreground'>3</span>\n      </deep-link></div>\n            </div>\n\n            <div class='flex items-center gap-2xs w-full md:fluid-w-[300|300]'><div\n  id='Quantity-Form-template--20848761667806__main'\n  class='grid grid-cols-1 gap-y-xs'\n  sub-section-id='buy_buttons'\n  data-quantity-pack-sync\n  \n>\n\n  <div class='grid grid-cols-1 gap-y-2xs'><quantity-input\n  class='flex items-center  fluid-w-[85|85] h-11  fluid-pt-[6|6] fluid-pb-[6|6] fluid-pl-[11|11] fluid-pr-[11|11] border border-t-border rounded-full '\n  variant-id='47898605977822'\n  cart-quantity='0'\n  min='1'\n  value='1'\n\n  \n\n  \n>\n  <button\n    class='inline-flex items-center justify-center group disabled:pointer-events-none ml-1'\n    name='minus'\n    type='button'\n    id='product-form-template--20848761667806__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Melt and Pour Soap Kit</span>\n<svg-icon\n  src='icon-minus'\n  class='fluid-w-[10|10] fluid-h-[10|10] text-t-foreground group-disabled:text-t-disabled'\n\n  \n\n  \n  \n></svg-icon>\n</button>\n\n  <input\n    class='text-center remove-arrow caption w-3 flex-grow'\n    type='number'\n    name='quantity'\n    value='1'\n    inputmode='numeric'\n    \n    min='0'\n    \n    step='1'\n    \n    aria-label='Quantity for Melt and Pour Soap Kit'\n    id='product-form-template--20848761667806__main-quantity'\n\n    \n      form='product-form-template--20848761667806__main'\n    \n  >\n\n  <button\n    class='inline-flex items-center justify-center group disabled:pointer-events-none mr-1'\n    name='plus'\n    type='button'\n    id='product-form-template--20848761667806__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Melt and Pour Soap Kit</span>\n<svg-icon\n  src='icon-plus'\n  class='fluid-w-[10|10] fluid-h-[10|10] text-t-foreground group-disabled:text-t-disabled'\n\n  \n\n  \n  \n></svg-icon>\n</button>\n</quantity-input>\n</div>\n\n  <div class='quantity__rules caption empty:hidden' id='Quantity-Rules-template--20848761667806__main'></div>\n  \n</div>\n<button\n                id='ProductSubmitButton-sticky-template--20848761667806__main'\n                type='submit'\n                name='add'\n                variant='primary'\n                class='btn flex-grow text-utility-bold font-medium'\n                \n                  disabled\n                \n              >\n                \nSold out\n\n              </button>\n            </div>\n          </div>\n        \n<input type=\"hidden\" name=\"product-id\" value=\"9032926265566\" /><input type=\"hidden\" name=\"section-id\" value=\"template--20848761667806__main\" /></form></product-form>\n  </div><style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n\n      \n        <script src='https://a.klaviyo.com/media/js/onsite/onsite.js' async></script><!-- ##entry##bis-form##endentry## -->\n\n      <div\n        sub-section-id='Inventory-template--20848761667806__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 '\n          role='status'\n          data-threshold='0'\n          data-qty='0'\n          id='Inventory-template--20848761667806__main'\n        ></p>\n        \n          <bis-form\n  data-public-klaviyo-id='JMf5mq'\n  data-section-id='template--20848761667806__main-'\n  data-variant-id='47898605977822'\n>\n  <form action='' data-bis-form class='flex flex-col gap-xs group/form'>\n\n      <div class=\"[&>input]:border [&>input]:border-t-ui-line [&>input]:px-sm [&>input]:placeholder:text-t-foreground-secondary group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\"[&+.icon]:w-sm [&+.icon]:m-auto pl-7 lg:pl-7 body block w-full border appearance-none text-t-foreground disabled:text-t-border rounded-forms-radius px-sm-forms-padding lg:px-lg-forms-padding pt-sm-forms-padding lg:pt-lg-forms-padding h-sm-forms-inputheight lg:h-lg-forms-inputheight disabled:border-t-border focus:outline-none focus:ring-0 focus:border-t-foreground peer group-[[error]]:ring-u-error group-[[error]]:border-[transparent] group-[[error]]:ring-2 bg-t-background  border-t-foreground text-utility-regular pb-xs !h-11\"\n            placeholder=\" \"\n            type=\"email\"\n            id=\"bis-email-input\"\n            name=\"bis[email]\"\n            \n              value=\"\"\n            \n\n            \n\n            \n\n            \n\n            \n              required\n            \n\n            \n              autocomplete=\"email\"\n            \n\n            \n\n            \n\n            \n          /><div\n              class=\"icon absolute size-sm-forms-iconsize lg:size-lg-forms-iconsize inset-y-0 flex items-center pointer-events-none start-sm-forms-padding lg:start-sm-forms-padding text-t-foreground group-[[error]]:text-u-error h-sm-forms-inputheight lg:h-lg-forms-inputheigh\"\n            >\n<svg-icon\n  src='icon-email'\n  class='block'\n\n  \n\n  \n  \n></svg-icon>\n</div><label\n            for=\"bis-email-input\"\n            class=\"mt-[.5px] peer-focus:hidden hidden peer-placeholder-shown:block !text-t-foreground start-9 lg:start-9  absolute caption text-t-foreground-secondary duration-300 transform -translate-y-2.5 scale-75 top-3.5 z-10 origin-[0] peer-focus:text-t-foreground peer-disabled:text-t-border peer-placeholder-shown:scale-100 peer-placeholder-shown:translate-y-0 peer-focus:scale-75 peer-focus:-translate-y-2.5 rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto \"\n          >\n            Enter Email\n          </label>\n        </div></div>\n<button\n      type='submit'\n      class='\n        btn w-full !utility-bold\n        group-has-[input:valid]/form:bg-t-accent-01 group-has-[input:valid]/form:text-t-background\n        \n          group-has-[input:valid]/form:hover:text-t-accent-01\n        \n      '\n      variant='secondary'\n      data-bis-submit\n    >\n      Notify Me When In Stock\n    </button>\n  </form>\n  <span data-bis-success class='hidden utility' aria-live='polite'>You&#39;re in! We&#39;ll let you know when it&#39;s back.</span>\n  <span data-bis-error class='utility text-t-error' aria-live='polite'></span>\n</bis-form>\n\n        \n      </div><div\n          class='text-body-small text-t-foreground md:hidden [&_p]:text-body-small [&_span]:text-body-small [&_toggle-button]:underline'\n          \n        ><div class='group/truncate-text'>\n              <div class='break-words contents group-has-[toggle-button[data-toggled=\"true\"]]/truncate-text:hidden [&_*]:contents'>\n                Our melt and pour soap kit is a great choice for anyone that loves making their own melt and pour soaps. Each kit comes with 2 lbs of your choice o...\n              </div>\n              <div class='break-words contents group-has-[toggle-button[data-toggled=\"false\"]]/truncate-text:hidden [&_*]:contents'>\n                Our melt and pour soap kit is a great choice for anyone that loves making their own melt and pour soaps. Each kit comes with 2 lbs of your choice of melt and pour soap in a single slab, so you can create high-quality soaps to give away as gifts, or for your own existing product line. Complete instructions are included with our melt and pour soap kits, so they couldn't be easier to use and enjoy.\n              </div>\n              <toggle-button\n                role='button'\n                data-toggled='false'\n                class='group/toggle-button whitespace-nowrap'\n              >\n                <span class='group-data-[toggled=\"true\"]/toggle-button:hidden'>Read More</span>\n                <span class='group-data-[toggled=\"false\"]/toggle-button:hidden'>Read Less</span>\n              </toggle-button>\n            </div></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            ✨ Nature's Garden AI Shopping Assistant\n          </h6>\n        \n\n        <constructor-asa\n          class='block w-full group/constructor-asa'\n          selector='#asa-pdp-container'\n          \n            api-key='key_o3CsorNSsoDVdXVd'\n            item-id='9032926265566'\n          \n        >\n          <div\n            id='asa-pdp-container'\n            class='w-full peer hidden has-[.cio-asa-pdp-suggested-questions-container]:block has-[.cio-asa-pdp-error-block-container]:block'\n          ></div>\n\n          \n          <div\n            data-slot='constructor-asa-skeleton'\n            class='w-full peer-has-[.cio-asa-pdp-suggested-questions-container]:hidden peer-has-[.cio-asa-pdp-error-block-container]:hidden'\n          >\n            <div class='cio-asa-pdp-container' data-testid='cio-asa-pdp-container'>\n              <div class='cio-asa-pdp-input-container'>\n                <input placeholder='Ask anything' class='cio-asa-pdp-input' type='text'>\n                <button type='button' class='cio-asa-pdp-send-button'></button>\n              </div>\n              <div class='cio-asa-pdp-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><hr class='border-t border-t-border'>\n\n      <a\n        href='/collections/kits'\n        class='btn self-start'\n        variant='tertiary'\n      >\n        <span>View All Kits</span>\n        \n          \n<svg-icon\n  src='icon-arrow-btn'\n  class=''\n\n  \n    style='--icon-size: 6px;'\n  \n\n  \n  \n></svg-icon>\n\n        \n      </a></section>\n\n<span sub-section-id='template--20848761667806__main-product-pre-cache-links' class='hidden'>\n    <hydrate-sections-cache\n      base-url='/products/melt-and-pour-soap-kit?variant=47898605977822'\n      sections='template--20848761667806__main'\n    >\n    </hydrate-sections-cache>\n  </span></main-product>\n\n\n</section>"}