{"product_id":"formula-starter-pack","title":"Formula Starter Pack","description":"\u003cstyle\u003e\n\/* =========================================================\n   FORMULA STARTER PACK\n   FULL PRODUCT SALES PAGE\n   ========================================================= *\/\n\n\/* =========================================================\n   HIDE NORMAL SHOPIFY PRODUCT AREA\n   ========================================================= *\/\n\nbody:has(.fsp-page) .product__media-wrapper {\n  display: none !important;\n}\n\nbody:has(.fsp-page) .product {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nbody:has(.fsp-page) .product__info-wrapper,\nbody:has(.fsp-page) .product__info-wrapper.grid__item {\n  width: 100% !important;\n  max-width: none !important;\n  flex: 0 0 100% !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\nbody:has(.fsp-page) .product__info-container {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nbody:has(.fsp-page)\n.product__info-container\n\u003e *:not(.product__description):not(:has(.fsp-page)) {\n  display: none !important;\n}\n\nbody:has(.fsp-page) .product__title,\nbody:has(.fsp-page) .price,\nbody:has(.fsp-page) .product-form__quantity,\nbody:has(.fsp-page) .product-form,\nbody:has(.fsp-page) .product__tax,\nbody:has(.fsp-page) .shopify-payment-button,\nbody:has(.fsp-page) pickup-availability {\n  display: none !important;\n}\n\nbody:has(.fsp-page) .product__description,\nbody:has(.fsp-page) .product__description.rte,\nbody:has(.fsp-page) .rte:has(.fsp-page) {\n  width: 100% !important;\n  max-width: none !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* =========================================================\n   PAGE FOUNDATION\n   ========================================================= *\/\n\n.fsp-page,\n.fsp-page * {\n  box-sizing: border-box;\n}\n\n.fsp-page {\n  position: relative;\n  left: 50%;\n  width: 100vw;\n  max-width: none;\n  margin-left: -50vw;\n  background: #ffffff;\n  color: #181818;\n  font-family: Arial, Helvetica, sans-serif;\n  line-height: 1.6;\n  overflow: hidden;\n}\n\n.fsp-section {\n  width: 100%;\n  padding: 74px 24px;\n}\n\n.fsp-inner {\n  width: 100%;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.fsp-narrow {\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.fsp-center {\n  text-align: center;\n}\n\n.fsp-soft {\n  background: #fafafa;\n}\n\n.fsp-pink {\n  background: #fff6f9;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n   ========================================================= *\/\n\n.fsp-page h1,\n.fsp-page h2,\n.fsp-page h3 {\n  font-family: Georgia, \"Times New Roman\", serif;\n  line-height: 1.08;\n  color: #111111;\n  margin-top: 0;\n}\n\n.fsp-page h1 {\n  font-size: clamp(42px, 5vw, 67px);\n  margin-bottom: 22px;\n}\n\n.fsp-page h2 {\n  font-size: clamp(32px, 4vw, 48px);\n  margin-bottom: 21px;\n}\n\n.fsp-page h3 {\n  font-size: 25px;\n}\n\n.fsp-page p {\n  font-size: 18px;\n  line-height: 1.65;\n  margin: 0 0 20px;\n}\n\n.fsp-lead {\n  font-size: 21px !important;\n  line-height: 1.55 !important;\n}\n\n.fsp-eyebrow {\n  margin-bottom: 14px;\n  color: #ef267d;\n  font-size: 13px;\n  font-weight: 900;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n}\n\n\n\/* =========================================================\n   BUTTONS\n   ========================================================= *\/\n\n.fsp-button {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 58px;\n  padding: 16px 29px;\n  border: 0;\n  border-radius: 999px;\n  background: #f32682;\n  color: #ffffff !important;\n  font-size: 16px;\n  font-weight: 900;\n  line-height: 1.25;\n  text-decoration: none !important;\n  text-align: center;\n  cursor: pointer;\n  box-shadow: 0 9px 26px rgba(243,38,130,.22);\n  transition: transform .15s ease, box-shadow .15s ease;\n}\n\n.fsp-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 13px 31px rgba(243,38,130,.29);\n}\n\n.fsp-button-full {\n  width: 100%;\n}\n\n.fsp-button:disabled {\n  opacity: .6;\n  cursor: wait;\n}\n\n.fsp-micro {\n  margin-top: 11px !important;\n  color: #666666;\n  font-size: 13px !important;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.fsp-hero {\n  padding-top: 54px;\n  padding-bottom: 58px;\n  background: #fff7fa;\n}\n\n.fsp-hero-grid {\n  display: grid;\n  grid-template-columns: .78fr 1.22fr;\n  gap: 40px;\n  align-items: center;\n}\n\n.fsp-hero h1 {\n  font-size: clamp(38px, 4.1vw, 56px);\n  line-height: 1.04;\n  margin-bottom: 18px;\n}\n\n.fsp-hero .fsp-lead {\n  font-size: 19px !important;\n  line-height: 1.5 !important;\n}\n\n.fsp-badges {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin: 24px 0;\n}\n\n.fsp-badge {\n  padding: 8px 13px;\n  border: 1px solid #f0bfd0;\n  border-radius: 999px;\n  background: #ffffff;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.fsp-price {\n  margin-top: 22px;\n  font-size: 39px;\n  font-weight: 900;\n  line-height: 1;\n}\n\n.fsp-price-note {\n  margin-top: 8px;\n  margin-bottom: 20px;\n  color: #555555;\n  font-size: 14px;\n}\n\n\n\/* =========================================================\n   HERO CAROUSEL\n   ========================================================= *\/\n\n.fsp-hero-slider {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 26px;\n  background: #f8f1f3;\n  box-shadow: 0 18px 50px rgba(0,0,0,.10);\n}\n\n.fsp-hero-track {\n  display: flex;\n  width: 100%;\n  transition: transform .45s ease;\n}\n\n.fsp-hero-slide {\n  min-width: 100%;\n}\n\n.fsp-hero-slide img {\n  display: block;\n  width: 100%;\n  aspect-ratio: 16 \/ 10;\n  object-fit: cover;\n}\n\n.fsp-slider-arrow {\n  position: absolute;\n  top: 50%;\n  width: 45px;\n  height: 45px;\n  transform: translateY(-50%);\n  border: 0;\n  border-radius: 50%;\n  background: rgba(255,255,255,.94);\n  color: #111111;\n  font-size: 27px;\n  cursor: pointer;\n  box-shadow: 0 5px 18px rgba(0,0,0,.13);\n  z-index: 5;\n}\n\n.fsp-slider-prev {\n  left: 14px;\n}\n\n.fsp-slider-next {\n  right: 14px;\n}\n\n.fsp-slider-dots {\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n  padding: 14px;\n  background: #ffffff;\n}\n\n.fsp-slider-dot {\n  width: 9px;\n  height: 9px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: #dfd8da;\n  cursor: pointer;\n}\n\n.fsp-slider-dot.active {\n  background: #ef267d;\n}\n\n\n\/* =========================================================\n   PROBLEM\n   ========================================================= *\/\n\n.fsp-problem {\n  background: #ffffff;\n}\n\n.fsp-story p {\n  font-size: 19px;\n}\n\n.fsp-story-focus {\n  margin: 27px 0 !important;\n  font-size: 24px !important;\n  font-weight: 900;\n}\n\n\n\/* =========================================================\n   SEE WHAT'S INSIDE\n   ========================================================= *\/\n\n.fsp-inside {\n  background: #fff1f6;\n}\n\n.fsp-inside-card {\n  padding: 32px;\n  border: 1px solid #f0ceda;\n  border-radius: 28px;\n  background: #ffffff;\n}\n\n.fsp-inside-grid {\n  display: grid;\n  grid-template-columns: 1.35fr .65fr;\n  gap: 26px;\n  align-items: stretch;\n}\n\n.fsp-preview-main {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: 22px;\n  background: #fff7fa;\n}\n\n.fsp-preview-main img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: 535px;\n  object-fit: contain;\n  transition: opacity .2s ease;\n}\n\n.fsp-inside-buttons {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.fsp-inside-button {\n  display: grid;\n  grid-template-columns: 66px 1fr;\n  gap: 14px;\n  align-items: center;\n  width: 100%;\n  padding: 11px;\n  border: 1px solid #efd3dd;\n  border-radius: 17px;\n  background: #ffffff;\n  text-align: left;\n  cursor: pointer;\n  transition: border-color .15s ease,\n              background .15s ease,\n              transform .15s ease;\n}\n\n.fsp-inside-button:hover {\n  transform: translateX(2px);\n  border-color: #ef267d;\n}\n\n.fsp-inside-button.active {\n  border: 2px solid #ef267d;\n  background: #fff8fa;\n}\n\n.fsp-inside-thumb {\n  width: 66px;\n  height: 62px;\n  overflow: hidden;\n  border-radius: 11px;\n}\n\n.fsp-inside-thumb img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.fsp-inside-title {\n  display: block;\n  color: #111111;\n  font-size: 15px;\n  font-weight: 900;\n  line-height: 1.3;\n}\n\n.fsp-inside-text {\n  display: block;\n  margin-top: 3px;\n  color: #666666;\n  font-size: 12px;\n  line-height: 1.35;\n}\n\n\n\n\/* =========================================================\n   12 FORMULAS\n   ========================================================= *\/\n\n.fsp-formulas {\n  background: #ffffff;\n}\n\n.fsp-formula-intro {\n  max-width: 820px;\n  margin: 0 auto 30px;\n}\n\n.fsp-formula-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n  max-width: 980px;\n  margin: 34px auto 0;\n}\n\n.fsp-formula-item {\n  padding: 16px 18px;\n  border: 1px solid #efd3dd;\n  border-radius: 15px;\n  background: #fff8fa;\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.35;\n  text-align: left;\n}\n\n.fsp-formula-note {\n  max-width: 850px;\n  margin: 30px auto 0 !important;\n  font-size: 17px !important;\n}\n\n\/* =========================================================\n   STEPS\n   ========================================================= *\/\n\n.fsp-steps {\n  display: grid;\n  grid-template-columns: repeat(5,1fr);\n  gap: 14px;\n  margin-top: 38px;\n}\n\n.fsp-step {\n  padding: 27px 15px;\n  border: 1px solid #eed7df;\n  border-radius: 18px;\n  background: #ffffff;\n  text-align: center;\n}\n\n.fsp-step strong {\n  display: block;\n  margin-bottom: 6px;\n  color: #ef267d;\n  font-size: 16px;\n}\n\n\n\/* =========================================================\n   REVIEWS\n   ========================================================= *\/\n\n.fsp-reviews {\n  background: #fff6f9;\n}\n\n.fsp-review-heading {\n  margin-bottom: 32px;\n}\n\n.fsp-review-wrap {\n  display: grid;\n  grid-template-columns: .8fr 1.2fr;\n  gap: 22px;\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 20px;\n  border: 1px solid #f0d2dd;\n  border-radius: 25px;\n  background: #ffffff;\n}\n\n.fsp-review-image {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  border-radius: 18px;\n  background: #fff7fa;\n}\n\n.fsp-review-image img {\n  display: block;\n  width: 100%;\n  height: auto;\n  object-fit: contain;\n  border-radius: 18px;\n}\n\n.fsp-review-list {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 13px;\n}\n\n.fsp-review {\n  padding: 20px;\n  border: 1px solid #efd1dc;\n  border-radius: 17px;\n  background: #fffafd;\n}\n\n.fsp-stars {\n  margin-bottom: 7px;\n  color: #f4a621;\n  font-size: 16px;\n  letter-spacing: 2px;\n}\n\n.fsp-review-quote {\n  margin: 0 0 9px !important;\n  color: #111111;\n  font-size: 17px !important;\n  font-weight: 800;\n  line-height: 1.45 !important;\n}\n\n.fsp-review-name {\n  margin: 0 !important;\n  color: #555555;\n  font-size: 13px !important;\n  font-weight: 700;\n}\n\n.fsp-review-name span {\n  color: #777777;\n  font-weight: 400;\n}\n\n\n\/* =========================================================\n   ORDER BUMP + ONLY CHECKOUT AREA\n   ========================================================= *\/\n\n.fsp-buy-section {\n  background: #ffffff;\n}\n\n.fsp-bump {\n  max-width: 1000px;\n  margin: 0 auto;\n  padding: 46px;\n  border-radius: 30px;\n  background: #121212;\n  color: #ffffff;\n  box-shadow: 0 18px 60px rgba(0,0,0,.18);\n}\n\n.fsp-bump h2 {\n  color: #ffffff;\n}\n\n.fsp-bump p {\n  color: #eeeeee;\n}\n\n.fsp-bump-grid {\n  display: grid;\n  grid-template-columns: .85fr 1.15fr;\n  gap: 43px;\n  align-items: center;\n}\n\n.fsp-bump-image img {\n  display: block;\n  width: 100%;\n  border-radius: 19px;\n}\n\n.fsp-bump-box {\n  margin-top: 23px;\n  padding: 20px;\n  border: 3px solid #f32682;\n  border-radius: 18px;\n  background: #ffffff;\n  color: #111111;\n}\n\n.fsp-bump-box label {\n  display: flex;\n  gap: 14px;\n  align-items: flex-start;\n  cursor: pointer;\n}\n\n.fsp-bump-box input {\n  width: 25px;\n  height: 25px;\n  flex: 0 0 auto;\n  margin-top: 3px;\n  accent-color: #f32682;\n}\n\n.fsp-bump-title {\n  display: block;\n  color: #111111;\n  font-size: 18px;\n  font-weight: 900;\n  line-height: 1.35;\n}\n\n.fsp-bump-small {\n  display: block;\n  margin-top: 5px;\n  color: #555555;\n  font-size: 14px;\n  line-height: 1.45;\n}\n\n.fsp-purchase {\n  max-width: 690px;\n  margin: 36px auto 0;\n}\n\n\n\/* =========================================================\n   FAQ\n   ========================================================= *\/\n\n.fsp-faq {\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n.fsp-faq details {\n  padding: 20px 0;\n  border-bottom: 1px solid #e8e8e8;\n}\n\n.fsp-faq summary {\n  list-style: none;\n  cursor: pointer;\n  font-size: 19px;\n  font-weight: 900;\n}\n\n.fsp-faq summary::-webkit-details-marker {\n  display: none;\n}\n\n.fsp-faq summary:after {\n  content: \"+\";\n  float: right;\n  color: #ef267d;\n  font-size: 24px;\n}\n\n.fsp-faq details[open] summary:after {\n  content: \"−\";\n}\n\n.fsp-faq details p {\n  margin-top: 13px;\n  margin-bottom: 0;\n  font-size: 16px;\n}\n\n.fsp-disclaimer {\n  margin-top: 40px !important;\n  padding: 19px;\n  border-radius: 10px;\n  background: #f6f6f6;\n  color: #666666;\n  font-size: 12px !important;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.fsp-final {\n  background: #fff7fa;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media screen and (max-width: 850px) {\n\n  .fsp-section {\n    padding: 50px 18px;\n  }\n\n  .fsp-hero {\n    padding-top: 30px;\n  }\n\n  .fsp-hero-grid,\n  .fsp-inside-grid,\n  .fsp-bump-grid,\n  .fsp-review-wrap {\n    grid-template-columns: 1fr;\n  }\n\n  .fsp-hero-slider {\n    order: -1;\n  }\n\n  .fsp-hero-slide img {\n    aspect-ratio: 4 \/ 3;\n  }\n\n  .fsp-preview-main img {\n    max-height: none;\n    width: 100%;\n    height: auto;\n  }\n\n  .fsp-inside-card {\n    padding: 17px;\n  }\n\n  .fsp-inside-buttons {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .fsp-inside-button {\n    grid-template-columns: 48px 1fr;\n    padding: 8px;\n  }\n\n  .fsp-inside-thumb {\n    width: 48px;\n    height: 48px;\n  }\n\n  .fsp-inside-text {\n    display: none;\n  }\n\n  .fsp-steps,\n  .fsp-formula-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .fsp-bump {\n    padding: 28px 21px;\n  }\n\n  .fsp-review-wrap {\n    padding: 14px;\n  }\n\n  .fsp-review-image img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n  }\n\n  .fsp-page h1 {\n    font-size: 36px;\n  }\n\n  .fsp-hero h1 {\n    font-size: 36px;\n    line-height: 1.06;\n  }\n\n  .fsp-page h2 {\n    font-size: 33px;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"fsp-page\"\u003e\n\n\n\u003c!-- =====================================================\n     HERO\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-hero\"\u003e\n\n  \u003cdiv class=\"fsp-inner fsp-hero-grid\"\u003e\n\n    \u003cdiv\u003e\n\n      \u003cdiv class=\"fsp-eyebrow\"\u003e\n        Formula Starter Pack\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Stop Starting From Scratch Every Time You Want to Create Something New\n      \u003c\/h1\u003e\n\n      \u003cp class=\"fsp-lead\"\u003e\n        Get \u003cstrong\u003e12 customizable beauty base formulas\u003c\/strong\u003e,\n        plus planning and testing tools that help you turn\n        product ideas into something you can actually create,\n        track and improve.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"fsp-badges\"\u003e\n\n        \u003cspan class=\"fsp-badge\"\u003e\n          12 Base Formulas\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fsp-badge\"\u003e\n          Printable + Fillable\n        \u003c\/span\u003e\n\n        \u003cspan class=\"fsp-badge\"\u003e\n          Beginner-Friendly\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fsp-price\"\u003e\n        $7.99\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fsp-price-note\"\u003e\n        Instant download • 12 customizable formulas + planning \u0026amp; testing tools • One-time $7.99 payment.\n      \u003c\/div\u003e\n\n      \u003ca href=\"#fsp-buy\" class=\"fsp-button\"\u003e\n        GET 12 FORMULAS + TOOLS — $7.99\n      \u003c\/a\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003c!-- HERO IMAGE CAROUSEL --\u003e\n\n    \u003cdiv class=\"fsp-hero-slider\"\u003e\n\n      \u003cdiv class=\"fsp-hero-track\" id=\"fspHeroTrack\"\u003e\n\n        \u003cdiv class=\"fsp-hero-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_08_16_20_PM.png?v=1789431390\" alt=\"Formula Starter Pack beauty formulation resources\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fsp-hero-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_07_54_24_PM.png?v=1789430193\" alt=\"Beauty product creation inspiration\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fsp-hero-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_07_55_29_PM.png?v=1789430193\" alt=\"Beauty formulation workspace\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fsp-hero-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_07_56_12_PM.png?v=1789430193\" alt=\"Finished beauty products\"\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fsp-hero-slide\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_07_49_51_PM.png?v=1789430193\" alt=\"Beauty product formulation setup\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cbutton type=\"button\" class=\"fsp-slider-arrow fsp-slider-prev\" id=\"fspHeroPrev\" aria-label=\"Previous image\"\u003e\n        ‹\n      \u003c\/button\u003e\n\n      \u003cbutton type=\"button\" class=\"fsp-slider-arrow fsp-slider-next\" id=\"fspHeroNext\" aria-label=\"Next image\"\u003e\n        ›\n      \u003c\/button\u003e\n\n      \u003cdiv class=\"fsp-slider-dots\"\u003e\n\n        \u003cbutton class=\"fsp-slider-dot active\" data-slide=\"0\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"fsp-slider-dot\" data-slide=\"1\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"fsp-slider-dot\" data-slide=\"2\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"fsp-slider-dot\" data-slide=\"3\"\u003e\u003c\/button\u003e\n        \u003cbutton class=\"fsp-slider-dot\" data-slide=\"4\"\u003e\u003c\/button\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     PROBLEM\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-problem\"\u003e\n\n  \u003cdiv class=\"fsp-narrow fsp-center\"\u003e\n\n    \u003cdiv class=\"fsp-eyebrow\"\u003e\n      Finally, A Starting Point\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      You Have the Product Idea. You Just Don't Have a Starting Point.\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"fsp-story\"\u003e\n\n      \u003cp\u003e\n        A body butter.\n        A scrub.\n        A lip product.\n        A hair cream.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        You know what you want to make.\n        The frustrating part is figuring out where to begin.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        You find different recipes,\n        experiment with different versions,\n        make adjustments and eventually create something you like.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Then comes the question:\n        \u003cstrong\u003ewhat exactly did I change?\u003c\/strong\u003e\n      \u003c\/p\u003e\n\n      \u003cp class=\"fsp-story-focus\"\u003e\n        That's the gap the Formula Starter Pack fills.\n      \u003c\/p\u003e\n\n      \u003cp\u003e\n        Start from an organized base.\n        Customize it around your idea.\n        Record what you change.\n        Compare your versions.\n        Keep the one you love.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     SEE WHAT'S INSIDE\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-inside\"\u003e\n\n  \u003cdiv class=\"fsp-inner\"\u003e\n\n    \u003cdiv class=\"fsp-center\"\u003e\n\n      \u003cdiv class=\"fsp-eyebrow\"\u003e\n        Preview The Possibilities\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        See What's Inside\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        Click any section below to take a closer look at\n        what comes with your Starter Pack.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fsp-inside-card\"\u003e\n\n      \u003cdiv class=\"fsp-inside-grid\"\u003e\n\n        \u003cdiv class=\"fsp-preview-main\"\u003e\n\n          \u003cimg id=\"fspInsideMain\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_08_54_20_PM.png?v=1789433674\" alt=\"12 customizable beauty base formulas preview\"\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fsp-inside-buttons\"\u003e\n\n          \u003cbutton type=\"button\" class=\"fsp-inside-button active\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_08_54_20_PM.png?v=1789433674\"\u003e\n\n            \u003cspan class=\"fsp-inside-thumb\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_14_2026_08_54_20_PM.png?v=1789433674\" alt=\"\"\u003e\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cspan class=\"fsp-inside-title\"\u003e\n                12 Beauty Base Formulas\n              \u003c\/span\u003e\n\n              \u003cspan class=\"fsp-inside-text\"\u003e\n                Structured starting points across popular beauty categories.\n              \u003c\/span\u003e\n            \u003c\/span\u003e\n\n          \u003c\/button\u003e\n\n\n          \u003cbutton type=\"button\" class=\"fsp-inside-button\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_8_2026_03_30_29_PM.png?v=1788895844\"\u003e\n\n            \u003cspan class=\"fsp-inside-thumb\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_8_2026_03_30_29_PM.png?v=1788895844\" alt=\"\"\u003e\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cspan class=\"fsp-inside-title\"\u003e\n                Formula Planner\n              \u003c\/span\u003e\n\n              \u003cspan class=\"fsp-inside-text\"\u003e\n                Plan product ideas before you start making.\n              \u003c\/span\u003e\n            \u003c\/span\u003e\n\n          \u003c\/button\u003e\n\n\n          \u003cbutton type=\"button\" class=\"fsp-inside-button\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_8_2026_03_33_44_PM.png?v=1788896030\"\u003e\n\n            \u003cspan class=\"fsp-inside-thumb\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_8_2026_03_33_44_PM.png?v=1788896030\" alt=\"\"\u003e\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cspan class=\"fsp-inside-title\"\u003e\n                Testing + Tracking\n              \u003c\/span\u003e\n\n              \u003cspan class=\"fsp-inside-text\"\u003e\n                Record changes, compare versions and keep notes.\n              \u003c\/span\u003e\n            \u003c\/span\u003e\n\n          \u003c\/button\u003e\n\n\n          \u003cbutton type=\"button\" class=\"fsp-inside-button\" data-image=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_8_2026_03_40_41_PM.png?v=1788896449\"\u003e\n\n            \u003cspan class=\"fsp-inside-thumb\"\u003e\n              \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_8_2026_03_40_41_PM.png?v=1788896449\" alt=\"\"\u003e\n            \u003c\/span\u003e\n\n            \u003cspan\u003e\n              \u003cspan class=\"fsp-inside-title\"\u003e\n                Printable + Fillable\n              \u003c\/span\u003e\n\n              \u003cspan class=\"fsp-inside-text\"\u003e\n                Work digitally or print the sheets at home.\n              \u003c\/span\u003e\n            \u003c\/span\u003e\n\n          \u003c\/button\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     THE 12 FORMULAS\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-formulas\"\u003e\n\n  \u003cdiv class=\"fsp-inner fsp-center\"\u003e\n\n    \u003cdiv class=\"fsp-eyebrow\"\u003e\n      Exactly What You Get\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Your 12 Starting Formulas\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fsp-formula-intro\"\u003e\n      You're not getting 12 random internet recipes. You're getting organized base formulas designed to give you a starting point you can customize, document and improve.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fsp-formula-grid\"\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eWhipped Vanilla Shea Body Butter\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eStrawberry Silk Body Butter\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eVanilla Brown Sugar Body Polish\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eCoffee + Cocoa Body Scrub\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eVanilla Honey-Style Lip Balm\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eHigh-Shine Pink Lip Gloss\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eMoisture-Rich Hair Cream\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eSoft Hold Curl Cream\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eCreamy Oat Melt-and-Pour Soap\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eRose Clay Melt-and-Pour Soap\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eGentle Oat + Kaolin Mask Base (Dry Skin)\u003c\/div\u003e\n      \u003cdiv class=\"fsp-formula-item\"\u003eClarifying Clay Mask Base (Oily Skin)\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cp class=\"fsp-formula-note\"\u003e\n      Plus your Formula Product Idea Planner, Formula Record, Version Log and Batch Testing Tracker so you can keep track of what you create.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     PROCESS\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-soft\"\u003e\n\n  \u003cdiv class=\"fsp-inner fsp-center\"\u003e\n\n    \u003cdiv class=\"fsp-eyebrow\"\u003e\n      A Better Way To Create\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Start. Customize. Track. Improve.\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fsp-lead fsp-narrow\"\u003e\n      Your first version doesn't have to be your final version.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"fsp-steps\"\u003e\n\n      \u003cdiv class=\"fsp-step\"\u003e\n        \u003cstrong\u003eSTART\u003c\/strong\u003e\n        with a base formula\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fsp-step\"\u003e\n        \u003cstrong\u003eCUSTOMIZE\u003c\/strong\u003e\n        it around your idea\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fsp-step\"\u003e\n        \u003cstrong\u003eTRACK\u003c\/strong\u003e\n        what you changed\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fsp-step\"\u003e\n        \u003cstrong\u003eCOMPARE\u003c\/strong\u003e\n        your versions\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fsp-step\"\u003e\n        \u003cstrong\u003eKEEP\u003c\/strong\u003e\n        the one you love\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp style=\"margin-top:31px;\"\u003e\n      No more scattered screenshots.\n      No more trying to remember which version worked.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     REVIEWS\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-reviews\"\u003e\n\n  \u003cdiv class=\"fsp-inner\"\u003e\n\n    \u003cdiv class=\"fsp-center fsp-review-heading\"\u003e\n\n      \u003cdiv class=\"fsp-eyebrow\"\u003e\n        From Creators\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        What Creators Are Saying\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fsp-review-wrap\"\u003e\n\n      \u003cdiv class=\"fsp-review-image\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/ChatGPT_Image_Sep_8_2026_03_56_05_PM.png?v=1788897372\" alt=\"Creator making a customized whipped body butter\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv class=\"fsp-review-list\"\u003e\n\n        \u003cdiv class=\"fsp-review\"\u003e\n\n          \u003cdiv class=\"fsp-stars\"\u003e\n            ★★★★★\n          \u003c\/div\u003e\n\n          \u003cp class=\"fsp-review-quote\"\u003e\n            “Having too much fun creating unique product formulas that my customers love.”\n          \u003c\/p\u003e\n\n          \u003cp class=\"fsp-review-name\"\u003e\n            Megan A. \u003cspan\u003e· Verified Buyer\u003c\/span\u003e\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fsp-review\"\u003e\n\n          \u003cdiv class=\"fsp-stars\"\u003e\n            ★★★★★\n          \u003c\/div\u003e\n\n          \u003cp class=\"fsp-review-quote\"\u003e\n            “Really nice and comprehensive and easy to edit.”\n          \u003c\/p\u003e\n\n          \u003cp class=\"fsp-review-name\"\u003e\n            Jaclyn C. \u003cspan\u003e· Verified Buyer\u003c\/span\u003e\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n        \u003cdiv class=\"fsp-review\"\u003e\n\n          \u003cdiv class=\"fsp-stars\"\u003e\n            ★★★★★\n          \u003c\/div\u003e\n\n          \u003cp class=\"fsp-review-quote\"\u003e\n            “Great products thank you so much.”\n          \u003c\/p\u003e\n\n          \u003cp class=\"fsp-review-name\"\u003e\n            Abigail T. \u003cspan\u003e· Verified Buyer\u003c\/span\u003e\n          \u003c\/p\u003e\n\n        \u003c\/div\u003e\n\n\n      \n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     ONE CHECKOUT AREA + FORMULA LAB ORDER BUMP\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-buy-section\" id=\"fsp-buy\"\u003e\n\n  \u003cdiv class=\"fsp-bump\"\u003e\n\n    \u003cdiv class=\"fsp-bump-grid\"\u003e\n\n      \u003cdiv class=\"fsp-bump-image\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/formula_lab_order_bump_mockup.png?v=1789426497\" alt=\"Formula Lab beauty formulation system\"\u003e\n\n      \u003c\/div\u003e\n\n\n      \u003cdiv\u003e\n\n        \u003cdiv class=\"fsp-eyebrow\"\u003e\n          Optional Upgrade\n        \u003c\/div\u003e\n\n        \u003ch2\u003e\n          What Happens When Your Next Idea Isn't One of the 12?\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\u003cstrong\u003e\n          Your Starter Pack is complete on its own. Formula Lab is only for creators who want to build beyond these 12 formulas.\n        \u003c\/strong\u003e\u003c\/p\u003e\n\n        \u003cp\u003e\n          The Starter Pack gives you real formulas you can\n          customize and build from today.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          But when you're ready to create something completely\n          different, Formula Lab gives you the larger interactive\n          system for developing new product ideas.\n        \u003c\/p\u003e\n\n\n        \u003cdiv class=\"fsp-bump-box\"\u003e\n\n          \u003clabel\u003e\n\n            \u003cinput type=\"checkbox\" id=\"fspFormulaLabUpgrade\"\u003e\n\n            \u003cspan\u003e\n\n              \u003cspan class=\"fsp-bump-title\"\u003e\n                YES — Add the Complete Formula Lab System for $47\n              \u003c\/span\u003e\n\n              \u003cspan class=\"fsp-bump-small\"\u003e\n                I want the Starter Pack today and the complete\n                Formula Lab system for whatever I create next.\n              \u003c\/span\u003e\n\n            \u003c\/span\u003e\n\n          \u003c\/label\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"fsp-purchase\"\u003e\n\n      \u003cbutton type=\"button\" class=\"fsp-button fsp-button-full\" id=\"fspBuyButton\"\u003e\n        GET THE FORMULA STARTER PACK — $7.99\n      \u003c\/button\u003e\n\n      \u003cp class=\"fsp-micro fsp-center\" style=\"color:#cccccc;\"\u003e\n        Instant digital access • One-time purchase\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FAQ\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-soft\"\u003e\n\n  \u003cdiv class=\"fsp-faq\"\u003e\n\n    \u003cdiv class=\"fsp-center\"\u003e\n\n      \u003cdiv class=\"fsp-eyebrow\"\u003e\n        Questions?\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Frequently Asked Questions\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Is this Formula Lab?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        No. This is the Formula Starter Pack, a downloadable\n        collection of 12 customizable base formulas plus planning\n        and testing resources. Formula Lab is the larger interactive\n        system and can be added to your order above.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Can I customize the formulas?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Yes. The formulas give you a structured starting point that\n        you can use while experimenting, documenting changes and\n        comparing different versions.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Is this beginner-friendly?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Yes. The Starter Pack was created to give beginners an\n        organized starting point instead of beginning every idea\n        with a completely blank page.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Can I print the worksheets?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Yes. The resources can be printed and applicable planning\n        sheets can also be used digitally.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Is this a subscription?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        No. The Formula Starter Pack is a one-time $7.99 purchase.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cdetails\u003e\n\n      \u003csummary\u003e\n        Will I get access immediately?\n      \u003c\/summary\u003e\n\n      \u003cp\u003e\n        Yes. You'll receive digital access after completing checkout.\n      \u003c\/p\u003e\n\n    \u003c\/details\u003e\n\n\n    \u003cp class=\"fsp-disclaimer\"\u003e\n      Cosmetic formulation requires appropriate ingredient research,\n      supplier guidance, stability and safety considerations, and\n      applicable regulatory compliance, particularly for products\n      intended for sale. These resources are educational tools and\n      do not replace professional testing or regulatory guidance.\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- =====================================================\n     FINAL CTA\n     ===================================================== --\u003e\n\n\u003csection class=\"fsp-section fsp-final\"\u003e\n\n  \u003cdiv class=\"fsp-narrow fsp-center\"\u003e\n\n    \u003cdiv class=\"fsp-eyebrow\"\u003e\n      Start Creating\n    \u003c\/div\u003e\n\n    \u003ch2\u003e\n      Ready to Stop Starting From Scratch?\n    \u003c\/h2\u003e\n\n    \u003cp class=\"fsp-lead\"\u003e\n      Get your formulas, planning sheets and testing tools\n      and start turning your beauty product ideas into something\n      you can actually build, track and improve.\n    \u003c\/p\u003e\n\n    \u003ca href=\"#fsp-buy\" class=\"fsp-button\"\u003e\n      GET THE FORMULA STARTER PACK — $7.99\n    \u003c\/a\u003e\n\n    \u003cp class=\"fsp-micro\"\u003e\n      Instant Access • One-Time Purchase\n    \u003c\/p\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/div\u003e\n\n\n\u003cscript\u003e\ndocument.addEventListener('DOMContentLoaded', function () {\n\n  \/* =======================================================\n     HERO CAROUSEL\n     ======================================================= *\/\n\n  const heroTrack =\n    document.getElementById('fspHeroTrack');\n\n  const heroDots =\n    document.querySelectorAll('.fsp-slider-dot');\n\n  const heroPrev =\n    document.getElementById('fspHeroPrev');\n\n  const heroNext =\n    document.getElementById('fspHeroNext');\n\n  let heroIndex = 0;\n  const heroTotal = 5;\n  let heroTimer;\n\n\n  function showHeroSlide(index) {\n\n    if (index \u003c 0) {\n      index = heroTotal - 1;\n    }\n\n    if (index \u003e= heroTotal) {\n      index = 0;\n    }\n\n    heroIndex = index;\n\n    heroTrack.style.transform =\n      'translateX(-' + (heroIndex * 100) + '%)';\n\n    heroDots.forEach(function(dot, i) {\n\n      dot.classList.toggle(\n        'active',\n        i === heroIndex\n      );\n\n    });\n\n  }\n\n\n  function startHeroTimer() {\n\n    clearInterval(heroTimer);\n\n    heroTimer = setInterval(function() {\n      showHeroSlide(heroIndex + 1);\n    }, 4500);\n\n  }\n\n\n  heroNext.addEventListener('click', function() {\n    showHeroSlide(heroIndex + 1);\n    startHeroTimer();\n  });\n\n\n  heroPrev.addEventListener('click', function() {\n    showHeroSlide(heroIndex - 1);\n    startHeroTimer();\n  });\n\n\n  heroDots.forEach(function(dot) {\n\n    dot.addEventListener('click', function() {\n\n      showHeroSlide(\n        Number(dot.dataset.slide)\n      );\n\n      startHeroTimer();\n\n    });\n\n  });\n\n\n  \/* Swipe support *\/\n\n  let touchStartX = 0;\n\n  heroTrack.addEventListener(\n    'touchstart',\n    function(event) {\n\n      touchStartX =\n        event.touches[0].clientX;\n\n    },\n    { passive: true }\n  );\n\n\n  heroTrack.addEventListener(\n    'touchend',\n    function(event) {\n\n      const touchEndX =\n        event.changedTouches[0].clientX;\n\n      const difference =\n        touchStartX - touchEndX;\n\n      if (Math.abs(difference) \u003e 45) {\n\n        if (difference \u003e 0) {\n          showHeroSlide(heroIndex + 1);\n        } else {\n          showHeroSlide(heroIndex - 1);\n        }\n\n        startHeroTimer();\n\n      }\n\n    },\n    { passive: true }\n  );\n\n\n  startHeroTimer();\n\n\n  \/* =======================================================\n     SEE WHAT'S INSIDE\n     ======================================================= *\/\n\n  const insideMain =\n    document.getElementById('fspInsideMain');\n\n  const insideButtons =\n    document.querySelectorAll('.fsp-inside-button');\n\n\n  insideButtons.forEach(function(button) {\n\n    button.addEventListener('click', function() {\n\n      const image =\n        button.dataset.image;\n\n      insideMain.style.opacity = '0';\n\n      setTimeout(function() {\n\n        insideMain.src = image;\n        insideMain.style.opacity = '1';\n\n      }, 150);\n\n\n      insideButtons.forEach(function(item) {\n        item.classList.remove('active');\n      });\n\n      button.classList.add('active');\n\n    });\n\n  });\n\n\n  \/* =======================================================\n     CHECKOUT\n     ======================================================= *\/\n\n  const buyButton =\n    document.getElementById('fspBuyButton');\n\n  const formulaLabUpgrade =\n    document.getElementById('fspFormulaLabUpgrade');\n\n  if (!buyButton) {\n    return;\n  }\n\n\n  buyButton.addEventListener('click', async function () {\n\n    const originalText =\n      buyButton.innerText;\n\n    buyButton.disabled = true;\n\n    buyButton.innerText =\n      'PREPARING YOUR ORDER...';\n\n    try {\n\n      \/*\n        Automatically retrieve this Starter Pack's\n        Shopify default variant.\n      *\/\n\n      const productUrl =\n        window.location.pathname.replace(\/\\\/$\/, '') + '.js';\n\n      const productResponse =\n        await fetch(productUrl);\n\n      if (!productResponse.ok) {\n\n        throw new Error(\n          'Could not retrieve Starter Pack.'\n        );\n\n      }\n\n\n      const starterProduct =\n        await productResponse.json();\n\n      const starterVariant =\n        Number(starterProduct.variants[0].id);\n\n\n      \/*\n        Confirmed $47 Formula Lab variant\n      *\/\n\n      const formulaLabVariant =\n        45918898946234;\n\n\n      const items = [\n\n        {\n          id: starterVariant,\n          quantity: 1\n        }\n\n      ];\n\n\n      if (\n        formulaLabUpgrade \u0026\u0026\n        formulaLabUpgrade.checked\n      ) {\n\n        items.push({\n\n          id: formulaLabVariant,\n          quantity: 1\n\n        });\n\n      }\n\n\n      const addResponse =\n        await fetch('\/cart\/add.js', {\n\n          method: 'POST',\n\n          headers: {\n            'Content-Type': 'application\/json',\n            'Accept': 'application\/json'\n          },\n\n          body: JSON.stringify({\n            items: items\n          })\n\n        });\n\n\n      if (!addResponse.ok) {\n\n        throw new Error(\n          'Unable to add products.'\n        );\n\n      }\n\n\n      window.location.href =\n        '\/checkout';\n\n\n    } catch (error) {\n\n      console.error(error);\n\n      buyButton.disabled = false;\n\n      buyButton.innerText =\n        originalText;\n\n      alert(\n        'Your order could not be prepared. Please refresh the page and try again.'\n      );\n\n    }\n\n  });\n\n});\n\u003c\/script\u003e","brand":"iGlamor Bar Beauty","offers":[{"title":"Default Title","offer_id":46648463425722,"sku":null,"price":7.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0506\/1771\/2826\/files\/formula_starter_pack_hero_73ff6467-dcca-47ba-9a0d-1b7e2f832add.png?v=1789431546","url":"https:\/\/igbbeauty.com\/products\/formula-starter-pack","provider":"iGlamor Bar Beauty","version":"1.0","type":"link"}