{"template--21175244030174__main":"<section id=\"shopify-section-template--21175244030174__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='natures-garden-gift-card'></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 xl:grid-cols-[708px,auto] lg:gap-x-xl'\n    update-url='true'\n  \n  product-url='/products/natures-garden-gift-card'\n  section-id='template--21175244030174__main'\n  id='template--21175244030174__main'\n>\n\n<div\n    id='MobileProductInfoTop-template--21175244030174__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      <li class='flex text-t-foreground truncate'>\n        <a\n          class='pointer-events-none truncate'\n          href='/products/natures-garden-gift-card'\n          aria-current='page'\n          title='Nature&#39;s Garden Virtual Gift Card'\n        >Nature's Garden Virtual Gift Card</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          Nature&#39;s Garden Virtual Gift Card\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-full'\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'>1</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--21175244030174__main'\n  role='region'\n  sub-section-id='MediaGallery-template--21175244030174__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      <li class='flex text-t-foreground truncate'>\n        <a\n          class='pointer-events-none truncate'\n          href='/products/natures-garden-gift-card'\n          aria-current='page'\n          title='Nature&#39;s Garden Virtual Gift Card'\n        >Nature's Garden Virtual Gift Card</a>\n      </li>\n    \n  </ol>\n</nav>\n</div>\n\n<modal-dialog\n    cloak\n    type='modal'\n    id='MediaGallery-template--21175244030174__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--21175244030174__main-thumbs-swiper-zoom'\n            auto-scroll-offset='true'\n            navigation='true'\n            zoom='true'\n            id='MediaGallery-template--21175244030174__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--21175244030174__main-main-swiper-zoom .swiper-button-next'\n            navigation-prev-el='#MediaGallery-template--21175244030174__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/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=600\" alt=\"Nature&#39;s Garden Crafts gift card with green text on a white background\" height=\"1024.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              <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/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=600\" alt=\"Text &#39;NATURE&#39;S GARDEN CRAFTS&#39; on a textured white background with green color.\" height=\"1024.0\" loading=\"lazy\" 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              <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/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=600\" alt=\"Nature&#39;s Garden Crafts gift card with green ribbon and logo on a textured white background\" height=\"1024.0\" loading=\"lazy\" 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--21175244030174__main-thumbs-swiper-zoom'\n          controller-control='#MediaGallery-template--21175244030174__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/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=90\" alt=\"Nature&#39;s Garden Crafts gift card with green text on a white background\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=80 80w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=90 90w\" height=\"1024.0\" loading=\"eager\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"auto\"></swiper-slide>\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/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=90\" alt=\"Text &#39;NATURE&#39;S GARDEN CRAFTS&#39; on a textured white background with green color.\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=80 80w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=90 90w\" height=\"1024.0\" loading=\"eager\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"auto\"></swiper-slide>\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/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=90\" alt=\"Nature&#39;s Garden Crafts gift card with green ribbon and logo on a textured white background\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=80 80w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=90 90w\" height=\"1024.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--21175244030174__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/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=90\" alt=\"Nature&#39;s Garden Crafts gift card with green text on a white background\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=80 80w\" height=\"1024.0\" loading=\"eager\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"auto\"></swiper-slide>\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/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=90\" alt=\"Text &#39;NATURE&#39;S GARDEN CRAFTS&#39; on a textured white background with green color.\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=80 80w\" height=\"1024.0\" loading=\"eager\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"auto\"></swiper-slide>\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/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=90\" alt=\"Nature&#39;s Garden Crafts gift card with green ribbon and logo on a textured white background\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=40 40w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=60 60w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=80 80w\" height=\"1024.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--21175244030174__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--21175244030174__main-thumbs-swiper'\n        controller-control='#MediaGallery-template--21175244030174__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--21175244030174__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-[89%] md:w-full max-md:mr-2xs max-md:last-of-type:mr-0  rounded-md overflow-hidden '>\n\n<img src=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=600\" alt=\"Nature&#39;s Garden Crafts gift card with green text on a white background\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=300 300w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-2.jpg?v=1761854231&amp;width=600 600w\" height=\"1024.0\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"high\">\n<dialog-toggle modal-id='MediaGallery-template--21175244030174__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--21175244030174__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_9045529329886\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='9045529329886'\n              data-variant-id='47644474441950'\n              data-product-url='https://www.naturesgardencrafts.com/products/natures-garden-gift-card'\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          \n          \n\n          <swiper-slide class='aspect-square shrink-0 relative block bg-p-lightest [&.swiper-slide-active>.overlay-item]:!opacity-100 w-[89%] md:w-full max-md:mr-2xs max-md:last-of-type:mr-0  rounded-md overflow-hidden '>\n\n<img src=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=600\" alt=\"Text &#39;NATURE&#39;S GARDEN CRAFTS&#39; on a textured white background with green color.\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=300 300w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-3.jpg?v=1761854231&amp;width=600 600w\" height=\"1024.0\" loading=\"lazy\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--21175244030174__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--21175244030174__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_9045529329886\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='9045529329886'\n              data-variant-id='47644474441950'\n              data-product-url='https://www.naturesgardencrafts.com/products/natures-garden-gift-card'\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          \n          \n\n          <swiper-slide class='aspect-square shrink-0 relative block bg-p-lightest [&.swiper-slide-active>.overlay-item]:!opacity-100 w-[89%] md:w-full max-md:mr-2xs max-md:last-of-type:mr-0  rounded-md overflow-hidden '>\n\n<img src=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=600\" alt=\"Nature&#39;s Garden Crafts gift card with green ribbon and logo on a textured white background\" srcset=\"//www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=300 300w, //www.naturesgardencrafts.com/cdn/shop/files/naturesgarden-giftcard-1.jpg?v=1761854231&amp;width=600 600w\" height=\"1024.0\" loading=\"lazy\" class=\"w-full block w-full h-full absolute inset-0 object-cover\" fetchpriority=\"high\"><div class='swiper-lazy-preloader'></div>\n<dialog-toggle modal-id='MediaGallery-template--21175244030174__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--21175244030174__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_9045529329886\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='9045529329886'\n              data-variant-id='47644474441950'\n              data-product-url='https://www.naturesgardencrafts.com/products/natures-garden-gift-card'\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<div\n              slot='container-end'\n              class='\n                swiper-pagination md:!hidden absolute bottom-xs left-xs z-10 flex w-auto justify-start gap-1 rounded-sm bg-p-lightest/50 px-2.5 py-2\n                [&_.swiper-pagination-bullet]:h-[3px] [&_.swiper-pagination-bullet]:w-[5px] [&_.swiper-pagination-bullet]:rounded-full [&_.swiper-pagination-bullet]:bg-t-foreground [&_.swiper-pagination-bullet]:opacity-50 [&_.swiper-pagination-bullet]:transition-all [&_.swiper-pagination-bullet-active]:!opacity-100 [&_.swiper-pagination-bullet-active]:!w-4\n              '\n            ></div></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--21175244030174__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='9045529329886'\n      data-cnstrc-item-name='Nature's Garden Virtual Gift Card'\n      data-cnstrc-item-price='100.00'\n      data-cnstrc-item-variation-id='47644474441950'\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        Nature&#39;s Garden Virtual Gift Card\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-full'\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'>1</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'><div class='inline-flex items-center gap-xs flex-wrap'><div\n                class='h5'\n                id='price-template--21175244030174__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'\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              $100.00\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            $100.00\n          </span>\n            <span class='sr-only'>Regular price</span>\n            <span class='h6 line-through text-t-disabled font-medium'>\n              \n                $100.00\n              \n            </span>\n            <span class='h6 text-t-accent-01 font-medium'>0% Off\n            </span></div>\n      </div></div>\n\n\n              </div><!-- ##entry##core-cart-derived-discount-badge##endentry## -->\n<cart-derived-discount-badge\n                cloak\n                class='p-2xs flex justify-center items-center caption gap-1 leading-none whitespace-nowrap  rounded-full  bg-t-accent-01 text-t-background transition-opacity duration-300 ease-in-out opacity-0 invisible'\n                variant-id='47644474441950'\n              ></cart-derived-discount-badge></div><div class='caption'><a href=\"/policies/shipping-policy\">Shipping</a> calculated at checkout.\n</div></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              Give the gift of creativity! 🌿\nWhether they’re a seasoned Maker or just getting started, a Nature’s Garden Gift Card lets them choose exactly what inspires them most—fragrance oils, waxes, molds, colorants, and more. ...\n            </div>\n            <div class='break-words contents group-has-[toggle-button[data-toggled=\"false\"]]/truncate-text:hidden [&_*]:contents'>\n              <p data-start=\"120\" data-end=\"153\">Give the gift of creativity! 🌿</p>\n<p data-start=\"155\" data-end=\"420\">Whether they’re a seasoned Maker or just getting started, a Nature’s Garden Gift Card lets them choose exactly what inspires them most—fragrance oils, waxes, molds, colorants, and more. It’s the perfect way to say <em data-start=\"369\" data-end=\"389\">“I thought of you”</em> to the crafter in your life.</p>\n<p data-start=\"422\" data-end=\"582\">Available in multiple denominations, our digital gift cards are delivered straight to their inbox—easy to give, exciting to receive, and always the right fit.</p>\n<p data-start=\"584\" data-end=\"658\">Inspire their next creation. Give a Nature’s Garden Gift Card today.</p>\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            Denominations:\n            <span\n              class='text-t-foreground ml-2xs  text-body-small '\n              data-selected-value\n            >$100.00\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'></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='Denominations-1'\n    value='$10.00'\n    form='product-form-template--21175244030174__main'\n    \n    \n    data-option-value-id=\"3730417156318\"\n    data-variant-id=\"47644474343646\"\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-foreground'>\n        $10.00</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                $10.00\n              </span>\n              \n             \n          </div>\n          \n<span class=\"text-tiny text-t-foreground-secondary\"></span></div>\n      \n\n    </div>\n    \n  </label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/natures-garden-gift-card?variant=47644474343646&sections=template--21175244030174__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n\n<div class='group/pill-input'>\n  <input\n    type='radio'\n    id='variant_picker-1-1'\n    name='Denominations-1'\n    value='$25.00'\n    form='product-form-template--21175244030174__main'\n    \n    \n    data-option-value-id=\"3730417189086\"\n    data-variant-id=\"47644474376414\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-1'\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-1'\n  >\n    <div class='flex items-center justify-between w-full'>\n      <span class='text-utility-bold text-t-foreground'>\n        $25.00</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                $25.00\n              </span>\n              \n             \n          </div>\n          \n<span class=\"text-tiny text-t-foreground-secondary\"></span></div>\n      \n\n    </div>\n    \n  </label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/natures-garden-gift-card?variant=47644474376414&sections=template--21175244030174__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n\n<div class='group/pill-input'>\n  <input\n    type='radio'\n    id='variant_picker-1-2'\n    name='Denominations-1'\n    value='$50.00'\n    form='product-form-template--21175244030174__main'\n    \n    \n    data-option-value-id=\"3730417221854\"\n    data-variant-id=\"47644474409182\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-2'\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-2'\n  >\n    <div class='flex items-center justify-between w-full'>\n      <span class='text-utility-bold text-t-foreground'>\n        $50.00</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                $50.00\n              </span>\n              \n             \n          </div>\n          \n<span class=\"text-tiny text-t-foreground-secondary\"></span></div>\n      \n\n    </div>\n    \n  </label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/natures-garden-gift-card?variant=47644474409182&sections=template--21175244030174__main'\n        as='fetch'\n        crossorigin='anonymous'\n        type=''\n      >\n      \n\n\n<div class='group/pill-input'>\n  <input\n    type='radio'\n    id='variant_picker-1-3'\n    name='Denominations-1'\n    value='$100.00'\n    form='product-form-template--21175244030174__main'\n    \n      checked\n    \n    \n    data-option-value-id=\"3730417254622\"\n    data-variant-id=\"47644474441950\"\n    class='sr-only peer'\n    \n  >\n  <label\n    for='variant_picker-1-3'\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-3'\n  >\n    <div class='flex items-center justify-between w-full'>\n      <span class='text-utility-bold text-t-foreground'>\n        $100.00</span><div class='flex items-center rounded-sm   bg-t-accent-03   px-2xs h-[18px]'>\n          <span class='text-tiny whitespace-nowrap  text-t-foreground '>Most Popular</span>\n        </div></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                $100.00\n              </span>\n              \n             \n          </div>\n          \n<span class=\"text-tiny text-t-foreground-secondary\"></span></div>\n      \n\n    </div>\n    \n  </label>\n</div>\n\n\n\n      <link\n        rel='preload'\n        href='/products/natures-garden-gift-card?variant=47644474441950&sections=template--21175244030174__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\":47644474441950,\"title\":\"$100.00\",\"option1\":\"$100.00\",\"option2\":null,\"option3\":null,\"sku\":\"1020007\",\"requires_shipping\":false,\"taxable\":false,\"featured_image\":{\"id\":45568207651038,\"product_id\":9045529329886,\"position\":1,\"created_at\":\"2025-10-30T15:55:40-04:00\",\"updated_at\":\"2025-10-30T15:57:11-04:00\",\"alt\":\"Nature's Garden Crafts gift card with green text on a white background\",\"width\":1024,\"height\":1024,\"src\":\"\\/\\/www.naturesgardencrafts.com\\/cdn\\/shop\\/files\\/naturesgarden-giftcard-2.jpg?v=1761854231\",\"variant_ids\":[47644474343646,47644474376414,47644474409182,47644474441950]},\"available\":true,\"name\":\"Nature's Garden Virtual Gift Card - $100.00\",\"public_title\":\"$100.00\",\"options\":[\"$100.00\"],\"price\":10000,\"weight\":0,\"compare_at_price\":10000,\"inventory_management\":null,\"barcode\":\"\",\"featured_media\":{\"alt\":\"Nature's Garden Crafts gift card with green text on a white background\",\"id\":37040169222366,\"position\":1,\"preview_image\":{\"aspect_ratio\":1.0,\"height\":1024,\"width\":1024,\"src\":\"\\/\\/www.naturesgardencrafts.com\\/cdn\\/shop\\/files\\/naturesgarden-giftcard-2.jpg?v=1761854231\"}},\"requires_selling_plan\":false,\"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 '\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--21175244030174__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='47644474441950'\n          \n        >\n\n<div class='mb-sm'><script src='//www.naturesgardencrafts.com/cdn/shop/t/302/assets/-core-recipient-form.js?v=111779954887115524361780658747' defer='defer' type='module'></script>\n  <recipient-form\n    class='group'\n    data-section-id='template--21175244030174__main'\n    data-product-variant-id='47644474441950'\n  >\n<div\n        class='group/switch inline-flex items-start justify-start gap-x-xs'\n        \n      >\n        <div class=\"relative inline-block h-6 rounded-full cursor-pointer w-11\">\n          <input\n            id=\"Recipient-checkbox-template--21175244030174__main\"\n            name=\"properties[__shopify_send_gift_card_to_recipient]\"\n            value=\"1\"\n            aria-labelledby=\"Recipient-checkbox-template--21175244030174__main_label\"\n\n            \n\n            type=\"checkbox\"\n            class=\"absolute w-full h-full transition-colors duration-300 rounded-full appearance-none cursor-pointer peer disabled:bg-t-background-secondary bg-p-neutral checked:bg-t-foreground peer-checked:border-t-border peer-checked:before:bg-t-border checked:disabled:bg-t-foreground-secondary\"\n\n            \n\n            \n              checked\n            \n\n            \n\n            \n\n            \n          >\n          <label\n            class=\"before:content[''] absolute top-2/4 left-0.5 h-5 w-5 -translate-y-2/4 cursor-pointer rounded-full border border-none border-t-border bg-t-background peer-disabled:bg-t-border shadow-md transition-all duration-300 before:absolute before:top-2/4 before:left-2/4 before:hidden before:h-10 before:w-10 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity hover:before:opacity-10 peer-checked:translate-x-full peer-checked:border-t-border peer-checked:before:bg-t-border \"\n            for=\"Recipient-checkbox-template--21175244030174__main\"\n          >\n          </label>\n        </div>\n\n        <label for=\"Recipient-checkbox-template--21175244030174__main\" class=\"mt-px cursor-pointer select-none \">\n          <div>\n            <p id=\"Recipient-checkbox-template--21175244030174__main_label\" class=\"block text-t-foreground group-has-[:disabled]/switch:text-t-disabled  text-body \">\n              For someone else ?\n            </p></div>\n        </label>\n      </div>\n<div class='hidden group-has-[input[name=\"properties[\\_\\_shopify\\_send\\_gift\\_card\\_to\\_recipient]\"]:checked]:grid grid-cols-1 md:grid-cols-2 gap-sm'><div class='col-span-1'>\n\n      <div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\" 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 \"\n            placeholder=\" \"\n            type=\"email\"\n            id=\"Recipient-email-template--21175244030174__main\"\n            name=\"properties[Recipient email]\"\n            \n              value=\"\"\n            \n\n            \n              aria-describedby=\"Recipient-email-template--21175244030174__main_text\"\n            \n\n            \n\n            \n\n            \n\n            \n              autocomplete=\"email\"\n            \n\n            \n\n            \n\n            \n          /><label\n            for=\"Recipient-email-template--21175244030174__main\"\n            class=\" start-sm-forms-padding lg:start-sm-forms-padding  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            Recipient email\n          </label>\n        </div><p id=\"Recipient-email-template--21175244030174__main_text\" class=\"caption text-t-foreground-secondary flex items-center justify-start gap-x-2xs peer-[[error]]:text-u-error group-has-[[error]]:text-u-error\"><span>Email address where the gift card will be sent</span>\n          </p></div>\n</div><div class='col-span-1'>\n\n      <div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\" 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 \"\n            placeholder=\" \"\n            type=\"text\"\n            id=\"Recipient-name-template--21175244030174__main\"\n            name=\"properties[Recipient name]\"\n            \n              value=\"\"\n            \n\n            \n              aria-describedby=\"Recipient-name-template--21175244030174__main_text\"\n            \n\n            \n\n            \n\n            \n\n            \n              autocomplete=\"name\"\n            \n\n            \n\n            \n\n            \n          /><label\n            for=\"Recipient-name-template--21175244030174__main\"\n            class=\" start-sm-forms-padding lg:start-sm-forms-padding  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            Recipient name (optional)\n          </label>\n        </div><p id=\"Recipient-name-template--21175244030174__main_text\" class=\"caption text-t-foreground-secondary flex items-center justify-start gap-x-2xs peer-[[error]]:text-u-error group-has-[[error]]:text-u-error\"><span>Name of the person who will receive the gift card</span>\n          </p></div>\n</div>\n\n      <div class='col-span-1 md:col-span-2'>\n<div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full grid-cols-1 group peer form-field gap-y-2xs\"\n          \n        ><label\n              for=\"Recipient-message-template--21175244030174__main\"\n              class=\"caption text-t-foreground-secondary \"\n            >\n              Message (optional)\n            </label><textarea\n            id=\"Recipient-message-template--21175244030174__main\"\n            name=\"properties[Message]\"\n            rows=\"4\"\n            value=\"\"\n            class=\"block w-full border p-xs body text-t-foreground disabled:text-t-border disabled:border-t-border rounded-forms-radius border-t-border focus:border-t-foreground placeholder-t-brand-secondary focus:outline-none focus:ring-0 group-[[error]]:ring-u-error group-[[error]]:border-[transparent] group-[[error]]:ring-2 bg-t-background\"\n\n            \n\n            \n              aria-describedby=\"Recipient-message-template--21175244030174__main_text\"\n            \n\n            \n\n            \n\n            \n\n            \n              maxlength=\"200\"\n            \n\n            \n          ></textarea>\n        </div><p id=\"Recipient-message-template--21175244030174__main_text\" class=\"caption text-t-foreground-secondary flex items-center justify-start gap-x-2xs peer-[[error]]:text-u-error group-has-[[error]]:text-u-error\"><span>Message to include with the gift card</span>\n          </p></div>\n</div><div class='col-span-1'>\n\n      <div class=\"flex flex-col gap-2xs group\">\n        <div\n          class=\"relative w-full group peer\"\n          \n        >\n          <input\n            class=\" 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 \"\n            placeholder=\" \"\n            type=\"date\"\n            id=\"Recipient-send-on-template--21175244030174__main\"\n            name=\"properties[Send on]\"\n            \n              value=\"\"\n            \n\n            \n              aria-describedby=\"Recipient-send-on-template--21175244030174__main_text\"\n            \n\n            \n\n            \n\n            \n\n            \n              autocomplete=\"send_on\"\n            \n\n            \n\n            \n\n            \n          /><label\n            for=\"Recipient-send-on-template--21175244030174__main\"\n            class=\" start-sm-forms-padding lg:start-sm-forms-padding  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            Send on (optional)\n          </label>\n        </div><p id=\"Recipient-send-on-template--21175244030174__main_text\" class=\"caption text-t-foreground-secondary flex items-center justify-start gap-x-2xs peer-[[error]]:text-u-error group-has-[[error]]:text-u-error\"><span>Date when the gift card will be sent</span>\n          </p></div>\n</div>\n    </div>\n\n    \n    <input\n      type='hidden'\n      name='properties[__shopify_send_gift_card_to_recipient]'\n      value='if_present'\n      id='Recipient-control-template--21175244030174__main'\n    >\n    <input\n      type='hidden'\n      name='properties[__shopify_offset]'\n      value=''\n      id='Recipient-timezone-offset-template--21175244030174__main'\n      disabled\n    >\n  </recipient-form>\n</div>\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--21175244030174__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='47644474441950'\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--21175244030174__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Nature&amp;#39;s Garden Virtual Gift Card</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 Nature&amp;#39;s Garden Virtual Gift Card'\n    id='product-form-template--21175244030174__main-quantity'\n\n    \n      form='product-form-template--21175244030174__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--21175244030174__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Nature&amp;#39;s Garden Virtual Gift Card</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--21175244030174__main'></div>\n  \n</div>\n<button\n              id='ProductSubmitButton-template--21175244030174__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            >\n              \nAdd to Cart - \n              $\n              <span class=\"!px-0 !border-0 ignore\" data-unit-price=\"100.00\">100.00\n</span>\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              \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/naturesgarden-giftcard-2.jpg?v=1761854231&width=120'\n                    alt='Nature&#39;s Garden Crafts gift card with green text on a white background'\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                  Nature's Garden Virtual Gift Card\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-full'\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'>1</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--21175244030174__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='47644474441950'\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--21175244030174__main-quantity__decrement'\n  >\n    <span class='sr-only'>Decrease quantity for Nature&amp;#39;s Garden Virtual Gift Card</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 Nature&amp;#39;s Garden Virtual Gift Card'\n    id='product-form-template--21175244030174__main-quantity'\n\n    \n      form='product-form-template--21175244030174__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--21175244030174__main-quantity__increment'\n  >\n    <span class='sr-only'>Increase quantity for Nature&amp;#39;s Garden Virtual Gift Card</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--21175244030174__main'></div>\n  \n</div>\n<button\n                id='ProductSubmitButton-sticky-template--21175244030174__main'\n                type='submit'\n                name='add'\n                variant='primary'\n                class='btn flex-grow text-utility-bold font-medium'\n                \n              >\n                \nAdd to Cart - \n              $\n              <span class=\"!px-0 !border-0 ignore\" data-unit-price=\"100.00\">100.00\n</span>\n              </button>\n            </div>\n          </div>\n        \n<input type=\"hidden\" name=\"product-id\" value=\"9045529329886\" /><input type=\"hidden\" name=\"section-id\" value=\"template--21175244030174__main\" /></form></product-form>\n  </div><style>\n  .shopify-payment-button__more-options[aria-hidden='true'] {\n    display: none;\n  }\n</style>\n<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                Give the gift of creativity! 🌿\nWhether they’re a seasoned Maker or just getting started, a Nature’s Garden Gift Card lets them choose exactly what ...\n              </div>\n              <div class='break-words contents group-has-[toggle-button[data-toggled=\"false\"]]/truncate-text:hidden [&_*]:contents'>\n                <p data-start=\"120\" data-end=\"153\">Give the gift of creativity! 🌿</p>\n<p data-start=\"155\" data-end=\"420\">Whether they’re a seasoned Maker or just getting started, a Nature’s Garden Gift Card lets them choose exactly what inspires them most—fragrance oils, waxes, molds, colorants, and more. It’s the perfect way to say <em data-start=\"369\" data-end=\"389\">“I thought of you”</em> to the crafter in your life.</p>\n<p data-start=\"422\" data-end=\"582\">Available in multiple denominations, our digital gift cards are delivered straight to their inbox—easy to give, exciting to receive, and always the right fit.</p>\n<p data-start=\"584\" data-end=\"658\">Inspire their next creation. Give a Nature’s Garden Gift Card today.</p>\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></section>\n\n<span sub-section-id='template--21175244030174__main-product-pre-cache-links' class='hidden'>\n    <hydrate-sections-cache\n      base-url='/products/natures-garden-gift-card?variant=47644474343646'\n      sections='template--21175244030174__main'\n    >\n    </hydrate-sections-cache><hydrate-sections-cache\n      base-url='/products/natures-garden-gift-card?variant=47644474376414'\n      sections='template--21175244030174__main'\n    >\n    </hydrate-sections-cache><hydrate-sections-cache\n      base-url='/products/natures-garden-gift-card?variant=47644474409182'\n      sections='template--21175244030174__main'\n    >\n    </hydrate-sections-cache><hydrate-sections-cache\n      base-url='/products/natures-garden-gift-card?variant=47644474441950'\n      sections='template--21175244030174__main'\n    >\n    </hydrate-sections-cache>\n  </span></main-product>\n\n\n</section>"}