cookiesbycassie.co Open in urlscan Pro
2606:4700:3030::6815:202a  Public Scan

URL: https://cookiesbycassie.co/
Submission: On February 09 via api from BE — Scanned from DE

Form analysis 1 forms found in the DOM

<form class="jsx-1090116184 fullpage-container fullpage-wrapper" style="height: 100%; position: relative; touch-action: none; transform: translate3d(0px, 0px, 0px);">
  <div data-anchor="intro" tabindex="-1" class="jsx-1652706242 form-panel shop-welcome-panel section fp-noscroll fp-section active fp-completely" data-fp-styles="null" style="height: 1200px;">
    <div class="jsx-1652706242 panel-content normal-scroll">
      <div class="jsx-2043318260 logo-container" style="background-image: url(&quot;https://static.cococart.co/73b486c6-8e23-48d9-bc2e-f1d898eeff35.jpeg&quot;);"></div>
      <div data-test-id="welcome-message" class="jsx-2043318260 welcome-message">Baked with love ♡</div>
      <div class="jsx-2043318260">
        <a href="https://facebook.com/cookiesbycassie.co" target="_blank" rel="noopener noreferrer nofollow" class="jsx-2043318260 link-icon"><span role="img" aria-label="facebook" class="anticon anticon-facebook"><svg viewBox="64 64 896 896" focusable="false" data-icon="facebook" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-92.4 233.5h-63.9c-50.1 0-59.8 23.8-59.8 58.8v77.1h119.6l-15.6 120.7h-104V912H539.2V602.2H434.9V481.4h104.3v-89c0-103.3 63.1-159.6 155.3-159.6 44.2 0 82.1 3.3 93.2 4.8v107.9z"></path></svg></span></a><a href="https://instagram.com/cookiesbycassie.co" target="_blank" rel="noopener noreferrer nofollow" class="jsx-2043318260 link-icon"><span role="img" aria-label="instagram" class="anticon anticon-instagram"><svg viewBox="64 64 896 896" focusable="false" data-icon="instagram" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M512 378.7c-73.4 0-133.3 59.9-133.3 133.3S438.6 645.3 512 645.3 645.3 585.4 645.3 512 585.4 378.7 512 378.7zM911.8 512c0-55.2.5-109.9-2.6-165-3.1-64-17.7-120.8-64.5-167.6-46.9-46.9-103.6-61.4-167.6-64.5-55.2-3.1-109.9-2.6-165-2.6-55.2 0-109.9-.5-165 2.6-64 3.1-120.8 17.7-167.6 64.5C132.6 226.3 118.1 283 115 347c-3.1 55.2-2.6 109.9-2.6 165s-.5 109.9 2.6 165c3.1 64 17.7 120.8 64.5 167.6 46.9 46.9 103.6 61.4 167.6 64.5 55.2 3.1 109.9 2.6 165 2.6 55.2 0 109.9.5 165-2.6 64-3.1 120.8-17.7 167.6-64.5 46.9-46.9 61.4-103.6 64.5-167.6 3.2-55.1 2.6-109.8 2.6-165zM512 717.1c-113.5 0-205.1-91.6-205.1-205.1S398.5 306.9 512 306.9 717.1 398.5 717.1 512 625.5 717.1 512 717.1zm213.5-370.7c-26.5 0-47.9-21.4-47.9-47.9s21.4-47.9 47.9-47.9 47.9 21.4 47.9 47.9a47.84 47.84 0 01-47.9 47.9z"></path></svg></span></a><a href="https://wa.me/+639955571045" target="_blank" rel="noopener noreferrer nofollow" class="jsx-2043318260 link-icon"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeInherit css-1cw4hi4" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="WhatsAppIcon"><path d="M16.75 13.96c.25.13.41.2.46.3.06.11.04.61-.21 1.18-.2.56-1.24 1.1-1.7 1.12-.46.02-.47.36-2.96-.73-2.49-1.09-3.99-3.75-4.11-3.92-.12-.17-.96-1.38-.92-2.61.05-1.22.69-1.8.95-2.04.24-.26.51-.29.68-.26h.47c.15 0 .36-.06.55.45l.69 1.87c.06.13.1.28.01.44l-.27.41-.39.42c-.12.12-.26.25-.12.5.12.26.62 1.09 1.32 1.78.91.88 1.71 1.17 1.95 1.3.24.14.39.12.54-.04l.81-.94c.19-.25.35-.19.58-.11l1.67.88M12 2a10 10 0 0 1 10 10 10 10 0 0 1-10 10c-1.97 0-3.8-.57-5.35-1.55L2 22l1.55-4.65A9.969 9.969 0 0 1 2 12 10 10 0 0 1 12 2m0 2a8 8 0 0 0-8 8c0 1.72.54 3.31 1.46 4.61L4.5 19.5l2.89-.96A7.95 7.95 0 0 0 12 20a8 8 0 0 0 8-8 8 8 0 0 0-8-8z"></path></svg></a>
      </div>
      <div class="jsx-2043318260 welcome-info">Need a cookie fix? 🍪 Try our chunky and chewy cookies to satisfy your sweet cravings ♡</div>
      <div class="jsx-2043318260 link-buttons"><button
          class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButton-fullWidth welcome-btn css-iymrfe"
          tabindex="0" type="button" data-test-id="products-cta">Order Now<span
            class="MuiTouchRipple-root css-w0pj6f"></span></button><a class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButton-disableElevation MuiButton-fullWidth MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeLarge MuiButton-outlinedSizeLarge MuiButton-disableElevation MuiButton-fullWidth welcome-btn link-btn css-1cgqvby" tabindex="0" href="/pages/faq">FAQ<span class="MuiTouchRipple-root css-w0pj6f"></span></a>
      </div>
    </div>
  </div>
  <div data-anchor="fulfilmentType" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">What would you like to book?</div>
          <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 no-margin-bottom css-isbt42" data-test-id="fulfilment-type-radio">
            <div class="MuiGrid-root MuiGrid-item css-1wxaqej">
              <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="fulfilmentType" class="jsx-182927843" value="delivery">
                  <div class="jsx-182927843 title">
                    <div class="jsx-3128650786 fulfilment-button">
                      <div class="jsx-3128650786 illustration-container"><img src="/assets/delivery-illustration-ce184513.png" alt="" class="jsx-3128650786"></div>
                      <div class="jsx-3128650786 label">delivery</div>
                      <div class="jsx-3128650786 cost">Quoted later</div>
                    </div>
                  </div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item css-1wxaqej">
              <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="fulfilmentType" class="jsx-182927843" value="pickup">
                  <div class="jsx-182927843 title">
                    <div class="jsx-3128650786 fulfilment-button">
                      <div class="jsx-3128650786 illustration-container"><img
                          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAACjCAYAAABfVOqNAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAgGSURBVHgB7Z1PdhNHEMbLFvvYJ2CMH+s4J4g4QVhmhzlBkhPYPoHhBIETxLu8rBAniLkANCcw7LGdKjFyZHvUU/1npqvH3+89IfFUsqT5pnq66usZEYFJskUTpGH47mB7e/uA7x/zbef6+nrnbtzW1tYHvnNXV1fnfH/unPtCE2ESwrKOIpoI+YIFnLNgDUXArz3nv3F+eXn5lkVeUMVULSwLKmIe8sMXfNuhvDi+nXE2v2aRHVVGlcI+ffr04Nu3b6ecmXMaAX6fN5zFJzUJXJWwMuRyhh7xw9+pDMcfP348oQqoRlgWdc6i/ikPqSwy2XpmPXu3qQKePHlyyqK+o/KiCg1/lk/8mY7IMDMyjAy9u7u7f/Mx7leyx5w/287FxcU/ZBCzQ7HUooay1IfMnF9aq4FNDsUViSo85xHlHRnDXMa2M98FP/yR4pHsOePbB86mhfz/7mSn7U7JDnTAjYlfMpROb3jG/JKMYE5YmShRZDnDAi34dhLTNWq7V5J9R7GdKzJUDpkStp1pHlMgKYJ2wSIfxgrclkILKowZYdvj6icKQ4bcE86SVzQAvKMd811oWfOFxd0rPZkyM3lqJ0tqOEPl+PnTUKIK/LePRSR+Lxfwsp3ZbHZKhTEh7P7+/iEFzIBFVHFxxuj+yHvwez0LEZdjD6VTRgUxISxvCPVwtybqaENdjLhyjKaCFBc2MFtlAz8vcfxaiUvfj+u9SPlUMmuLCxuSraWb7/Le0mXSxpfM2qLCtnt0oww34YfyRzjjnfGtJrbN2twLAFQUFZa/+KEy1MkMlYzAwkoDRTUk82y/iHdcWtiflXGmzO32GP9aE8s7geo75qZYg6Jdr/SvIlSydY+M0fa0LzSxfFzeHXvCVyxjeaPMNXGcrQsyiAglrUxl+JxGppiwWjdFloKSUbSTqHZ986gUE5Y3ymNF2Bfj63sXmiDeiTXfNSslJ09NX4As4CbDtOVX77GTv8fDyVhSLPBuT8GwjlPEjF7LFhG2Xb2gwfy5NNK7VoQ9DGEfIBAW5AHCThQIO1Eg7ESBsBMFwk4UCDtRIOxEgbATJdhob1fsP6e0boq89re+IPE7uV/8ngzTntClafK/oTS+smF/pnW7goRNOWEK5KG90MkffSsyHpESiGoDOcuAR0x56F0Gq8rYyBOmwIC0J365Tc+rJk+lllCCzcxms7nveZWwXdchBGVhTRrf89pyZ/Q1O6AXb7Khjq0Unh3/4HteK2xDwBSyCN33vEpY3jtwjLWHN2O1dWyvsO0FPsxcDqdmuAr5i++83ay+C5/0ChtyGqCF0xynwP7+/ufUtciaoVglLO9ljkAW+PipWXbb+J7UCNsoYmQo/kogCzzMqtZT+0bTnOXOZH4owQDabZkkbKOIkb3MEcgCD8VOGRovLB87VcdYtpKQseOTlLHaWTGEzYfTBLER0Gx6LqewIB/JSdIrbICz4wjkQiWsz+HRZKzW2cFQnI9RZsUqrF0Tv2a029Ln8OQqdxyBrGguyOlzeHqFVTo7yNYyJGWsxtmBsPlxfQE+h8crbKkLPIJlYyip996XsXB2CpHq8PQJ25ACODv5SXV4cpU7OMbmJ6mWzZKxcHbyk+rweIWFs1MFURkLZ6ccThO0yeHJJSzIT1KyeIUN+G03RyA3SQ6PV1g+gHsXJYd+CBDEoLNiFXB28pPq8OQodxyBQUhxePqOsXB27BOVsXB2yuL6AjZNcDcKG3AVcPSJByLF4fFlrNbZUf2oEAgnxeFJFpaH4s8EBiHF4cGlCmwTXcv6hG1IAZyd4UhxeDYKC2enKoIyFs5OeZwmqMvh2Shs3wWi1oCwwxG9bZOHYoKwQxLt8GwUVuvs4IIigzLIrBgUJsXhSS13HIFBiXV4NgoLZ6cqgjIWzo4NXF9Al8PTKSycHTvEOjybMhbOjhFiHZ4kYeHsDE+sw4Nyxz5RtewmYRtSAGdneGIdnk5h4exUiSpj0Se2g9ME3XV4OoWFs2OKqG2cNBQThB2DKIenU1g4O6bIOisGRoh1eFLKHUdgFGIcnk5h4exUiSpj4ezYwvUF3HV47gkLZ8ceMQ5PV8bC2TFGjMMTLSycnfHQ9uTXHR6UO9PCK2xDCuDsjEeMw3NPWDg7VePNWPSJ7eE0QesOzz1h4eyYxFEg0UMxQVhzrCflPWHh7NgjYFuj3Jki6w5PbLnjCIxKqMNzT1g4O1XjzVg4OzZxfQHrDs8tYeHsmCaoN383Y+Hs1E2zehAlLJyd8Ql1eFDuTI9OYRtSAGdnfEIdnlvCwtmZBJ0Ziz6xXZwmaOXw3BIWzo5pXEhw1FBMENYsq+S8JSycHbuEOjwod+qid6RcOTwx5Y4jUARNj37l8NwSFs6ObZRXkOnMWDg7htFs+5XDcyMsnJ0qUPfo1zMWzs40aOSfYGHh7JQjxOGJKXdwjC2H+noU68I2mldor+0H8qM8nVL4X9gAZ8cRKAI3+KMyVtsnBoXQ2qXi8NwIC2enCpw2MHgoJghrHknSG2Hh7NgnxOEJLXeQreVROTyh5Q6ELYzW4bkRVuPsaE4MAsOidXhQ7lSG1uFZCgtnpypUvfpVxsLZmRZNkLBwdsqjdXhQ7tSHSoOVsI0mGM5OebQOzyP5R9tO5KH4dG9v74hAMZQLDr8LS/pSZ0f7h0FZlkNxgLMDKmEpbICzAyphKazW2QH1gHN3JspSWJ4QvScwKVZD8StC82FKuKWw8jNbLO4z2HKTwImW/wE4yG73rbaQKgAAAABJRU5ErkJggg=="
                          alt="" class="jsx-3128650786"></div>
                      <div class="jsx-3128650786 label">pickup</div>
                      <div class="jsx-3128650786 cost">Free</div>
                    </div>
                  </div>
                </label></div>
            </div>
          </div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="deliveryDate" tabindex="-1" class="jsx-1652706242 form-panel section fp-noscroll fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="jsx-1652706242 panel-content normal-scroll">
      <div class="jsx-1652706242 heading">When do you want your order?</div>
      <div class="jsx-1652706242 subheading">Showing next available dates</div>
      <div class="MuiBox-root css-1idmqzt"><span class="MuiBox-root css-4g6ai3">More dates</span></div>
      <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 no-margin-bottom css-tuxzvu" data-test-id="product-date-radio">
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3 MuiGrid-grid-sm-2 css-1sv3fxx">
          <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="deliveryDate" class="jsx-182927843" value="2024-02-10">
              <div class="jsx-182927843 title">
                <div class="jsx-642526906 date-button">
                  <div class="jsx-642526906 day-of-week">Sat</div>
                  <div class="jsx-642526906 date-number">10</div>
                  <div class="jsx-642526906 month">Feb</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3 MuiGrid-grid-sm-2 css-1sv3fxx">
          <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="deliveryDate" class="jsx-182927843" value="2024-02-11">
              <div class="jsx-182927843 title">
                <div class="jsx-642526906 date-button">
                  <div class="jsx-642526906 day-of-week">Sun</div>
                  <div class="jsx-642526906 date-number">11</div>
                  <div class="jsx-642526906 month">Feb</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3 MuiGrid-grid-sm-2 css-1sv3fxx">
          <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="deliveryDate" class="jsx-182927843" value="2024-02-12">
              <div class="jsx-182927843 title">
                <div class="jsx-642526906 date-button">
                  <div class="jsx-642526906 day-of-week">Mon</div>
                  <div class="jsx-642526906 date-number">12</div>
                  <div class="jsx-642526906 month">Feb</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3 MuiGrid-grid-sm-2 css-1sv3fxx">
          <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="deliveryDate" class="jsx-182927843" value="2024-02-13">
              <div class="jsx-182927843 title">
                <div class="jsx-642526906 date-button">
                  <div class="jsx-642526906 day-of-week">Tue</div>
                  <div class="jsx-642526906 date-number">13</div>
                  <div class="jsx-642526906 month">Feb</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3 MuiGrid-grid-sm-2 css-1sv3fxx">
          <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="deliveryDate" class="jsx-182927843" value="2024-02-14">
              <div class="jsx-182927843 title">
                <div class="jsx-642526906 date-button">
                  <div class="jsx-642526906 day-of-week">Wed</div>
                  <div class="jsx-642526906 date-number">14</div>
                  <div class="jsx-642526906 month">Feb</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-3 MuiGrid-grid-sm-2 css-1sv3fxx">
          <div tabindex="-1" class="jsx-182927843 raised-button tile    highlight"><label class="jsx-182927843 clickable"><input type="radio" name="deliveryDate" class="jsx-182927843" value="2024-02-15">
              <div class="jsx-182927843 title">
                <div class="jsx-642526906 date-button">
                  <div class="jsx-642526906 day-of-week">Thu</div>
                  <div class="jsx-642526906 date-number">15</div>
                  <div class="jsx-642526906 month">Feb</div>
                </div>
              </div>
            </label></div>
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="category" tabindex="-1" class="jsx-1652706242 form-panel add-padding-bottom section fp-noscroll fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="jsx-1652706242 panel-content normal-scroll">
      <div class="jsx-1652706242 heading">What would you like to buy?</div>
      <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 no-margin-bottom css-isbt42">
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65be558c8273fe2ea9121652">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/be1bc88c-c27e-448f-9b69-60fb9e97fbcb.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Valentines Menu ♡</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65becb4a8273fe2ea913da9d">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/d637a1df-6778-4e4b-86d0-c54c51d32a6f.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Sampler Box</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65c0669bac09056d3aa8d39c">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/c05044e2-3b7a-416f-956b-49cfac25152b.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Mix and Match</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bf9c3f8273fe2ea91aae62">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/6231b978-6e31-460e-a9f0-c120cab8ee8d.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Triple Chocolate</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bf9d5c20ae25d4793c35c5">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/77d3e3ea-420c-40e4-8ed6-a9b6b3e538bc.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Birthday Cookies</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65c05a528273fe2ea91ef6b8">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/e1d31829-5cdd-433f-8a45-1bd4492aaded.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Red Velvet</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bf9e64ac09056d3aa43eab">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/9af05f44-f926-4c4e-9b21-a300957ae919.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Smore’s</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bf9ef1ac09056d3aa4445c">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/5327af19-d117-45a4-ba02-15cf6fca7ab2.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Classic Chocolate Chip</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bf9fe420ae25d4793c48d4">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/f38947e8-f107-40bf-af20-2eb16682472c.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Dark Chocolate</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bfa15aafc3a72a69e86055">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/a7c974fb-4361-4db6-9446-8f1b1afeb50f.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Dark Seasalt Caramel</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bfa2bd8273fe2ea91ae37c">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/caf33c0c-5a2e-43b8-997e-927ef87934ff.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Chocolate Chunk</div>
                </div>
              </div>
            </label></div>
        </div>
        <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-4 css-idrrft">
          <div tabindex="-1" class="jsx-2980413987 raised-button tile    highlight"><label class="jsx-2980413987 clickable"><input type="radio" name="category" class="jsx-2980413987" value="65bfa3e8afc3a72a69e8729c">
              <div class="jsx-2980413987 title">
                <div class="jsx-63931399 product-image square" style="background-image: url(&quot;https://static.cococart.co/08f94406-66c2-488c-9efe-b4b186e23e99.jpeg&quot;); opacity: 1;"></div>
                <div class="jsx-63931399 label-container without-description"></div>
                <div class="jsx-63931399 product-details">
                  <div class="jsx-63931399 product-name">Nibblers</div>
                </div>
              </div>
            </label></div>
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="buyerName" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">What's your name?</div>
          <div>
            <div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth css-1piw51n"><input name="buyerName" placeholder="Enter here" type="text" data-test-id="buyer-name-input" tabindex="-1"
                class="MuiInputBase-input MuiInput-input css-mnn31" value=""></div>
          </div>
          <div class="jsx-1652706242 btn invisible"><button
              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation loading-button  normal css-1a4jede"
              tabindex="0" type="button" data-test-id="buyer-name-next-btn">Next<span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="buyerEmail" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">What's your email?</div>
          <div class="jsx-1652706242 subheading">Your order confirmation will be sent here</div>
          <div>
            <div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth css-1piw51n"><input name="buyerEmail" placeholder="coco@gmail.com" type="email" data-test-id="buyer-email-input" tabindex="-1"
                class="MuiInputBase-input MuiInput-input css-1n1no82" value=""></div>
          </div>
          <div class="checkbox-container"><label class="MuiFormControlLabel-root MuiFormControlLabel-labelPlacementEnd css-1jaw3da"><span
                class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary Mui-checked MuiCheckbox-root MuiCheckbox-colorPrimary css-1vt2fgm"><input
                  class="PrivateSwitchBase-input css-1m9pwf3" type="checkbox" data-indeterminate="false" checked=""><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-vubbuv" focusable="false" aria-hidden="true" viewBox="0 0 24 24"
                  data-testid="CheckBoxIcon">
                  <path d="M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path>
                </svg><span class="MuiTouchRipple-root css-w0pj6f"></span></span><span class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label css-9l3uo3"><span>I'd like to receive shop offers and updates through
                  email</span></span></label></div>
          <div class="jsx-1652706242 btn invisible"><button
              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation loading-button  normal css-1a4jede"
              tabindex="0" type="button" data-test-id="buyer-email-next-btn">Next<span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="buyerPhone" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">What's your phone number?</div>
          <div class="jsx-1652706242 subheading">No spam. For order purposes only</div>
          <div class="jsx-2967597868 phone-input-container">
            <div class="jsx-2756700988 country-select-wrapper">
              <div class="MuiInputBase-root MuiInput-root MuiInputBase-colorPrimary jsx-2756700988 css-h2mni0">
                <div tabindex="0" role="button" aria-expanded="false" aria-haspopup="listbox" class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1cccqvr">
                  <div class="jsx-2756700988 country-details"><img width="27" height="18" alt="Germany" src="https://purecatamphetamine.github.io/country-flag-icons/3x2/DE.svg">&nbsp;+49</div>
                </div><input aria-invalid="false" aria-hidden="true" tabindex="-1" class="MuiSelect-nativeInput css-1k3x8v3" value="DE"><svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconStandard css-1utq5rl"
                  focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="ArrowDropDownIcon">
                  <path d="M7 10l5 5 5-5z"></path>
                </svg>
              </div>
            </div>
            <div class="jsx-2967597868 phone-input">
              <div>
                <div class="MuiInputBase-root MuiInput-root MuiInput-underline MuiInputBase-colorPrimary MuiInputBase-fullWidth css-1piw51n"><input autocomplete="tel" placeholder="01512 3456789" type="tel" data-test-id="buyer-phone-input"
                    tabindex="-1" class="MuiInputBase-input MuiInput-input css-mnn31" value=""></div>
              </div>
            </div>
          </div>
          <div class="jsx-1652706242 btn invisible"><button
              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation loading-button  normal css-1a4jede"
              tabindex="0" type="button" data-test-id="buyer-phone-next-btn">Next<span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="fulfilmentMethod" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">How would you like to receive your order?</div>
          <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 no-margin-bottom css-isbt42" data-test-id="fulfilment-method-radio">
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="fulfilmentMethod" class="jsx-857428867" value="65bd3dd920ae25d4792c6a30">
                  <div class="jsx-857428867 title">Pickup</div>
                  <div class="jsx-857428867 subtitle">Free</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="fulfilmentMethod" class="jsx-857428867" value="65c3844ddfdf69b2af38c1af">
                  <div class="jsx-857428867 title">Lalamove</div>
                </label></div>
            </div>
          </div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="isGift" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">Is this a gift for someone?</div>
          <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 no-margin-bottom css-isbt42">
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="isGift" class="jsx-857428867" value="true">
                  <div class="jsx-857428867 title">Yes</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="isGift" class="jsx-857428867" value="false">
                  <div class="jsx-857428867 title">No</div>
                </label></div>
            </div>
          </div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="customAnswers[0]" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">Do you want your cookies to be individually packed and sealed?</div>
          <div class="jsx-1652706242 subheading">
            <div>Recommended for cookies that will be in long transit time and to prolong their freshness.</div>
            <div>Choose 1</div>
          </div>
          <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 no-margin-bottom css-isbt42">
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="customAnswers[0]" class="jsx-857428867" value="65c0603dac09056d3aa892b8">
                  <div class="jsx-857428867 title">Yes please</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="customAnswers[0]" class="jsx-857428867" value="65c0603dac09056d3aa892b9">
                  <div class="jsx-857428867 title">No need</div>
                </label></div>
            </div>
          </div>
          <div class="jsx-1652706242 btn invisible"><button
              class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeLarge MuiButton-containedSizeLarge MuiButton-disableElevation loading-button  normal css-1a4jede"
              tabindex="0" type="button">Skip<span class="MuiTouchRipple-root css-w0pj6f"></span></button></div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="tipPercentageApplied" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">Would you like to give a tip to Cookies by Cassie?</div>
          <div class="jsx-1652706242 subheading">Your tip supports our team preparing your order. We appreciate it!</div>
          <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 no-margin-bottom css-isbt42">
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="tipPercentageApplied" class="jsx-857428867" value="5">
                  <div class="jsx-857428867 title">5%</div>
                  <div class="jsx-857428867 subtitle">₱0</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="tipPercentageApplied" class="jsx-857428867" value="10">
                  <div class="jsx-857428867 title">10%</div>
                  <div class="jsx-857428867 subtitle">₱0</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="tipPercentageApplied" class="jsx-857428867" value="15">
                  <div class="jsx-857428867 title">15%</div>
                  <div class="jsx-857428867 subtitle">₱0</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="tipPercentageApplied" class="jsx-857428867" value="0">
                  <div class="jsx-857428867 title">No Tip</div>
                </label></div>
            </div>
          </div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
  <div data-anchor="paymentMethod" tabindex="-1" class="jsx-1652706242 form-panel section fp-section" data-fp-styles="null" style="height: 1200px;">
    <div class="fp-scrollable" style="height: 1200px;">
      <div class="fp-scroller" style="transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1); transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
        <div class="jsx-1652706242 panel-content ">
          <div class="jsx-1652706242 heading">And finally, how would you like to pay?</div>
          <div class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-2 no-margin-bottom css-isbt42">
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="paymentMethod" class="jsx-857428867" value="Card">
                  <div class="jsx-857428867 title">Credit/debit card</div>
                  <div class="jsx-857428867 subtitle">+₱21.18</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="paymentMethod" class="jsx-857428867" value="PayPal">
                  <div class="jsx-857428867 title">PayPal</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="paymentMethod" class="jsx-857428867" value="GCash (Manual)">
                  <div class="jsx-857428867 title">GCash</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="paymentMethod" class="jsx-857428867" value="Bank Transfer (BDO) (Manual)">
                  <div class="jsx-857428867 title">Bank Transfer (BDO)</div>
                </label></div>
            </div>
            <div class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 css-15j76c0">
              <div tabindex="-1" class="jsx-857428867 raised-button bar    highlight"><label class="jsx-857428867 clickable"><input type="radio" name="paymentMethod" class="jsx-857428867" value="Bank Transfer (BPI) (Manual)">
                  <div class="jsx-857428867 title">Bank Transfer (BPI)</div>
                </label></div>
            </div>
          </div>
        </div>
      </div>
      <div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
        <div class="iScrollIndicator"
          style="box-sizing: border-box; position: absolute; background: rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 3px; width: 100%; transition-duration: 0ms; display: none; height: 1192px; transform: translate(0px, 0px) translateZ(0px); transition-timing-function: cubic-bezier(0.1, 0.57, 0.1, 1);">
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

Powered by Cococart

Baked with love ♡

Need a cookie fix? 🍪 Try our chunky and chewy cookies to satisfy your sweet
cravings ♡
Order NowFAQ
What would you like to book?
delivery
Quoted later
pickup
Free

When do you want your order?
Showing next available dates
More dates
Sat
10
Feb
Sun
11
Feb
Mon
12
Feb
Tue
13
Feb
Wed
14
Feb
Thu
15
Feb
What would you like to buy?
Valentines Menu ♡
Sampler Box
Mix and Match
Triple Chocolate
Birthday Cookies
Red Velvet
Smore’s
Classic Chocolate Chip
Dark Chocolate
Dark Seasalt Caramel
Chocolate Chunk
Nibblers
What's your name?

Next

What's your email?
Your order confirmation will be sent here

I'd like to receive shop offers and updates through email
Next

What's your phone number?
No spam. For order purposes only
 +49

Next

How would you like to receive your order?
Pickup
Free
Lalamove

Is this a gift for someone?
Yes
No

Do you want your cookies to be individually packed and sealed?
Recommended for cookies that will be in long transit time and to prolong their
freshness.
Choose 1
Yes please
No need
Skip

Would you like to give a tip to Cookies by Cassie?
Your tip supports our team preparing your order. We appreciate it!
5%
₱0
10%
₱0
15%
₱0
No Tip

And finally, how would you like to pay?
Credit/debit card
+₱21.18
PayPal
GCash
Bank Transfer (BDO)
Bank Transfer (BPI)


Your orderFree
Proceed to Checkout

English
বাংলা
Bahasa Melayu
ไทย
Français
Bahasa Indonesia
Español
中文
Português Brasileiro