<!doctype html>
<html class="no-js " lang="en">
  <head>
    <script nowprocket nitro-exclude type="text/javascript" id="sa-dynamic-optimization" data-uuid="ead69605-b9c1-4729-95c6-e9aa1fe8b825" src="data:text/javascript;base64,dmFyIHNjcmlwdCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoInNjcmlwdCIpO3NjcmlwdC5zZXRBdHRyaWJ1dGUoIm5vd3Byb2NrZXQiLCAiIik7c2NyaXB0LnNldEF0dHJpYnV0ZSgibml0cm8tZXhjbHVkZSIsICIiKTtzY3JpcHQuc3JjID0gImh0dHBzOi8vZGFzaGJvYXJkLnNlYXJjaGF0bGFzLmNvbS9zY3JpcHRzL2R5bmFtaWNfb3B0aW1pemF0aW9uLmpzIjtzY3JpcHQuZGF0YXNldC51dWlkID0gImVhZDY5NjA1LWI5YzEtNDcyOS05NWM2LWU5YWExZmU4YjgyNSI7c2NyaXB0LmlkID0gInNhLWR5bmFtaWMtb3B0aW1pemF0aW9uLWxvYWRlciI7ZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZChzY3JpcHQpOw=="></script>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-L0W8VBSQ25"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-L0W8VBSQ25');
    </script>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="">

    

    
      <link rel="canonical" href="https://www.pamelasproducts.com/">
    
<link rel="icon" type="image/png" href="//www.pamelasproducts.com/cdn/shop/files/Pamela_s_Blue_Favicon_Logo.png?crop=center&height=32&v=1673546876&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
      Gluten-Free Baking Mixes &amp; Snacks | Pamela&#39;s Products
</title>
    
      <meta name="description" content="Gluten-free food that actually tastes amazing. Pamela&#39;s has been crafting GFCO-certified, Non-GMO baking mixes, cookies &amp; snack bars with love since 1988.">
    
    <link href="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme.css?v=75864758994093421481778106754" rel="stylesheet" type="text/css" media="all" />
    
    
    <link rel="preload" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/secondary-css.css?v=19872392729268356371778106754" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
      <link rel="stylesheet" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/secondary-css.css?v=19872392729268356371778106754">
    </noscript>
    <link rel="preload" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme-md.css?v=132121132021328883421778106754" as="style" media="(min-width: 768px)">
    <link rel="stylesheet" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme-md.css?v=132121132021328883421778106754" type="text/css" media="(min-width: 768px)">
    <link rel="preload" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme-lg.css?v=80485476460842249911778106754" as="style" media="(min-width: 1024px)">
    <link rel="stylesheet" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme-lg.css?v=80485476460842249911778106754" type="text/css" media="(min-width: 1024px)">
    <link rel="preload" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme-xl.css?v=108715784441113734131778106754" as="style" media="(min-width: 1280px)">
    <link rel="stylesheet" href="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme-xl.css?v=108715784441113734131778106754" type="text/css" media="(min-width: 1280px)">
    
    
    
<link rel="preload" href="//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2" as="font" type="font/woff2" crossorigin="anonymous" fetchpriority="high" />
    
    
    

<meta property="og:site_name" content="Pamela&#39;s Products">
<meta property="og:url" content="https://www.pamelasproducts.com/">
<meta property="og:title" content="Gluten-Free Baking Mixes &amp; Snacks | Pamela&#39;s Products">
<meta property="og:type" content="website">
<meta property="og:description" content="Gluten-free food that actually tastes amazing. Pamela&#39;s has been crafting GFCO-certified, Non-GMO baking mixes, cookies &amp; snack bars with love since 1988."><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Gluten-Free Baking Mixes &amp; Snacks | Pamela&#39;s Products">
<meta name="twitter:description" content="Gluten-free food that actually tastes amazing. Pamela&#39;s has been crafting GFCO-certified, Non-GMO baking mixes, cookies &amp; snack bars with love since 1988.">
<style data-shopify>@font-face {
  font-family: Caprasimo;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/caprasimo/caprasimo_n4.ace8d487dab0fdc4aa738a8c0b37f0259d504fa6.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/caprasimo/caprasimo_n4.3326b4dfa7114df6a092844e4680f993cb235154.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n6.aa29d4918bc243723d56b59572e18228ed0786f6.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n6.5f815d845fe073750885d5b7e619ee00e8111208.woff") format("woff");
}


  @font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}
</style>
<style data-shopify>:root,
  *:before {
    --base-font-size: 0.9625rem;
    --font-size-medium-mobile: 0.99rem;
    --font-size-medium: 1.1rem;
    --font-size-small: 0.6875rem;
    --font-size-small-mobile: 0.61875rem;
    --font-size-normal: 0.825rem;
    --font-size-normal-mobile: 0.7425rem;
    --font-size-large: 1.375rem;
    --font-size-large-mobile: 1.2375rem;
    --heading-highlight-font-size: 110%;
    --h1-font-size: 4.2075rem;
    --h2-font-size: 2.475rem;
    --h3-font-size: 1.485rem;
    --h4-font-size: 1.36125rem;
    --h5-font-size: 1.2375rem;
    --h6-font-size: 1.11375rem;
    --base-font-size-mobile: 0.86625rem;
    --h1-font-size-mobile: 2.10375rem;
    --h2-font-size-mobile: 1.485rem;
    --h3-font-size-mobile: 1.0395rem;
    --h4-font-size-mobile: 0.952875rem;
    --h5-font-size-mobile: 0.86625rem;
    --h6-font-size-mobile: 0.779625rem;
    --rating-star-size: 0.77rem;
    --border-radius: 100px;
    --page-width: 1400px;
    --width-countdown: 8.6625rem;
    --font-menu: Poppins, sans-serif;
    --font-menu-weight: 500;
    --font-menu-style: normal;
    --font-button: Poppins, sans-serif;
    --font-button-weight: 500;
    --font-button-style: normal;
    --font-body-family: Poppins, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-heading-family: Caprasimo, sans-serif;
    --font-heading-highlight: Poppins, sans-serif;
    --font-heading-highlight-style: normal;
    --font-heading-highlight-weight: 600;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --heading-text-tranform: none;
    --advanced-sections-spacing: 0px;
    --divider-spacing: -0;

    --colors-pulse-speech: 104, 102, 72;
    --image-treatment-overlay: 255, 255, 255;
    --image-treatment-text: 62, 105, 145;
    --colors-line-and-border: 232, 232, 225;
    --colors-line-and-border-base: 232, 232, 225;
    --colors-line-header: 225, 227, 225;
    --colors-line-footer: 255, 255, 255;
    --colors-background: 255, 255, 255;
    --colors-text: 62, 105, 145;
    --colors-text-base: 62, 105, 145;
    --colors-heading: 62, 105, 145;
    --colors-heading-base: 62, 105, 145;
    --colors-background-secondary: 243, 246, 239;
    --colors-text-secondary: 62, 105, 145;
    --colors-heading-secondary: 62, 105, 145;
    --colors-text-link: 62, 105, 145;
    --background-color:  255, 255, 255;
    --background-color-base:  255, 255, 255;
    --background-color-header: 255, 255, 255;
    --colors-text-header: 62, 105, 145;
    --background-color-footer: 62, 105, 145;
    --colors-text-footer: 255, 255, 255;
    --colors-heading-footer: 255, 255, 255;
    --colors-text-link-footer: 210, 238, 251;
    --color-error: 169, 70, 0;
    --color-success: 140, 219, 255;
    --colors-price: 0, 0, 0;
    --colors-price-sale: 194, 0, 0;
    --colors-button-text: 255, 255, 255;
    --colors-button: 62, 105, 145;
    --colors-button-text-hover: 62, 105, 145;
    --colors-secondary-button: 62, 105, 145;
    --colors-button-hover: rgb(210, 238, 251);
    --colors-cart: 62, 105, 145;
    --colors-cart-text: 255, 255, 255;
    --colors-icon-rating: 254, 204, 83;
    --colors-transition-arrows: 0, 0, 0;
    --color-highlight: rgb(20, 56, 109);
    --background-pagination-slideshow: 62, 105, 145;
    --text-color-pagination-slideshow: 255, 255, 255;
    
      --background-secondary-button: 210, 238, 251;
      --colors-line-secondary-button: 210, 238, 251;
    
    
      --button-width: 102%;
      --button-height: 500%;
      --button-transform: rotate3d(0,0,1,-10deg) translate3d(-130%,-10em,0);
      --button-transform-origin: 100% 0%;
    
    
      --height-parallax: 110%;
    
    
      --image-zoom: 1.05;
    
    --card-product-bg: rgba(0,0,0,0);
    --card-product-padding: 20px;
    --card-product-padding-mobile: 8px;
    --card-product-alignment: center;
    
    --width-scrollbar: 0;
    --card-product-ratio: 100.0%;
    --card-product-img-position:  absolute;
    --card-product-img-height:  0;
    --card-product-img-zoom:  scale(1.1);
    --height-header: 0px;
    --transition-card-loading: 500ms;
    --transition-card-image-hover: 400ms;
    --transition-slideshow: 500ms;
    --transition-image-hover: 500ms;
  }
  .dark,
  .dark *:before {
    --image-treatment-overlay: 0, 0, 0;
    --image-treatment-text: 255, 255, 255;
    --colors-line-and-border: 62, 105, 145;
    --colors-line-and-border-base: 62, 105, 145;
    --colors-line-header: 62, 105, 145;
    --colors-line-footer: 62, 105, 145;
    --colors-background: 62, 105, 145;
    --colors-text: 225, 227, 225;
    --colors-text-base: 225, 227, 225;
    --colors-heading: 255, 255, 255;
    --colors-heading-base: 255, 255, 255;
    --background-color: 62, 105, 145;
    --background-color-base: 62, 105, 145;
    --colors-text-link: 210, 238, 251;
    --color-error: 229, 105, 15;
    --color-success: 140, 219, 255;
    --background-color-header: 62, 105, 145;
    --colors-text-header: 255, 255, 255;
    --background-color-footer: 62, 105, 145;
    --colors-text-footer: 225, 227, 225;
    --colors-heading-footer: 255, 255, 255;
    --colors-text-link-footer: 132, 202, 234;
    --colors-price: 250, 250, 250;
    --colors-price-sale: 229, 105, 15;
    --colors-button-text: 255, 255, 255;
    --colors-button: 62, 105, 145;
    --colors-button-text-hover: 62, 105, 145;
    --colors-secondary-button: 34, 77, 140;
    --colors-button-hover: rgb(210, 238, 251);
    --colors-cart: 140, 219, 255;
    --colors-cart-text: 250, 250, 250;
    --colors-background-secondary: 62, 105, 145;
    --colors-text-secondary: 225, 227, 225;
    --colors-heading-secondary: 255, 255, 255;
    --colors-icon-rating: 229, 105, 15;
    --colors-pulse-speech: 104, 102, 72;
    --colors-transition-arrows: 0, 0, 0;
    --color-highlight: rgb(62, 105, 145);
    
      --colors-line-secondary-button: 210, 238, 251;
      --background-secondary-button: 210, 238, 251;
    
    --card-product-bg: rgba(0,0,0,0);
  }
  shopify-accelerated-checkout {
    --shopify-accelerated-checkout-button-border-radius: 100px;
  }
  shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-border-radius: 100px;
    --shopify-accelerated-checkout-inline-alignment: end;
    --shopify-accelerated-checkout-button-block-size: 48px;
    --shopify-accelerated-checkout-button-inline-size: 48px;
  }
  shopify-account {
    --shopify-account-color-accent: rgba(var(--colors-button));
    --shopify-account-color-accent-text: rgb(var(--colors-button-text));
    --shopify-account-color-background: rgb(var(--background-color-base));
    --shopify-account-color-background-subdued: rgba(var(--colors-text-base), .3);
    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
    --shopify-account-radius-button-small: 9999px;
    --shopify-account-color-control-text: rgba(var(--colors-text-base), 1);
    --shopify-account-color-border: rgba(var(--colors-line-and-border-base), 1);
    --shopify-account-color-control-background: rgb(var(--background-color-base));
    --shopify-account-color-text: rgba(var(--colors-text-base), 1);
    --shopify-account-color-text-subdued: rgba(var(--colors-text-base), 1);
    --shopify-account-dialog-position-top: 30px;
    --shopify-account-font-body: var(--font-body-family);
    --shopify-account-font-body-weight: var(--font-body-weight);
    --shopify-account-font-heading: var(--font-heading-family);
    --shopify-account-font-heading-weight: var(--font-heading-weight);
    --shopify-account-radius-base:  8px;
    --shopify-account-radius-button: 100px;
    --shopify-account-radius-dialog:  12px;
    --shopify-account-radius-input:  8px;
    --shopify-account-signed-in-avatar-color-background: rgba(var(--colors-text), 1);
    --shopify-account-signed-in-avatar-color-text: rgb(var(--background-color));
  }
  
    [role="button"],
    [type="button"],
    .button {
      color: rgb(var(--colors-button-text));
    }
    button.button-solid,
    .button.button-solid {
      border: none;
      background-color: rgba(var(--colors-button));
    }
    button.button-disable-effect,
    .button.button-disable-effect {
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
    }
    .button-action {
      border: none;
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
    }
  
  .header, .header *::before {
    --colors-text: var(--colors-text-header);
    --colors-heading: var(--colors-text-header);
    --colors-price: var(--colors-text-header);
    --colors-line-and-border: var(--colors-line-header);
  }
  #sticky-header-content .divider {
    --colors-line-and-border: var(--colors-line-header);
  }
  .paginate-slide-image {
    background: rgba(var(--background-pagination-slideshow));
    color: rgba(var(--text-color-pagination-slideshow));
  }
  body {
    touch-action: manipulation;
  }
  @media (min-width: 1024px) {
    .paginate-slide-image {
      color: rgba(var(--text-color-pagination-slideshow));
    }
    .paginate-slide-image:hover {
      color: rgba(var(--text-color-pagination-slideshow));
    }
  }

  .section-quick-links,
  .section-quick-links *::before,
  .section-footer,
  .section-footer *::before {
    --colors-text: var(--colors-text-footer);
    --colors-heading: var(--colors-heading-footer);
    --colors-text-link: var(--colors-text-link-footer);
    --colors-line-and-border: var(--colors-line-footer);
  }
  .sticky-header {
    --font-body-weight: 700;
  }

  .scrollbar-horizontal {
    position: relative;
    -ms-overflow-style: none;
  }
  .scrollbar-horizontal::-webkit-scrollbar-track {
    background-color: #ececec;
  }
  .scrollbar-horizontal::-webkit-scrollbar {
    height: 3px;
  }

  .scrollbar-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb {
    visibility: visible;
    background-color: #747474;
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
    background-color: #747474;
  }
  body.scrollbar-body::-webkit-scrollbar{
    width: 5px;
  }
  .scrollbar-body::-webkit-scrollbar-track{
    background: #ececec;
  }
  .scrollbar-horizontal {
    position: relative;
    -ms-overflow-style: none;
  }
  .scrollbar-horizontal::-webkit-scrollbar-track {
    background-color: #ececec;
  }
  .scrollbar-horizontal::-webkit-scrollbar {
    height: 3px;
  }

  .scrollbar-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb {
    visibility: visible;
    background-color: #747474;
  }

  .scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
    background-color: #747474;
  }
  .scrollbar-body::-webkit-scrollbar{
    width: 3px;
  }
  .scrollbar-body::-webkit-scrollbar-track{
    background: #ececec;
  }
  .scrollbar-body.scrollbar-visible:active::-webkit-scrollbar-thumb,
  .scrollbar-body.scrollbar-visible:focus::-webkit-scrollbar-thumb,
  .scrollbar-body.scrollbar-visible:hover::-webkit-scrollbar-thumb {
    background: #747474;
    visibility: visible;
  }
  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-track{
    background: transparent;
  }
  .scrollbar-body.scrollbar-visible::-webkit-scrollbar-thumb{
    background: transparent;
    visibility: visible;
  }
  .scrollbar-body::-webkit-scrollbar-thumb{
    background: #747474;
  }
  .animate-scroll-banner {
    animation: scrollX var(--duration, 10s) linear infinite var(--play-state, running) var(--direction);
  }
  .padding-scrollbar, .padding-scrollbar-header {
    padding-right: min(var(--width-scrollbar), 20px);
  }
  
  
  .des-block iframe {
    width: 100%;
    height: 100%;
  }
  .toggle-compare  + label span:first-child,
  .toggle-compare:checked + label span:last-child {
    display: block
  }
  .toggle-compare  + label span:last-child,
  .toggle-compare:checked + label span:first-child {
    display: none;
  }
  .card-product:not(.recommendations) {}
  .dark .card-product:not(.recommendations) {background: transparent;}
  .card-product:not(.recommendations) .card-info,
  .card-product:not(.recommendations) .x-variants-data {
    padding-left: 8px;
    padding-right: 8px;
  }
  .card-product:not(.recommendations) .x-variants-separator::before {
    content: var(--tw-content);
    position: absolute;
    width: calc(100% - 2 * 8px);
    top: 0;
    left: 0;
    margin-left: 8px;
    margin-right: 8px;
  }
  .card-product:not(.recommendations) .card-info .x-variants-data
  {
    padding-left: 0;
    padding-right: 0;
  }
  .card-product:not(.recommendations) .card-info .x-variants-separator::before {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .card-product-slideshow {
      background: #f3f6ef;}
  .dark .card-product-slideshow {
      background: #3e6991;}
  button.shopify-payment-button__more-options {
    color: rgba(var(--colors-text));
  }
  .group-discount:before,.group-discount:after {
    background-color: rgba(var(--colors-price-sale), 5%);
    content: "";
    position: absolute;
    right: 100%;
    height: 100%;
    top: 0;
    width: 1.25rem;
  }
  .shipping_insurance.group-discount:before,.shipping_insurance.group-discount:after {
    background-color: rgb(var(--colors-background-secondary));
  }
  .group-discount:after {
    left: 100%;
    right: auto;
  }
  @media (min-width: 768px){
    .list-layout .card-product:not(.recommendations) {
      padding-bottom: 0;
    }
    .list-layout .card-product:not(.recommendations) .card-info,
    .list-layout .card-product:not(.recommendations) .x-variants-data{
      padding-left: 0;
      padding-right: 0;
    }
    .list-layout .card-product:not(.recommendations) .x-variants-separator::before {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }
    shopify-accelerated-checkout-cart {
    --shopify-accelerated-checkout-button-block-size: 46px;
    --shopify-accelerated-checkout-button-inline-size: 46px;
  }
  }
  @media (min-width: 1024px){
    .group-discount:before,.group-discount:after {
       width: 0;
    }
    .card-product:not(.recommendations) .card-info,
    .card-product:not(.recommendations) .x-variants-data {
      padding-left: 20px;
      padding-right: 20px;
    }
    .card-product:not(.recommendations) .x-variants-separator::before {
      width: calc(100% - 2 * 20px);
      margin-left: 20px;
      margin-right: 20px;
    }
    [role="button"],
    [type="button"],
    .button {
      color: rgba(var(--colors-button-text));
    }
    button.button-solid,
    .button.button-solid {
      border: none;
      box-shadow: none;
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
      overflow: hidden;
      background-origin: border-box;
    }
    button.button-solid:hover,
    .button.button-solid:hover {
      
      transition-delay: 0.5s;
      
      transition-property: background-color;
      background-color: var(--colors-button-hover);
      color: rgba(var(--colors-button-text-hover));
      background-origin: border-box;
    }
    .button-action {
      border: none;
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
    button.button-disable-effect,
    .button.button-disable-effect {
      color: rgb(var(--colors-button-text));
      background-color: rgba(var(--colors-button));
    }
    button.button-disable-effect:hover,
    .button.button-disable-effect:hover {
      color: rgba(var(--colors-button-text-hover));
      background-color: var(--colors-button-hover);
    }
    
      button.button-solid:before,
      .button.button-solid:before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: var(--button-width);
        height: var(--button-height);
        background-color: var(--colors-button-hover);
        backface-visibility: hidden;
        will-change: transform;
        transform: var(--button-transform);
        transform-origin: var(--button-transform-origin);
        transition: transform 0.5s ease;
      }
      button.button-solid:hover:before,
      .button.button-solid:hover:before {
        transform: rotate3d(0,0,1,0) translateZ(0);
      }
    
    
  }
  .inventory-low-stock-status {
    
      --stock-color: rgba(191, 18, 42);
    
      color: var(--stock-color);
    }
  .dark .inventory-low-stock-status {
    
      --stock-color: rgba(191, 18, 42);
    
  }
  .inventory-in-stock-status {
    
      --stock-color: rgba(107, 118, 45);
    
      color: var(--stock-color);
  }
  .dark .inventory-in-stock-status {
    
      --stock-color: rgba(133, 143, 77);
    
  }
  .inventory-out-of-stock-status {
    
      --stock-color: rgba(118, 116, 116);
    
      color: var(--stock-color);
  }
  .dark .inventory-out-of-stock-status {
    
      --stock-color: rgba(134, 127, 127);
    
  }
  .inventory-status {
    background-color: var(--stock-color);
  }
  .card-testimonial {
      background: #f3f6ef;}
  .dark .card-testimonial {
      background: #3e6991;}
  /* App Shopify Subscription */
  .shopify_subscriptions_app_policy a {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgba(var(--colors-text-link)) !important;
    text-decoration-thickness: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%,100% 100%;
    background-repeat: no-repeat;
    transition: background-size 250ms;
  }
  .shopify_subscriptions_app_policy:after {
    clear: both;
    content: var(--tw-content);
    display: block;
  }
  @media (min-width: 1024px) {
    .shopify_subscriptions_app_policy a:hover {
      background-size: 0 .1em, 100% .1em;
      background-position: 100% 100%, 0% 100%;
    }
  }

  /* Recurpay Subscription App */
  #recurpay-account-widget {
    margin-top: 1rem;
  }

  /* Seal Subscriptions */
  .sls-widget-branding {
    z-index: 20 !important;
  }
  .card .sealsubs-target-element, .card-product-fbt .sealsubs-target-element {
    display: none !important;
  }
  .seal-portal-link a {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    color: rgba(var(--colors-text-link)) !important;
    text-decoration-thickness: 1px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(to right, rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1), rgba(var(--colors-text-link), 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%,100% 100%;
    background-repeat: no-repeat;
    transition: background-size 250ms;
  }
  .seal-portal-link:after {
    clear: both;
    content: var(--tw-content);
    display: block;
  }
  @media (min-width: 1024px) {
    .seal-portal-link a:hover {
      background-size: 0 .1em, 100% .1em;
      background-position: 100% 100%, 0% 100%;
    }
  }
  .x-card-title {
    font-size: 0.9rem;
    font-family: var(--font-heading-family);
    font-weight: var(--font-heading-weight);
  }
  .x-card-price, .x-card-price-init {
    font-size: 0.81rem;
    font-family: var(--font-body-family);
    font-weight: var(--font-body-weight);
  }
  @media (min-width: 768px) {
    .x-card-title {
      font-size: 1.0rem;
    }
    .x-card-price, .x-card-price-init {
      font-size: 0.9rem;
    }
  }
  .dbtap-overlay{
    display: none
  }
  @media (max-width: 1024px) and (pointer: coarse) and (hover: none) {
    .dbtap-overlay{
      display: block
    }
  }
  .swatch-count-small {
    min-height: 28px;
    min-width: 28px;
  }
  .swatch-count-medium {
    min-height: 32px;
    min-width: 32px;
  }
  .swatch-count-large {
    min-height: 38px;
    min-width: 38px;
  }</style><style data-shopify>
  
    /* Judge.me */
      #judgeme_product_reviews .jdgm-rev-widg{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px}
      .jdgm-rev-widg__header .jdgm-write-rev-link{margin-top:1.25rem;margin-bottom:1.25rem}
      .jdgm-rev-widg__header .jdgm-rev-widg__sort-wrapper{margin-top:1.25rem;margin-bottom:1.25rem}
      .jdgm-form-wrapper .jdgm-form__title{font-weight:500}
      .jdgm-widget .jdgm-write-rev-link,
      .jdgm-widget .jdgm-btn.jdgm-btn,
      .jdgm-widget input[type=submit].jdgm-btn {
        border-width: 1px;
        font-family: var(--font-button);
        font-weight: var(--font-button-weight);
        font-style: var(--font-button-style);
      }
      .jdgm-paginate .jdgm-paginate__page {
        padding: 12px;
      }
      .jdgm-widget .jdgm-btn--solid, input[type=submit].jdgm-btn--solid {
        padding: 14px 20px;
      }
      .fera-testimonialCarousel-testimonial-body {
        word-break: break-word;
        padding-left:1.25rem;
        padding-right:1.25rem;
      }
    /* end Judge.me */
  
div[data-block-handle="featured_carousel"] {
      width: 100%;
      direction: ltr;
    }</style><style data-shopify>
  .body-text-base-size {
    font-size: 0.86625rem;
  }
  .text-pickup-availability {
    font-size: 0.9625rem;
  }
  .text-result-filter {
    font-size: 1.05875rem;
  }
  .text-filter {
    font-size: 0.779625rem;
  }
  .heading-text-base-h3 {
    font-size: 1.2375rem;
  }
  .heading-text-base-h2 {
    font-size: 1.485rem;
  }
  .text-suggest-search {
    font-size: 0.9625rem;
  }
  .text-review-count {
    font-size: 0.77rem;
  }
  @media (min-width: 768px) {
    .body-text-base-size {
      font-size: 0.9625rem;
    }
    .text-pickup-availability {
      font-size: 1.05875rem;
    }
    .text-filter {
      font-size: 0.86625rem;
    }
    .heading-text-base-h3 {
      font-size: 1.485rem;
    }
    .heading-text-base-h2 {
      font-size: 2.475rem;
    }
    .text-suggest-search {
      font-size: 1.1rem;
    }
  }
</style>
    

          <!-- Google Tag Manager -->
      <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','GTM-MN87PCK');</script>
      <!-- End Google Tag Manager -->

      <meta name="facebook-domain-verification" content="woy8u6yjmqf3y1qyshqa6tuzvdfhka">

    
  <!-- Alpine.js init race fix: hold Alpine boot until deferred stores are registered -->
  <script>
    window.deferLoadingAlpine = function(alpine) {
      window._deferredAlpine = alpine;
    };
  </script>

  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="Rus1C_dKOE40oriAfSpRtkG-_MCWvuMk17bThT7EXuc">
<meta name="facebook-domain-verification" content="0bvt9bq8m0gulc7mgp14dnnfrdezdg">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/57993625765/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="3f4453f401fa35304c9a907bd4b41144">
<meta id="in-context-paypal-metadata" data-shop-id="57993625765" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=57993625765" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":57993625765,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/57993625765","merchantName":"Pamela's Products","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Pamela's Products","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"3f4453f401fa35304c9a907bd4b41144","betas":["rich-media-storefront-analytics"],"domain":"www.pamelasproducts.com","predictiveSearch":true,"shopId":57993625765,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "pamelas-pro.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Eurus - v9.10.0 - Product Bundles","id":162169323776,"schema_name":"Eurus","schema_version":"9.10.0","theme_store_id":2048,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.pamelasproducts.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.ShopifyPay = window.ShopifyPay || {};
  window.ShopifyPay.apiHost = "shop.app\/pay";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.pamelasproducts.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.pamelasproducts.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=118207\u0026v=shopifyApp_5.4.1\u0026ts=1775583200092\u0026shop=pamelas-pro.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":57993625765,"offset":-18000,"reqid":"8485df14-c8c2-45af-9b44-017375194b49-1780972746","pageurl":"www.pamelasproducts.com\/index.css","u":"798222085782","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.pamelasproducts.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.pamelasproducts.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.pamelasproducts.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.pamelasproducts.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
    
  <!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
<script type="text/javascript">
  (function (c, l, a, r, i, t, y) {
    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);

    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
      if (error) {
        console.error("Error loading Shopify features:", error);
        return;
      }

      c[a]('consentv2', {
        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
        source: 101,
      });
    });

    l.addEventListener("visitorConsentCollected", function (e) {
      c[a]('consentv2', {
        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
        source: 101,
      });
    });
  })(window, document, "clarity", "script", "v8n380h1pw");
</script>



<!-- END app block --><!-- BEGIN app block: shopify://apps/hulk-form-builder/blocks/app-embed/b6b8dd14-356b-4725-a4ed-77232212b3c3 --><!-- BEGIN app snippet: hulkapps-formbuilder-theme-ext --><script type="text/javascript">
  
  if (typeof window.formbuilder_customer != "object") {
        window.formbuilder_customer = {}
  }

  window.hulkFormBuilder = {
    form_data: {"form_spyYzzB-PF2g7wGZZ6OdsQ":{"uuid":"spyYzzB-PF2g7wGZZ6OdsQ","form_name":"Contact Us Page","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Send","after_submit":"hideAndmessage","after_submit_msg":"","captcha_enable":"no","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#3e6991","input_font_clr":"#3e6991","button_align":"centerBtn","button_clr":"#fff","button_back_clr":"#3e6991","button_border_radius":"2","form_width":"600px","form_border_size":"2","form_border_clr":"transparent","form_border_radius":"1","label_font_size":"16","input_font_size":"12","button_font_size":"16","form_padding":"35","input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#3e6991","btn_border_size":"1","form_name":"Contact Us Page","":"","form_description":"\u003cp\u003e* required\u003c\/p\u003e\n","custommessage":{"province":"State"},"input_placeholder_clr":"#3e6991","input_fonts_type":"Google Fonts","input_font_family":"Poppins","label_font_family":"Poppins","formElements":[{"type":"select","position":0,"label":"Your Inquiry","values":"General consumer inquiries and foodservice requests\nWebsite order and technical support","Conditions":{},"elementCost":{},"required":"yes","page_number":1},{"Conditions":{},"type":"email","position":1,"required":"yes","email_confirm":"yes","label":"Your Email","page_number":1},{"Conditions":{},"type":"text","position":2,"label":"Full Name","required":"yes","page_number":1},{"Conditions":{},"type":"text","position":3,"label":"Subject","required":"yes","page_number":1},{"Conditions":{},"type":"textarea","position":4,"label":"Comments\/Suggestions","required":"yes","page_number":1},{"Conditions":{},"type":"address","position":5,"label":"Your Address","required":"no","page_number":1},{"Conditions":{},"type":"select","position":6,"label":"Product Name","values":"Almond Flour, 14 oz.\nBig Fig Bars - Blueberry Fig\nBig Fig Bars - Mission Fig\nBiscuit and Scone Mix, 13 oz.\nBlueberry Lemon Whenever Bars\nBread \u0026 Flour Blend, 25 LB\nBread Mix, 19 oz.\nBread Mix, 4 lb.\nChocolate Brownie Mix, 16 oz.\nChocolate Cake Mix, 21 oz.\nChocolate Chip Coconut Whenever Bars\nChocolate Chunk Cookie Mix, 13.6 oz.\nChunky Chocolate Chip Cookies\nCinnamon Grahams\nCornbread and Muffin Mix, 12 oz.\nCranberry Almond Whenever Bars\nDark Chocolate Chunk Cookies\nFiggies \u0026 Jammies - Blueberry Fig\nFiggies \u0026 Jammies - Mission Fig\nFiggies \u0026 Jammies - Raspberry Fig\nGluten-Free 1:1 All-Purpose Flour, 24 oz.\nGluten-Free 1:1 All-Purpose Flour, 25 LB\nGluten-Free 1:1 All-Purpose Flour, 4 lb.\nHoney Grahams\nHoney Mini Grahams Snack Pack\nLemon Shortbread Cookies\nOrganic Cassava Flour, 14 oz.\nOrganic Tiger Nut Flour, 14 oz.\nPancake \u0026 Baking Mix, 14 oz.\nPancake \u0026 Baking Mix, 24 oz.\nPancake \u0026 Baking Mix, 25 LB\nPancake \u0026 Baking Mix, 4 lb.\nPecan Shortbread Cookies\nPizza Crust Mix, 25 LB\nRaisin Walnut Spice Whenever Bars\nVanilla Cake Mix, 21 oz.","elementCost":{},"page_number":1},{"Conditions":{},"type":"text","position":7,"label":"Lot Code","page_number":1},{"Conditions":{},"type":"text","position":8,"label":"UPC\/Barcode","page_number":1},{"Conditions":{},"type":"newdate","position":9,"label":"Best By\/Expiration Date","page_number":1},{"Conditions":{},"type":"text","position":10,"label":"At which store and where did you purchase the product?","page_number":1}]},"is_spam_form":false,"shop_uuid":"efNqpdYe862zBU1PZ1VCyQ","shop_timezone":"America\/Chicago","shop_id":58747,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"pamelas-pro.myshopify.com","popup_settings":{},"form_is_active":true}},
    shop_data: {"shop_efNqpdYe862zBU1PZ1VCyQ":{"shop_uuid":"efNqpdYe862zBU1PZ1VCyQ","shop_timezone":"America\/Chicago","shop_id":58747,"shop_is_after_submit_enabled":true,"shop_shopify_plan":"Grow","shop_shopify_domain":"pamelas-pro.myshopify.com","shop_created_at":"2021-11-08T04:50:10.201-06:00","is_skip_metafield":false,"shop_deleted":false,"shop_disabled":false}},
    settings_data: {"shop_settings":{"shop_customise_msgs":[],"default_customise_msgs":{"is_required":"is required","thank_you":"Thank you! The form was submitted successfully.","processing":"Processing...","valid_data":"Please provide valid data","valid_email":"Provide valid email format","valid_tags":"HTML Tags are not allowed","valid_phone":"Provide valid phone number","valid_captcha":"Please provide a valid CAPTCHA response.","valid_url":"Provide valid URL","only_number_alloud":"Provide valid number in","number_less":"must be less than","number_more":"must be more than","image_must_less":"Image must be less than 20MB","image_number":"Images allowed","image_extension":"Invalid extension! Please provide image file","error_image_upload":"Error in image upload. Please try again.","error_file_upload":"Error in file upload. Please try again.","your_response":"Your response","error_form_submit":"Error occur.Please try again after sometime.","email_submitted":"Form with this email is already submitted","invalid_email_by_zerobounce":"The email address you entered appears to be invalid. Please check it and try again.","download_file":"Download file","card_details_invalid":"Your card details are invalid","card_details":"Card details","please_enter_card_details":"Please enter card details","card_number":"Card number","exp_mm":"Exp MM","exp_yy":"Exp YY","crd_cvc":"CVV","payment_value":"Payment amount","please_enter_payment_amount":"Please enter a payment amount.","address1":"Address line 1","address2":"Address line 2","city":"City","province":"Province","zipcode":"Zip code","country":"Country","blocked_domain":"This form does not accept addresses from","file_must_less":"File must be less than 20MB","file_extension":"Invalid extension! Please provide file","only_file_number_alloud":"files allowed","previous":"Previous","next":"Next","must_have_a_input":"Please enter at least one field.","please_enter_required_data":"Please enter required data","atleast_one_special_char":"Include at least one special character","atleast_one_lowercase_char":"Include at least one lowercase character","atleast_one_uppercase_char":"Include at least one uppercase character","atleast_one_number":"Include at least one number","must_have_8_chars":"Must have 8 characters long","be_between_8_and_12_chars":"Be between 8 and 12 characters long","please_select":"Please Select","phone_submitted":"Form with this phone number is already submitted","user_res_parse_error":"Error while submitting the form","valid_same_values":"values must be the same","product_choice_clear_selection":"Clear Selection","picture_choice_clear_selection":"Clear Selection","remove_all_for_file_image_upload":"Remove All","invalid_file_type_for_image_upload":"You can't upload files of this type.","invalid_file_type_for_signature_upload":"You can't upload files of this type.","max_files_exceeded_for_file_upload":"You can not upload any more files.","max_files_exceeded_for_image_upload":"You can not upload any more files.","file_already_exist":"File already uploaded","max_limit_exceed":"You have added the maximum number of text fields.","cancel_upload_for_file_upload":"Cancel upload","cancel_upload_for_image_upload":"Cancel upload","cancel_upload_for_signature_upload":"Cancel upload"},"shop_blocked_domains":[]}},
    features_data: {"shop_plan_features":{"shop_plan_features":["unlimited-forms","full-design-customization","export-form-submissions","multiple-recipients-for-form-submissions","multiple-admin-notifications","enable-captcha","unlimited-file-uploads","save-submitted-form-data","set-auto-response-message","conditional-logic","form-banner","save-as-draft-facility","include-user-response-in-admin-email","disable-form-submission","mail-platform-integration","stripe-payment-integration","pre-built-templates","create-customer-account-on-shopify","google-analytics-3-by-tracking-id","facebook-pixel-id","bing-uet-pixel-id","advanced-js","advanced-css","api-available","customize-form-message","hidden-field","restrict-from-submissions-per-one-user","utm-tracking","ratings","privacy-notices","heading","paragraph","shopify-flow-trigger","domain-setup","block-domain","address","html-code","form-schedule","after-submit-script","customize-form-scrolling","on-form-submission-record-the-referrer-url","password","duplicate-the-forms","include-user-response-in-auto-responder-email","elements-add-ons","admin-and-auto-responder-email-with-tokens","email-export","premium-support","google-analytics-4-by-measurement-id","google-ads-for-tracking-conversion","validation-field","load_form_as_popup","advanced_conditional_logic","forms-limit","submissions-visibility-limit","file-upload"]}},
    shop: null,
    shop_id: null,
    plan_features: null,
    validateDoubleQuotes: false,
    assets: {
      searchableDropdown: "https://cdn.shopify.com/extensions/019e6828-4915-74c6-afbe-b272d2b36387/form-builder-by-hulkapps-69/assets/searchable-dropdown.js",
      extraFunctions: "https://cdn.shopify.com/extensions/019e6828-4915-74c6-afbe-b272d2b36387/form-builder-by-hulkapps-69/assets/extra-functions.js",
      extraStyles: "https://cdn.shopify.com/extensions/019e6828-4915-74c6-afbe-b272d2b36387/form-builder-by-hulkapps-69/assets/extra-styles.css",
      bootstrapStyles: "https://cdn.shopify.com/extensions/019e6828-4915-74c6-afbe-b272d2b36387/form-builder-by-hulkapps-69/assets/theme-app-extension-bootstrap.css",
    },
    translations: {
      htmlTagNotAllowed: "HTML Tags are not allowed",
      sqlQueryNotAllowed: "SQL Queries are not allowed",
      doubleQuoteNotAllowed: "Double quotes are not allowed",
      vorwerkHttpWwwNotAllowed: "The words \u0026#39;http\u0026#39; and \u0026#39;www\u0026#39; are not allowed. Please remove them and try again.",
      maxTextFieldsReached: "You have added the maximum number of text fields.",
      avoidNegativeWords: "Avoid negative words: Don\u0026#39;t use negative words in your contact message.",
      customDesignOnly: "This form is for custom designs requests. For general inquiries please contact our team at info@stagheaddesigns.com",
      zerobounceApiErrorMsg: "We couldn\u0026#39;t verify your email due to a technical issue. Please try again later.",
    }

  }

  

  window.FbThemeAppExtSettingsHash = {}
  
</script><!-- END app snippet --><!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/Xw6xxu/klaviyo.js?company_id=Xw6xxu"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>









<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->







<link rel="dns-prefetch" href="https://cdn.judge.me">
<link rel="dns-prefetch" href="https://cdn1.judge.me">
<link rel="dns-prefetch" href="https://api.judge.me">

<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#FECC53","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Name*","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"* This field is required. ","widget_email_field_text":"Email *","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review*","widget_review_body_placeholder_text":"Write your comments here*","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank you! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e  Pamela'sTeam  replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"last_initial","widget_rating_filter_color":"#3B6A95","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#F8C954","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":true,"widget_theme":"align","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":true,"show_pictures_on_all_rev_page_desktop":true,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":false,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":100,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":true,"widget_pagination_use_custom_color":true,"widget_star_use_custom_color":true,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":true,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"below","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":false,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"button_click","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":true,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subtitle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#436589","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":true,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":false,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"#3B6A95","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#3B6A95","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":true,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#436589","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":false,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":true,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":false,"request_review_other_products_in_order":false,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#436589","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#436589","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":false,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":6,"widget_store_review_label_text":"Review about the store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":true,"preview_badge_home_page_install_preference":true,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":true,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-04-24T15:34:24.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":true,"review_widget_show_review_highlights":true,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"align","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_star_and_histogram_color":"#F8C954","review_widget_button_color":"#3E6991","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#3E6991","review_widget_lighter_text_color":"#3E6991","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural":"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/www.pamelasproducts.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Pamela's Products","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":true,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"review_verification_email_status":"always","require_verification_before_submit":false,"customer_account_validation_enabled":true,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":true,"reply_name_text":"{Pamela's Team}"};</script> <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #436589;--jdgm-secondary-color: rgba(67,101,137,0.1);--jdgm-star-color: #F8C954;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #3B6A95;--jdgm-paginate-color: #3B6A95;--jdgm-border-radius: 10;--jdgm-reviewer-name-color: #436589}.jdgm-histogram__bar-content{background-color:#3B6A95}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#436589}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FECC53}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-fullname{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}.jdgm-all-reviews-page__wrapper .jdgm-rev__content{min-height:120px}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #436589;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#436589}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Pamela&#39;s Products'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
</style> <style class='jdgm-settings-style'></style>

  
  
  
  <style class='jdgm-miracle-styles'>
  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-prev-badge{display:block !important}

</style>


  
  
   



  
    
    
    
      <link id="judgeme_widget_align_css" rel="stylesheet" type="text/css" media="nope!" onload="this.media='all'" href="https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/widget_v3_theme_align.css">
    
  


<script data-cfasync='false' class='jdgm-script'>
!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))},
t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
)}))}(document);
</script>
<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/shopify_v2.css"></noscript>

<!-- BEGIN app snippet: theme_fix_tags --><script>
  (function() {
    var jdgmThemeFixes = null;
    if (!jdgmThemeFixes) return;
    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
    if (!thisThemeFix) return;

    if (thisThemeFix.html) {
      document.addEventListener("DOMContentLoaded", function() {
        var htmlDiv = document.createElement('div');
        htmlDiv.classList.add('jdgm-theme-fix-html');
        htmlDiv.innerHTML = thisThemeFix.html;
        document.body.append(htmlDiv);
      });
    };

    if (thisThemeFix.css) {
      var styleTag = document.createElement('style');
      styleTag.classList.add('jdgm-theme-fix-style');
      styleTag.innerHTML = thisThemeFix.css;
      document.head.append(styleTag);
    };

    if (thisThemeFix.js) {
      var scriptTag = document.createElement('script');
      scriptTag.classList.add('jdgm-theme-fix-script');
      scriptTag.innerHTML = thisThemeFix.js;
      document.head.append(scriptTag);
    };
  })();
</script>
<!-- END app snippet -->
<!-- End of Judge.me Core -->



<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
<script>
/* >> TriplePixel :: start*/
window.TriplePixelData={TripleName:"pamelas-pro.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:""},search:"",collection:"",cart:"drawer",template:"index",curr:"USD" || "USD"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage);
/* << TriplePixel :: end*/
</script>



<!-- END app block --><script src="https://cdn.shopify.com/extensions/019ea7b4-b41c-7703-80b3-735f7511afc3/klaviyo-email-marketing-55/assets/app.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019ea7b4-b41c-7703-80b3-735f7511afc3/klaviyo-email-marketing-55/assets/app.css" rel="stylesheet" type="text/css" media="all">
<script src="https://cdn.shopify.com/extensions/019e6828-4915-74c6-afbe-b272d2b36387/form-builder-by-hulkapps-69/assets/form-builder-script.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/carousels.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/carousels.css" rel="stylesheet" type="text/css" media="all">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 57993625765,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 57993625765,storefrontBaseUrl: "https://www.pamelasproducts.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"2238251264","configuration":"{\"trackingKey\":\"pamelas-pro-stayai-web-pixel\",\"enabled\":\"true\",\"collectorUrl\":\"https:\\\/\\\/pixel.retextion.com\",\"version\":\"1\",\"debug\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"94457fdfcf80b0033e88e322893e2b49","type":"APP","apiClientId":5859381,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2060910848","configuration":"{\"projectId\":\"v8n380h1pw\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4e27c3dfbb360ace43db5c8bd52813dd","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1922662656","configuration":"{\"accountID\":\"Xw6xxu\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"524f6c1ee37bacdca7657a665bdca589","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1606516992","configuration":"{\"shopId\":\"pamelas-pro.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18c43ac6a9a3d01c03b6328dc08a99e5","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1229357312","configuration":"{\"advertiserId\":\"118207\",\"shopDomain\":\"pamelas-pro.myshopify.com\",\"appVersion\":\"shopifyApp_5.4.1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"110308a0e5cef2680d096c831a6295ee","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1021444352","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"636584192","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\",\\\"GT-NF76L344\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\/1kmACLSgl_UZENb4tZco\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\/gdtHCK6gl_UZENb4tZco\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\/HG9BCKugl_UZENb4tZco\\\",\\\"MC-FCE72P720G\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\/mwTOCKWgl_UZENb4tZco\\\",\\\"MC-FCE72P720G\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\/AeyyCKigl_UZENb4tZco\\\",\\\"MC-FCE72P720G\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\/ChKVCLegl_UZENb4tZco\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-L0W8VBSQ25\\\",\\\"AW-10786536534\\\/_nT7CLGgl_UZENb4tZco\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"183664896","configuration":"{\"pixel_id\":\"1290644721300961\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"abff2a8add143ccb04deb20f0ebd74a9","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"96403712","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"REDDIT"},{"id":"101155072","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"DV, Custom Purchase"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Pamela's Products","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"pamelas-pro.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.pamelasproducts.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.pamelasproducts.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"57993625765","storefrontBaseUrl":"https:\/\/www.pamelasproducts.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"8485df14-c8c2-45af-9b44-017375194b49-1780972746"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 57993625765,
      theme_id: 162169323776,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.pamelasproducts.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.pamelasproducts.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.pamelasproducts.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":57993625765,"isMerchantRequest":null,"themeId":162169323776,"themeCityHash":"6042058230778022405","contentLanguage":"en","currency":"USD","eventMetadataId":"aa0206df-ffb3-4e6a-a141-667caf75f82f"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"8485df14-c8c2-45af-9b44-017375194b49-1780972746","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.pamelasproducts.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://www.pamelasproducts.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="57993625765"
  data-render-region="gcp-us-central1"
  data-page-type="index"
  data-theme-instance-id="162169323776"
  data-theme-name="Eurus"
  data-theme-version="9.10.0"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.pamelasproducts.com/api/collect"
></script>
<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"57993625765","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
</head>
  <body 
    class="gradient scrollbar-body overflow-x-hidden body-text-base-size" 
    x-data
    :class="($store.xPopup.open || $store.xPopup.openVideoShopping) && 'overflow-hidden padding-scrollbar'" 
    
    x-on:mouseover="if ($store.xInit.runDispatch) { $dispatch('init-run'); $store.xInit.runDispatch = false; }; $store.xPopup.setWidthScrollbar();"
    x-on:touchstart="if ($store.xInit.runDispatch) { $dispatch('init-run'); $store.xInit.runDispatch = false;}"
  >
    <!-- Google Tag Manager (noscript) -->
    <noscript>
      <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MN87PCK"
        height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <!-- End Google Tag Manager (noscript) --><div class="main-container flex flex-col min-h-screen relative">
      <a class="skip-to-content absolute -z-10 button button-solid hidden lg:block pt-2.5 pb-2.5 pl-6 pr-6 lg:pt-3 lg:pb-3 mt-0.5 ml-0.5 leading-normal justify-center cursor-pointer focus-visible:z-60" href="#MainContent">
        Skip to content
      </a>
      
      
          <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--22369737179392__announcement-bar" class="shopify-section shopify-section-group-header-group section-announcement"><style data-shopify>
  @media (min-width: 1024px) {
    .announcement-bar-toolbar #localization_form button {
      padding-bottom: 0.375rem;
      padding-top: 0.375rem;
    }
    .announcement-bar-toolbar #localization_form ul{
      z-index: 100;
    }
  }
  .announcement-bar-toolbar #localization_form > .localization-form-child {
    width: -moz-max-content;
    width: max-content;
  }
  .announcement-bar-toolbar .social-list a {
    height: 1.5rem;
    padding-top: 0.125rem;
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    padding-bottom: 0.125rem;
    width: 30px;
  }
  .announcement-bar-toolbar.toolbar-align-left #selector-social {
    flex-direction:row-reverse
  }
  @media (min-width: 1024px) {
    .announcement-bar-right .menu-position-left, 
    .announcement-bar-left .menu-position-left {
      padding-left: 1.25rem
    }
    .announcement-bar-right .menu-position-right, 
    .announcement-bar-left .menu-position-right {
      padding-right: 1.25rem
    }
  }
  .announcement-bar-toolbar .social-list {
    max-width: 200px;
  }
  @media (max-width: 767px) {
    .announcement-bar-toolbar .social-list{
      max-width: unset;
    }
  }
</style>
<style data-shopify>#shopify-section-sections--22369737179392__announcement-bar {
    contain: style;
  }
  #x-announcement-bar .arrow {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: #233a53;
  }
  .dark #x-announcement-bar .arrow {
    color: rgba(0,0,0,0);
  }
  .announcement-bar_container-sections--22369737179392__announcement-bar {
    
      background: #fecc53;
    
    
  }
  .dark .announcement-bar_container-sections--22369737179392__announcement-bar {
    
      background: rgba(var(--colors-background-secondary));
    
  
      --colors-text-link: 210, 238, 251;
    
  }
  .announcement-bar_text {
    
      color: #233a53;
      --colors-line-and-border: 35,58,83;
    
  }
  .dark .announcement-bar_text {
    
      color: rgb(var(--colors-text));
      --colors-line-and-border: 225, 227, 225;
    
  }
  
</style><div 
    id="x-announcement" 
    class="announcement-bar_container-sections--22369737179392__announcement-bar ltr mr-auto ml-auto flex items-center has-toolbar lg:pr-5 rtl:lg:pr-0 rtl:lg:pl-5 rtl:announcement-bar-right announcement-bar-left flex-r rtl:flex-row-reverse"
    
  >
        
          <div id="x-slide-announcement-bar" class="disable-effect-hover grow flex-1 x-splide splide has-toolbar:lg:pr-5 has-toolbar:lg:pl-5 overflow-hidden visible relative">
            <div class="splide__track x-pgw page-width mr-auto ml-auto pl-0 pr-0">
              <div class="splide__list w-full flex  md:block"><style data-shopify>.text--announcement_GewciB .width-countdown {
                    width: 9.52875rem;
                  }.text--announcement_GewciB,
                    .btn--announcement_GewciB {
                      font-size: 0.952875rem;
                    }
                    @media (min-width: 768px) {
                      .text--announcement_GewciB,
                      .btn--announcement_GewciB {
                        font-size: 1.05875rem;
                      }
                    }.icon--announcement_GewciB {
                    width: 1.05875rem;
                    height: 1.05875rem;
                  }
                  .button.text_button_announ--announcement_GewciB {
                    
                      color: rgb(var(--colors-button-text));
                    
                    
                      background: rgba(var(--colors-button));
                    
                  }
                  .dark .button.text_button_announ--announcement_GewciB {
                    
                      color: rgb(var(--colors-button-text));
                    
                    
                      background: rgba(var(--colors-button));
                    
                  } 
                  @media(min-width: 768px){
                    .button.text_button_announ--announcement_GewciB {
                      
                        color: rgba(var(--colors-button-text-hover));
                      
                      
                        background: rgba(var(--colors-button));
                      
                    }
                    .dark .button.text_button_announ--announcement_GewciB {
                      
                        color: rgba(var(--colors-button-text-hover));
                      
                      
                        background: rgba(var(--colors-button));
                      
                    } 
                  }
                  .text-link-with-arrow--announcement_GewciB {
                    
                      color: rgb(var(--colors-text-link));
                    
                  }
                  .dark .text-link-with-arrow--announcement_GewciB {
                    
                      color: rgb(var(--colors-text-link));
                    
                  }
                  .hyperlink-circle-color--announcement_GewciB {
                    
                      background-color: rgba(var(--colors-text-link));
                    
                  }
                  .dark .hyperlink-circle-color--announcement_GewciB {
                    
                      background-color: rgba(var(--colors-button-text-hover));
                    
                  }</style><div x-slide-index="0" class="h-auto w-full flex items-center md:flex justify-center splide__slide x-splide-slide gradient text-center pt-3 pb-3 pl-5 pr-5 lg:pr-5 lg:pl-5" ><div
                      
                      class="flex items-center flex-wrap justify-center gap-x-3 gap-y-2 ltr">
                      
                      <div class="text--announcement_GewciB announcement-bar_text flex rtl:order-1">
                            <div class="flex items-center mr-2 md:mr-3 rtl:ml-2 rtl:md:ml-3 rtl:order-1">
                              <span class="inline-block icon--announcement_GewciB">
                                
                                  
                                    
      <svg width="100%" height="100%" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M83.3576 27.108C82.4554 25.9739 81.3116 25.0586 80.0108 24.43C78.71 23.8013 77.2856 23.4754 75.8429 23.4762H65.8556C65.8603 22.6264 65.6979 21.784 65.378 20.9976C65.058 20.2113 64.5867 19.4965 63.9912 18.8945C63.3957 18.2925 62.6879 17.8151 61.9084 17.49C61.129 17.1649 60.2934 16.9983 59.4498 17H20.7183C19.1469 17.0022 17.6306 17.584 16.456 18.6357C15.2814 19.6873 14.5297 21.1359 14.3431 22.7078L13.6839 28.3333H8.21429C7.3618 28.3333 6.54424 28.6745 5.94144 29.2818C5.33865 29.889 5 30.7126 5 31.5714C5 32.4302 5.33865 33.2539 5.94144 33.8611C6.54424 34.4684 7.3618 34.8095 8.21429 34.8095H12.9258L12.5461 38.0476H11.4286C10.5761 38.0476 9.75852 38.3888 9.15573 38.996C8.55293 39.6033 8.21429 40.4269 8.21429 41.2857C8.21429 42.1445 8.55293 42.9681 9.15573 43.5754C9.75852 44.1827 10.5761 44.5238 11.4286 44.5238H11.788L10.2711 57.4762H8.21429C7.3618 57.4762 6.54424 57.8174 5.94144 58.4246C5.33865 59.0319 5 59.8555 5 60.7143C5 61.5731 5.33865 62.3967 5.94144 63.004C6.54424 63.6112 7.3618 63.9524 8.21429 63.9524H9.51225L8.65374 71.284C8.54806 72.1915 8.63399 73.1114 8.90589 73.9832C9.17779 74.8549 9.62953 75.659 10.2315 76.3426C10.8334 77.0262 11.572 77.5739 12.3988 77.9498C13.2256 78.3257 14.1219 78.5213 15.029 78.5238H28.0925C28.7475 80.4159 29.9706 82.0558 31.5923 83.2162C33.2139 84.3766 35.1538 85 37.1429 85C39.132 85 41.0718 84.3766 42.6934 83.2162C44.3151 82.0558 45.5382 80.4159 46.1932 78.5238H66.6639C67.3189 80.4159 68.5421 82.0558 70.1637 83.2162C71.7853 84.3766 73.7252 85 75.7143 85C77.7034 85 79.6432 84.3766 81.2649 83.2162C82.8865 82.0558 84.1096 80.4159 84.7646 78.5238H88.5714C90.2759 78.5221 91.91 77.8392 93.1152 76.6251C94.3205 75.4109 94.9983 73.7647 95 72.0476V45.1721C94.9993 42.965 94.2519 40.824 92.8812 39.1022L83.3576 27.108ZM78.3479 31.1651L87.8683 43.1562C88.3268 43.7261 88.5753 44.4385 88.5714 45.1721V52.6191H64.1818L65.5025 29.9524H75.8429C76.3238 29.9531 76.7985 30.0625 77.232 30.2723C77.6655 30.4822 78.0468 30.7873 78.3479 31.1651ZM15.984 63.9524H21.0714C21.9239 63.9524 22.7415 63.6112 23.3443 63.004C23.9471 62.3967 24.2857 61.5731 24.2857 60.7143C24.2857 59.8555 23.9471 59.0319 23.3443 58.4246C22.7415 57.8174 21.9239 57.4762 21.0714 57.4762H16.7412L17.1203 54.2373L21.0714 54.2365C21.9239 54.2365 22.7415 53.8954 23.3443 53.2881C23.9471 52.6808 24.2857 51.8572 24.2857 50.9984C24.2857 50.1396 23.9471 49.316 23.3443 48.7087C22.7415 48.1015 21.9239 47.7603 21.0714 47.7603L17.8776 47.7611L18.2566 44.5238H24.2857C25.1382 44.5238 25.9558 44.1827 26.5586 43.5754C27.1614 42.9681 27.5 42.1445 27.5 41.2857C27.5 40.4269 27.1614 39.6033 26.5586 38.996C25.9558 38.3888 25.1382 38.0476 24.2857 38.0476H19.0138L19.3929 34.8095H21.0714C21.9239 34.8095 22.7415 34.4684 23.3443 33.8611C23.9471 33.2539 24.2857 32.4302 24.2857 31.5714C24.2857 30.7126 23.9471 29.889 23.3443 29.2818C22.7415 28.6745 21.9239 28.3333 21.0714 28.3333H20.1501L20.7183 23.4762L59.4561 23.4635L59.2693 26.6507C59.2693 26.6733 59.2568 26.6918 59.2568 26.7143L59.2638 26.7491L57.5625 55.8145L57.5539 55.8572L57.5586 55.8805L56.6122 72.0476H46.1932C45.5382 70.1558 44.3152 68.5161 42.6937 67.3557C41.0723 66.1954 39.1327 65.5719 37.1438 65.5718C35.1549 65.5716 33.2152 66.1947 31.5935 67.3547C29.9719 68.5148 28.7486 70.1543 28.0933 72.046L15.0384 72.0381L15.984 63.9524ZM37.1429 78.5238C36.5071 78.5238 35.8857 78.3339 35.3571 77.9781C34.8285 77.6223 34.4165 77.1166 34.1732 76.5249C33.93 75.9332 33.8663 75.2821 33.9903 74.654C34.1144 74.0259 34.4205 73.4489 34.87 72.996C35.3195 72.5432 35.8923 72.2348 36.5158 72.1098C37.1393 71.9849 37.7856 72.049 38.3729 72.2941C38.9602 72.5392 39.4622 72.9542 39.8154 73.4867C40.1686 74.0192 40.3571 74.6453 40.3571 75.2857C40.356 76.1442 40.017 76.9672 39.4145 77.5742C38.8119 78.1812 37.995 78.5227 37.1429 78.5238ZM75.7143 78.5238C75.0786 78.5238 74.4571 78.3339 73.9285 77.9781C73.3999 77.6223 72.988 77.1166 72.7447 76.5249C72.5014 75.9332 72.4377 75.2821 72.5618 74.654C72.6858 74.0259 72.9919 73.4489 73.4414 72.996C73.891 72.5432 74.4637 72.2348 75.0872 72.1098C75.7107 71.9849 76.357 72.049 76.9443 72.2941C77.5317 72.5392 78.0337 72.9542 78.3869 73.4867C78.7401 74.0192 78.9286 74.6453 78.9286 75.2857C78.9275 76.1442 78.5885 76.9672 77.9859 77.5742C77.3833 78.1812 76.5664 78.5227 75.7143 78.5238ZM84.7646 72.0476C84.1096 70.1556 82.8865 68.5157 81.2649 67.3553C79.6432 66.1949 77.7034 65.5714 75.7143 65.5714C73.7252 65.5714 71.7853 66.1949 70.1637 67.3553C68.5421 68.5157 67.3189 70.1556 66.6639 72.0476H63.0502L63.8051 59.0952H88.5714V72.0476H84.7646Z" fill="currentColor"/>
      </svg> 
    


                                  
                                
                              </span>
                            </div>
                          

<p class="x-announcement-bar-block-data leading-[initial]">Free Shipping on Orders $39+ *</p></div></div></div></div>
            </div></div>
        


<style data-shopify>.announcement-bar-toolbar #localization_form button {
          font-size: 0.693rem;
        }
        @media (min-width: 1025px){
          .announcement-bar-toolbar #localization_form button {
            font-size: 0.77rem; 
          }
        }
        .announcement-bar-toolbar .locale-options {
          
            background: #fecc53;
          
        }
        .announcement-bar-toolbar .country-options {
          
            background: #fecc53;
          
          
            left: auto;
            right: 0;
          
        }
        .dark .announcement-bar-toolbar .locale-options {
          
            background: rgba(var(--colors-background-secondary));
          
        }
        .dark .announcement-bar-toolbar .country-options {
          
            background: rgba(var(--colors-background-secondary));
          
        }</style><div class="announcement-bar_text announcement-bar-toolbar toolbar-align-right rtl:toolbar-align-left hidden relative lg:flex items-center">
        
<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5 mr-auto ml-auto">
    
      <ul class="social-list flex  flex-wrap opacity-70" role="list">
<li>
      <a href="https://www.facebook.com/pamelasproducts" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.pinterest.com/pamelasproducts/" target="blank" aria-label="Pinterest" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.instagram.com/pamelasproducts/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</a>
    </li></ul>
     </div>
      </div></div>
</div><div id="shopify-section-sections--22369737179392__header" class="shopify-section shopify-section-group-header-group section-header z-50"><style data-shopify>
    #x-header-container {
      contain: style layout;
    }
  
  
  .w-logo-header {
    width: 90px;
    min-width: 90px;
  }
  @media(min-width: 768px) {
    .w-logo-header {
      width: 120px;
      min-width: 120px;
    }
  }
  
    .section-header {
      position: sticky;
      z-index: 50;
      top: var(--announcement-height);
    }
    #x-header-container.is-scrolled {
      box-shadow: 0 5px 15px rgba(var(--colors-text), .1);
    }
    
  
  
.logo-name {
    font-size: 1.2375rem;
  }
  header {
    grid-template-areas: "drawer heading icons";
    
  }
  @media (min-width: 1024px) {
    header {
      grid-template-areas: "heading navigation icons" ". . .";
      grid-template-columns: 1fr 4fr 1fr;
    } 
    .logo-name {
      font-size: 2.475rem;
    }
    .pt-header {
      padding-top: 12px;
    }
    .pb-header {
      padding-bottom: 12px;
    }
  }
  .h-hamburger {
    height: var(--hamburger-menu-height);
  }
  @media (max-width: 1023px) {
    .section-padding-sections--22369737179392__header {
      padding-top: 12px;
      padding-bottom: 12px;
    }
  }</style><div x-show="$store.xHeaderMenu.overlay" 
  x-transition:enter="ease-in-out duration-300"
  x-transition:enter-start="opacity-0"
  x-transition:enter-end="opacity-100"
  x-transition:leave="transition-all ease-in-out duration-300"
  x-transition:leave-end="opacity-0"
  class="bg-[rgba(0,0,0,0.4)] hidden lg:flex fixed top-0 right-0 bottom-0 left-0" x-cloak></div>
<div
  id="x-header-container"
  class="relative text-[rgb(var(--colors-text-header))] background-header"
  
  
    data-is-sticky="true"
    data-section-index="2"
  
  x-init='() => {
    $store.xHeaderMenu.sectionId = "sections--22369737179392__header";
    $store.xHeaderMenu.mobileHeaderLayout = "center-left";
    $store.xHeaderMenu.initSticky($el, "always");
    
  }'
  
    :class="($store.xMiniCart.open || $store.xHeaderMenu.show) && 'z-[60]'"
  
  @click.away="$store.xHeaderMenu.openHamburgerMenu = false;"
  
>
  <div
    id="sticky-header-content"
    class="sticky-header-content background-header sticky-header-active z-20 w-full top-0
    "
    :class="{ 'padding-scrollbar-header': $store.xHeaderMenu.isSticky && ($store.xPopup.open || $store.xPopup.openVideoShopping), 'static': $store.xHeaderMenu.overlay, 'relative': !$store.xHeaderMenu.overlay}"
    
  >
    <header 
      class="header lg:pb-0 section-padding-sections--22369737179392__header pt-header lg:pb-0 x-pgw page-width grid lg:mr-auto lg:ml-auto gap-x-2" :class="{ ' lg:pt-5': !$store.xHeaderMenu.isSticky, 'open-menu': $store.xHeaderMenu.overlay }"
      x-on:mouseleave="$store.xHeaderMenu.closeMenu()"
    >
      <div data-breakpoint="tablet" class="x-container-header-mobile-nav [grid-area:drawer] lg:hidden flex items-center w-full">
        
        
        <style data-shopify>
          
            .mobile-navigation-modern-icon-bg {
              background: rgba(var(--colors-line-header),1);
            }
          
        </style>
        <div 
          id="mobile-navigation"
          @click="setTimeout(() => { $store.xMobileNav.open() }, 0)"
          class="relative  pt-2 pb-2 pl-2 pr-2 mobile-navigation-modern-icon-bg  rounded-full cursor-pointer "
        > 
          <div class="w-5 h-5">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 7H23 M1 17H23" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
    </svg>
  
</div>            
        </div>
      </div>
        <div class="flex logo-name p-break-words lg:order-2 top-4 text-center [grid-area:heading] mr-auto ml-auto justify-center pb-header flex items-center lg:relative lg:left-0 lg:translate-x-0 lg:mt-0 lg:top-0 lg:ml-0 lg:justify-left lg:[grid-area:auto]"
        >
      
        

<div class="flex">
  <a href="/" class="w-logo-header h-auto disable-effect inline-block"><span class="hidden dark:block h-0 dark:h-auto mr-auto ml-auto md:ml-0">Pamela&#39;s Products</span><img
        src="//www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=180"
        alt="Pamela&#39;s Products"
        sizes="(min-width: 768px) 120px, 90px"
        srcset="//www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=50 50w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=100 100w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=150 150w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=200 200w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=250 250w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=300 300w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=400 400w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=500 500w,
          //www.pamelasproducts.com/cdn/shop/files/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536&width=600 600w"
        width="180"
        height="100"
        class="header-logo w-full block dark:hidden dark:absolute mr-auto ml-auto md:ml-0"
        loading="lazy"
      /></a>
</div>
</div>
      
      <div
        class="x-container-header-icons justify-end lg:order-4 [grid-area:icons] lg:[grid-area:auto] pb-header flex"
      >
        <div class="x-header-store-selector-container self-center md:block hidden md:mr-2.5 md:ml-3 empty:hidden"></div>
        
        
<style data-shopify>
            
              @media (max-width: 767px) {
                .mobile-center-left #SearchOpen {
                  left: 3.5rem;
                }
                .mobile-center-right #SearchOpen {
                  right: 3.5rem;
                }
              }
            
          </style>
          <div class="x-header-icon-search flex items-center justify-center mobile-center-left" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'header-search-block', '#ajax-loading-header-search');">
            <a 
              id="SearchOpen"
              href="/search" 
              aria-label="search"
              class="flex items-center cursor-pointer justify-center link focus-inset bg-none" 
              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('SearchOpen'); }, 0)">
              <span class="w-11 h-10 pl-3 pr-3 pt-2.5 pb-2">
    <svg class="icon-animation icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M11.192 20.223C16.5 20.223 20.803 15.92 20.803 10.612S16.5 1 11.192 1 1.58 5.303 1.58 10.612s4.304 9.611 9.612 9.611 M17.706 18.301 22.405 23"/>
    </svg>
  
</span>
            </a>
          </div><shopify-store store-domain="https://www.pamelasproducts.com" country="US" language="en"></shopify-store>
<shopify-account class="header-icon-account hidden lg:flex relative items-center justify-center" menu="customer-account-main-menu">
            <div slot="signed-out-avatar">
              <span class="w-11 h-10 pl-3 pr-2.5 pt-2.5 pb-2 block">
                
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
    </svg>
  

              </span>
            </div>
          </shopify-account><a 
            id="cart-icon"
            href="/cart"
            class="relative flex items-center header-icon-cart cursor-pointer"   
                       
              @click.prevent="setTimeout(() => { $store.xModal.setActiveElement('cart-icon'); $store.xMiniCart.openCart(); }, 0)"
              :class="$store.xMiniCart.open && 'pointer-events-none'"
            
            aria-controls="CartDrawer"
            aria-expanded="false"
            aria-label="icon-cart"
          >
            <span class="relative w-11 h-10 md:pl-3 inline-block pl-3 pr-0 md:pr-2.5 pt-2.5 pb-2">
              
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10">
      <path fill="none" stroke-width="2" d="M1.67639 7.41499L3.0514 17.04H17.4999L23 7.41499H1.67639Z M1 1.91499H6.72919"/>
      <path fill="none" stroke-width="2.8" d="M5.125 22.0817H5.1251 M13.1459 22.0817H13.146"/>
    </svg>
  
              <div id="cart-icon-bubble" >
                <div 
                  class="count_item absolute text-center place-content-center -top-0.5 -right-1.5 md:right-0 bg-[rgba(var(--colors-cart))] text-[rgba(var(--colors-cart-text))] font-medium h-5 w-5 rounded-full text-[9px] hidden" 
                  data-value="0"
                >0</div>
              </div>
            </span>
          </a></div>

      

      
        

<style data-shopify>
    .svg-highlight-sections--22369737179392__header {
      --color-highlight: #a94600;
    }
    .dark .svg-highlight-sections--22369737179392__header {
      --color-highlight: rgb(62, 105, 145);
    }
  
  .x-icon-caret svg {
    color: var(--colors-text-header);
    --tw-rotate: 0deg;
    transform: rotate(var(--tw-rotate));
    transition: transform 0.5s ease 0.1s;
  }
  .is-focus .x-icon-caret svg {
      color: var(--colors-text-link);
      --tw-rotate: 180deg;
    }
</style><nav 
  x-on:click.away="$store.xHeaderMenu.closeMenu()"
  class="x-container-header-nav [grid-area:navigation] w-full order-3 hidden header__inline-menu lg:flex items-center pb-header lg:[grid-area:auto] justify-center"
>
  <ul class="list-menu inline-flex flex-wrap gap-x-10 items-center justify-center"
  >
    

<li x-data='{ active: false }' 
                class="tabbed_menu product-menu  has-dropdown tabbed-animation-change" 
                
                  
                    @mouseover="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true"
                    @focusin="$store.xHeaderMenu.openMenu(1, true); selectedMenu = true"
                  
                  :class="$store.xHeaderMenu.show === 1 && 'is-focus'"
                
              >
                <div class=" tabbed_menu_item relative cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active"
                  
                    
                      x-init="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el)"
                    
                  
                >
                  <div class=" flex items-center">
                    <div class="relative x-anm">
                      <a href="/collections/all"
                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
                      >
                        
          
          
            
            
              Shop
            
          
        
                      </a>
                      
                    </div>
                  </div><span class="x-icon-caret w-5 pl-2">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div>


    <template x-if="!$store.xInit.runDispatch">
      <div 
        :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 1, 'toggle-menu-show': $store.xHeaderMenu.show === 1, 'active': $store.xHeaderMenu.initIndex.has(1) }" 
        id="menu-1" 
        class="toggle-menu top-full background-header text-[rgba(var(--colors-text))] mega-menu-vertical is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header left-0 rtl:left-auto rtl:right-0 z-50 shadow-md"
      >
        <div x-intersect.once.full="$store.xHeaderMenu.updateHeight($el, 'menu-1')" class="mega-menu-container toggle-menu-child x-pgw page-width mr-auto ml-auto md:max-h-[80vh] flex flex flex-wrap flex-row gap-5 xl:gap-8 grow ltr">
          

<style data-shopify>.button-product_menu_Tpahrr-quick-access .icon-access  {
                width: 24px;
                height: 24px;
                min-width: 24px;
              }.button-product_menu_Tpahrr-quick-access .button-solid {
                font-size: 0.99rem;
                border-radius: 40px;
              }
              .button-product_menu_Tpahrr-quick-access .button-solid,
              .button-product_menu_Tpahrr-quick-access .button-solid:before {--colors-line-and-border: 210, 238, 251;
                  --colors-button: 210, 238, 251;--colors-button-text: 34, 77, 140;--colors-button-hover: rgb(34, 77, 140);--colors-button-text-hover: 255, 255, 255;}
              .dark .button-product_menu_Tpahrr-quick-access .button-solid,
              .dark .button-product_menu_Tpahrr-quick-access .button-solid:before {--colors-button: 62, 105, 145;
                  --colors-line-and-border: var(--colors-button);--colors-button-text: 255, 255, 255;--colors-button-hover: rgb(210, 238, 251);  
                  --colors-button-text-hover: 62, 105, 145;}</style><div class="grid-quick-access-product_menu_Tpahrr-quick-access mega-menu-card relative pt-8 pb-3 z-10 w-24 lg:w-1/6 order-none rtl:order-2 rtl:ml-auto"
            >
              <div class=" button-product_menu_Tpahrr-quick-access"><div class="w-full ">
  <a href="/collections/build-a-bundle" class="rounded-none not-icon button button-rtl button-solid flex justify-center items-center w-full pt-2 pb-2 pl-4 pr-4 pointer-events-auto empty:hidden leading-normal button cursor-pointer p-break-words">
    
    <p>Build a Bundle</p>
  </a>
</div>

<div class="w-full mt-2">
  <a href="/collections/curated-packs" class="rounded-none not-icon button button-rtl button-solid flex justify-center items-center w-full pt-2 pb-2 pl-4 pr-4 pointer-events-auto empty:hidden leading-normal button cursor-pointer p-break-words">
    
    <p>Starter Packs</p>
  </a>
</div>

<div class="w-full mt-2">
  <a href="/pages/new-allergen-page" class="rounded-none not-icon button button-rtl button-solid flex justify-center items-center w-full pt-2 pb-2 pl-4 pr-4 pointer-events-auto empty:hidden leading-normal button cursor-pointer p-break-words">
    
    <p>Dietary Needs</p>
  </a>
</div>

<div class="w-full mt-2">
  <a href="/collections/bulk" class="rounded-none not-icon button button-rtl button-solid flex justify-center items-center w-full pt-2 pb-2 pl-4 pr-4 pointer-events-auto empty:hidden leading-normal button cursor-pointer p-break-words">
    
    <p>Bulk / Wholesale</p>
  </a>
</div>

</div>
            </div><div class="mega-nav pt-8 flex flex-col md:max-h-[80vh] relative md:w-4/5 relative">
            
              <div class="mega-list-nav grid grid-template-product_menu_Tpahrr items-start w-full" x-refs="mega_nav">
                <style data-shopify>
                  .grid-template-product_menu_Tpahrr {
                    grid-template-columns: 14rem auto;
                  }
                </style>
                <div class="flex flex-col md:max-h-[calc(80vh-3rem)] md:overflow-y-auto scrollbar-body z-10 border-t">
                  
                  
<div 
                      class="sub-menu flex items-end relative pl-2.5 pr-2.5"
                      :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '1' && 'active'"
                      
                        x-intersect.once="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '1');"
                      
                      @mouseover="$dispatch('mouseover-productmenutpahrr-1'); $el.classList.add('is-focus-child');"
                      @mouseleave="$el.classList.remove('is-focus-child');"
                      @focusin="$dispatch('focusin-productmenutpahrr-1'); $el.classList.add('is-focus-child');"
                      @focusout="$el.classList.remove('is-focus-child');"
                    >
                      <span class="flex-1">
                        <a
                          href="/collections/pancake-mixes"
                          class="nav-link p-break-words z-10 pb-3 pt-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
                          @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
                        >
                          
                          
                          
                            
                            
                              <span class="p-break-words">Pancake Mixes</span>
                            
                          
                          
<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute right-0 rtl:right-auto rtl:left-0 -rotate-90 rtl:rotate-90">
                              
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                            </span></a>
                      </span>
                    </div>
                    
                    
<div 
                      class="sub-menu flex items-end relative pl-2.5 pr-2.5"
                      :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '2' && 'active'"
                      
                      @mouseover="$dispatch('mouseover-productmenutpahrr-2'); $el.classList.add('is-focus-child');"
                      @mouseleave="$el.classList.remove('is-focus-child');"
                      @focusin="$dispatch('focusin-productmenutpahrr-2'); $el.classList.add('is-focus-child');"
                      @focusout="$el.classList.remove('is-focus-child');"
                    >
                      <span class="flex-1">
                        <a
                          href="/collections/baking-mixes"
                          class="nav-link p-break-words z-10 pb-3 pt-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
                          @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
                        >
                          
                          
                          
                            
                            
                              <span class="p-break-words">Baking Mixes</span>
                            
                          
                          
<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute right-0 rtl:right-auto rtl:left-0 -rotate-90 rtl:rotate-90">
                              
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                            </span></a>
                      </span>
                    </div>
                    
                    
<div 
                      class="sub-menu flex items-end relative pl-2.5 pr-2.5"
                      :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '3' && 'active'"
                      
                      @mouseover="$dispatch('mouseover-productmenutpahrr-3'); $el.classList.add('is-focus-child');"
                      @mouseleave="$el.classList.remove('is-focus-child');"
                      @focusin="$dispatch('focusin-productmenutpahrr-3'); $el.classList.add('is-focus-child');"
                      @focusout="$el.classList.remove('is-focus-child');"
                    >
                      <span class="flex-1">
                        <a
                          href="/collections/gluten-free-all-purpose-flours"
                          class="nav-link p-break-words z-10 pb-3 pt-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
                          @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
                        >
                          
                          
                          
                            
                            
                              <span class="p-break-words">Gluten-Free Flours</span>
                            
                          
                          
<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute right-0 rtl:right-auto rtl:left-0 -rotate-90 rtl:rotate-90">
                              
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                            </span></a>
                      </span>
                    </div>
                    
                    
<div 
                      class="sub-menu flex items-end relative pl-2.5 pr-2.5"
                      :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '4' && 'active'"
                      
                      @mouseover="$dispatch('mouseover-productmenutpahrr-4'); $el.classList.add('is-focus-child');"
                      @mouseleave="$el.classList.remove('is-focus-child');"
                      @focusin="$dispatch('focusin-productmenutpahrr-4'); $el.classList.add('is-focus-child');"
                      @focusout="$el.classList.remove('is-focus-child');"
                    >
                      <span class="flex-1">
                        <a
                          href="/collections/snacks-bars"
                          class="nav-link p-break-words z-10 pb-3 pt-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
                          @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
                        >
                          
                          
                          
                            
                            
                              <span class="p-break-words">Snack Bars</span>
                            
                          
                          
<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute right-0 rtl:right-auto rtl:left-0 -rotate-90 rtl:rotate-90">
                              
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                            </span></a>
                      </span>
                    </div>
                    
                    
<div 
                      class="sub-menu flex items-end relative pl-2.5 pr-2.5"
                      :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '5' && 'active'"
                      
                      @mouseover="$dispatch('mouseover-productmenutpahrr-5'); $el.classList.add('is-focus-child');"
                      @mouseleave="$el.classList.remove('is-focus-child');"
                      @focusin="$dispatch('focusin-productmenutpahrr-5'); $el.classList.add('is-focus-child');"
                      @focusout="$el.classList.remove('is-focus-child');"
                    >
                      <span class="flex-1">
                        <a
                          href="/collections/graham-crackers"
                          class="nav-link p-break-words z-10 pb-3 pt-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
                          @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
                        >
                          
                          
                          
                            
                            
                              <span class="p-break-words">Graham Crackers</span>
                            
                          
                          
<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute right-0 rtl:right-auto rtl:left-0 -rotate-90 rtl:rotate-90">
                              
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                            </span></a>
                      </span>
                    </div>
                    
                    
<div 
                      class="sub-menu flex items-end relative pl-2.5 pr-2.5"
                      :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '6' && 'active'"
                      
                      @mouseover="$dispatch('mouseover-productmenutpahrr-6'); $el.classList.add('is-focus-child');"
                      @mouseleave="$el.classList.remove('is-focus-child');"
                      @focusin="$dispatch('focusin-productmenutpahrr-6'); $el.classList.add('is-focus-child');"
                      @focusout="$el.classList.remove('is-focus-child');"
                    >
                      <span class="flex-1">
                        <a
                          href="/collections/cookies"
                          class="nav-link p-break-words z-10 pb-3 pt-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
                          @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
                        >
                          
                          
                          
                            
                            
                              <span class="p-break-words">Cookies &amp; Figgies</span>
                            
                          
                          
<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute right-0 rtl:right-auto rtl:left-0 -rotate-90 rtl:rotate-90">
                              
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                            </span></a>
                      </span>
                    </div>
                    
                    
<div 
                      class="sub-menu flex items-end relative pl-2.5 pr-2.5"
                      :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '7' && 'active'"
                      
                      @mouseover="$dispatch('mouseover-productmenutpahrr-7'); $el.classList.add('is-focus-child');"
                      @mouseleave="$el.classList.remove('is-focus-child');"
                      @focusin="$dispatch('focusin-productmenutpahrr-7'); $el.classList.add('is-focus-child');"
                      @focusout="$el.classList.remove('is-focus-child');"
                    >
                      <span class="flex-1">
                        <a
                          href="/collections/curated-packs"
                          class="nav-link p-break-words z-10 pb-3 pt-3 flex flex-wrap gap-2 items-center pr-5 rtl:pr-0 rtl:pl-5 hover-text-link is-focus-child:effect-inline"
                          @init-run.window="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el, true)"
                        >
                          
                          
                          
                            
                            
                              <span class="p-break-words">Starter Packs</span>
                            
                          
                          
<span class="z-10 w-5 h-4 pt-1 pb-1 pl-1 pr-1 rounded-full block absolute right-0 rtl:right-auto rtl:left-0 -rotate-90 rtl:rotate-90">
                              
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                            </span></a>
                      </span>
                    </div>
                    
                    
</div>
                <ul class="pb-8 relative items-end flex-wrap md:max-h-[calc(80vh-3rem)] md:overflow-y-auto scrollbar-body scrollbar-visible">
                  
                      <li
                        class="sub-menu-item w-full  has-dropdown tabbed-animation-change"
                        :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '1' && 'is-active'"
                        @mouseover-productmenutpahrr-1.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '1'); $el.classList.add('is-focus-child');"
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @focusin-productmenutpahrr-1.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '1'); $el.classList.add('is-focus-child');"
                        @focusout="$el.classList.remove('is-focus-child');"
                      >
                          <div class="toggle-menu-sub overflow-hidden pl-7 xl:pr-5 open toggle-menu-sub-hidden">   
                            <div class="mega-sub-container pr-0 relative scrollbar-body scrollbar-visible ltr pb-8 x-pgw page-width mr-auto ml-auto">
                              <div class="mega-sub-nav scrollbar-body scrollbar-visible pr-5">                                     
                                <div class="order-2 w-full">
                                  <div 
                                    id="x-product-menu-product_menu_Tpahrr-1"
                                    ><div class="relative overflow-hidden">
                                      <div class="w-full  grid md:grid-cols-4 gap-x-7">



<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr11', '/products/gluten-free-baking-pancake-mix', '7352433443072')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-baking-pancake-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728516485376,
      &quot;product_id&quot;: 7352433443072,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
      &quot;compare_at_price&quot;: 1299,
      &quot;price&quot;: 1299,
      &quot;price_with_currency&quot;: &quot;$12.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477484777728||287041159424||477478945024||287041061120||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 329,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635431013,
      &quot;diff_day_publish&quot;: 1635431162
      
      }
    ]"
       
      aria-label="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
      id="7352433443072-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr11-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352433443072&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1299,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr11-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr11-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7352433443072">
        <a href="/products/gluten-free-baking-pancake-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352433443072&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1299,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Pancake &amp; Baking Mix, 24 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.97 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(334)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1299</div>
  <div class="target-compare-at-price hidden">1299</div>
  
  
<p class="price">
        $12.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7352433443072', [277566390437, 478810374400, 480574931200, 478813356288, 477484777728, 287041159424, 477478945024, 287041061120, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7352433443072-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7352433443072-sections--22369737179392__header-product_menu_Tpahrr11"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr12', '/products/gluten-free-baking-pancake-mix-4lb', '6942395760805')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-baking-pancake-mix-4lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728655126784,
      &quot;product_id&quot;: 6942395760805,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;compare_at_price&quot;: 2249,
      &quot;price&quot;: 2249,
      &quot;price_with_currency&quot;: &quot;$22.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477478945024||287041061120||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 286,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627489306,
      &quot;diff_day_publish&quot;: 1631804474
      
      }
    ]"
       
      aria-label="Gluten-Free Pancake &amp; Baking Mix, 4 lb."
      id="6942395760805-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr12-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6942395760805&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2249,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr12-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Pancake &amp; Baking Mix, 4 lb."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr12-1 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506 4000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Pancake &amp; Baking Mix, 4 lb."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="4000"
                      height="4000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6942395760805">
        <a href="/products/gluten-free-baking-pancake-mix-4lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6942395760805&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2249,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Pancake &amp; Baking Mix, 4 lb.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.97 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(334)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">2249</div>
  <div class="target-compare-at-price hidden">2249</div>
  
  
<p class="price">
        $22.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6942395760805', [277566390437, 478810374400, 480574931200, 478813356288, 477478945024, 287041061120])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6942395760805-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6942395760805-sections--22369737179392__header-product_menu_Tpahrr12"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr13', '/products/pamelas-baking-pancake-mix-25-lb', '7431849771264')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="2"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/pamelas-baking-pancake-mix-25-lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 41976363548928,
      &quot;product_id&quot;: 7431849771264,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 25 LB&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 8649,
      &quot;price_with_currency&quot;: &quot;$86.49&quot;,
      &quot;sale_amount&quot;: &quot;$-86.49&quot;,
      &quot;collections&quot;: &quot;||277566390437||480574931200||480579420416||477484777728||287041159424||477478945024||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 131,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635955676,
      &quot;diff_day_publish&quot;: 1701214102
      
      }
    ]"
       
      aria-label="Gluten-Free Pancake &amp; Baking Mix, 25 LB"
      id="7431849771264-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr13-2"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 25 LB&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7431849771264&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8649,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        >
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr13-2"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391 1800w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Pamela&#39;s Pancake and backing mix 25 lb packaging"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
                  loading="lazy"
                  width="1800"
                  height="1800"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7431849771264">
        <a href="/products/pamelas-baking-pancake-mix-25-lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 25 LB&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7431849771264&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 8649,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Pancake &amp; Baking Mix, 25 LB
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.97 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(35)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">8649</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $86.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7431849771264', [277566390437, 480574931200, 480579420416, 477484777728, 287041159424, 477478945024, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-7431849771264-sections--22369737179392__header-product_menu_Tpahrr13"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          
</div>
                                    </div></div>
                                </div>
                              </div>
                              
                                <div class="mega-sub-nav pr-5 pt-4 pb-4 hidden md:block">
                                  <div class="border-t w-full pt-3 hidden ltr md:flex justify-end rtl:justify-left">
                                    <a href="/collections/all" class="hover-text-link nav-link relative w-fit flex gap-1"
                                      
                                    >
                                      View All Products
                                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                                    </a>
                                  </div>
                                </div>
                              
                            </div>
                          </div>
                        </li>
                    
                      <li
                        class="sub-menu-item w-full  has-dropdown tabbed-animation-change"
                        :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '2' && 'is-active'"
                        @mouseover-productmenutpahrr-2.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '2'); $el.classList.add('is-focus-child');"
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @focusin-productmenutpahrr-2.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '2'); $el.classList.add('is-focus-child');"
                        @focusout="$el.classList.remove('is-focus-child');"
                      >
                          <div class="toggle-menu-sub overflow-hidden pl-7 xl:pr-5 toggle-menu-sub-hidden">   
                            <div class="mega-sub-container pr-0 relative scrollbar-body scrollbar-visible ltr pb-8 x-pgw page-width mr-auto ml-auto">
                              <div class="mega-sub-nav scrollbar-body scrollbar-visible pr-5">                                     
                                <div class="order-2 w-full">
                                  <div 
                                    id="x-product-menu-product_menu_Tpahrr-2"
                                    
                                      class="overflow-hidden x-splide splide w-full"
                                      x-intersect.once.margin.200px='$store.xSplide.load($el, {
                                      "perPage": 4,
                                      "speed": 500,
                                      "updateOnMove": "true",
                                      "progressBar": 4,
                                      "progressBarHeader": "true",
                                      "gap": "1.75rem",
                                      "perMove": 4,
                                      "pagination": false, 
                                      "classes": {
                                        "pagination": "hidden"
                                      }
                                      
                                    })'><div class="splide__arrows lg:block ml-5 rtl:ml-0 rtl:mr-5 hidden">
                                        <button class="splide__arrow splide__arrow--prev button-arrow hidden lg:block absolute top-1/2 left-0 rtl:left-auto rtl:right-0 -mt-6 pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 after:text-[20px] rtl:rotate-180 duration-200 hover:opacity-100 disabled:cursor-not-allowed transition-all ease-in-out rtl:lg:translate-x-full lg:-translate-x-full disabled:opacity-30" aria-label="previous slide">
                                          <span class="hidden">previous slide</span>
                                          
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    


                                        </button>
                                        <button class="splide__arrow splide__arrow--next button-arrow hidden lg:block absolute top-1/2 right-0 rtl:right-auto rtl:left-0 -mt-6 pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 after:text-[20px] rtl:rotate-180 duration-200 hover:opacity-100 disabled:cursor-not-allowed transition-all ease-in-out rtl:lg:-translate-x-full lg:translate-x-full disabled:opacity-30" aria-label="next slide">
                                          <span class="hidden">next slide</span>
                                          
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
  


                                        </button>
                                      </div><div class="relative splide__track overflow-hidden">
                                      <div class="w-full  splide__list flex">



<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr21', '/products/gluten-free-bread-mix-4lb', '7352448123136')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-bread-mix-4lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728661844224,
      &quot;product_id&quot;: 7352448123136,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;compare_at_price&quot;: 1999,
      &quot;price&quot;: 1999,
      &quot;price_with_currency&quot;: &quot;$19.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041159424||476874473728||477478945024||477482025216||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 661,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635431598,
      &quot;diff_day_publish&quot;: 1635431651
      
      }
    ]"
       
      aria-label="Gluten-Free Bread Mix, 4 lb."
      id="7352448123136-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr21-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352448123136&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr21-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Bread Mix, 4 lb."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr21-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Bread Mix, 4 lb."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7352448123136">
        <a href="/products/gluten-free-bread-mix-4lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352448123136&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Bread Mix, 4 lb.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.99 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(301)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1999</div>
  <div class="target-compare-at-price hidden">1999</div>
  
  
<p class="price">
        $19.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7352448123136', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041159424, 476874473728, 477478945024, 477482025216, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7352448123136-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7352448123136-sections--22369737179392__header-product_menu_Tpahrr21"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr22', '/products/gluten-free-biscuit-scone-mix', '6944403980453')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-biscuit-scone-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728641265920,
      &quot;product_id&quot;: 6944403980453,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Biscuit and Scone Mix, 13 oz.&quot;,
      &quot;compare_at_price&quot;: 1049,
      &quot;price&quot;: 1049,
      &quot;price_with_currency&quot;: &quot;$10.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041159424||477478945024||477482025216||477479272704||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 230,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569849,
      &quot;diff_day_publish&quot;: 1631804464
      
      }
    ]"
       
      aria-label="Gluten-Free Biscuit and Scone Mix, 13 oz."
      id="6944403980453-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr22-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Biscuit and Scone Mix, 13 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944403980453&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1049,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr22-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BiscuitScone_Angle.png?v=1727980824&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Biscuit and Scone Mix, 13 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr22-1 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BiscuitScone_Back.png?v=1660263555&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Biscuit and Scone Mix, 13 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944403980453">
        <a href="/products/gluten-free-biscuit-scone-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Biscuit and Scone Mix, 13 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944403980453&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1049,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Biscuit and Scone Mix, 13 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.9 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(49)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1049</div>
  <div class="target-compare-at-price hidden">1049</div>
  
  
<p class="price">
        $10.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944403980453', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041159424, 477478945024, 477482025216, 477479272704, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944403980453-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944403980453-sections--22369737179392__header-product_menu_Tpahrr22"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr23', '/products/gluten-free-bread-mix', '7047345733797')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="2"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-bread-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728603320576,
      &quot;product_id&quot;: 7047345733797,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 19 oz.&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041159424||476874473728||477478945024||477482025216||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 1228,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1631733893,
      &quot;diff_day_publish&quot;: 1631804466
      
      }
    ]"
       
      aria-label="Gluten-Free Bread Mix, 19 oz."
      id="7047345733797-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr23-2"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 19 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047345733797&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr23-2"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Bread Mix, 19 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr23-2 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_BreadMix_19oz_Back.png?v=1660263660&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Bread Mix, 19 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7047345733797">
        <a href="/products/gluten-free-bread-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 19 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047345733797&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Bread Mix, 19 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.99 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(301)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7047345733797', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041159424, 476874473728, 477478945024, 477482025216, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7047345733797-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7047345733797-sections--22369737179392__header-product_menu_Tpahrr23"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr24', '/products/gluten-free-chocolate-brownie-mix', '6944404144293')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="3"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-chocolate-brownie-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728531230976,
      &quot;product_id&quot;: 6944404144293,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Chocolate Brownie Mix, 16 oz.&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477484777728||287041159424||477478945024||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 433,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569851,
      &quot;diff_day_publish&quot;: 1631804467
      
      }
    ]"
       
      aria-label="Gluten-Free Chocolate Brownie Mix, 16 oz."
      id="6944404144293-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr24-3"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Brownie Mix, 16 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404144293&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr24-3"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_Brownie_Angle_a385f09e-a7c9-44da-80fd-5c5730771208.png?v=1693343621&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Chocolate Brownie Mix, 16 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr24-3 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_Brownie_Back.png?v=1693343621&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Chocolate Brownie Mix, 16 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944404144293">
        <a href="/products/gluten-free-chocolate-brownie-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Brownie Mix, 16 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404144293&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Chocolate Brownie Mix, 16 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.83 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(42)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944404144293', [277566390437, 478810374400, 480574931200, 478813356288, 477484777728, 287041159424, 477478945024, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944404144293-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944404144293-sections--22369737179392__header-product_menu_Tpahrr24"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr25', '/products/gluten-free-cornbread-muffin-mix', '6944404340901')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="4"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-cornbread-muffin-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728614658304,
      &quot;product_id&quot;: 6944404340901,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Cornbread and Muffin Mix, 12 oz.&quot;,
      &quot;compare_at_price&quot;: 1049,
      &quot;price&quot;: 1049,
      &quot;price_with_currency&quot;: &quot;$10.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041159424||477478945024||477482025216||477479272704||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 473,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569854,
      &quot;diff_day_publish&quot;: 1631804469
      
      }
    ]"
       
      aria-label="Gluten-Free Cornbread and Muffin Mix, 12 oz."
      id="6944404340901-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr25-4"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cornbread and Muffin Mix, 12 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404340901&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1049,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr25-4"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_CornbreadMuffin_Angle.png?v=1727986222&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Cornbread and Muffin Mix, 12 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr25-4 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_CornbreadMuffin_Back.png?v=1660263842&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Cornbread and Muffin Mix, 12 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944404340901">
        <a href="/products/gluten-free-cornbread-muffin-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cornbread and Muffin Mix, 12 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404340901&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1049,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Cornbread and Muffin Mix, 12 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.98 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(43)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1049</div>
  <div class="target-compare-at-price hidden">1049</div>
  
  
<p class="price">
        $10.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944404340901', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041159424, 477478945024, 477482025216, 477479272704, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944404340901-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944404340901-sections--22369737179392__header-product_menu_Tpahrr25"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr26', '/products/gluten-free-chocolate-cake-mix', '6942398906533')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="5"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-chocolate-cake-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728547451136,
      &quot;product_id&quot;: 6942398906533,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Chocolate Cake Mix, 21 oz.&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477484777728||287041159424||476874539264||477478945024||477482025216||477479272704||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 253,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627489363,
      &quot;diff_day_publish&quot;: 1631804468
      
      }
    ]"
       
      aria-label="Gluten-Free Chocolate Cake Mix, 21 oz."
      id="6942398906533-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr26-5"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Cake Mix, 21 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6942398906533&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr26-5"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Chocolate Cake Mix, 21 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr26-5 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_ChocCake_Back.png?v=1660263757&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Chocolate Cake Mix, 21 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6942398906533">
        <a href="/products/gluten-free-chocolate-cake-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Cake Mix, 21 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6942398906533&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Chocolate Cake Mix, 21 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.87 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(39)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6942398906533', [277566390437, 478810374400, 480574931200, 478813356288, 477484777728, 287041159424, 476874539264, 477478945024, 477482025216, 477479272704, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6942398906533-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6942398906533-sections--22369737179392__header-product_menu_Tpahrr26"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr27', '/products/gluten-free-classic-vanilla-cake-mix', '6944404013221')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="6"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-classic-vanilla-cake-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728524513536,
      &quot;product_id&quot;: 6944404013221,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Vanilla Cake Mix, 21 oz.&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041159424||476874539264||477478945024||477482025216||477479272704||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 132,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569850,
      &quot;diff_day_publish&quot;: 1631804468
      
      }
    ]"
       
      aria-label="Gluten-Free Vanilla Cake Mix, 21 oz."
      id="6944404013221-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr27-6"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Vanilla Cake Mix, 21 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404013221&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr27-6"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_VanillaCake_Angle.png?v=1727981065&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Vanilla Cake Mix, 21 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr27-6 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_VanillaCake_Back.png?v=1660263883&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Vanilla Cake Mix, 21 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944404013221">
        <a href="/products/gluten-free-classic-vanilla-cake-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Vanilla Cake Mix, 21 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404013221&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Vanilla Cake Mix, 21 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.94 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(17)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944404013221', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041159424, 476874539264, 477478945024, 477482025216, 477479272704, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944404013221-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944404013221-sections--22369737179392__header-product_menu_Tpahrr27"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr28', '/products/gluten-free-baking-pancake-mix', '7352433443072')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="7"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-baking-pancake-mix"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728516485376,
      &quot;product_id&quot;: 7352433443072,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
      &quot;compare_at_price&quot;: 1299,
      &quot;price&quot;: 1299,
      &quot;price_with_currency&quot;: &quot;$12.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477484777728||287041159424||477478945024||287041061120||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 329,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635431013,
      &quot;diff_day_publish&quot;: 1635431162
      
      }
    ]"
       
      aria-label="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
      id="7352433443072-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr28-7"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352433443072&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1299,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr28-7"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr28-7 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Back.png?v=1772202894&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7352433443072">
        <a href="/products/gluten-free-baking-pancake-mix"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352433443072&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1299,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Pancake &amp; Baking Mix, 24 oz.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.97 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(334)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1299</div>
  <div class="target-compare-at-price hidden">1299</div>
  
  
<p class="price">
        $12.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7352433443072', [277566390437, 478810374400, 480574931200, 478813356288, 477484777728, 287041159424, 477478945024, 287041061120, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7352433443072-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7352433443072-sections--22369737179392__header-product_menu_Tpahrr28"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr29', '/products/pamelas-bread-flour-blend-25-lb', '7431849017600')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="8"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/pamelas-bread-flour-blend-25-lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 41976359223552,
      &quot;product_id&quot;: 7431849017600,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 7779,
      &quot;price_with_currency&quot;: &quot;$77.79&quot;,
      &quot;sale_amount&quot;: &quot;$-77.79&quot;,
      &quot;collections&quot;: &quot;||277566390437||480574931200||480579420416||477481435392||477478945024||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 247,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635955603,
      &quot;diff_day_publish&quot;: 1701214102
      
      }
    ]"
       
      aria-label="Gluten-Free Bread &amp; Flour Blend, 25 LB"
      id="7431849017600-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr29-8"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7431849017600&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 7779,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        >
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr29-8"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463 1800w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Pamela&#39;s 25lb brad mix bag"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
                  loading="lazy"
                  width="1800"
                  height="1800"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7431849017600">
        <a href="/products/pamelas-bread-flour-blend-25-lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7431849017600&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 7779,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Bread &amp; Flour Blend, 25 LB
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.98 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(62)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">7779</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $77.79
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7431849017600', [277566390437, 480574931200, 480579420416, 477481435392, 477478945024])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-7431849017600-sections--22369737179392__header-product_menu_Tpahrr29"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          
</div>
                                    </div><div class="lg:flex items-center hidden mt-5 w-3/4 ml-auto mr-auto">
                                        <div class="splide-progress inline-block grow">
                                          <div class="splide-progress-bar" style="width: 44.44444444444444%;"></div>
                                        </div>
                                      </div></div>
                                </div>
                              </div>
                              
                                <div class="mega-sub-nav pr-5 pt-4 pb-4 hidden md:block">
                                  <div class="border-t w-full pt-3 hidden ltr md:flex justify-end rtl:justify-left">
                                    <a href="/collections/all" class="hover-text-link nav-link relative w-fit flex gap-1"
                                      
                                    >
                                      View All Products
                                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                                    </a>
                                  </div>
                                </div>
                              
                            </div>
                          </div>
                        </li>
                    
                      <li
                        class="sub-menu-item w-full  has-dropdown tabbed-animation-change"
                        :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '3' && 'is-active'"
                        @mouseover-productmenutpahrr-3.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '3'); $el.classList.add('is-focus-child');"
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @focusin-productmenutpahrr-3.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '3'); $el.classList.add('is-focus-child');"
                        @focusout="$el.classList.remove('is-focus-child');"
                      >
                          <div class="toggle-menu-sub overflow-hidden pl-7 xl:pr-5 toggle-menu-sub-hidden">   
                            <div class="mega-sub-container pr-0 relative scrollbar-body scrollbar-visible ltr pb-8 x-pgw page-width mr-auto ml-auto">
                              <div class="mega-sub-nav scrollbar-body scrollbar-visible pr-5">                                     
                                <div class="order-2 w-full">
                                  <div 
                                    id="x-product-menu-product_menu_Tpahrr-3"
                                    ><div class="relative overflow-hidden">
                                      <div class="w-full  grid md:grid-cols-4 gap-x-7">



<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr31', '/products/gluten-free-all-purpose-flour-artisan-blend-4lb', '7352443076864')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728647721216,
      &quot;product_id&quot;: 7352443076864,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;compare_at_price&quot;: 1949,
      &quot;price&quot;: 1949,
      &quot;price_with_currency&quot;: &quot;$19.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041192192||477478945024||477482025216||477479272704||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 322,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635431362,
      &quot;diff_day_publish&quot;: 1635431393
      
      }
    ]"
       
      aria-label="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
      id="7352443076864-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr31-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352443076864&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1949,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr31-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr31-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7352443076864">
        <a href="/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352443076864&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1949,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free 1:1 All-Purpose Flour, 4 lb.
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(52)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1949</div>
  <div class="target-compare-at-price hidden">1949</div>
  
  
<p class="price">
        $19.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7352443076864', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041192192, 477478945024, 477482025216, 477479272704, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7352443076864-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7352443076864-sections--22369737179392__header-product_menu_Tpahrr31"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr32', '/products/pamelas-all-purpose-flour-artisan-blend-25-lb', '7431849345280')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/pamelas-all-purpose-flour-artisan-blend-25-lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 41976360141056,
      &quot;product_id&quot;: 7431849345280,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 25 LB&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 6289,
      &quot;price_with_currency&quot;: &quot;$62.89&quot;,
      &quot;sale_amount&quot;: &quot;$-62.89&quot;,
      &quot;collections&quot;: &quot;||277566390437||480574931200||480579420416||477481435392||477484777728||477478945024||477482025216||477479272704||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 133,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635955650,
      &quot;diff_day_publish&quot;: 1701214102
      
      }
    ]"
       
      aria-label="Gluten-Free 1:1 All-Purpose Flour, 25 LB"
      id="7431849345280-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr32-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 25 LB&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7431849345280&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 6289,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        >
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr32-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391 1800w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
                  loading="lazy"
                  width="1800"
                  height="1800"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7431849345280">
        <a href="/products/pamelas-all-purpose-flour-artisan-blend-25-lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 25 LB&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7431849345280&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 6289,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free 1:1 All-Purpose Flour, 25 LB
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(37)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">6289</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $62.89
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7431849345280', [277566390437, 480574931200, 480579420416, 477481435392, 477484777728, 477478945024, 477482025216, 477479272704, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-7431849345280-sections--22369737179392__header-product_menu_Tpahrr32"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          
</div>
                                    </div></div>
                                </div>
                              </div>
                              
                                <div class="mega-sub-nav pr-5 pt-4 pb-4 hidden md:block">
                                  <div class="border-t w-full pt-3 hidden ltr md:flex justify-end rtl:justify-left">
                                    <a href="/collections/all" class="hover-text-link nav-link relative w-fit flex gap-1"
                                      
                                    >
                                      View All Products
                                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                                    </a>
                                  </div>
                                </div>
                              
                            </div>
                          </div>
                        </li>
                    
                      <li
                        class="sub-menu-item w-full  has-dropdown tabbed-animation-change"
                        :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '4' && 'is-active'"
                        @mouseover-productmenutpahrr-4.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '4'); $el.classList.add('is-focus-child');"
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @focusin-productmenutpahrr-4.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '4'); $el.classList.add('is-focus-child');"
                        @focusout="$el.classList.remove('is-focus-child');"
                      >
                          <div class="toggle-menu-sub overflow-hidden pl-7 xl:pr-5 toggle-menu-sub-hidden">   
                            <div class="mega-sub-container pr-0 relative scrollbar-body scrollbar-visible ltr pb-8 x-pgw page-width mr-auto ml-auto">
                              <div class="mega-sub-nav scrollbar-body scrollbar-visible pr-5">                                     
                                <div class="order-2 w-full">
                                  <div 
                                    id="x-product-menu-product_menu_Tpahrr-4"
                                    ><div class="relative overflow-hidden">
                                      <div class="w-full  grid md:grid-cols-4 gap-x-7">



<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr41', '/products/gluten-free-whenever-bar-blueberry-lemon', '6942397857957')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-whenever-bar-blueberry-lemon"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728766374144,
      &quot;product_id&quot;: 6942397857957,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Blueberry Lemon Whenever Bars&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477481435392||477478945024||278040182949||479421268224||476873720064||477482025216||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 337,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627489343,
      &quot;diff_day_publish&quot;: 1631804475
      
      }
    ]"
       
      aria-label="Gluten-Free Blueberry Lemon Whenever Bars"
      id="6942397857957-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr41-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Blueberry Lemon Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6942397857957&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr41-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_ANGLE.png?v=1710873797&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Blueberry Lemon Whenever Bars"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr41-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonBlueberry_WBar_HORIZ.png?v=1710873797&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Blueberry Lemon Whenever Bars"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6942397857957">
        <a href="/products/gluten-free-whenever-bar-blueberry-lemon"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Blueberry Lemon Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6942397857957&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Blueberry Lemon Whenever Bars
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.95 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(44)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6942397857957', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477481435392, 477478945024, 278040182949, 479421268224, 476873720064, 477482025216, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6942397857957-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6942397857957-sections--22369737179392__header-product_menu_Tpahrr41"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr42', '/products/gluten-free-whenever-bar-cranberry-almond', '6944402735269')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-whenever-bar-cranberry-almond"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728719417600,
      &quot;product_id&quot;: 6944402735269,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Cranberry Almond Whenever Bars&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477478945024||278040182949||479421268224||476873720064||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 124,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569835,
      &quot;diff_day_publish&quot;: 1631804476
      
      }
    ]"
       
      aria-label="Gluten-Free Cranberry Almond Whenever Bars"
      id="6944402735269-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr42-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cranberry Almond Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944402735269&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr42-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Cranberry Almond Whenever Bars"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr42-1 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_NFP.png?v=1710873850&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Cranberry Almond Whenever Bars"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944402735269">
        <a href="/products/gluten-free-whenever-bar-cranberry-almond"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cranberry Almond Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944402735269&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Cranberry Almond Whenever Bars
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.94 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(32)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944402735269', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477478945024, 278040182949, 479421268224, 476873720064, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944402735269-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944402735269-sections--22369737179392__header-product_menu_Tpahrr42"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr43', '/products/gluten-free-whenever-bar-chocolate-chip-coconut', '6944402768037')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="2"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-whenever-bar-chocolate-chip-coconut"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728779546880,
      &quot;product_id&quot;: 6944402768037,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Chocolate Chip Coconut Whenever Bars&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477478945024||278040182949||479421268224||476873720064||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 975,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569835,
      &quot;diff_day_publish&quot;: 1631804476
      
      }
    ]"
       
      aria-label="Gluten-Free Chocolate Chip Coconut Whenever Bars"
      id="6944402768037-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr43-2"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Chip Coconut Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944402768037&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr43-2"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_ANGLE.png?v=1710869459&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Chocolate Chip Coconut Whenever Bars"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr43-2 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_ChocChipCoconut_WBar_HORIZ.png?v=1710869459&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Chocolate Chip Coconut Whenever Bars"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944402768037">
        <a href="/products/gluten-free-whenever-bar-chocolate-chip-coconut"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Chip Coconut Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944402768037&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Chocolate Chip Coconut Whenever Bars
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.84 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(45)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944402768037', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477478945024, 278040182949, 479421268224, 476873720064, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944402768037-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944402768037-sections--22369737179392__header-product_menu_Tpahrr43"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr44', '/products/gluten-free-whenever-bar-raisin-walnut-spice', '7190571024640')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="3"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-whenever-bar-raisin-walnut-spice"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728758837504,
      &quot;product_id&quot;: 7190571024640,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Raisin Walnut Spice Whenever Bars&quot;,
      &quot;compare_at_price&quot;: 1149,
      &quot;price&quot;: 1149,
      &quot;price_with_currency&quot;: &quot;$11.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477481435392||477478945024||278040182949||479421268224||476873720064||477482025216||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 329,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1633620898,
      &quot;diff_day_publish&quot;: 1633621592
      
      }
    ]"
       
      aria-label="Gluten-Free Raisin Walnut Spice Whenever Bars"
      id="7190571024640-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr44-3"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Raisin Walnut Spice Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7190571024640&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr44-3"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_ANGLE.png?v=1764872191&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Raisin Walnut Spice Whenever Bars"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr44-3 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_RaisinWalnut_WBar_HORIZ.png?v=1710873914&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Raisin Walnut Spice Whenever Bars"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7190571024640">
        <a href="/products/gluten-free-whenever-bar-raisin-walnut-spice"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Raisin Walnut Spice Whenever Bars&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7190571024640&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1149,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Raisin Walnut Spice Whenever Bars
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.95 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(41)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7190571024640', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477481435392, 477478945024, 278040182949, 479421268224, 476873720064, 477482025216, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7190571024640-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7190571024640-sections--22369737179392__header-product_menu_Tpahrr44"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          
</div>
                                    </div></div>
                                </div>
                              </div>
                              
                                <div class="mega-sub-nav pr-5 pt-4 pb-4 hidden md:block">
                                  <div class="border-t w-full pt-3 hidden ltr md:flex justify-end rtl:justify-left">
                                    <a href="/collections/all" class="hover-text-link nav-link relative w-fit flex gap-1"
                                      
                                    >
                                      View All Products
                                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                                    </a>
                                  </div>
                                </div>
                              
                            </div>
                          </div>
                        </li>
                    
                      <li
                        class="sub-menu-item w-full  has-dropdown tabbed-animation-change"
                        :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '5' && 'is-active'"
                        @mouseover-productmenutpahrr-5.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '5'); $el.classList.add('is-focus-child');"
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @focusin-productmenutpahrr-5.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '5'); $el.classList.add('is-focus-child');"
                        @focusout="$el.classList.remove('is-focus-child');"
                      >
                          <div class="toggle-menu-sub overflow-hidden pl-7 xl:pr-5 toggle-menu-sub-hidden">   
                            <div class="mega-sub-container pr-0 relative scrollbar-body scrollbar-visible ltr pb-8 x-pgw page-width mr-auto ml-auto">
                              <div class="mega-sub-nav scrollbar-body scrollbar-visible pr-5">                                     
                                <div class="order-2 w-full">
                                  <div 
                                    id="x-product-menu-product_menu_Tpahrr-5"
                                    ><div class="relative overflow-hidden">
                                      <div class="w-full  grid md:grid-cols-4 gap-x-7">



<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr51', '/products/gluten-free-honey-grahams', '6944404242597')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-honey-grahams"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728823095552,
      &quot;product_id&quot;: 6944404242597,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;compare_at_price&quot;: 1099,
      &quot;price&quot;: 1099,
      &quot;price_with_currency&quot;: &quot;$10.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||477478945024||287041257728||476874703104||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 990,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569853,
      &quot;diff_day_publish&quot;: 1631804474
      
      }
    ]"
       
      aria-label="Gluten-Free Honey Grahams"
      id="6944404242597-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr51-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404242597&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr51-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Honey Grahams"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr51-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Honey Grahams"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944404242597">
        <a href="/products/gluten-free-honey-grahams"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404242597&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Honey Grahams
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.82 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(71)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1099</div>
  <div class="target-compare-at-price hidden">1099</div>
  
  
<p class="price">
        $10.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944404242597', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 477478945024, 287041257728, 476874703104, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944404242597-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944404242597-sections--22369737179392__header-product_menu_Tpahrr51"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr52', '/products/gluten-free-cinnamon-grahams', '6944403128485')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-cinnamon-grahams"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728868249856,
      &quot;product_id&quot;: 6944403128485,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Cinnamon Grahams&quot;,
      &quot;compare_at_price&quot;: 1099,
      &quot;price&quot;: 1099,
      &quot;price_with_currency&quot;: &quot;$10.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||477478945024||287041257728||476874703104||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 154,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569839,
      &quot;diff_day_publish&quot;: 1631804473
      
      }
    ]"
       
      aria-label="Gluten-Free Cinnamon Grahams"
      id="6944403128485-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr52-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cinnamon Grahams&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944403128485&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr52-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Angle.png?v=1710872887&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Cinnamon Grahams"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr52-1 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_Cinnamon_Grahams_Carton_Back.png?v=1710872887&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Cinnamon Grahams"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944403128485">
        <a href="/products/gluten-free-cinnamon-grahams"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cinnamon Grahams&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944403128485&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Cinnamon Grahams
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.84 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(19)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1099</div>
  <div class="target-compare-at-price hidden">1099</div>
  
  
<p class="price">
        $10.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944403128485', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 477478945024, 287041257728, 476874703104, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944403128485-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944403128485-sections--22369737179392__header-product_menu_Tpahrr52"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          
</div>
                                    </div></div>
                                </div>
                              </div>
                              
                                <div class="mega-sub-nav pr-5 pt-4 pb-4 hidden md:block">
                                  <div class="border-t w-full pt-3 hidden ltr md:flex justify-end rtl:justify-left">
                                    <a href="/collections/all" class="hover-text-link nav-link relative w-fit flex gap-1"
                                      
                                    >
                                      View All Products
                                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                                    </a>
                                  </div>
                                </div>
                              
                            </div>
                          </div>
                        </li>
                    
                      <li
                        class="sub-menu-item w-full  has-dropdown tabbed-animation-change"
                        :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '6' && 'is-active'"
                        @mouseover-productmenutpahrr-6.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '6'); $el.classList.add('is-focus-child');"
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @focusin-productmenutpahrr-6.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '6'); $el.classList.add('is-focus-child');"
                        @focusout="$el.classList.remove('is-focus-child');"
                      >
                          <div class="toggle-menu-sub overflow-hidden pl-7 xl:pr-5 toggle-menu-sub-hidden">   
                            <div class="mega-sub-container pr-0 relative scrollbar-body scrollbar-visible ltr pb-8 x-pgw page-width mr-auto ml-auto">
                              <div class="mega-sub-nav scrollbar-body scrollbar-visible pr-5">                                     
                                <div class="order-2 w-full">
                                  <div 
                                    id="x-product-menu-product_menu_Tpahrr-6"
                                    
                                      class="overflow-hidden x-splide splide w-full"
                                      x-intersect.once.margin.200px='$store.xSplide.load($el, {
                                      "perPage": 4,
                                      "speed": 500,
                                      "updateOnMove": "true",
                                      "progressBar": 4,
                                      "progressBarHeader": "true",
                                      "gap": "1.75rem",
                                      "perMove": 4,
                                      "pagination": false, 
                                      "classes": {
                                        "pagination": "hidden"
                                      }
                                      
                                    })'><div class="splide__arrows lg:block ml-5 rtl:ml-0 rtl:mr-5 hidden">
                                        <button class="splide__arrow splide__arrow--prev button-arrow hidden lg:block absolute top-1/2 left-0 rtl:left-auto rtl:right-0 -mt-6 pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 after:text-[20px] rtl:rotate-180 duration-200 hover:opacity-100 disabled:cursor-not-allowed transition-all ease-in-out rtl:lg:translate-x-full lg:-translate-x-full disabled:opacity-30" aria-label="previous slide">
                                          <span class="hidden">previous slide</span>
                                          
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    


                                        </button>
                                        <button class="splide__arrow splide__arrow--next button-arrow hidden lg:block absolute top-1/2 right-0 rtl:right-auto rtl:left-0 -mt-6 pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 after:text-[20px] rtl:rotate-180 duration-200 hover:opacity-100 disabled:cursor-not-allowed transition-all ease-in-out rtl:lg:-translate-x-full lg:translate-x-full disabled:opacity-30" aria-label="next slide">
                                          <span class="hidden">next slide</span>
                                          
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
  


                                        </button>
                                      </div><div class="relative splide__track overflow-hidden">
                                      <div class="w-full  splide__list flex">



<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr61', '/products/gluten-free-chunky-chocolate-chip-cookies', '7352901435648')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-chunky-chocolate-chip-cookies"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728470085888,
      &quot;product_id&quot;: 7352901435648,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Chunky Chocolate Chip Cookies&quot;,
      &quot;compare_at_price&quot;: 899,
      &quot;price&quot;: 899,
      &quot;price_with_currency&quot;: &quot;$8.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||478974607616||287041323264||477478945024||479421268224||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 328,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635527628,
      &quot;diff_day_publish&quot;: 1635703145
      
      }
    ]"
       
      aria-label="Gluten-Free Chunky Chocolate Chip Cookies"
      id="7352901435648-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr61-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chunky Chocolate Chip Cookies&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352901435648&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr61-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_ANGLE.png?v=1710873120&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Chunky Chocolate Chip Cookies"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr61-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_ChunkChocChip_Cookies_HORIZ.png?v=1710873120&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Chunky Chocolate Chip Cookies"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7352901435648">
        <a href="/products/gluten-free-chunky-chocolate-chip-cookies"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chunky Chocolate Chip Cookies&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7352901435648&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Chunky Chocolate Chip Cookies
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.84 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(19)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">899</div>
  <div class="target-compare-at-price hidden">899</div>
  
  
<p class="price">
        $8.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7352901435648', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 478974607616, 287041323264, 477478945024, 479421268224, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7352901435648-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7352901435648-sections--22369737179392__header-product_menu_Tpahrr61"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr62', '/products/gluten-free-pecan-shortbread', '6944404177061')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-pecan-shortbread"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728490696960,
      &quot;product_id&quot;: 6944404177061,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Pecan Shortbread Cookies&quot;,
      &quot;compare_at_price&quot;: 899,
      &quot;price&quot;: 899,
      &quot;price_with_currency&quot;: &quot;$8.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||478974607616||287041323264||477478945024||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 207,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569852,
      &quot;diff_day_publish&quot;: 1631804480
      
      }
    ]"
       
      aria-label="Gluten-Free Pecan Shortbread Cookies"
      id="6944404177061-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr62-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pecan Shortbread Cookies&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404177061&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr62-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/products/PAM_PecanShortbread_Cookies_ANGLE.png?v=1633634041&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Pecan Shortbread Cookies"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr62-1 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_PecanShortbread_Cookies_NFP.png?v=1709837161&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Pecan Shortbread Cookies"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944404177061">
        <a href="/products/gluten-free-pecan-shortbread"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pecan Shortbread Cookies&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404177061&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Pecan Shortbread Cookies
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.93 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(42)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">899</div>
  <div class="target-compare-at-price hidden">899</div>
  
  
<p class="price">
        $8.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944404177061', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 478974607616, 287041323264, 477478945024, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944404177061-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944404177061-sections--22369737179392__header-product_menu_Tpahrr62"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr63', '/products/gluten-free-lemon-shortbread', '6944404308133')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="2"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-lemon-shortbread"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728503345408,
      &quot;product_id&quot;: 6944404308133,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Lemon Shortbread Cookies&quot;,
      &quot;compare_at_price&quot;: 899,
      &quot;price&quot;: 899,
      &quot;price_with_currency&quot;: &quot;$8.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||478974607616||287041323264||477478945024||479421268224||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 104,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569854,
      &quot;diff_day_publish&quot;: 1631804479
      
      }
    ]"
       
      aria-label="Gluten-Free Lemon Shortbread Cookies"
      id="6944404308133-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr63-2"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Lemon Shortbread Cookies&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404308133&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr63-2"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Lemon Shortbread Cookies"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr63-2 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_HORIZ.png?v=1710873267&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Lemon Shortbread Cookies"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944404308133">
        <a href="/products/gluten-free-lemon-shortbread"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Lemon Shortbread Cookies&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944404308133&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 899,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Lemon Shortbread Cookies
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.86 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(37)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">899</div>
  <div class="target-compare-at-price hidden">899</div>
  
  
<p class="price">
        $8.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944404308133', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 478974607616, 287041323264, 477478945024, 479421268224])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944404308133-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944404308133-sections--22369737179392__header-product_menu_Tpahrr63"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr64', '/products/gluten-free-figgies-jammies-mission-fig', '7047495254181')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="3"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-figgies-jammies-mission-fig"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728898396416,
      &quot;product_id&quot;: 7047495254181,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Mission Fig&quot;,
      &quot;compare_at_price&quot;: 1099,
      &quot;price&quot;: 1099,
      &quot;price_with_currency&quot;: &quot;$10.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||287041356032||287041323264||477478945024||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 145,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1631739063,
      &quot;diff_day_publish&quot;: 1631804472
      
      }
    ]"
       
      aria-label="Gluten-Free Figgies &amp; Jammies - Mission Fig"
      id="7047495254181-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr64-3"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Mission Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047495254181&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr64-3"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296 1000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_FRONT_1000x1000_a357ab2d-02eb-47c6-8b1a-effebb28563d.png?v=1710874296&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Figgies &amp; Jammies - Mission Fig"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1000"
                  height="1000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr64-3 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286 4500w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_MissionFig_FigJam_BACK.png?v=1710874286&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Figgies &amp; Jammies - Mission Fig"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="4500"
                      height="2640"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7047495254181">
        <a href="/products/gluten-free-figgies-jammies-mission-fig"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Mission Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047495254181&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Figgies &amp; Jammies - Mission Fig
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.88 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(50)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1099</div>
  <div class="target-compare-at-price hidden">1099</div>
  
  
<p class="price">
        $10.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7047495254181', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 287041356032, 287041323264, 477478945024, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7047495254181-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7047495254181-sections--22369737179392__header-product_menu_Tpahrr64"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr65', '/products/gluten-free-big-fig-mission-fig', '7047494729893')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="4"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-big-fig-mission-fig"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728939225344,
      &quot;product_id&quot;: 7047494729893,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Big Fig Bars - Mission Fig&quot;,
      &quot;compare_at_price&quot;: 999,
      &quot;price&quot;: 999,
      &quot;price_with_currency&quot;: &quot;$9.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||287041356032||287041323264||477478945024||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 49,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1631739042,
      &quot;diff_day_publish&quot;: 1631804472
      
      }
    ]"
       
      aria-label="Gluten-Free Big Fig Bars - Mission Fig"
      id="7047494729893-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr65-4"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Big Fig Bars - Mission Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047494729893&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr65-4"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/products/Px5vjjf4.png?v=1634588208&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Big Fig Bars - Mission Fig"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr65-4 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708 1536w"
                      src="//www.pamelasproducts.com/cdn/shop/products/VDuDYTo4.png?v=1709843708&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Big Fig Bars - Mission Fig"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="1536"
                      height="1536"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7047494729893">
        <a href="/products/gluten-free-big-fig-mission-fig"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Big Fig Bars - Mission Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047494729893&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Big Fig Bars - Mission Fig
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.85 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(33)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">999</div>
  <div class="target-compare-at-price hidden">999</div>
  
  
<p class="price">
        $9.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7047494729893', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 287041356032, 287041323264, 477478945024, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7047494729893-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7047494729893-sections--22369737179392__header-product_menu_Tpahrr65"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr66', '/products/gluten-free-figgies-jammies-raspberry', '6944403947685')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="5"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-figgies-jammies-raspberry"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728924217600,
      &quot;product_id&quot;: 6944403947685,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Raspberry Fig&quot;,
      &quot;compare_at_price&quot;: 1099,
      &quot;price&quot;: 1099,
      &quot;price_with_currency&quot;: &quot;$10.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||287041356032||287041323264||477478945024||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 96,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569849,
      &quot;diff_day_publish&quot;: 1631804473
      
      }
    ]"
       
      aria-label="Gluten-Free Figgies &amp; Jammies - Raspberry Fig"
      id="6944403947685-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr66-5"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Raspberry Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944403947685&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr66-5"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880 600w" 
                  src="//www.pamelasproducts.com/cdn/shop/products/raspberry_1.png?v=1649259880&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Figgies &amp; Jammies - Raspberry Fig"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="600"
                  height="600"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr66-5 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081 4500w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_RaspberryFig_FigJam_BACK.png?v=1709837081&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Figgies &amp; Jammies - Raspberry Fig"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="4500"
                      height="2640"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-6944403947685">
        <a href="/products/gluten-free-figgies-jammies-raspberry"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Raspberry Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;6944403947685&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Figgies &amp; Jammies - Raspberry Fig
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.72 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(18)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1099</div>
  <div class="target-compare-at-price hidden">1099</div>
  
  
<p class="price">
        $10.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944403947685', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 287041356032, 287041323264, 477478945024, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-6944403947685-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944403947685-sections--22369737179392__header-product_menu_Tpahrr66"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr67', '/products/gluten-free-figgies-jammies-blueberry', '7047408287909')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="6"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-figgies-jammies-blueberry"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728913666304,
      &quot;product_id&quot;: 7047408287909,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Blueberry Fig&quot;,
      &quot;compare_at_price&quot;: 1099,
      &quot;price&quot;: 1099,
      &quot;price_with_currency&quot;: &quot;$10.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||287041356032||287041323264||477478945024||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 124,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1631735709,
      &quot;diff_day_publish&quot;: 1631804465
      
      }
    ]"
       
      aria-label="Gluten-Free Figgies &amp; Jammies - Blueberry Fig"
      id="7047408287909-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr67-6"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Blueberry Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047408287909&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr67-6"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229 1000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_FRONT_1000x1000_2f3ec177-1ba7-4391-9603-90150ef8e24c.png?v=1710874229&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Figgies &amp; Jammies - Blueberry Fig"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1000"
                  height="1000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr67-6 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229 4500w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_BlueberryFig_FigJam_BACK.png?v=1710874229&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Figgies &amp; Jammies - Blueberry Fig"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="4500"
                      height="2640"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-7047408287909">
        <a href="/products/gluten-free-figgies-jammies-blueberry"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Figgies &amp;amp; Jammies - Blueberry Fig&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;7047408287909&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Figgies &amp; Jammies - Blueberry Fig
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.91 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(11)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1099</div>
  <div class="target-compare-at-price hidden">1099</div>
  
  
<p class="price">
        $10.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7047408287909', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 287041356032, 287041323264, 477478945024, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-sections--22369737179392__header-7047408287909-product_menu_Tpahrr-quick-access"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7047408287909-sections--22369737179392__header-product_menu_Tpahrr67"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          
</div>
                                    </div><div class="lg:flex items-center hidden mt-5 w-3/4 ml-auto mr-auto">
                                        <div class="splide-progress inline-block grow">
                                          <div class="splide-progress-bar" style="width: 57.142857142857146%;"></div>
                                        </div>
                                      </div></div>
                                </div>
                              </div>
                              
                                <div class="mega-sub-nav pr-5 pt-4 pb-4 hidden md:block">
                                  <div class="border-t w-full pt-3 hidden ltr md:flex justify-end rtl:justify-left">
                                    <a href="/collections/all" class="hover-text-link nav-link relative w-fit flex gap-1"
                                      
                                    >
                                      View All Products
                                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                                    </a>
                                  </div>
                                </div>
                              
                            </div>
                          </div>
                        </li>
                    
                      <li
                        class="sub-menu-item w-full  has-dropdown tabbed-animation-change"
                        :class="$store.xHeaderMenu.subShow.get('productmenutpahrr') === '7' && 'is-active'"
                        @mouseover-productmenutpahrr-7.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '7'); $el.classList.add('is-focus-child');"
                        @mouseleave="$el.classList.remove('is-focus-child');"
                        @focusin-productmenutpahrr-7.window="$store.xHeaderMenu.openSubMenu('productmenutpahrr', '7'); $el.classList.add('is-focus-child');"
                        @focusout="$el.classList.remove('is-focus-child');"
                      >
                          <div class="toggle-menu-sub overflow-hidden pl-7 xl:pr-5 toggle-menu-sub-hidden">   
                            <div class="mega-sub-container pr-0 relative scrollbar-body scrollbar-visible ltr pb-8 x-pgw page-width mr-auto ml-auto">
                              <div class="mega-sub-nav scrollbar-body scrollbar-visible pr-5">                                     
                                <div class="order-2 w-full">
                                  <div 
                                    id="x-product-menu-product_menu_Tpahrr-7"
                                    
                                      class="overflow-hidden x-splide splide w-full"
                                      x-intersect.once.margin.200px='$store.xSplide.load($el, {
                                      "perPage": 4,
                                      "speed": 500,
                                      "updateOnMove": "true",
                                      "progressBar": 4,
                                      "progressBarHeader": "true",
                                      "gap": "1.75rem",
                                      "perMove": 4,
                                      "pagination": false, 
                                      "classes": {
                                        "pagination": "hidden"
                                      }
                                      
                                    })'><div class="splide__arrows lg:block ml-5 rtl:ml-0 rtl:mr-5 hidden">
                                        <button class="splide__arrow splide__arrow--prev button-arrow hidden lg:block absolute top-1/2 left-0 rtl:left-auto rtl:right-0 -mt-6 pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 after:text-[20px] rtl:rotate-180 duration-200 hover:opacity-100 disabled:cursor-not-allowed transition-all ease-in-out rtl:lg:translate-x-full lg:-translate-x-full disabled:opacity-30" aria-label="previous slide">
                                          <span class="hidden">previous slide</span>
                                          
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    


                                        </button>
                                        <button class="splide__arrow splide__arrow--next button-arrow hidden lg:block absolute top-1/2 right-0 rtl:right-auto rtl:left-0 -mt-6 pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 after:text-[20px] rtl:rotate-180 duration-200 hover:opacity-100 disabled:cursor-not-allowed transition-all ease-in-out rtl:lg:-translate-x-full lg:translate-x-full disabled:opacity-30" aria-label="next slide">
                                          <span class="hidden">next slide</span>
                                          
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
  


                                        </button>
                                      </div><div class="relative splide__track overflow-hidden">
                                      <div class="w-full  splide__list flex">



<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr71', '/products/bakers-dream-pack', '9247871533312')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/bakers-dream-pack"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 47293391175936,
      &quot;product_id&quot;: 9247871533312,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Bakers Dream Starter Pack&quot;,
      &quot;compare_at_price&quot;: 6445,
      &quot;price&quot;: 5800,
      &quot;price_with_currency&quot;: &quot;$58.00&quot;,
      &quot;sale_amount&quot;: &quot;$6.45&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||287041192192||477478945024||467422871808||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 132,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1763414853,
      &quot;diff_day_publish&quot;: 1764871480
      
      }
    ]"
       
      aria-label="Gluten-Free Bakers Dream Starter Pack"
      id="9247871533312-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr71-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bakers Dream Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247871533312&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 5800,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr71-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871 1080w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BakersDream.jpg?v=1763414871&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Bakers Dream Starter Pack"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1080"
                  height="1066"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr71-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389 1238w"
                      src="//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-24at4.26.25PM.png?v=1763590389&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Bakers Dream Starter Pack"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="1238"
                      height="1856"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-9247871533312">
        <a href="/products/bakers-dream-pack"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bakers Dream Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247871533312&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 5800,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Bakers Dream Starter Pack
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
        
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">5800</div>
  <div class="target-compare-at-price hidden">6445</div>
  
  


          <s class="cap rtl:inline-block price-compare rtl:leading-tight text-[80%]">$64.45</s><span  class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$58.00</span>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9247871533312', [277566390437, 478810374400, 480574931200, 287041192192, 477478945024, 467422871808])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-9247871533312-sections--22369737179392__header-product_menu_Tpahrr71"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr72', '/products/gluten-free-baking-starter-pack', '9247867633920')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-baking-starter-pack"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 47293370990848,
      &quot;product_id&quot;: 9247867633920,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Baking Starter Pack&quot;,
      &quot;compare_at_price&quot;: 5696,
      &quot;price&quot;: 4271,
      &quot;price_with_currency&quot;: &quot;$42.71&quot;,
      &quot;sale_amount&quot;: &quot;$14.25&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||477478945024||467422871808||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 132,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1763414540,
      &quot;diff_day_publish&quot;: 1764871460
      
      }
    ]"
       
      aria-label="Gluten-Free Baking Starter Pack"
      id="9247867633920-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr72-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Baking Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247867633920&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4271,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr72-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615 1080w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeBakingStarter.jpg?v=1763414615&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Baking Starter Pack"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1080"
                  height="1080"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr72-1 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903 600w"
                      src="//www.pamelasproducts.com/cdn/shop/files/Pamela_s-Pumpkin-Pancakes-2.jpg?v=1763588903&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Baking Starter Pack"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="600"
                      height="900"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-9247867633920">
        <a href="/products/gluten-free-baking-starter-pack"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Baking Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247867633920&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4271,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Baking Starter Pack
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(1)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">4271</div>
  <div class="target-compare-at-price hidden">5696</div>
  
  


          <s class="cap rtl:inline-block price-compare rtl:leading-tight text-[80%]">$56.96</s><span  class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$42.71</span>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9247867633920', [277566390437, 478810374400, 480574931200, 477478945024, 467422871808])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-9247867633920-sections--22369737179392__header-product_menu_Tpahrr72"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr73', '/products/best-sellers-pack', '9247808651520')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="2"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/best-sellers-pack"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 47293063332096,
      &quot;product_id&quot;: 9247808651520,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Best Sellers Starter Pack&quot;,
      &quot;compare_at_price&quot;: 5496,
      &quot;price&quot;: 4181,
      &quot;price_with_currency&quot;: &quot;$41.81&quot;,
      &quot;sale_amount&quot;: &quot;$13.15&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||287041323264||477478945024||287041257728||278040182949||467422871808||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 145,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1763409197,
      &quot;diff_day_publish&quot;: 1764871368
      
      }
    ]"
       
      aria-label="Gluten-Free Best Sellers Starter Pack"
      id="9247808651520-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr73-2"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Best Sellers Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247808651520&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4181,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr73-2"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365 1080w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-BestSellers.jpg?v=1763409365&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Best Sellers Starter Pack"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1080"
                  height="1080"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr73-2 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495 1365w"
                      src="//www.pamelasproducts.com/cdn/shop/files/Pam-LemonTart-08.png?v=1743629495&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Best Sellers Starter Pack"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="1365"
                      height="2048"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-9247808651520">
        <a href="/products/best-sellers-pack"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Best Sellers Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247808651520&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 4181,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Best Sellers Starter Pack
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
        
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">4181</div>
  <div class="target-compare-at-price hidden">5496</div>
  
  


          <s class="cap rtl:inline-block price-compare rtl:leading-tight text-[80%]">$54.96</s><span  class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$41.81</span>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9247808651520', [277566390437, 478810374400, 480574931200, 287041323264, 477478945024, 287041257728, 278040182949, 467422871808])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-9247808651520-sections--22369737179392__header-product_menu_Tpahrr73"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr74', '/products/chocolate-lovers-bundle', '9247870058752')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="3"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/chocolate-lovers-bundle"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 47293381443840,
      &quot;product_id&quot;: 9247870058752,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Chocolate Lover Starter Pack&quot;,
      &quot;compare_at_price&quot;: 4346,
      &quot;price&quot;: 3911,
      &quot;price_with_currency&quot;: &quot;$39.11&quot;,
      &quot;sale_amount&quot;: &quot;$4.35&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||287041323264||477478945024||467422871808||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 253,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1763414730,
      &quot;diff_day_publish&quot;: 1765826044
      
      }
    ]"
       
      aria-label="Gluten-Free Chocolate Lover Starter Pack"
      id="9247870058752-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr74-3"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Lover Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247870058752&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3911,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr74-3"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746 1080w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-ChocolateLovers.jpg?v=1763414746&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Chocolate Lover Starter Pack"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1080"
                  height="1080"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr74-3 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496 2780w"
                      src="//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.11.39PM.png?v=1763590496&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Chocolate Lover Starter Pack"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2780"
                      height="1840"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-9247870058752">
        <a href="/products/chocolate-lovers-bundle"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Chocolate Lover Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247870058752&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3911,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Chocolate Lover Starter Pack
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
        
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">3911</div>
  <div class="target-compare-at-price hidden">4346</div>
  
  


          <s class="cap rtl:inline-block price-compare rtl:leading-tight text-[80%]">$43.46</s><span  class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$39.11</span>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9247870058752', [277566390437, 478810374400, 480574931200, 287041323264, 477478945024, 467422871808])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-9247870058752-sections--22369737179392__header-product_menu_Tpahrr74"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr75', '/products/cookie-sampler-pack', '9247857705216')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="4"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/cookie-sampler-pack"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 47293314564352,
      &quot;product_id&quot;: 9247857705216,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Cookie Sampler Starter Pack&quot;,
      &quot;compare_at_price&quot;: 3996,
      &quot;price&quot;: 3596,
      &quot;price_with_currency&quot;: &quot;$35.96&quot;,
      &quot;sale_amount&quot;: &quot;$4.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||287041323264||477478945024||467422871808||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 96,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1763413374,
      &quot;diff_day_publish&quot;: 1764871441
      
      }
    ]"
       
      aria-label="Gluten-Free Cookie Sampler Starter Pack"
      id="9247857705216-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr75-4"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cookie Sampler Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247857705216&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3596,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr75-4"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433 1080w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-CookieSampler.jpg?v=1763413433&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Cookie Sampler Starter Pack"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1080"
                  height="1080"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr75-4 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_LemonShortbread_Cookies_ANGLE.png?v=1764872243&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Cookie Sampler Starter Pack"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-9247857705216">
        <a href="/products/cookie-sampler-pack"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Cookie Sampler Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247857705216&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3596,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Cookie Sampler Starter Pack
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(2)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">3596</div>
  <div class="target-compare-at-price hidden">3996</div>
  
  


          <s class="cap rtl:inline-block price-compare rtl:leading-tight text-[80%]">$39.96</s><span  class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$35.96</span>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9247857705216', [277566390437, 478810374400, 480572342528, 480574931200, 287041323264, 477478945024, 467422871808])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-9247857705216-sections--22369737179392__header-product_menu_Tpahrr75"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr76', '/products/fruity-nutty-pack', '9247856394496')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="5"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/fruity-nutty-pack"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 47293303587072,
      &quot;product_id&quot;: 9247856394496,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Fruity &amp;amp; Nutty Starter Pack&quot;,
      &quot;compare_at_price&quot;: 4296,
      &quot;price&quot;: 3866,
      &quot;price_with_currency&quot;: &quot;$38.66&quot;,
      &quot;sale_amount&quot;: &quot;$4.30&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||287041323264||477478945024||278040182949||467422871808||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 124,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1763413209,
      &quot;diff_day_publish&quot;: 1764871412
      
      }
    ]"
       
      aria-label="Gluten-Free Fruity &amp; Nutty Starter Pack"
      id="9247856394496-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr76-5"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Fruity &amp;amp; Nutty Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247856394496&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3866,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr76-5"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240 1080w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-FruityandNutty.jpg?v=1763413240&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Fruity &amp; Nutty Starter Pack"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1080"
                  height="1080"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr76-5 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_CranberryAlmond_WBar_ANGLE.png?v=1764872191&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Fruity &amp; Nutty Starter Pack"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-9247856394496">
        <a href="/products/fruity-nutty-pack"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Fruity &amp;amp; Nutty Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247856394496&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3866,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Fruity &amp; Nutty Starter Pack
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label=" out of  stars">
        
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class=" opacity-30 w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368-39.354 142.778c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count"> (0)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">3866</div>
  <div class="target-compare-at-price hidden">4296</div>
  
  


          <s class="cap rtl:inline-block price-compare rtl:leading-tight text-[80%]">$42.96</s><span  class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$38.66</span>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9247856394496', [277566390437, 478810374400, 480572342528, 480574931200, 287041323264, 477478945024, 278040182949, 467422871808])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-9247856394496-sections--22369737179392__header-product_menu_Tpahrr76"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          




<div 
  
    x-data="xProductCard('sections--22369737179392__header-product_menu_Tpahrr77', '/products/gluten-free-snack-starter-pack', '9247872614656')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide mega-menu-card h-auto h-full rounded-[10px]" 
  x-slide-index="6"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/products/gluten-free-snack-starter-pack"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 47293399138560,
      &quot;product_id&quot;: 9247872614656,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Snack Starter Pack&quot;,
      &quot;compare_at_price&quot;: 4146,
      &quot;price&quot;: 3900,
      &quot;price_with_currency&quot;: &quot;$39.00&quot;,
      &quot;sale_amount&quot;: &quot;$2.46&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||287041323264||477478945024||287041257728||278040182949||467422871808||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 145,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1763415034,
      &quot;diff_day_publish&quot;: 1764871505
      
      }
    ]"
       
      aria-label="Gluten-Free Snack Starter Pack"
      id="9247872614656-sections--22369737179392__header"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-sections--22369737179392__header-product_menu_Tpahrr77-6"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Snack Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247872614656&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3900,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-sections--22369737179392__header-product_menu_Tpahrr77-6"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765 1080w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM-BUNDLE-GlutenFreeSnackStarter.jpg?v=1763590765&width=1500"
                  sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                  alt="Gluten-Free Snack Starter Pack"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="1080"
                  height="1080"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-sections--22369737179392__header-product_menu_Tpahrr77-6 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973 2792w"
                      src="//www.pamelasproducts.com/cdn/shop/files/Screenshot2025-04-16at1.09.23PM.png?v=1744826973&width=1500"
                      sizes="(min-width: 1400px) 375px, (min-width: 1024px) calc((100vw) / 4), (min-width: 768px) calc((100vw) / 2), calc((100vw /1) )"
                      alt="Gluten-Free Snack Starter Pack"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2792"
                      height="1852"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-sections--22369737179392__header-9247872614656">
        <a href="/products/gluten-free-snack-starter-pack"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Snack Starter Pack&quot;,
      &quot;listName&quot;: &quot;&quot;,
      &quot;sku&quot;: &quot;9247872614656&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 3900,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Snack Starter Pack
        </a>
      </h3>
      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(1)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">3900</div>
  <div class="target-compare-at-price hidden">4146</div>
  
  


          <s class="cap rtl:inline-block price-compare rtl:leading-tight text-[80%]">$41.46</s><span  class="price-sale selection:bg-text-[rgb(var(--colors-price-sale),0.2)] ml-1 rtl:mr-1 rtl:ml-0">$39.00</span>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-sections--22369737179392__header" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('9247872614656', [277566390437, 478810374400, 480572342528, 480574931200, 287041323264, 477478945024, 287041257728, 278040182949, 467422871808])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-9247872614656-sections--22369737179392__header-product_menu_Tpahrr77"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
    
    
  </div>
</div>
                                          
</div>
                                    </div><div class="lg:flex items-center hidden mt-5 w-3/4 ml-auto mr-auto">
                                        <div class="splide-progress inline-block grow">
                                          <div class="splide-progress-bar" style="width: 57.142857142857146%;"></div>
                                        </div>
                                      </div></div>
                                </div>
                              </div>
                              
                                <div class="mega-sub-nav pr-5 pt-4 pb-4 hidden md:block">
                                  <div class="border-t w-full pt-3 hidden ltr md:flex justify-end rtl:justify-left">
                                    <a href="/collections/all" class="hover-text-link nav-link relative w-fit flex gap-1"
                                      
                                    >
                                      View All Products
                                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                                    </a>
                                  </div>
                                </div>
                              
                            </div>
                          </div>
                        </li>
                    
                </ul>
              </div>
            
          </div>
        </div>
      </div>
    </template></li>
<li x-data='{ active: false }' 
                class="blog_menu tabbed_menu  has-dropdown" 
                
                  
                    @mouseover="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true"
                    @focusin="$store.xHeaderMenu.openMenu(2, true); selectedMenu = true"
                  
                  :class="$store.xHeaderMenu.show === 2 && 'is-focus'"
                
              >
                <div class=" blog_menu_item cursor-pointer relative hover-text-link flex items-center is-focus:link-active"
                  
                    
                      x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el)"
                    
                  
                >
                  <div class=" flex items-center">
                    <div class="relative x-anm">
                      <a href="/blogs/recipes"
                        class=" cursor-pointer flex items-center p-break-words justify-center pt-1 pb-1 hover-text-link is-focus:link-active" 
                        
                      >
                        
          
          
            
            
              Recipes
            
          
        
                      </a>
                      
                    </div>
                  </div><span class="x-icon-caret w-5 pl-2">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div>

<template x-if="!$store.xInit.runDispatch">
      <div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 2, 'toggle-menu-show': $store.xHeaderMenu.show === 2, 'active': $store.xHeaderMenu.initIndex.has(2) }" id="menu-2" class="toggle-menu top-full is-focus:text-[rgba(var(--colors-text))] absolute w-full background-header text-[rgba(var(--colors-text))] left-0 z-50 shadow-md overflow-hidden">
        <div class="toggle-menu-child x-pgw page-width mr-auto ml-auto ltr flex gap-x-3 blog-position-left"
        >
          
            <div class="pt-8 pb-11 grow">
              <p class="menu-heading  relative pt-1 pb-3 uppercase text-normal opacity-70">New Recipes</p>
              <div class="blog-posts-menu max-h-[calc(70vh-var(--height-header))] overflow-x-hidden scrollbar-body scrollbar-visible overflow-y-auto">
                <div class="blog-posts-menu-child grid grid-cols-3 md:gap-x-8 pb-1">

<a href="/blogs/recipes/banana-break-with-baking-pancake-mix" class="flex md:!flex  article--sections--22369737179392__header--1 article-card md:list-layout:flex-row blog-image-desktop-left border-b border-t relative group w-full h-full md:h-full article-2 "
  
>
<div class=" article-layout-2 block disable-effect md:list-layout:lg:w-1/4 md:list-layout:w-2/5 md:list-layout:pr-7 rtl:md:list-layout:pr-0 rtl:md:list-layout:pl-7">
      <div 
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
        class="relative overflow-hidden z-10 rounded-[10px] pb-[75%]"
        
      >
        <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
          
            <img
              srcset="//www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=225 225w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=375 375w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=450 450w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=750 750w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=900 900w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=1100 1100w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=1500 1500w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=1780 1780w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=2000 2000w,
              //www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351 1024w"
              src="//www.pamelasproducts.com/cdn/shop/articles/20211018145253-banana-bread-1-1024x1024_4635dff8-879c-4133-80ed-e34506996bf0.jpg?v=1780591351&width=1780"
              alt="Banana Bread with Baking &amp; Pancake Mix"
              sizes="(min-width: 1400px) calc((100vw - px*2) / 3),
              (min-width: 768px) calc((100vw - px*2) / 3),
              calc((100vw) / 2)"
              class="w-full h-full object-cover object-center image-hover animate_transition_image"
              loading="lazy"
              width="1024"
              height="1024"
              onload="requestAnimationFrame(() => {
                this?.classList.add('active'); 
                this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
              })"
            >
          
          </div>
      </div>
    </div><div class="grow content-article-2 md:list-layout:lg:w-3/4 md:list-layout:w-3/5 h-full rounded-[10px] md:list-layout:pt-0  content-article-default-2"
  >        
    <div class="flex justify-between flex-col h-full text- rtl:text-left"
    >
      <div > 
        
        <p class="font-inherit sub_heading--sections--22369737179392__header text-medium text-[rgba(var(--colors-heading))] break-words leading-tight mb-2">
          <span class="hover-text-link group-hover:link-active  duration-200 transition line-clamp-2 disable-effect">
            Banana Bread with Baking & Pancake mix
          </span>
        </p>
        
        <div class="text-xs tracking-wider inline-flex items-center flex-wrap md:justify- rtl:md:justify-left">
          
          
          
        </div>
        
          <div>
            <div class=" line-clamp-2 font-normal">
              Our original Banana Bread recipe that everyone loves! This delicious and satisfying banana bread is made with our Baking &amp; Pancake Mix!
            </div> 
          </div>
         
      </div>
      
    </div>
  </div>
</a>

<a href="/blogs/recipes/gluten-free-easy-monte-cristo-sandwiches" class="flex md:!flex  article--sections--22369737179392__header--2 article-card md:list-layout:flex-row blog-image-desktop-left border-b border-t relative group w-full h-full md:h-full article-2 "
  
>
<div class=" article-layout-2 block disable-effect md:list-layout:lg:w-1/4 md:list-layout:w-2/5 md:list-layout:pr-7 rtl:md:list-layout:pr-0 rtl:md:list-layout:pl-7">
      <div 
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
        class="relative overflow-hidden z-10 rounded-[10px] pb-[75%]"
        
      >
        <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
          
            <img
              srcset="//www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=225 225w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=375 375w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=450 450w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=750 750w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=900 900w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=1100 1100w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=1500 1500w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=1780 1780w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=2000 2000w,
              //www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457 4809w"
              src="//www.pamelasproducts.com/cdn/shop/articles/easy_monte_cristo_baking_mix_999.jpg?v=1780591457&width=1780"
              alt="Image of the Easy Monte Cristo Sandwiches Recipe"
              sizes="(min-width: 1400px) calc((100vw - px*2) / 3),
              (min-width: 768px) calc((100vw - px*2) / 3),
              calc((100vw) / 2)"
              class="w-full h-full object-cover object-center image-hover animate_transition_image"
              loading="lazy"
              width="4809"
              height="3197"
              onload="requestAnimationFrame(() => {
                this?.classList.add('active'); 
                this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
              })"
            >
          
          </div>
      </div>
    </div><div class="grow content-article-2 md:list-layout:lg:w-3/4 md:list-layout:w-3/5 h-full rounded-[10px] md:list-layout:pt-0  content-article-default-2"
  >        
    <div class="flex justify-between flex-col h-full text- rtl:text-left"
    >
      <div > 
        
        <p class="font-inherit sub_heading--sections--22369737179392__header text-medium text-[rgba(var(--colors-heading))] break-words leading-tight mb-2">
          <span class="hover-text-link group-hover:link-active  duration-200 transition line-clamp-2 disable-effect">
            Easy Monte Cristo Sandwiches
          </span>
        </p>
        
        <div class="text-xs tracking-wider inline-flex items-center flex-wrap md:justify- rtl:md:justify-left">
          
          
          
        </div>
        
          <div>
            <div class=" line-clamp-2 font-normal">
              This is the perfect recipe for serving brunch; it is elegant and delicious, and bakes while you spend time with your guests.
            </div> 
          </div>
         
      </div>
      
    </div>
  </div>
</a>

<a href="/blogs/recipes/gluten-free-blueberry-corn-pancakes" class="flex md:!flex  article--sections--22369737179392__header--3 article-card md:list-layout:flex-row blog-image-desktop-left border-b border-t relative group w-full h-full md:h-full article-2 "
  
>
<div class=" article-layout-2 block disable-effect md:list-layout:lg:w-1/4 md:list-layout:w-2/5 md:list-layout:pr-7 rtl:md:list-layout:pr-0 rtl:md:list-layout:pl-7">
      <div 
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
        class="relative overflow-hidden z-10 rounded-[10px] pb-[75%]"
        
      >
        <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
          
            <img
              srcset="//www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=225 225w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=375 375w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=450 450w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=750 750w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=900 900w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=1100 1100w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=1500 1500w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=1780 1780w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=2000 2000w,
              //www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437 5000w"
              src="//www.pamelasproducts.com/cdn/shop/articles/blueberry_corn_pancakes_1060_46c533e0-4b59-4178-bd6e-c2eb1dcf0152.jpg?v=1778266437&width=1780"
              alt="Image of the Blueberry Corn Pancakes Recipe"
              sizes="(min-width: 1400px) calc((100vw - px*2) / 3),
              (min-width: 768px) calc((100vw - px*2) / 3),
              calc((100vw) / 2)"
              class="w-full h-full object-cover object-center image-hover animate_transition_image"
              loading="lazy"
              width="5000"
              height="3324"
              onload="requestAnimationFrame(() => {
                this?.classList.add('active'); 
                this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
              })"
            >
          
          </div>
      </div>
    </div><div class="grow content-article-2 md:list-layout:lg:w-3/4 md:list-layout:w-3/5 h-full rounded-[10px] md:list-layout:pt-0  content-article-default-2"
  >        
    <div class="flex justify-between flex-col h-full text- rtl:text-left"
    >
      <div > 
        
        <p class="font-inherit sub_heading--sections--22369737179392__header text-medium text-[rgba(var(--colors-heading))] break-words leading-tight mb-2">
          <span class="hover-text-link group-hover:link-active  duration-200 transition line-clamp-2 disable-effect">
            Blueberry Corn Pancakes
          </span>
        </p>
        
        <div class="text-xs tracking-wider inline-flex items-center flex-wrap md:justify- rtl:md:justify-left">
          
          
          
        </div>
        
          <div>
            <div class=" line-clamp-2 font-normal">
              Full of flavor, with fresh corn and blueberries, these pancakes make for an incredibly sweet and savory morning. Top them with real maple syrup and you will be a kitchen hero of epic proportions.
            </div> 
          </div>
         
      </div>
      
    </div>
  </div>
</a>

<a href="/blogs/recipes/caramel-gluten-free-blondies" class="flex md:!flex  article--sections--22369737179392__header--4 article-card md:list-layout:flex-row blog-image-desktop-left border-b relative group w-full h-full md:h-full article-2 "
  
>
<div class=" article-layout-2 block disable-effect md:list-layout:lg:w-1/4 md:list-layout:w-2/5 md:list-layout:pr-7 rtl:md:list-layout:pr-0 rtl:md:list-layout:pl-7">
      <div 
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
        class="relative overflow-hidden z-10 rounded-[10px] pb-[75%]"
        
      >
        <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
          
            <img
              srcset="//www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=225 225w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=375 375w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=450 450w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=750 750w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=900 900w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=1100 1100w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=1500 1500w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=1780 1780w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=2000 2000w,
              //www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507 3152w"
              src="//www.pamelasproducts.com/cdn/shop/articles/CaramelBlondies_998ed7a3-29c3-4853-be4b-28307a868b0c.jpg?v=1778266507&width=1780"
              alt="Image of the Caramel Gluten Free ,AuBlondies,Au Recipe"
              sizes="(min-width: 1400px) calc((100vw - px*2) / 3),
              (min-width: 768px) calc((100vw - px*2) / 3),
              calc((100vw) / 2)"
              class="w-full h-full object-cover object-center image-hover animate_transition_image"
              loading="lazy"
              width="3152"
              height="2101"
              onload="requestAnimationFrame(() => {
                this?.classList.add('active'); 
                this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
              })"
            >
          
          </div>
      </div>
    </div><div class="grow content-article-2 md:list-layout:lg:w-3/4 md:list-layout:w-3/5 h-full rounded-[10px] md:list-layout:pt-0  content-article-default-2"
  >        
    <div class="flex justify-between flex-col h-full text- rtl:text-left"
    >
      <div > 
        
        <p class="font-inherit sub_heading--sections--22369737179392__header text-medium text-[rgba(var(--colors-heading))] break-words leading-tight mb-2">
          <span class="hover-text-link group-hover:link-active  duration-200 transition line-clamp-2 disable-effect">
            Caramel Gluten Free Blondies
          </span>
        </p>
        
        <div class="text-xs tracking-wider inline-flex items-center flex-wrap md:justify- rtl:md:justify-left">
          
          
          
        </div>
        
          <div>
            <div class=" line-clamp-2 font-normal">
              
            </div> 
          </div>
         
      </div>
      
    </div>
  </div>
</a>

<a href="/blogs/recipes/gluten-free-corncake-pancakes-with-creamy-cumin-sauce" class="flex md:!flex  article--sections--22369737179392__header--5 article-card md:list-layout:flex-row blog-image-desktop-left border-b relative group w-full h-full md:h-full article-2 "
  
>
<div class=" article-layout-2 block disable-effect md:list-layout:lg:w-1/4 md:list-layout:w-2/5 md:list-layout:pr-7 rtl:md:list-layout:pr-0 rtl:md:list-layout:pl-7">
      <div 
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
        class="relative overflow-hidden z-10 rounded-[10px] pb-[75%]"
        
      >
        <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
          
            <img
              srcset="//www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=225 225w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=375 375w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=450 450w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=750 750w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=900 900w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=1100 1100w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=1500 1500w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=1780 1780w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=2000 2000w,
              //www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722 1024w"
              src="//www.pamelasproducts.com/cdn/shop/articles/corncake-pancakes-closeup-1024x750_52ff64fc-40af-433e-99da-4aaa41710f0c.jpg?v=1778266722&width=1780"
              alt="Image of the Corncake Pancakes with Creamy Cumin Sauce Recipe"
              sizes="(min-width: 1400px) calc((100vw - px*2) / 3),
              (min-width: 768px) calc((100vw - px*2) / 3),
              calc((100vw) / 2)"
              class="w-full h-full object-cover object-center image-hover animate_transition_image"
              loading="lazy"
              width="1024"
              height="750"
              onload="requestAnimationFrame(() => {
                this?.classList.add('active'); 
                this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
              })"
            >
          
          </div>
      </div>
    </div><div class="grow content-article-2 md:list-layout:lg:w-3/4 md:list-layout:w-3/5 h-full rounded-[10px] md:list-layout:pt-0  content-article-default-2"
  >        
    <div class="flex justify-between flex-col h-full text- rtl:text-left"
    >
      <div > 
        
        <p class="font-inherit sub_heading--sections--22369737179392__header text-medium text-[rgba(var(--colors-heading))] break-words leading-tight mb-2">
          <span class="hover-text-link group-hover:link-active  duration-200 transition line-clamp-2 disable-effect">
            Corncake Pancakes with Creamy Cumin Sauce
          </span>
        </p>
        
        <div class="text-xs tracking-wider inline-flex items-center flex-wrap md:justify- rtl:md:justify-left">
          
          
          
        </div>
        
          <div>
            <div class=" line-clamp-2 font-normal">
              This savory corn pancake is great for brunch or dinner.
            </div> 
          </div>
         
      </div>
      
    </div>
  </div>
</a>

<a href="/blogs/recipes/gluten-free-blueberry-banana-muffins" class="flex md:!flex  article--sections--22369737179392__header--6 article-card md:list-layout:flex-row blog-image-desktop-left border-b relative group w-full h-full md:h-full article-2 "
  
>
<div class=" article-layout-2 block disable-effect md:list-layout:lg:w-1/4 md:list-layout:w-2/5 md:list-layout:pr-7 rtl:md:list-layout:pr-0 rtl:md:list-layout:pl-7">
      <div 
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
        class="relative overflow-hidden z-10 rounded-[10px] pb-[75%]"
        
      >
        <div class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
          
            <img
              srcset="//www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=225 225w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=375 375w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=450 450w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=750 750w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=900 900w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=1100 1100w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=1500 1500w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=1780 1780w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=2000 2000w,
              //www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397 680w"
              src="//www.pamelasproducts.com/cdn/shop/articles/love-_-lemons---gluten-free-blueberry-banana-muffins-3_f95457fc-7682-4325-a31c-58abac9f3b8a.jpg?v=1778266397&width=1780"
              alt="Image of the Blueberry Banana Muffins Recipe"
              sizes="(min-width: 1400px) calc((100vw - px*2) / 3),
              (min-width: 768px) calc((100vw - px*2) / 3),
              calc((100vw) / 2)"
              class="w-full h-full object-cover object-center image-hover animate_transition_image"
              loading="lazy"
              width="680"
              height="680"
              onload="requestAnimationFrame(() => {
                this?.classList.add('active'); 
                this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
              })"
            >
          
          </div>
      </div>
    </div><div class="grow content-article-2 md:list-layout:lg:w-3/4 md:list-layout:w-3/5 h-full rounded-[10px] md:list-layout:pt-0  content-article-default-2"
  >        
    <div class="flex justify-between flex-col h-full text- rtl:text-left"
    >
      <div > 
        
        <p class="font-inherit sub_heading--sections--22369737179392__header text-medium text-[rgba(var(--colors-heading))] break-words leading-tight mb-2">
          <span class="hover-text-link group-hover:link-active  duration-200 transition line-clamp-2 disable-effect">
            Blueberry Banana Muffins
          </span>
        </p>
        
        <div class="text-xs tracking-wider inline-flex items-center flex-wrap md:justify- rtl:md:justify-left">
          
          
          
        </div>
        
          <div>
            <div class=" line-clamp-2 font-normal">
              Sweet and banana-ey - everything you'd want in a muffin, gluten-free or not. Add blueberries, chopped walnuts, or even chocolate chips. Recipe and photo by Love &amp; Lemons.
            </div> 
          </div>
         
      </div>
      
    </div>
  </div>
</a></div>
                
                  <span class="see-more border-t pt-4 pb-4 hidden ltr md:flex justify-center rtl:justify-center">
                    <a href="/blogs/recipes" class="hover-text-link nav-link relative w-fit flex gap-1 "
                      
                    >
                      See more
                      <span class="block w-5 h-5 rtl:rotate-180">
    <svg width="100%" height="100%" class=" w-full h-full" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M15.7122 20L23 12.5L15.7122 5M1 12.5001H21.5834" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
  
</span>
                    </a>
                  </span>
                
              </div>
            </div>
          
        </div>
      </div>
    </template></li>
<li
              id="tree_menu_YaxJer"
              class="tree-menu  relative has-dropdown"
              
                
                  @mouseover="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true"
                  @focusin="$store.xHeaderMenu.openMenu(3, true); selectedMenu = true"
                
                :class="$store.xHeaderMenu.show === 3 && 'is-focus'"
              
            >
              <div class=" relative cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" x-data='{ active: false }' 
                
                  
                    x-intersect.once="$store.xHeaderMenu.isTouch && $store.xHeaderMenu.touchItem($el)"
                  
                
              >
                <div class=" flex items-center">
                  <div class="relative x-anm">
                    <a
                      href="#"
                      class=" cursor-pointer tree-menu-item p-break-words flex items-center justify-center pt-1 pb-1 relative hover-text-link is-focus:link-active" 
                      
                    > 
                      
          
          
            
            
              Explore
            
          
        
                    </a></div>
                </div><span class="x-icon-caret w-5 pl-2">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div><div :class="{ 'toggle-menu-hidden': $store.xHeaderMenu.show !== 3, 'toggle-menu-show': $store.xHeaderMenu.show === 3, 'active': $store.xHeaderMenu.initIndex.has(3) }" class="toggle-menu text-[rgba(var(--colors-text))] absolute z-50 background-header top-full w-48 xl:w-[222px] shadow-md is-focus:text-[rgba(var(--colors-text))]" >
                  <div class="tree-menu-nav" id="menu-3">

<template x-if="!$store.xInit.runDispatch">
      <ul class="pt-5 pb-5">
        
<li  
            x-data="{ openSub: false }" 
            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
            @mouseleave="$el.classList.remove('is-focus-child');"
            @mouseover.away="openSub = false"
            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
          >
            <div class="flex items-center">
              
              
              <span class="flex-1">
                <a href="/pages/our-story" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
                  
                  
                    
                    
                      <span class="p-break-words">Our Story</span>
                    
                  
</a>
              </span>
            </div></li><li  
            x-data="{ openSub: false }" 
            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
            @mouseleave="$el.classList.remove('is-focus-child');"
            @mouseover.away="openSub = false"
            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
          >
            <div class="flex items-center pt-3">
              
              
              <span class="flex-1">
                <a href="/blogs/gluten-free-living" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
                  
                  
                    
                    
                      <span class="p-break-words">Gluten-Free Living</span>
                    
                  
</a>
              </span>
            </div></li><li  
            x-data="{ openSub: false }" 
            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
            @mouseleave="$el.classList.remove('is-focus-child');"
            @mouseover.away="openSub = false"
            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
          >
            <div class="flex items-center pt-3">
              
              
              <span class="flex-1">
                <a href="/pages/verified-customer-reviews" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
                  
                  
                    
                    
                      <span class="p-break-words">Verified Reviews</span>
                    
                  
</a>
              </span>
            </div></li><li  
            x-data="{ openSub: false }" 
            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
            @mouseleave="$el.classList.remove('is-focus-child');"
            @mouseover.away="openSub = false"
            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
          >
            <div class="flex items-center pt-3">
              
              
              <span class="flex-1">
                <a href="/pages/frequently-asked-questions" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
                  
                  
                    
                    
                      <span class="p-break-words">FAQs</span>
                    
                  
</a>
              </span>
            </div></li><li  
            x-data="{ openSub: false }" 
            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
            @mouseleave="$el.classList.remove('is-focus-child');"
            @mouseover.away="openSub = false"
            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
          >
            <div class="flex items-center pt-3">
              
              
              <span class="flex-1">
                <a href="/pages/new-allergen-page" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
                  
                  
                    
                    
                      <span class="p-break-words">Allergen Guide</span>
                    
                  
</a>
              </span>
            </div></li><li  
            x-data="{ openSub: false }" 
            class="relative pl-7 rtl:pl-6 pr-6 rtl:pr-7"
            @mouseover="openSub = true; $el.classList.add('is-focus-child');" 
            @mouseleave="$el.classList.remove('is-focus-child');"
            @mouseover.away="openSub = false"
            @focusin="openSub = true; $el.classList.add('is-focus-child');" 
            @focusout="openSub = false; $el.classList.remove('is-focus-child');"
          >
            <div class="flex items-center pt-3">
              
              
              <span class="flex-1">
                <a href="/pages/store-locator" class="nav-link relative p-break-words inline-block duration-200 transition hover-text-link is-focus-child:effect-inline">
                  
                  
                    
                    
                      <span class="p-break-words">Store Locator</span>
                    
                  
</a>
              </span>
            </div></li></ul>
    </template> </div>
                </div></li>

              <li class="block-button" 
                
                  x-on:mouseover="$store.xHeaderMenu.closeMenu();"
                
                
              >
                <style data-shopify>
                  .button-button_YK4f9n, .button-button_YK4f9n *:before {
                    
                      --colors-button: 62, 105, 145;
                    
                    
                      --colors-button-text: 255, 255, 255;
                    
                    
                      --colors-button-hover: rgb(254, 204, 83);
                    
                    
                      --colors-button-text-hover: 20, 56, 109;
                    
                    
                      --colors-secondary-button: 62, 105, 145;
                      --colors-line-secondary-button: 62, 105, 145;
                      --background-secondary-button: transparent;
                    
                    
                      --background-secondary-button: 210, 238, 251;
                      --colors-line-secondary-button: 210, 238, 251;
                    
                    
                  }
                  .dark .button-button_YK4f9n, .dark .button-button_YK4f9n *:before {
                      
                      --colors-button: 62, 105, 145;
                    
                     
                      --colors-button-text: 255, 255, 255; 
                    
                      
                      --colors-button-hover: rgb(210, 238, 251);
                    
                      
                      --colors-button-text-hover: 62, 105, 145;
                    
                      
                      --colors-secondary-button: 34, 77, 140;
                      --colors-line-secondary-button: 34, 77, 140;
                    
                    
                      --background-secondary-button: 62, 105, 145;
                      --colors-line-secondary-button: 62, 105, 145;
                    
                    
                      --colors-text-link: 210, 238, 251;
                    
                  }
                </style>
                <div class="button-button_YK4f9n">
                  
                    <a class="button button-solid leading-normal block empty:hidden text-center pl-2 pr-2 pt-1 pb-1 md:pl-2.5 md:pr-2.5" href="/collections/bulk">
                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Bulk Products</span>
      
    
  
  
</div>
                    </a>
                  
                </div>
              </li>
            
</ul>
</nav>
      
    </header>
    
</div>
</div>

<div id="x-cart-drawer-container" class="z-[70] fixed" @init-run.window="$store.xHeaderMenu.renderAjax($el, 'cart-drawer', '#ajax-loading-cart');"></div><script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/search-prompts.js?v=181440801706723618771778106754" defer></script>                   
<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Pamela\u0026#39;s Products",
    
      "logo": "https:\/\/www.pamelasproducts.com\/cdn\/shop\/files\/Pamelas_Blue_Logo_HR-01_180x_241b5ace-7ea8-409a-a187-8391f897b08c.png?v=1635796536\u0026width=180",
    
    "sameAs": [
      "",
      "https:\/\/www.facebook.com\/pamelasproducts",
      "https:\/\/www.pinterest.com\/pamelasproducts\/",
      "https:\/\/www.instagram.com\/pamelasproducts\/",
      "",
      "",
      "",
      "",
      ""
    ],
    "url": "https:\/\/www.pamelasproducts.com"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Pamela\u0026#39;s Products",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/www.pamelasproducts.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/www.pamelasproducts.com"
    }
  </script><script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/store-selector.js?v=69199566774997787001778106754" defer="defer"></script>

</div><div id="shopify-section-sections--22369737179392__mobile-navigation" class="shopify-section shopify-section-group-header-group section-mobile-navigation"><style data-shopify>#mobile-navigation {
    contain: style layout;
  }
  #mobile-navigation * {border-color: rgba(var(--colors-line-header));}
  .dark #mobile-navigation * {border-color: rgba(var(--colors-line-header));}
  #mobile-navigation .text-color,
  #mobile-navigation .background-header {background: rgba(var(--background-color-header));--colors-text: 62, 105, 145;
      --colors-heading: 62, 105, 145;  
      --colors-text-link: 62, 105, 145;
    
  }
  .dark #mobile-navigation .text-color,
  .dark #mobile-navigation .background-header {--colors-text: 225, 227, 225;
      --colors-heading: 255, 255, 255;  
      --colors-text-link: 210, 238, 251;
    
  }
  
    .svg-highlight-sections--22369737179392__mobile-navigation {
    
      --color-highlight: #a94600;
    
    }
    .dark .svg-highlight-sections--22369737179392__mobile-navigation {
      
        --color-highlight: rgb(62, 105, 145);
      
    }
  
  .block-mobile-navigation-after::after {
    content: var(--tw-content);
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom-width: 1px;border-color: rgba(var(--colors-line-header));}
  .dark .block-mobile-navigation-after::after {border-color: rgba(var(--colors-line-header));}
  .font-menu-level-0 {
    font-size: 1.375rem;
  }
  .font-menu-level-1 {
    font-size: 1.1rem;
  }
  .font-menu-level-2 {
    font-size: 0.9625rem;
  }
  
    .block-mobile-navigation-menu .font-menu-level-0, 
    .block-mobile-navigation-menu .font-menu-level-1, 
    .block-mobile-navigation-menu .font-menu-level-2,
    .block-mobile-navigation-carousel_menu .font-menu-level-0,
    .block-mobile-navigation-carousel_menu .font-menu-level-2,
    .block-mobile-navigation-account .font-menu-level-1,
    .block-mobile-navigation-cart .font-menu-level-1
    {
      font-size: 0.86625rem;
      font-weight: var(--font-body-weight);
    }
  
</style><div
  class="z-[70] fixed top-0 h-full w-full opacity-60 bg-black"
  x-show="$store.xMobileNav.show"
  x-cloak
  @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
></div>
<template x-if="!$store.xInit.runDispatch">
  <div
    id="mobile-navigation"
    :class="{ 'menu-opening': $store.xMobileNav.show }" 
    class="menu-drawer fixed z-[70] top-0 bottom-0 w-full max-w-xl motion-reduce overflow-x-hidden ltr left-0 -translate-x-full"
  >
    <div class="x-container-mobile-nav background-header gradient menu-drawer duration-300 ease-in-out overflow-hidden h-full flex flex-col">
      <div class="x-block-mobile-nav-close pt-4 pb-4 pl-4 pr-4 w-full flex justify-between items-center"
        aria-label="Close"
      >
        <span class="font-menu-level-2 uppercase">Menu</span>
        <span
          class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full absolute top-2 right-2 rtl:right-auto rtl:left-2"
          @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
        >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
      </div>
      <div
        id="menu-navigation"
        class="h-full flex-1 overflow-x-hidden scrollbar-body overflow-y-auto scrollbar-stable"
      >
        
        <ul 
          x-data="{ openCur: 0 }"
          id="menu-level-0"
          role="list" 
          class="menu-parent relative h-full w-full" 
        >
           
                  <li x-data='{ active: false }' class="x-block-menu-1 block-mobile-navigation-menu block-mobile-navigation block-mobile-navigation-after" >
                    
                    <div @click="$store.xMobileNav.setActiveLink('1'); $store.xMobileNav.scrollTop();" class="flex items-center gap-4 ml-4 mr-4 border-t">
                      
                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect" :class="active && 'effect-inline'">
                          <span class="p-break-words font-medium font-menu-level-0">
                    
                    
                      
                      
                        <span>Shop All</span>
                      
                    
                  </span>
                          

                        </div>
                        <span
                          class="icon-caret-mobile w-4 h-4 min-w-4 min-h-4 block -rotate-90 rtl:rotate-90"
                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
                        >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                      
                    </div><div
                        class="menu-drawer fixed duration-300 ease-in-out top-0 background-header w-full h-full z-20 invisible rtl:-translate-x-full translate-x-full"
                        :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('1') }"
                      >
                        <ul id="menu-level-1"
                          class="background-header w-full h-full overflow-auto scrollbar-body" 
                        >
                          <div class="flex sticky top-0 background-header z-30 items-center pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
                            <div class="flex flex-wrap justify-start items-center flex-1 font-medium disable-effect">
                              <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90 rtl:-rotate-90" @click="$store.xMobileNav.removeActiveLink('1');">
                                <span class="">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                              </span>
                              <div class="flex items-center flex-1 flex-wrap" @click="window.open('/collections/all', '_self')">
                                <span class="p-break-words font-menu-level-0 font-medium mr-2 rtl:ml-2">
                    
                    
                      
                      
                        <span>Shop All</span>
                      
                    
                  </span>
                                

                              </div>
                            </div>
                            <span
                              class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
                              @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
                            >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                          </div>



<div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/collections/pancake-mixes" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Pancake Mixes</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/collections/gluten-free-all-purpose-flours" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Gluten-Free Flours</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/collections/baking-mixes" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Baking Mixes</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/collections/snacks-bars" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Snack Bars</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/collections/graham-crackers" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Grahams</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/collections/cookies" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Cookies &amp; Figgies</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div @click="$store.xMobileNav.scrollTop($el); $store.xMobileNav.setActiveLink('1-7')" 
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <span class="flex-1 pt-2.5 pb-2.5 flex gap-4 items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Shop by Dietary Need</span>
                
              
            </span>
            
            
          </span>
        </span>
<span
            class="icon-caret-mobile h-3 w-3 min-h-3 min-w-[12px] block -rotate-90"
          >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span></div><div
          class="menu-drawer duration-300 ease-in-out top-0 left-0 absolute background-header w-full h-full z-30 invisible translate-x-full"
          :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('1-7')}"
        >
          <div class="overflow-x-hidden pb-4 scrollbar-body absolute top-0 z-30 w-full h-full"
            :class="$store.xMobileNav.currentMenuLinks.length == 3 ? 'overflow-hidden' : 'overflow-y-auto'"
          >
            <div class="flex items-center sticky top-0 background-header z-30 pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
              <div class="flex items-center">
                <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90" 
                  @click="$store.xMobileNav.removeActiveLink('1-7'); "
                >
                  
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                </span>
                <a href="/pages/new-allergen-page" class="flex relative flex-wrap gap-x-2 flex-1 font-medium disable-effect">
                  <span class="p-break-words font-menu-level-0">
                    
                    
                      
                      
                        <span>Shop by Dietary Need</span>
                      
                    
                  </span>
                  
                  
                </a>
              </div>
              <span
                class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
                @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
              >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
            </div>
            <ul 
              id="menu-level-2"
              class="background-header w-full" 
            ><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/gluten-free" class="p-break-words h-full flex gap-3 flex-1 disable-effect flex-col items-start">
                    
                      
                      
                      <span class="flex justify-between items-center font-menu-level-2 mt-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>Gluten-Free</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/vegan" class="p-break-words h-full flex gap-3 flex-1 disable-effect flex-col items-start">
                    
                      
                      
                      <span class="flex justify-between items-center font-menu-level-2 mt-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>Vegan</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/non-gmo" class="p-break-words h-full flex gap-3 flex-1 disable-effect flex-col items-start">
                    
                      
                      
                      <span class="flex justify-between items-center font-menu-level-2 mt-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>Verified Non-GMO</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/dairy-free" class="p-break-words h-full flex gap-3 flex-1 disable-effect flex-col items-start">
                    
                      
                      
                      <span class="flex justify-between items-center font-menu-level-2 mt-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>Dairy-Free</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/soy-free" class="p-break-words h-full flex gap-3 flex-1 disable-effect flex-col items-start">
                    
                      
                      
                      <span class="flex justify-between items-center font-menu-level-2 mt-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>Soy-Free</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li><li  class="border-b pb-3 pl-4 pr-4 pt-3">
                  
                  <div
                    class="flex items-center justify-between h-full gap-"
                    
                  >
                    
                      <a href="/collections/egg-free" class="p-break-words h-full flex gap-3 flex-1 disable-effect flex-col items-start">
                    
                      
                      
                      <span class="flex justify-between items-center font-menu-level-2 mt-auto w-full gap-2">
                        <span class="flex flex-wrap gap-x-2">
                          
                          
                            
                            
                              <span>Egg-Free</span>
                            
                          
                          
                          
                        </span>
                        
                      </span>
                    </a>
</div></li></ul>
          </div>
        </div>
</ul>
                      </div></li>
                  <li x-data='{ active: false }' class="x-block-menu-2 block-mobile-navigation-menu block-mobile-navigation block-mobile-navigation-after" >
                    
                    <div @click="$store.xMobileNav.setActiveLink('2'); $store.xMobileNav.scrollTop();" class="flex items-center gap-4 ml-4 mr-4">
                      
                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect" :class="active && 'effect-inline'">
                          <span class="p-break-words font-medium font-menu-level-0">
                    
                    
                      
                      
                        <span>Shop Bulk</span>
                      
                    
                  </span>
                          

                        </div>
                        <span
                          class="icon-caret-mobile w-4 h-4 min-w-4 min-h-4 block -rotate-90 rtl:rotate-90"
                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
                        >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                      
                    </div><div
                        class="menu-drawer fixed duration-300 ease-in-out top-0 background-header w-full h-full z-20 invisible rtl:-translate-x-full translate-x-full"
                        :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('2') }"
                      >
                        <ul id="menu-level-1"
                          class="background-header w-full h-full overflow-auto scrollbar-body" 
                        >
                          <div class="flex sticky top-0 background-header z-30 items-center pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
                            <div class="flex flex-wrap justify-start items-center flex-1 font-medium disable-effect">
                              <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90 rtl:-rotate-90" @click="$store.xMobileNav.removeActiveLink('2');">
                                <span class="">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                              </span>
                              <div class="flex items-center flex-1 flex-wrap" @click="window.open('/collections/bulk', '_self')">
                                <span class="p-break-words font-menu-level-0 font-medium mr-2 rtl:ml-2">
                    
                    
                      
                      
                        <span>Shop Bulk</span>
                      
                    
                  </span>
                                

                              </div>
                            </div>
                            <span
                              class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
                              @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
                            >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                          </div>



<div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/products/pamelas-all-purpose-flour-artisan-blend-25-lb" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
            
            
              <span aria-label="mobile-navigation-image">
                
                <img
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=50"
                  alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"
                  height="1800"
                  width="1800"
                  loading="lazy"
                  class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
                >
                
              </span>
            
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>1:1 All-Purpose Flour, 25 LB</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/products/pamelas-bread-flour-blend-25-lb" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
            
            
              <span aria-label="mobile-navigation-image">
                
                <img
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=50"
                  alt="Pamela&#39;s 25lb brad mix bag"
                  height="1800"
                  width="1800"
                  loading="lazy"
                  class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
                >
                
              </span>
            
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Bread &amp; Flour Blend, 25 LB</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/products/pamelas-baking-pancake-mix-25-lb" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
            
            
              <span aria-label="mobile-navigation-image">
                
                <img
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=50"
                  alt="Pamela&#39;s Pancake and backing mix 25 lb packaging"
                  height="1800"
                  width="1800"
                  loading="lazy"
                  class="w-[45px] h-[45px] min-w-[45px] min-h-[45px] object-cover object-center image-hover rounded-[10px]"
                >
                
              </span>
            
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Pancake &amp; Baking Mix, 25 LB</span>
                
              
            </span>
            
            
          </span>
        </a>
</div>
</ul>
                      </div></li>
                  <li x-data='{ active: false }' class="x-block-menu-3 block-mobile-navigation-menu block-mobile-navigation block-mobile-navigation-after" >
                    
                    <div @click="$store.xMobileNav.setActiveLink('3'); $store.xMobileNav.scrollTop();" class="flex items-center gap-4 ml-4 mr-4">
                      
                        <div class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect" :class="active && 'effect-inline'">
                          <span class="p-break-words font-medium font-menu-level-0">
                    
                    
                      
                      
                        <span>Explore</span>
                      
                    
                  </span>
                          

                        </div>
                        <span
                          class="icon-caret-mobile w-4 h-4 min-w-4 min-h-4 block -rotate-90 rtl:rotate-90"
                          :class="{ 'text-[rgba(var(--colors-text-link))]': active }"
                        >
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                      
                    </div><div
                        class="menu-drawer fixed duration-300 ease-in-out top-0 background-header w-full h-full z-20 invisible rtl:-translate-x-full translate-x-full"
                        :class="{ 'menu-opening': $store.xMobileNav.currentMenuLinks.includes('3') }"
                      >
                        <ul id="menu-level-1"
                          class="background-header w-full h-full overflow-auto scrollbar-body" 
                        >
                          <div class="flex sticky top-0 background-header z-30 items-center pt-4 pb-4 pl-4 pr-4 gap-4 justify-between">
                            <div class="flex flex-wrap justify-start items-center flex-1 font-medium disable-effect">
                              <span class="w-10 h-10 min-w-[40px] min-h-10 pl-3 pr-3 pt-6 block rotate-90 rtl:-rotate-90" @click="$store.xMobileNav.removeActiveLink('3');">
                                <span class="">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                              </span>
                              <div class="flex items-center flex-1 flex-wrap">
                                <span class="p-break-words font-menu-level-0 font-medium mr-2 rtl:ml-2">
                    
                    
                      
                      
                        <span>Explore</span>
                      
                    
                  </span>
                                

                              </div>
                            </div>
                            <span
                              class="cursor-pointer icon-close-container inline-block group-close-btn rounded-full"
                              @click="setTimeout(() => { $store.xMobileNav.close() }, 0)"
                            >
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                          </div>



<div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/pages/our-story" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Our Story</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/blogs/gluten-free-living" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Gluten-Free Living</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/pages/verified-customer-reviews" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Verified Reviews</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/pages/frequently-asked-questions" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>FAQs</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/pages/new-allergen-page" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Allergen Guide</span>
                
              
            </span>
            
            
          </span>
        </a>
</div><div  
        class="flex items-center gap-4 pr-4 pl-4 border-b"
      ><style data-shopify>
          
</style>
          <a href="/pages/store-locator" class="flex-1 relative pt-2.5 pb-2.5 gap-4 flex items-center disable-effect">
        
          
          
          <span class="flex flex-wrap gap-x-2">
            <span class="p-break-words font-medium font-menu-level-1">
              
              
                
                
                  <span>Store Locator</span>
                
              
            </span>
            
            
          </span>
        </a>
</div>
</ul>
                      </div></li>
                  <li x-data='{ active: false }' class="x-block-menu-4 block-mobile-navigation-menu block-mobile-navigation block-mobile-navigation-after" >
                    
                    <div  class="flex items-center gap-4 ml-4 mr-4">
                      
                        <div @click="window.open('/blogs/recipes', '_self')"
                          class="flex-1 pt-3.5 pb-3.5 flex flex-wrap gap-2 items-center disable-effect"
                        >                        
                          <span class="p-break-words font-medium font-menu-level-0">
                    
                    
                      
                      
                        <span>Recipes</span>
                      
                    
                  </span>
                          

                        </div>
                      
                    </div></li>
                  <li class="x-block-button block-mobile-navigation block-button" >
                    <style data-shopify>
                      .button-button_Vg9m7L, .button-button_Vg9m7L *:before {
                        
                        
                        
                        
                        
                          --colors-secondary-button: 255, 255, 255;
                          --colors-line-secondary-button: 255, 255, 255;
                          --background-secondary-button: transparent;
                        
                        
                          --background-secondary-button: 62, 105, 145;
                          --colors-line-secondary-button: 62, 105, 145;
                        
                        
                          --colors-text-link: 62, 105, 145;
                        
                      }
                      .dark .button-button_Vg9m7L, .dark .button-button_Vg9m7L *:before {
                          
                          --colors-button: 62, 105, 145;
                        
                         
                          --colors-button-text: 255, 255, 255; 
                        
                          
                          --colors-button-hover: rgb(210, 238, 251);
                        
                          
                          --colors-button-text-hover: 62, 105, 145;
                        
                          
                          --colors-secondary-button: 34, 77, 140;
                          --colors-line-secondary-button: 34, 77, 140;
                        
                          
                          --background-secondary-button: 210, 238, 251;
                          --colors-line-secondary-button: 210, 238, 251;
                        
                        
                          --colors-text-link: 210, 238, 251;
                        
                      }
                    </style>
                    <div class="button-button_Vg9m7L mt-5 mb-5 ml-4 mr-4">
                      
                        <a class="button button-solid inline-block leading-normal empty:hidden text-center w-full pt-4 pb-4 pl-10 pr-10" href="/collections/build-a-bundle">
                          
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Build a Bundle</span>
      
    
  
  
</div>
                        </a>
                      
                    </div>
                  </li>
                

                  <li class="x-block-button block-mobile-navigation block-button" >
                    <style data-shopify>
                      .button-button_FMLpph, .button-button_FMLpph *:before {
                        
                          --colors-button: 62, 105, 145;
                        
                        
                          --colors-button-text: 255, 255, 255;
                        
                        
                        
                        
                        
                        
                          --colors-text-link: 62, 105, 145;
                        
                      }
                      .dark .button-button_FMLpph, .dark .button-button_FMLpph *:before {
                          
                          --colors-button: 62, 105, 145;
                        
                         
                          --colors-button-text: 255, 255, 255; 
                        
                          
                          --colors-button-hover: rgb(210, 238, 251);
                        
                          
                          --colors-button-text-hover: 62, 105, 145;
                        
                          
                          --colors-secondary-button: 34, 77, 140;
                          --colors-line-secondary-button: 34, 77, 140;
                        
                          
                          --background-secondary-button: 210, 238, 251;
                          --colors-line-secondary-button: 210, 238, 251;
                        
                        
                          --colors-text-link: 210, 238, 251;
                        
                      }
                    </style>
                    <div class="button-button_FMLpph mt-5 mb-5 ml-4 mr-4">
                      
                        <a class="button button-solid inline-block leading-normal empty:hidden text-center w-full pt-4 pb-4 pl-10 pr-10" href="/collections/curated-packs">
                          
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Starter Packs</span>
      
    
  
  
</div>
                        </a>
                      
                    </div>
                  </li>
                
<li class="x-block-login block-mobile-navigation block-mobile-navigation-account pl-4 pr-4 block-mobile-navigation-after" >  
                      <style data-shopify>
                        .x-block-login.block-mobile-navigation shopify-account::part(signed-out-avatar):after{
                          font-family: var(--font-body-family);
                          content: 'Log in';
                          font-weight: 500;
                          
                        }
                      </style>
                    
                    <div class=" font-medium pt-3.5 pb-3.5 flex items-center disable-effect">
                      <shopify-account menu="customer-account-main-menu">
                        <div slot="signed-out-avatar">
                          <span class="w-6 h-6 mr-2 rtl:mr-0 rtl:ml-2 block">
                          
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none">
      <path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M21.776 23v-2.444a4.889 4.889 0 0 0-4.889-4.889H7.109a4.889 4.889 0 0 0-4.889 4.889V23 M11.998 10.778a4.889 4.889 0 1 0 0-9.778 4.889 4.889 0 0 0 0 9.778"/>
    </svg>
  

                        </span>
                        </div>
                      </shopify-account>
                      
                    </div>
                  </li><li class="x-block-social block-mobile-navigation pl-4 pr-4 block-mobile-navigation-after" >
                  <div class="pt-2 pb-2 pl-0.5 pr-0.5 flex items-center justify-center opacity-70">
                    
<div id="selector-social" class=" flex lg:items-center lg:justify-end relative pt-1.5 pb-1.5">
    
      <ul class="social-list flex  flex-wrap opacity-70" role="list">
<li>
      <a href="https://www.facebook.com/pamelasproducts" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.pinterest.com/pamelasproducts/" target="blank" aria-label="Pinterest" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.instagram.com/pamelasproducts/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3">
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</a>
    </li></ul>
     </div>
                  </div>
                </li>
        </ul>
      </div>
      
      <div class="block-mobile-navigation x-header-store-selector-container font-menu-level-2 empty:hidden pl-4 pr-4 flex"></div><style data-shopify>
          .font-menu-level-2 button {
            font-size: 0.9625rem;
          }

          .x-container-mobile-nav-language .toolbar-button {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
          }
        </style>
        <div class="x-container-mobile-nav-language pb-4 pl-4 pr-4 lg:flex lg:items-center font-menu-level-2 background-header justify-center lg:justify-end bottom-0 left-0 max-w-xl">
</div></div>
  </div>
</template>
</div>
<!-- END sections: header-group -->
          <!-- BEGIN sections: aside-group -->
<div id="shopify-section-sections--22369735934208__product-labels-and-badges" class="shopify-section shopify-section-group-aside-group section-product-labels-and-badges"><style data-shopify>.x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
          background-color:#c20000;
          color:#ffffff;
          
        }
        .dark .x-badge-product-labels-and-badges-0 .x-badge-content.x-badge-text{
          background-color:#c20000;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-product-labels-and-badges-0 {
        --font-size-scale: 0.55rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-product-labels-and-badges-0 {
          --font-size-scale: 0.55rem;
          
        }
      }.x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
          background-color:#7f817f;
          color:#ffffff;
          
        }
        .dark .x-badge-product-labels-and-badges-1 .x-badge-content.x-badge-text{
          background-color:#7f817f;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-product-labels-and-badges-1 {
        --font-size-scale: 0.66rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-product-labels-and-badges-1 {
          --font-size-scale: 0.66rem;
          
        }
      }.x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
          background-color:#706262;
          color:#ffffff;
          
        }
        .dark .x-badge-preorder_label_8JPgVK .x-badge-content.x-badge-text{
          background-color:#706262;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-preorder_label_8JPgVK {
        --font-size-scale: 0.66rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-preorder_label_8JPgVK {
          --font-size-scale: 0.66rem;
          
        }
      }.x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
          background-color:#3e7312;
          color:#ffffff;
          
        }
        .dark .x-badge-new_label_4MQzpH .x-badge-content.x-badge-text{
          background-color:#3e7312;
          color:#ffffff;
          
            border-width: 0;
          
        }.x-badge-new_label_4MQzpH {
        --font-size-scale: 0.66rem;
        
      }
      @media (min-width: 768px) {
        .x-badge-new_label_4MQzpH {
          --font-size-scale: 0.66rem;
          
        }
      }</style>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "product-labels-and-badges-0",
      "enable": true,
      "type": "sale-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": true,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "Save {sale}",
        
          
          "type": "rounded-full",
        
        "background_color": "#c20000",
        "text_color": "#ffffff",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "top-left",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "none",
        "number_show": 30
      }
    }' x-badges-icon=''></div>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "product-labels-and-badges-1",
      "enable": true,
      "type": "sold-out-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": false,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "SOLD OUT",
        
          "type": "round",
        
        "background_color": "#7f817f",
        "text_color": "#ffffff",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "top-left",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "none",
        "number_show": 30
      }
    }' x-badges-icon=''></div>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "preorder_label_8JPgVK",
      "enable": true,
      "type": "preorder-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": true,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "PRE-ORDER",
        
          "type": "round",
        
        "background_color": "#706262",
        "text_color": "#ffffff",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "top-left",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "none",
        "number_show": 30
      }
    }' x-badges-icon=''></div>
    <div class="x-badges-block-data" x-badges-block-data='{
      "id": "new_label_4MQzpH",
      "enable": true,
      "type": "new-label",
      "settings": {
        "show_on_product_card": true,
        "show_on_product_page": true,
        "applied_to": "",
        "applied_products": [],
        "applied_collections": [],
        "content": "NEW",
        
          "type": "round",
        
        "background_color": "#3e7312",
        "text_color": "#ffffff",
        "image": null,
        "image_alt": "",
        "image_aspect_ratio": 0,
        "size": 1,
        "size_mobile": 1,
        "opacity": 100,
        "position": "top-left",
        "horizontal_position": 6,
        "vertical_position": 3,
        "schedule_enabled": false,
        "reset": false,
        "duration": 0,
        "timezone": 0,
        "start_year": 0,
        "start_month": 0,
        "start_day": 0,
        "start_hour": 0,
        "start_minute": 0,
        "end_year": 0,
        "end_month": 0,
        "end_day": 0,
        "end_hour": 0,
        "end_minute": 0,
        "day_since": "activation_date",
        "number_show": 30
      }
    }' x-badges-icon=''></div><script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/labels-and-badges.js?v=115239190121355418111778106754" defer></script>
</div><div id="shopify-section-sections--22369735934208__quick-view" class="shopify-section shopify-section-group-aside-group section-product-info section-quick-view"><style data-shopify>
  .button--quickview.button-solid, .button--quickview.button-disable-effect,
  .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
  .title-size--sections--22369735934208__quick-view {
    font-size: 1.0395rem;
  }
  .dark .button--quickview.button-solid, .dark .button--quickview.button-disable-effect,
  .dark .button--quickview.button-solid:before {--colors-line-and-border: var(--colors-button);}
  @media (min-width: 768px) {
    .title-size--sections--22369735934208__quick-view {
      font-size: 1.7325rem;
    }
  }
  
  
    #QuickView .media-thumbnail.quickview-border {
      border-width: 1px;
      
        border-radius: 10px;
      
    }
  
</style>

<div 
  id="QuickView"
  x-show="$store.xQuickView.show" 
  :class="{ 'overflow-hidden padding-scrollbar': $store.xPopup.open }" 
  x-cloak 
  class="quick_view flex items-end md:items-center fixed top-0 left-0 right-0 bottom-0 z-[90] border"
  @keydown.escape="$store.xQuickView.removeFocusQuickView('QuickViewButton'); $store.xQuickView.close()"
  @init-run.window="$store.xQuickView.addListener()"
  @click="$store.xQuickView.clickInsideQuickView($event)"
  x-init="if ( window.location.search.includes('_quick-view') == false ) document.querySelector('.main-container').appendChild($el.parentNode)"
>
  <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
  <div 
    role="dialog"
    aria-label="Quick view"
    aria-modal="true"
    x-show="$store.xQuickView.show"
    class="x-quickview-modal duration-400 x-pgw page-width w-full pl-0 pr-0 md:pl-5 md:pr-5 lg:pl-16 lg:pr-16 lg:ml-auto lg:mr-auto"
    
      x-transition:enter="transition-all ease-in-out duration-500"
      x-transition:enter-start="opacity-0 transform translate-y-1/3"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-500"
      x-transition:leave-end="opacity-0 transform translate-y-1/3"
    
  >
    <div class="x-container-quickview-body shadow-popup relative bg-[rgba(var(--background-color),1)] md:h-auto pt-12 lg:pt-8 2xl:pt-12 pb-5 lg:pb-8 2xl:pb-12 rounded-t-[10px] md:rounded-[10px]" 
      @click.away="$store.xQuickView.close()"
      @click="$store.xQuickView.clickInsideContentQuickView($event)"
      x-intersect.full="$store.xQuickView.focusQuickView('QuickView', 'QuickViewClose')"
    >
      
        <button aria-label="Close quickview" id="QuickViewClose" class="absolute group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10 rounded-full" @click.prevent="$store.xQuickView.close()">
          
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

        </button>
      
      <div class="x-container-quickview-content pt-2 md:pt-0 md:pl-5 md:pr-5 overflow-y-auto overflow-x-hidden scrollbar-body max-h-[calc(88vh-96px)] md:max-h-[85vh] 2xl:max-h-[77vh]">
        <div x-show="$store.xQuickView.loading" class="x-container-quickview-placeholder flex gap-x-[4%] flex-wrap animate-Xpulse">
          <div class="w-full md:w-[48%] bg-slate-200 mb-5 pb-[75%]"></div>
          <div class="w-full md:w-[48%]">
            
            <p class="mb-5 h-5 w-3/4 bg-slate-200"></p><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div><div class="h-7 bg-slate-200 w-full mb-5 rounded"></div><div class="h-7 bg-slate-200 w-full mb-5 rounded"></div><div class="h-7 bg-slate-200 w-full mb-5 rounded"></div><div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div><div class="h-10 bg-slate-200 w-full mb-5 rounded"></div><div class="h-9 bg-slate-200 w-full mb-5 rounded"></div><div class="h-5 bg-slate-200 w-20 mb-5 rounded"></div></div>
        </div>
        <div id="quickview-product-content" class="quick-view" x-show="!$store.xQuickView.loading"></div>
      </div>
    </div>
  </div>
</div>


<div class="popup-choose-options-mobile fixed z-[60] left-0 right-0 animate-goleft duration-300" x-show="$store.xQuickView.openPopupMobile" x-cloak>
    <div class="bg-[#acacac] opacity-40 block md:hidden fixed top-0 right-0 bottom-0 left-0" @click="$store.xQuickView.closePopupMobile()"></div>
    <div
      x-show="$store.xQuickView.openPopupMobile"
      class="z-30 md:hidden overflow-auto pt-2 pb-2 flex flex-col fixed bottom-0 left-0 md:bottom-auto max-h-[85vh] w-full bg-[rgba(var(--background-color),1)] text-left rounded-t-[10px]"
      x-transition:enter="transition-all ease-in-out duration-500" 
      x-transition:enter-start="opacity-0 transform translate-y-1/3" 
      x-transition:enter-end="opacity-100 transform translate-y-0" 
      x-transition:leave="transition ease-in-out duration-500" 
      x-transition:leave-end="opacity-0 transform translate-y-1/3"
    >
      <button 
        class="cursor-pointer group-close-btn rounded-full absolute icon-close-container w-fit z-10 right-2 md:right-0 top-2 lg:end-10 rtl:left-2 rtl:md:left-0 rtl:right-auto"
        aria-label="Close quickview"
        @click="$store.xQuickView.closePopupMobile()" 
      >
        
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

      </button>
      <div :class="$store.xQuickView.loadingChooseOption ? 'block md:hidden' : 'hidden md:hidden'" class="flex gap-x-[4%] flex-wrap animate-Xpulse">
        <div class="w-full pl-5 pr-5 pt-7 pb-5">
          <p class="mb-5 h-5 w-3/4 bg-slate-200"></p>
          <div class="h-7 bg-slate-200 w-full mb-5 rounded"></div>
          <div class="h-5 bg-slate-200 w-1/3 mb-5 rounded"></div>
          <div class="h-7 bg-slate-200 w-2/3 mb-5 rounded"></div>
          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
          <div class="h-7 bg-slate-200 w-1/3 mb-5 rounded"></div>
          <div class="flex gap-x-5">
            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
            <div class="h-10 bg-slate-200 flex-1 mb-5 rounded"></div>
          </div>
        </div>
      </div>
      <div class="choose-options-mobile rtl:text-right" id="choose-options-mobile" x-show="!$store.xQuickView.loadingChooseOption"></div>
    </div>
  </div>
<script>
window.xQuickView = {
  sectionId: 'sections--22369735934208__quick-view',
  enabled: true,
  show_atc_button: true,
  atc_btn_bottom: false,
  atc_btn_image_desktop: true,
  buttonLabel: 'Quick view'
}
</script>
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/quick-view.js?v=99816987661905988931778106754" defer></script>
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/payment-button.js?v=19694614378629863991778106754" defer></script>
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/product-media.js?v=178923250894042546431778106754" defer></script>
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/recently-viewed.js?v=93421342682375135181778106754" defer></script>
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/customize-picker.js?v=71491105029373997401778106754" defer></script>
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/variant-select.js?v=59403767621469539631778106754" defer></script>

</div><div id="shopify-section-sections--22369735934208__cookie-banner" class="shopify-section shopify-section-group-aside-group section-cookie-banner"><style data-shopify>
      .color-heading--sections--22369735934208__cookie-banner {
        --colors-heading: 255, 255, 255;
      }
    
    .dark .color-heading--sections--22369735934208__cookie-banner {
      
        --colors-heading: 40, 41, 40;
      
    }
    .button-accept {
      
        color: #3e6991;
      
      
        background-color: #ffffff;
        border-color: #ffffff;
      
    }
    .dark .button-accept {
      
        color: #f7f7f7;
      
      
        background-color: #282928;
        border-color: #282928;
      
    }
    .button-decline {
      
        border-color: #ffffff;
        color: #ffffff;
      
      border: 1px solid;
    }
    .dark .button-decline {
      
        border-color: #282928;
        color: #282928;
      
      border: 1px solid;
    }
    .bg-cookie-banner {
      
        color: #ffffff;
      
      background: #3e6991;
    }
    .dark .bg-cookie-banner {
      
        color: #282928;
      
      background: #d2eefb;
    }</style><div 
    id="cookies-banner" 
    x-data="xCookieBanner(4)"  x-show="show"  
    x-cloak 
    x-transition:enter="transition-all ease-in-out duration-500"
    x-transition:enter-start="opacity-0 transform translate-y-full"
    x-transition:enter-end="opacity-100 transform translate-y-0"
    x-transition:leave="transition-all ease-in-out duration-500"
    x-transition:leave-end="opacity-0 transform translate-y-full"
    class="w-full fixed bottom-0 left-0 right-0 z-50 bg-cookie-banner color-heading--sections--22369735934208__cookie-banner"
  >
    <div class="x-pgw page-width mr-auto ml-auto flex flex-wrap lg:flex-nowrap lg:justify-between">
      <div class="rte x-block-cookie-content pt-3 pb-3 w-full lg:pt-4 lg:pb-4 lg:w-auto md:flex md:items-center md:justify-start rtl:md:justify-end text-left rtl:text-right"
      >
        <span><p>We use cookies and similar technologies to provide the best experience on our website. </p></span>
      </div>
      <div class="flex items-center pb-3 lg:pb-0 lg:ml-7 rtl:lg:ml-0 rtl:lg:mr-7 justify-center md:justify-start gap-2 w-full md:w-auto">
        
          <button class="button w-auto button-decline pl-10 pr-10 pt-4 pb-4 lg:mt-4 lg:mb-4 empty:hidden whitespace-nowrap" @click="handleDecline()">
            Decline
          </button>
        
        
          <button class="button button-accept w-auto pl-10 pr-10 pt-4 pb-4 mr-2.5 lg:mt-4 lg:mb-4 empty:hidden whitespace-nowrap" @click="handleAccept()">
            Got it!
          </button>
        
      </div>
    </div>
  </div><script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/cookie-banner.js?v=135863105119365794521778106754" defer></script>

</div>
<!-- END sections: aside-group -->
      

      
      <main id="MainContent" class="content-for-layout focus-none outline-none grow theme-template-index theme-template-suffix-none" role="main" tabindex="-1">
        <section id="shopify-section-template--22369745338624__jt3_pamelas_hero_video_tregw3" class="shopify-section section">
<style data-shopify>@font-face {
  font-family: Caprasimo;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/caprasimo/caprasimo_n4.ace8d487dab0fdc4aa738a8c0b37f0259d504fa6.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/caprasimo/caprasimo_n4.3326b4dfa7114df6a092844e4680f993cb235154.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff") format("woff");
}

  @font-face {
  font-family: Poppins;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2") format("woff2"),
       url("//www.pamelasproducts.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff") format("woff");
}

</style><section
  class="pamelas-video-hero pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3"
  aria-label="Premium, Non-GMO Gluten-Free Food"
>
  <div class="pamelas-video-hero__outer page-width">
    <div class="pamelas-video-hero__shell">
      <div class="pamelas-video-hero__content">
        <div class="pamelas-video-hero__content-inner">
          <div class="pamelas-video-hero__content-top">
            
              <div class="pamelas-video-hero__review-row">
                

                
                  <a href="https://www.pamelasproducts.com/pages/verified-customer-reviews" class="pamelas-video-hero__review-text-link">
                    <span class="pamelas-video-hero__review-text">★★★★★ 4.9 - 4,000+ Verified Reviews</span>
                  </a>
                
              </div>
            

            
              <h1
                class="pamelas-video-hero__heading"
                style="line-height: var(--phv-heading-lh) !important;"
                data-aeo-primary-heading="true"
              >Unbelievably Good. Always Gluten-Free. Mixes, Snacks, Cookies & More!</h1>
            

            
              <div
                class="pamelas-video-hero__copy rte"
                style="line-height: var(--phv-copy-lh) !important;"
                data-aeo-supporting-copy="true"
              >
                <p>So good, nobody asks if it’s gluten-free. Made with premium, non-GMO ingredients since 1988.</p>
              </div>
            
          </div>

          <div class="pamelas-video-hero__content-bottom">
            
              <div class="pamelas-video-hero__buttons">
                
                  <a href="/collections/all" class="pamelas-video-hero__button pamelas-video-hero__button--primary" aria-label="Shop Now">
                    SHOP NOW
                  </a>
                

                
                  <a href="/collections/build-a-bundle" class="pamelas-video-hero__button pamelas-video-hero__button--secondary" aria-label="Build a Bundle">
                    BUILD A BUNDLE
                  </a>
                
              </div>
            

            <div class="pamelas-video-hero__features" aria-label="Product features">
              
                
                  <div class="pamelas-video-hero__feature pamelas-video-hero__feature--both" >
                    
                      <img src="//www.pamelasproducts.com/cdn/shop/files/check.svg?v=1775699544&amp;width=160" alt="Feature icon" srcset="//www.pamelasproducts.com/cdn/shop/files/check.svg?v=1775699544&amp;width=160 160w" width="160" height="160" loading="lazy" class="pamelas-video-hero__feature-icon">
                    
                    
                      <span class="pamelas-video-hero__feature-text">Certified Gluten-Free</span>
                    
                  </div>
                
              
                
                  <div class="pamelas-video-hero__feature pamelas-video-hero__feature--both" >
                    
                      <img src="//www.pamelasproducts.com/cdn/shop/files/check.svg?v=1775699544&amp;width=160" alt="Feature icon" srcset="//www.pamelasproducts.com/cdn/shop/files/check.svg?v=1775699544&amp;width=160 160w" width="160" height="160" loading="lazy" class="pamelas-video-hero__feature-icon">
                    
                    
                      <span class="pamelas-video-hero__feature-text">No Artificial Ingredients</span>
                    
                  </div>
                
              
                
                  <div class="pamelas-video-hero__feature pamelas-video-hero__feature--icon_only" >
                    
                      <img src="//www.pamelasproducts.com/cdn/shop/files/certified-gluten-free.webp?v=1776373013&amp;width=160" alt="Feature icon" srcset="//www.pamelasproducts.com/cdn/shop/files/certified-gluten-free.webp?v=1776373013&amp;width=160 160w" width="160" height="114" loading="lazy" class="pamelas-video-hero__feature-icon">
                    
                    
                  </div>
                
              
            </div>
          </div>

          
            <div class="visually-hidden pamelas-video-hero__seo-copy" data-aeo-hidden-context="true">
              Pamela's Products offers premium gluten-free baking mixes, snack bars, cookies, graham crackers, and almond flour crafted with non-GMO ingredients. A pioneer in gluten-free food since 1988, Pamela's is trusted by celiac and gluten-free families for baking mixes and snacks that taste as good as traditional food.
            </div>
          
        </div>
      </div>

      <div class="pamelas-video-hero__media-wrap">
        <div class="pamelas-video-hero__media">
          
            
            
              <video
                class="pamelas-video-hero__video"
                autoplay
                loop
                muted
                
                playsinline
                preload="metadata"
                poster="//www.pamelasproducts.com/cdn/shop/files/test-d-hero-pamelas-pancake-mix.webp?v=1775866916&width=2000"
              >
                <source src="https://cdn.shopify.com/videos/c/o/v/88043780d8144fc38e5957899ca8aeac.mp4">
              </video>
            
          
        </div>

        
          <div class="pamelas-video-hero__taste-mark">
            <img src="//www.pamelasproducts.com/cdn/shop/files/tasteandtexture.webp?v=1776372542&amp;width=500" alt="Incredible Taste and Texture" srcset="//www.pamelasproducts.com/cdn/shop/files/tasteandtexture.webp?v=1776372542&amp;width=352 352w, //www.pamelasproducts.com/cdn/shop/files/tasteandtexture.webp?v=1776372542&amp;width=500 500w" width="500" height="193" loading="lazy" class="pamelas-video-hero__taste-image">
          </div>
        
      </div>
    </div>
  </div>
</section>

<style>
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 {
    --section-max-width: 1460px;
    --shell-radius: 18px;
    --media-radius: 18px;
    --shell-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    --content-bg: #14386d;
    --media-bg: #eaf1f7;
    --heading-color: #ffffff;
    --copy-color: #dbe6f4;
    --review-color: #14386d;
    --feature-color: #ffffff;
    --primary-btn-bg: #5d85b6;
    --primary-btn-color: #ffffff;
    --primary-btn-border: #5d85b6;
    --secondary-btn-bg: #ffffff;
    --secondary-btn-color: #14386d;
    --secondary-btn-border: #ffffff;
    --button-radius: 24px;
    --desktop-padding-top: 0px;
    --desktop-padding-bottom: 0px;
    --tablet-padding-top: 36px;
    --tablet-padding-bottom: 36px;
    --mobile-padding-top: 16px;
    --mobile-padding-bottom: 20px;
    --content-width: 70%;
    --content-width-tablet: 58%;
    --media-width: 66%;
    --media-width-tablet: 44%;
    --media-overlap: 96px;
    --media-overlap-tablet: 48px;
    --content-padding-desktop: 46px;
    --content-padding-tablet: 44px;
    --content-padding-mobile: 26px;
    --media-height-desktop: 500px;
    --media-height-tablet: 470px;
    --media-height-mobile: 220px;
    --desktop-text-align: left;
    --tablet-text-align: center;
    --mobile-text-align: center;
    --desktop-horizontal-align: flex-start;
    --tablet-horizontal-align: center;
    --mobile-horizontal-align: center;
    --desktop-vertical-align: center;
    --tablet-vertical-align: center;
    --mobile-vertical-align: center;
    --review-gap: 12px;
    --buttons-gap: 10px;
    --features-gap: 11px;
    --feature-internal-gap: 6px;
    --feature-direction-desktop: row;
    --feature-direction-tablet: row;
    --feature-direction-mobile: row;
    --feature-align-desktop: center;
    --feature-align-tablet: center;
    --feature-align-mobile: center;
    --buttons-align-desktop: flex-start;
    --buttons-align-tablet: center;
    --buttons-align-mobile: center;
    --features-container-align-desktop: flex-start;
    --features-container-align-tablet: center;
    --features-container-align-mobile: center;
    --heading-gap: 16px;
    --copy-gap: 18px;

    /* Per-block gap controls (desktop / tablet / mobile) */
    --gap-review-to-heading-desktop: 30px;
    --gap-review-to-heading-tablet: 32px;
    --gap-review-to-heading-mobile: 27px;
    --gap-heading-to-copy-desktop: 14px;
    --gap-heading-to-copy-tablet: 12px;
    --gap-heading-to-copy-mobile: 12px;
    --gap-copy-to-buttons-desktop: 50px;
    --gap-copy-to-buttons-tablet: 18px;
    --gap-copy-to-buttons-mobile: 15px;
    --gap-buttons-to-features-desktop: 30px;
    --gap-buttons-to-features-tablet: 30px;
    --gap-buttons-to-features-mobile: 24px;
    --gap-media-to-content-mobile: 16px;
    --gap-content-to-media-mobile: 4px;
    --gap-taste-to-content-mobile: 27px;
    --gap-content-to-media-tablet: 20px;
    --gap-taste-to-content-tablet: 22px;

    /* Review row styling */
    --review-bg: #dbe6f4;
    --review-radius: 40px;
    --review-padding-y: 7px;
    --review-padding-x: 15px;

    /* Mobile taste image absolute positioning */
    --taste-bottom-mobile: -54px;
    --taste-left-mobile: 40px;

    /* Features container stacking (desktop/tablet/mobile) */
    --features-flex-direction-desktop: column;
    --features-flex-direction-tablet: column;
    --feature-icon-size: 18px;
    --feature-icon-size-tablet: 18px;
    --feature-icon-size-mobile: 16px;
    --feature-icon-only-size-desktop: 70px;
    --feature-icon-only-size-tablet: 80px;
    --feature-icon-only-size-mobile: 74px;
    --content-panel-width-desktop: 85%;
    --media-padding-desktop: 60px;
    --media-padding-tablet: 20px;
    --media-padding-mobile: 16px;
    --review-image-width-desktop: 76px;
    --review-image-width-tablet: 76px;
    --review-image-width-mobile: 68px;
    --taste-width-desktop: 356px;
    --taste-width-tablet: 308px;
    --taste-width-mobile: 272px;
    --taste-bottom-desktop: 120px;
    --taste-left-desktop: -10px;
    --taste-bottom-tablet: -62px;
    --taste-left-tablet: 64px;
    --taste-rotation-desktop: 0deg;
    --taste-rotation-tablet: 0deg;
    --taste-rotation-mobile: 0deg;
    --heading-font-family: Caprasimo, sans-serif;
    --copy-font-family: Poppins, sans-serif;
    --eyebrow-font-family: Poppins, sans-serif;
    --button-font-family: Poppins, sans-serif;
    --feature-font-family: Poppins, sans-serif;
    --heading-size-desktop: 37px;
    --heading-size-tablet: 36px;
    --heading-size-mobile: 31px;
    --heading-line-desktop: 110%;
    --heading-line-tablet: 99%;
    --heading-line-mobile: 118%;
    --phv-heading-lh: calc(110 / 100);
    --phv-copy-lh: calc(150 / 100);
    --heading-weight: 300;
    --copy-size-desktop: 18px;
    --copy-size-tablet: 18px;
    --copy-size-mobile: 16px;
    --copy-line-desktop: 150%;
    --copy-line-tablet: 150%;
    --copy-line-mobile: 144%;
    --copy-weight: 400;
    --eyebrow-size-desktop: 14px;
    --eyebrow-size-tablet: 16px;
    --eyebrow-size-mobile: 12px;
    --eyebrow-weight: 500;
    --button-size-desktop: 15px;
    --button-size-tablet: 13px;
    --button-size-mobile: 13px;
    --button-weight: 600;
    --feature-size-desktop: 14px;
    --feature-size-tablet: 14px;
    --feature-size-mobile: 14px;
    --feature-weight: 500;
    padding-top: var(--desktop-padding-top);
    padding-bottom: var(--desktop-padding-bottom);
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__outer {
    max-width: var(--section-max-width);
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__shell {
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: visible;
  }

  /* Desktop: blue content background is a pseudo-element that stops at the
     configured percentage (default 85%) of the shell width, stopping short
     of the right edge. The content itself keeps its own width for text
     layout independently. */
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__shell::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: var(--content-panel-width-desktop);
    height: 100%;
    background: var(--content-bg);
    border-radius: var(--shell-radius);
    box-shadow: var(--shell-shadow);
    z-index: 0;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content {
    width: var(--content-width);
    background: transparent;
    display: flex;
    justify-content: var(--desktop-horizontal-align);
    align-items: var(--desktop-vertical-align);
    z-index: 1;
    position: relative;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-inner {
    width: 100%;
    max-width: 640px;
    padding: var(--content-padding-desktop);
    text-align: var(--desktop-text-align);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  /* Per-block spacing. Each rule targets a specific adjacency so each gap
     can be tuned independently in the theme editor. Using + sibling selector
     so the gap only applies when the preceding block actually exists. */
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__heading {
    margin-top: var(--gap-review-to-heading-desktop) !important;
  }
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__copy,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__copy {
    margin-top: var(--gap-heading-to-copy-desktop) !important;
  }
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy + .pamelas-video-hero__buttons,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__buttons,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__buttons {
    margin-top: var(--gap-copy-to-buttons-desktop) !important;
  }
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__buttons + .pamelas-video-hero__features,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy + .pamelas-video-hero__features,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__features {
    margin-top: var(--gap-buttons-to-features-desktop) !important;
  }

  /* For the split top/bottom wrappers used on mobile, apply gap between them too.
     On desktop/tablet the wrappers behave like plain flex columns and the rules
     above (which target the actual blocks) still apply inside each wrapper. */
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-top + .pamelas-video-hero__content-bottom {
    margin-top: var(--gap-copy-to-buttons-desktop);
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-top,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-bottom {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--review-gap);
    margin-top: 0;
    background: var(--review-bg);
    border-radius: var(--review-radius);
    padding: var(--review-padding-y) var(--review-padding-x);
    /* Shrink to fit content so the background pill only wraps the text/image,
       not the full column width of its flex parent. Follows the content
       horizontal alignment setting so it lands left/center/right correctly. */
    align-self: var(--desktop-horizontal-align);
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Normalize vertical metrics inside the review row so the text sits exactly
     in the optical center of the background pill regardless of font leading. */
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text-link {
    display: inline-flex;
    align-items: center;
    line-height: 1;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image-link,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-stars {
    display: inline-flex;
    align-items: center;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image-link {
    width: var(--review-image-width-desktop);
    display: block;
    height: auto;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-stars {
    display: flex;
    align-items: center;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text-link {
    color: var(--review-color);
    font-family: var(--eyebrow-font-family);
    font-size: var(--eyebrow-size-desktop);
    font-weight: var(--eyebrow-weight);
    line-height: 1;
    text-decoration: none;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 h1.pamelas-video-hero__heading,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 h2.pamelas-video-hero__heading,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 h3.pamelas-video-hero__heading {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--heading-font-family);
    font-size: var(--heading-size-desktop);
    font-weight: var(--heading-weight);
    line-height: calc(var(--heading-line-desktop) / 100) !important;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy {
    color: var(--copy-color);
    font-family: var(--copy-font-family);
    font-size: var(--copy-size-desktop);
    font-weight: var(--copy-weight);
    line-height: calc(var(--copy-line-desktop) / 100) !important;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy *,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy p,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy span,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy li,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy a {
    color: inherit;
    font-size: inherit;
    line-height: inherit !important;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--buttons-gap);
    justify-content: var(--buttons-align-desktop);
    width: 100%;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 170px;
    padding: 14px 22px;
    border-radius: var(--button-radius);
    font-family: var(--button-font-family);
    font-size: var(--button-size-desktop);
    font-weight: var(--button-weight);
    text-decoration: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__button:hover {
    opacity: 0.92;
    transform: translateY(-1px);
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__button--primary {
    background: var(--primary-btn-bg);
    color: var(--primary-btn-color);
    border: 1px solid var(--primary-btn-border);
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__button--secondary {
    background: var(--secondary-btn-bg);
    color: var(--secondary-btn-color);
    border: 1px solid var(--secondary-btn-border);
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__features {
    display: flex;
    flex-direction: var(--features-flex-direction-desktop);
    flex-wrap: wrap;
    gap: var(--features-gap);
    justify-content: var(--features-container-align-desktop);
    align-items: var(--features-container-align-desktop);
    width: 100%;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature {
    display: flex;
    flex-direction: var(--feature-direction-desktop);
    align-items: var(--feature-align-desktop);
    justify-content: var(--feature-align-desktop);
    gap: var(--feature-internal-gap);
    text-align: center;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature-icon {
    width: var(--feature-icon-size);
    min-width: var(--feature-icon-size);
    height: auto;
    display: block;
  }

  /* When feature is icon-only, allow an independent icon size so you can
     use a larger badge without affecting icon+text feature layouts. */
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature--icon_only .pamelas-video-hero__feature-icon {
    width: var(--feature-icon-only-size-desktop);
    min-width: var(--feature-icon-only-size-desktop);
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature-text {
    color: var(--feature-color);
    font-family: var(--feature-font-family);
    font-size: var(--feature-size-desktop);
    font-weight: var(--feature-weight);
    line-height: 1.35;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__media-wrap {
    width: var(--media-width);
    margin-left: calc(var(--media-overlap) * -1);
    padding: var(--media-padding-desktop);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__media {
    background: var(--media-bg);
    border-radius: var(--media-radius);
    overflow: hidden;
    min-height: var(--media-height-desktop);
    height: var(--media-height-desktop);
    position: relative;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__video,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__fallback-image,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__iframe-shell,
  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__iframe-shell iframe {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border: 0;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__media-placeholder {
    min-height: inherit;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 24px;
    color: #1f2f46;
    background: #edf3f8;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__taste-mark {
    position: absolute;
    left: var(--taste-left-desktop);
    bottom: var(--taste-bottom-desktop);
    width: var(--taste-width-desktop);
    transform: rotate(var(--taste-rotation-desktop));
    z-index: 3;
    pointer-events: none;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__taste-image {
    display: block;
    width: 100%;
    height: auto;
  }

  .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }

  @media screen and (max-width: 989px) {
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 {
      padding-top: var(--tablet-padding-top);
      padding-bottom: var(--tablet-padding-bottom);
      --phv-heading-lh: calc(99 / 100);
      --phv-copy-lh: calc(150 / 100);
    }

    /* ----- Stacked layout (shared between tablet and mobile widths) ----- */

    /* Shell becomes a vertical flex container with the blue background filling
       the full width. We flatten __content and __content-inner so their
       children become direct flex children of the shell, which lets us
       reorder: content-top → media → content-bottom. */
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__shell {
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-radius: var(--shell-radius);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__shell::before {
      width: 100%;
      border-radius: var(--shell-radius);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-inner {
      display: contents;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-top,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-bottom {
      width: 100%;
      padding-left: var(--content-padding-tablet);
      padding-right: var(--content-padding-tablet);
      text-align: var(--tablet-text-align);
      position: relative;
      z-index: 1;
      box-sizing: border-box;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-top {
      padding-top: var(--content-padding-tablet);
      padding-bottom: 0;
      order: 1;
      align-items: var(--tablet-horizontal-align);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-bottom {
      padding-top: 0;
      padding-bottom: var(--content-padding-tablet);
      order: 3;
      align-items: var(--tablet-horizontal-align);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__media-wrap {
      width: 100%;
      margin-left: 0;
      margin-top: var(--gap-content-to-media-tablet);
      margin-bottom: var(--gap-taste-to-content-tablet);
      padding: var(--media-padding-tablet);
      background: transparent;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      order: 2;
      position: relative;
      z-index: 1;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__taste-mark {
      position: absolute;
      left: var(--taste-left-tablet);
      bottom: var(--taste-bottom-tablet);
      width: var(--taste-width-tablet);
      transform: rotate(var(--taste-rotation-tablet));
      margin: 0;
      pointer-events: none;
      z-index: 3;
    }

    /* Review row follows the tablet content horizontal alignment */
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row {
      align-self: var(--tablet-horizontal-align);
    }

    /* ----- Tablet-range values (fonts, sizes, spacing) ----- */

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__heading {
      margin-top: var(--gap-review-to-heading-tablet) !important;
    }
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__copy,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__copy {
      margin-top: var(--gap-heading-to-copy-tablet) !important;
    }
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy + .pamelas-video-hero__buttons,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__buttons,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__buttons {
      margin-top: var(--gap-copy-to-buttons-tablet) !important;
    }
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__buttons + .pamelas-video-hero__features,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy + .pamelas-video-hero__features,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__features {
      margin-top: var(--gap-buttons-to-features-tablet) !important;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image-link {
      width: var(--review-image-width-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text-link {
      font-size: var(--eyebrow-size-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading {
      font-size: var(--heading-size-tablet);
      line-height: calc(var(--heading-line-tablet) / 100) !important;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy {
      font-size: var(--copy-size-tablet);
      line-height: calc(var(--copy-line-tablet) / 100) !important;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__button {
      font-size: var(--button-size-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__buttons {
      justify-content: var(--buttons-align-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__features {
      justify-content: var(--features-container-align-tablet);
      align-items: var(--features-container-align-tablet);
      flex-direction: var(--features-flex-direction-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature {
      flex-direction: var(--feature-direction-tablet);
      align-items: var(--feature-align-tablet);
      justify-content: var(--feature-align-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature-text {
      font-size: var(--feature-size-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature-icon {
      width: var(--feature-icon-size-tablet);
      min-width: var(--feature-icon-size-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature--icon_only .pamelas-video-hero__feature-icon {
      width: var(--feature-icon-only-size-tablet);
      min-width: var(--feature-icon-only-size-tablet);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__media {
      min-height: var(--media-height-tablet);
      height: var(--media-height-tablet);
    }
  }

  @media screen and (max-width: 749px) {
    /* Mobile-only VALUE overrides. Layout is inherited from the 989px
       stacked layout above. */
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 {
      padding-top: var(--mobile-padding-top);
      padding-bottom: var(--mobile-padding-bottom);
      --phv-heading-lh: calc(118 / 100);
      --phv-copy-lh: calc(144 / 100);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-top,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-bottom {
      padding-left: var(--content-padding-mobile);
      padding-right: var(--content-padding-mobile);
      text-align: var(--mobile-text-align);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-top {
      padding-top: var(--content-padding-mobile);
      align-items: var(--mobile-horizontal-align);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__content-bottom {
      padding-bottom: var(--content-padding-mobile);
      align-items: var(--mobile-horizontal-align);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__media-wrap {
      padding: var(--media-padding-mobile);
      margin-top: var(--gap-content-to-media-mobile);
      margin-bottom: var(--gap-taste-to-content-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__taste-mark {
      left: var(--taste-left-mobile);
      bottom: var(--taste-bottom-mobile);
      width: var(--taste-width-mobile);
      transform: rotate(var(--taste-rotation-mobile));
    }

    /* Review row follows mobile alignment */
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row {
      align-self: var(--mobile-horizontal-align);
    }

    /* Mobile per-block spacing overrides */
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__heading {
      margin-top: var(--gap-review-to-heading-mobile) !important;
    }
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__copy,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__copy {
      margin-top: var(--gap-heading-to-copy-mobile) !important;
    }
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy + .pamelas-video-hero__buttons,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__buttons,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-row + .pamelas-video-hero__buttons {
      margin-top: var(--gap-copy-to-buttons-mobile) !important;
    }
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__buttons + .pamelas-video-hero__features,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy + .pamelas-video-hero__features,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading + .pamelas-video-hero__features {
      margin-top: var(--gap-buttons-to-features-mobile) !important;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-image-link {
      width: var(--review-image-width-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text,
    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__review-text-link {
      font-size: var(--eyebrow-size-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__heading {
      font-size: var(--heading-size-mobile);
      line-height: calc(var(--heading-line-mobile) / 100) !important;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3.pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__copy {
      font-size: var(--copy-size-mobile);
      line-height: calc(var(--copy-line-mobile) / 100) !important;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__buttons {
      justify-content: var(--buttons-align-mobile);
      flex-direction: row;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__button {
      width: 100%;
      font-size: var(--button-size-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__features {
      justify-content: var(--features-container-align-mobile);
      align-items: var(--features-container-align-mobile);
      flex-direction: column;
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature {
      flex-direction: var(--feature-direction-mobile);
      align-items: var(--feature-align-mobile);
      justify-content: var(--feature-align-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature-text {
      font-size: var(--feature-size-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature-icon {
      width: var(--feature-icon-size-mobile);
      min-width: var(--feature-icon-size-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__feature--icon_only .pamelas-video-hero__feature-icon {
      width: var(--feature-icon-only-size-mobile);
      min-width: var(--feature-icon-only-size-mobile);
    }

    .pamelas-video-hero--template--22369745338624__jt3_pamelas_hero_video_tregw3 .pamelas-video-hero__media {
      min-height: var(--media-height-mobile);
      height: var(--media-height-mobile);
    }
  }
</style>

</section><section id="shopify-section-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="shopify-section section section-featured-collection x-section">
<style data-shopify>.section-padding-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  @media (min-width: 768px) { 
    .section-padding-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      padding-top: 60px;
      padding-bottom: 40px;
    }
  }
  .heading-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    font-size: 1.485rem;
  }
  #shopify-section-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
    font-size: 0.875rem; 
  }
  @media (min-width: 768px) {
    .heading-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      font-size: 2.475rem; 
    }
    #shopify-section-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
      font-size: 0.693rem; 
    }
  }
  @media (min-width: 1024px) {
    #shopify-section-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 .collection-title .h4 {
      font-size: 0.86625rem; 
    }
  }
  .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
    
      background: transparent;
    
    
      color: rgb(var(--colors-heading));
    
  }
  .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
    
      background: #ffffff;
    
    
      color: rgb(var(--colors-heading));
    
  }
  .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
    
      
        background: rgba(62, 105, 145, 0.1);
      
    
    
      color: rgb(var(--colors-heading));
    
  }
  .dark .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 { 
    
      background: transparent;
    
    
      color: rgb(var(--colors-heading));
    
  }
  .dark .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656.active, .dark .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656.active:hover { 
    
      
        background: rgba(255, 255, 255, 0.1);
      
    
    
      color: rgb(var(--colors-heading));
    
  }
  .dark .collection-title .label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656:hover { 
    
      
        background: rgba(255, 255, 255, 0.1);
      
    
    
      color: rgb(var(--colors-heading));
    
  }</style><div 
  class="x-container-featured-collection section-padding-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656"
  x-data="{ 
    view_all_link: '/collections/best-sellers',
    setViewAllLink(url) {
      this.view_all_link = url;
    }
  }"
>
  <div class="collection_wrapper"><div class="mb-4 md:mb-2 relative">
  <div class="relative w-full bg-transparent"><div class="featured-collection relative min-h-[300px] left-0 right-0 bg-[rgba(var(--background-color))] pb-2" x-data='xFeaturedCollection("template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656", "page", $el)'>
        <div class="x-block-header pl-5 pr-5 flex flex-col
            items-center rtl:items-center
 x-pgw page-width"
        ><div class="mb-5 flex-auto lg:mb-2 text-center rtl:text-center">



<style data-shopify>
  
  .dark .heading-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  
    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
  

   
    <h2
      class='heading-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 h2 block leading-tight p-break-words anm-move-up'> 
  
    
      
        Featured Products
      
    
  </h2>

  
    </div>
  


            </div>
          
          
            <style data-shopify>
              .collection-title-container.scrollbar-body::-webkit-scrollbar{
                width: 1px;
                height: 2px;
              }
            </style>
            <div class="collection-title-container h-10 md:h-auto relative lg:mb-0 mb-2 mr-5 ml-5 z-[19] overflow-x-auto overflow-y-hidden scrollbar-body scrollbar-stable self-center min-w-[30%] w-full">
              <div class="flex flex-row md:flex-wrap items-center h-full gap-y-2 gap-x-2 md:gap-x-4 md:justify-center">
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%]"
                    @click="setTimeout(() => { select(1); setViewAllLink('/collections/best-sellers'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 1 || 'opacity-80'"
                    
                    
                      
                    
                  >
                    <span 
                      class="capitalize label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-[10px]"
                      :class="currentTab === 1 && 'active'"
                    >
                      Best Sellers
                    </span>
                  </div>
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
                    @click="setTimeout(() => { select(2); setViewAllLink('/collections/baking-mixes'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 2 || 'opacity-80'"
                    
                    
                      x-intersect.once='loadData(2)'
                    
                  >
                    <span 
                      class="capitalize label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-[10px]"
                      :class="currentTab === 2 && 'active'"
                    >
                      Gluten-Free Baking Mixes
                    </span>
                  </div>
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
                    @click="setTimeout(() => { select(3); setViewAllLink('/collections/pancake-mixes'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 3 || 'opacity-80'"
                    
                    
                      x-intersect.once='loadData(3)'
                    
                  >
                    <span 
                      class="capitalize label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-[10px]"
                      :class="currentTab === 3 && 'active'"
                    >
                      Gluten-Free Pancake Mixes
                    </span>
                  </div>
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
                    @click="setTimeout(() => { select(4); setViewAllLink('/collections/graham-crackers'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 4 || 'opacity-80'"
                    
                    
                      x-intersect.once='loadData(4)'
                    
                  >
                    <span 
                      class="capitalize label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-[10px]"
                      :class="currentTab === 4 && 'active'"
                    >
                      Gluten-Free Graham Crackers
                    </span>
                  </div>
                  <div
                    class="collection-title flex justify-center items-center max-w-[75%] md:border-solid md:border-l pl-2 md:pl-4"
                    @click="setTimeout(() => { select(5); setViewAllLink('/collections/cookies'); scrollIntoView($el) }, 0)"
                    :class="currentTab === 5 || 'opacity-80'"
                    
                    
                      x-intersect.once='loadData(5)'
                    
                  >
                    <span 
                      class="capitalize label-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 inline-block h4 text-sm whitespace-nowrap pt-1.5 pb-1.5 pl-2.5 pr-2.5 cursor-pointer w-full overflow-hidden text-ellipsis md:leading-none md:text-[120%] md:pt-2.5 md:pb-2.5 md:pl-3.5 md:pr-3.5 duration-300 leading-snug rounded-[10px]"
                      :class="currentTab === 5 && 'active'"
                    >
                      Gluten-Free Cookies & Figgies
                    </span>
                  </div></div>
            </div>
          
        </div><div class=" x-pgw page-width mr-auto ml-auto x-pgw page-width-mobile" x-show="loading">
          
              
              <div :class="currentTab === 2? '!block': 'hidden'" class="hidden lg:mt-8">
                
<style data-shopify>
  .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    gap: 10px;
  }
  @media (min-width: 768px) {
    .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      gap: 20px;
    }
  }
</style>

    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656">
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
    </div>

              </div>
            
          
              
              <div :class="currentTab === 3? '!block': 'hidden'" class="hidden lg:mt-8">
                
<style data-shopify>
  .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    gap: 10px;
  }
  @media (min-width: 768px) {
    .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      gap: 20px;
    }
  }
</style>

    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656">
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
    </div>

              </div>
            
          
              
              <div :class="currentTab === 4? '!block': 'hidden'" class="hidden lg:mt-8">
                
<style data-shopify>
  .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    gap: 10px;
  }
  @media (min-width: 768px) {
    .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      gap: 20px;
    }
  }
</style>

    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656">
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
    </div>

              </div>
            
          
              
              <div :class="currentTab === 5? '!block': 'hidden'" class="hidden lg:mt-8">
                
<style data-shopify>
  .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
    gap: 10px;
  }
  @media (min-width: 768px) {
    .gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
      gap: 20px;
    }
  }
</style>

    <div class="w-full grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 gap-skeleton-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656">
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
        <div class="animate-Xpulse hidden md:block">
          <div class="bg-[#c9c9c9] relative z-20 overflow-hidden rounded-[10px] before:h-0 before:block z-0 pb-[100%]"></div>
          <div class="flex flex-col items-center">
            <div class="h-3 w-3/4 bg-[#c9c9c9] mt-4"></div>
            <div class="h-3 w-1/2 bg-[#c9c9c9] mt-2.5 mb-2.5"></div>
          </div>
        </div>
      
    </div>

              </div>
            
          
        </div>
        
        
        
        
        <div class="animate-fade-in relativemd:mt-4 lg:mt-8"
          id="x-fc-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1"
           x-show="currentTab == 1"
        >
          <style data-shopify>
            
              @media (max-width: 767px) {
                .preload-slide-mobile--collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
                    margin-right: 10px;
                  
                  width: calc(((100% + 10px) / 2) - 10px);
                }
              }
            
            
            
          </style>
          <div
            class=" carousel-mobile x-pgw page-width mr-auto ml-auto pl-5 pr-5"
            x-intersect.once.margin.-200px='$store.xCustomerEvent.fire("list_product_viewed", $el, {list: { title: `Best Sellers`, id: "collection" }})'
          ><div ><div
                id="x-collection-collection_DqgeTW"
                class="collection overflow-hidden x-splide visible splide"
                x-data-slider="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656"
                  x-intersect.once.margin.200px='$store.xSplide.load($el, {
                    "speed": 1000,
                    "pagination": false, 
                    "mediaQuery": "min",
                    "updateOnMove": "true",
                    "pauseOnHover": true,
                    "pauseOnFocus": false,
                    "progressBar": 5,


                    "breakpoints": {
                      300: {"gap": "10px",
                        "perPage": 2,
                        "perMove": 2
                      },
                      768: {
                        "drag": true,
                          "destroy": true,
                        "gap": "20px",
                          "perPage": 4,
                          "perMove": 4
                      },
                      1024: {
                        "perPage": 5,
                        "perMove": 5
                      }
                    },
                    "classes": {
                      "arrows" : "block"
                    },
                    "events": [
                      {
                        "event": "ready",
                        "callback": () => {
                          document.dispatchEvent(new CustomEvent("eurus:template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656:splide-ready"));
                        }
                      }
                    ]
                  })'x-intersect.once='$el.classList.add("is-ready-to-animate")'
              >
                <style data-shopify>
                  .gap-mobile-collection_DqgeTW-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
                    gap: 10px;
                  }
                  @media (min-width: 768px) {
                    .gap-collection_DqgeTW-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 {
                      
                        gap: 20px;
                      
                    }
                  }
                </style>
                
                  <div class="splide__arrows flex items-center justify-center gap-3 md:gap-0 mb-1 md:mb-0 mt-5 md:mt-0 order-2">
                    <button 
                      class="splide__arrow splide__arrow--prev button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
                      aria-label="previous slide"
                    >
                      <span class="hidden">previous slide</span>
                      
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M16 1L5 12L16 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
    


                    </button>
                    <button 
                      class="splide__arrow splide__arrow--next button-arrow pt-3 pb-3 pr-3 pl-3 rounded-full z-10 w-11 h-11 border border-solid md:border-none after:text-[20px] rtl:rotate-180 disabled:cursor-not-allowed disabled:opacity-30 hidden md:hidden"
                      aria-label="next slide"
                    >
                      <span class="hidden">next slide</span>
                      
      <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet">
        <path fill="none" d="M8 1L19 12L8 23" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </svg>
  


                    </button>
                  </div>
                
                
                  <div class="splide__track lg:pl-0 lg:pr-0">
                
                  <div class="splide__list gap-collection_DqgeTW-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 md:grid md:grid-cols-4 lg:grid-cols-5 flex w-full"><style data-shopify>
                        .x-slide-animation-duration-1 {
                          --delay-time: 0ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1', '/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb', '6942395760805')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
  x-slide-index="0"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728655126784,
      &quot;product_id&quot;: 6942395760805,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;compare_at_price&quot;: 2249,
      &quot;price&quot;: 2249,
      &quot;price_with_currency&quot;: &quot;$22.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477478945024||287041061120||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 286,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627489306,
      &quot;diff_day_publish&quot;: 1631804474
      
      }
    ]"
       
      aria-label="Gluten-Free Pancake &amp; Baking Mix, 4 lb."
      id="6942395760805-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6942395760805&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2249,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
              "destroy": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                  alt="Gluten-Free Pancake &amp; Baking Mix, 4 lb."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1-0 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506 4000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Back.png?v=1772202506&width=1500"
                      sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                      alt="Gluten-Free Pancake &amp; Baking Mix, 4 lb."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="4000"
                      height="4000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
                  <button
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW', 201); }, 0)"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW"
                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      aria-label="Choose Size"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      
                      <span class="flex items-center justify-center">
                        
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                      </span>
                    </span>
                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW', 201); }, 0)"
                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6942395760805&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2249,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                    <span class="block w-5 h-5" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </span>
                  </button>
                
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6942395760805&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2249,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb", $el, "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6942395760805&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2249,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805">
        <a href="/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6942395760805&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 2249,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Pancake &amp; Baking Mix, 4 lb.
        </a>
      </h3>
      
        
 


      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.97 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(334)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">2249</div>
  <div class="target-compare-at-price hidden">2249</div>
  
    
    
      
      
    
    
  
  
<p class="price">
        From $22.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6942395760805', [277566390437, 478810374400, 480574931200, 478813356288, 477478945024, 287041061120])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6942395760805-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
<div
          class="x-variants-data hover-option-value x-variants-data-js pt-3 x-variants-separator x-variants-separator-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805 relative mt-3"
          x-data='xVariantSelectCard($el,"template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1", "6942395760805", "/products/gluten-free-baking-pancake-mix-4lb", false, false, false, "", "", "", "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656")'
          
            data-option1="Single"
            
          data-url="/products/gluten-free-baking-pancake-mix-4lb"
          x-intersect.once.margin.200px="if (document.getElementById('variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1').innerHTML.trim() == '') $el.classList.add('hidden');"
        >
          <div
            id="current-variant-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW" 
            class="current-variant hidden"
          >
            42728655126784
          </div>
          <div
            id="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1"
            class="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-1 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
          >
            

</div>
        </div>
      
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
              <button
                type="submit"
                name="add"
                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW', $el); }, 0)"
                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-baking-pancake-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW', 201); }, 0)" 
                data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6942395760805-collection_DqgeTW"
                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  aria-label="Choose Size"
                
              >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                  
                  <span class="flex items-center justify-center">
                    
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                  </span>
                </span>
                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                </div>
              </button>
             
          </div></template>
    
  </div>
</div>
<style data-shopify>
                        .x-slide-animation-duration-2 {
                          --delay-time: 100ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2', '/collections/best-sellers/products/pamelas-bread-flour-blend-25-lb', '7431849017600')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
  x-slide-index="1"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/best-sellers/products/pamelas-bread-flour-blend-25-lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 41976359223552,
      &quot;product_id&quot;: 7431849017600,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;compare_at_price&quot;: 0,
      &quot;price&quot;: 7779,
      &quot;price_with_currency&quot;: &quot;$77.79&quot;,
      &quot;sale_amount&quot;: &quot;$-77.79&quot;,
      &quot;collections&quot;: &quot;||277566390437||480574931200||480579420416||477481435392||477478945024||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 247,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635955603,
      &quot;diff_day_publish&quot;: 1701214102
      
      }
    ]"
       
      aria-label="Gluten-Free Bread &amp; Flour Blend, 25 LB"
      id="7431849017600-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7431849017600&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 7779,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        >
        <div 
          id="image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2-1"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463 1800w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BreadMix_25lb_1800x1800_copy.png?v=1749057463&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                  alt="Pamela&#39;s 25lb brad mix bag"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-hover animate_transition_image"
                  loading="lazy"
                  width="1800"
                  height="1800"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
<form method="post" action="/cart/add" id="product-form-choose-option7431849017600202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="41976359223552">
                    
                                                                
                    <button
                      type="submit"
                      name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600-collection_DqgeTW"
                      class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-50 text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                      
                      
                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
                    >
                      <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                        

                            <span class="flex items-center justify-center">
                              
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
      
    
  
  
</div>
                            </span>
                      </span>
                      <div
                        class="flex gap-x-2 items-center justify-center"
                        role="alert"
                        x-cloak
                        x-show="errorMessage"
                      >
                        Sold out
                      </div>
                      <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                        
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                      </div>
                    </button>
                    <button 
                      type="submit"
                      name="add"@click.prevent="errorMessage == false && addToCart($event)"class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                      
                      
                      data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600-collection_DqgeTW"
                      :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7431849017600&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 7779,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                      
                    >
                      <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                      <span class="block w-5 h-5" x-show="loading" x-cloak>
                        
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                      </span>
                    </button><input type="hidden" name="product-id" value="7431849017600" /><input type="hidden" name="section-id" value="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form>
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/pamelas-bread-flour-blend-25-lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/pamelas-bread-flour-blend-25-lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7431849017600&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 7779,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/pamelas-bread-flour-blend-25-lb", $el, "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7431849017600&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 7779,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600">
        <a href="/collections/best-sellers/products/pamelas-bread-flour-blend-25-lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread &amp;amp; Flour Blend, 25 LB&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7431849017600&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 7779,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Bread &amp; Flour Blend, 25 LB
        </a>
      </h3>
      
        
 


      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.98 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(62)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">7779</div>
  <div class="target-compare-at-price hidden"></div>
  
    
    
      
      
    
    
  
  
<p class="price">
        $77.79
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7431849017600', [277566390437, 480574931200, 480579420416, 477481435392, 477478945024])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div>
  <div
    id="x-product-template-7431849017600-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-2"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    

        <div class="hidden" @init-run="document.addEventListener('eurus:cart:items-changed', () => {
          Alpine.store('xUpdateVariantQuanity').updateQuantity('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656', '/products/pamelas-bread-flour-blend-25-lb');
        });"></div>
        <div
          id="current-variant-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600-collection_DqgeTW" 
          class="current-variant hidden"
        >
          41976359223552
        </div>
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
<form method="post" action="/cart/add" id="product-form-choose-option7431849017600202" accept-charset="UTF-8" class="form h-full" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form" x-ref="product_form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" aria-hidden="true" name="id" value="41976359223552">
                
                
                <button
                  type="submit"
                  name="add"@click.prevent="errorMessage == false && addToCart($event)"data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7431849017600-collection_DqgeTW"
                  class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full z-[15] text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                  
                  
                  :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"
                >
                  <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                    

                        <span class="flex items-center justify-center">
                          
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Add to cart</span>
      
    
  
  
</div>
                        </span>
                  </span>
                  <div
                    class="flex gap-x-2 items-center justify-center"
                    role="alert"
                    x-cloak
                    x-show="errorMessage"
                  >
                    Sold out
                  </div>
                  <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                    
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                  </div>
                </button><input type="hidden" name="product-id" value="7431849017600" /><input type="hidden" name="section-id" value="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" /></form> 
          </div></template>
    
  </div>
</div>
<style data-shopify>
                        .x-slide-animation-duration-3 {
                          --delay-time: 200ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3', '/collections/best-sellers/products/gluten-free-honey-grahams', '6944404242597')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
  x-slide-index="2"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/best-sellers/products/gluten-free-honey-grahams"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728823095552,
      &quot;product_id&quot;: 6944404242597,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;compare_at_price&quot;: 1099,
      &quot;price&quot;: 1099,
      &quot;price_with_currency&quot;: &quot;$10.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480572342528||480574931200||478813356288||477484777728||477478945024||287041257728||476874703104||479421268224||477482025216||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 990,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1627569853,
      &quot;diff_day_publish&quot;: 1631804474
      
      }
    ]"
       
      aria-label="Gluten-Free Honey Grahams"
      id="6944404242597-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6944404242597&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
              "destroy": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-front-side.webp?v=1778198308&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                  alt="Gluten-Free Honey Grahams"
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3-2 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/pamelas-gluten-free-honey-grahams-back.webp?v=1778198308&width=1500"
                      sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                      alt="Gluten-Free Honey Grahams"
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
                  <button
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-honey-grahams', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW', 203); }, 0)"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW"
                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      aria-label="Choose Size"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      
                      <span class="flex items-center justify-center">
                        
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                      </span>
                    </span>
                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-honey-grahams', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW', 203); }, 0)"
                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6944404242597&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                    <span class="block w-5 h-5" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </span>
                  </button>
                
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-honey-grahams', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-honey-grahams', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6944404242597&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/gluten-free-honey-grahams", $el, "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6944404242597&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597">
        <a href="/collections/best-sellers/products/gluten-free-honey-grahams"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Honey Grahams&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;6944404242597&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1099,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Honey Grahams
        </a>
      </h3>
      
        
 


      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.82 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(71)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1099</div>
  <div class="target-compare-at-price hidden">1099</div>
  
    
    
      
      
    
    
  
  
<p class="price">
        From $10.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('6944404242597', [277566390437, 478810374400, 480572342528, 480574931200, 478813356288, 477484777728, 477478945024, 287041257728, 476874703104, 479421268224, 477482025216])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-6944404242597-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
<div
          class="x-variants-data hover-option-value x-variants-data-js pt-3 x-variants-separator x-variants-separator-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597 relative mt-3"
          x-data='xVariantSelectCard($el,"template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3", "6944404242597", "/products/gluten-free-honey-grahams", false, false, false, "", "", "", "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656")'
          
            data-option1="Single"
            
          data-url="/products/gluten-free-honey-grahams"
          x-intersect.once.margin.200px="if (document.getElementById('variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3').innerHTML.trim() == '') $el.classList.add('hidden');"
        >
          <div
            id="current-variant-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW" 
            class="current-variant hidden"
          >
            42728823095552
          </div>
          <div
            id="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3"
            class="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-3 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
          >
            

</div>
        </div>
      
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
              <button
                type="submit"
                name="add"
                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW', $el); }, 0)"
                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-honey-grahams', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW', 203); }, 0)" 
                data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-6944404242597-collection_DqgeTW"
                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  aria-label="Choose Size"
                
              >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                  
                  <span class="flex items-center justify-center">
                    
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                  </span>
                </span>
                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                </div>
              </button>
             
          </div></template>
    
  </div>
</div>
<style data-shopify>
                        .x-slide-animation-duration-4 {
                          --delay-time: 300ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4', '/collections/best-sellers/products/gluten-free-bread-mix-4lb', '7352448123136')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
  x-slide-index="3"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/best-sellers/products/gluten-free-bread-mix-4lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728661844224,
      &quot;product_id&quot;: 7352448123136,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;compare_at_price&quot;: 1999,
      &quot;price&quot;: 1999,
      &quot;price_with_currency&quot;: &quot;$19.99&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041159424||476874473728||477478945024||477482025216||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 661,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635431598,
      &quot;diff_day_publish&quot;: 1635431651
      
      }
    ]"
       
      aria-label="Gluten-Free Bread Mix, 4 lb."
      id="7352448123136-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352448123136&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
              "destroy": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161 4000w" 
                  src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                  alt="Gluten-Free Bread Mix, 4 lb."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="4000"
                  height="4000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4-3 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Back.png?v=1695943994&width=1500"
                      sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                      alt="Gluten-Free Bread Mix, 4 lb."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
                  <button
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-bread-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW', 204); }, 0)"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW"
                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      aria-label="Choose Size"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      
                      <span class="flex items-center justify-center">
                        
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                      </span>
                    </span>
                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-bread-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW', 204); }, 0)"
                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352448123136&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                    <span class="block w-5 h-5" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </span>
                  </button>
                
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-bread-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-bread-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352448123136&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/gluten-free-bread-mix-4lb", $el, "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352448123136&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136">
        <a href="/collections/best-sellers/products/gluten-free-bread-mix-4lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352448123136&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1999,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free Bread Mix, 4 lb.
        </a>
      </h3>
      
        
 


      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="4.99 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(301)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1999</div>
  <div class="target-compare-at-price hidden">1999</div>
  
    
    
      
      
    
    
  
  
<p class="price">
        From $19.99
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7352448123136', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041159424, 476874473728, 477478945024, 477482025216, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7352448123136-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
<div
          class="x-variants-data hover-option-value x-variants-data-js pt-3 x-variants-separator x-variants-separator-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136 relative mt-3"
          x-data='xVariantSelectCard($el,"template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4", "7352448123136", "/products/gluten-free-bread-mix-4lb", false, false, false, "", "", "", "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656")'
          
            data-option1="Single"
            
          data-url="/products/gluten-free-bread-mix-4lb"
          x-intersect.once.margin.200px="if (document.getElementById('variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4').innerHTML.trim() == '') $el.classList.add('hidden');"
        >
          <div
            id="current-variant-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW" 
            class="current-variant hidden"
          >
            42728661844224
          </div>
          <div
            id="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4"
            class="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-4 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
          >
            

</div>
        </div>
      
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
              <button
                type="submit"
                name="add"
                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW', $el); }, 0)"
                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-bread-mix-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW', 204); }, 0)" 
                data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352448123136-collection_DqgeTW"
                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  aria-label="Choose Size"
                
              >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                  
                  <span class="flex items-center justify-center">
                    
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                  </span>
                </span>
                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                </div>
              </button>
             
          </div></template>
    
  </div>
</div>
<style data-shopify>
                        .x-slide-animation-duration-5 {
                          --delay-time: 400ms
                        }
                      </style>
                      
                      


<div 
  
    x-data="xProductCard('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5', '/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb', '7352443076864')"  
  
  class="card-product  overflow-hidden card md:list-layout:flex relative pb-4 md:pb-5 splide__slide x-splide-slide h-auto preload-slide-collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 preload-slide-mobile--collection_DqgeTWtemplate--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 rounded-[10px]" 
  x-slide-index="4"
>
  <div class="md:list-layout:w-2/5 md:list-layout:lg:w-1/4 relative disable-effect md:list-layout:pr-8"
  >
    
    <a 
      
        x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active', 'lazy_active')"
      
      href="/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
       
        x-data="{ lastWindowWidth: 0 }"
        x-intersect.once.margin.200px='$nextTick(() => { $store.xBadges && $store.xBadges.load($el, () => {}, null, true); })'
        x-labels-data="[
    
{
      &quot;variant_id&quot;: 42728647721216,
      &quot;product_id&quot;: 7352443076864,
      &quot;available&quot;: true,
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;compare_at_price&quot;: 1949,
      &quot;price&quot;: 1949,
      &quot;price_with_currency&quot;: &quot;$19.49&quot;,
      &quot;sale_amount&quot;: &quot;$0.00&quot;,
      &quot;collections&quot;: &quot;||277566390437||478810374400||480574931200||478813356288||477481435392||477484777728||287041192192||477478945024||477482025216||477479272704||477480190208||&quot;,
      &quot;inventory_management&quot;: &quot;shopify&quot;,
      &quot;qty&quot;: 322,
      &quot;container&quot;: &quot;card&quot;,
      &quot;can_show_preorder&quot;: false,
      &quot;diff_day_create&quot;: 1635431362,
      &quot;diff_day_publish&quot;: 1635431393
      
      }
    ]"
       
      aria-label="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
      id="7352443076864-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656"
      class="x-labels-data ltr group link-product-variant overflow-hidden block relative z-[15] cursor-pointer before:h-0 before:block no-collage rounded-[10px] pb-[100%]">
      <div
        id="x-slideshow-card-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4"
        class="block w-full h-full absolute top-0 left-0 z-0 overflow-hidden x-splide splide visible animate_transition_card__image" 
        @click='$store.xCustomerEvent.fire("product_selected", $el)'
        x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352443076864&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1949,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        x-cloak
        
          x-intersect.once.margin.200px='$store.xSplide.load($el, {
            "drag": true,
            "pagination": true,
            "arrows": false,
            "pauseOnFocus": false,
            "pauseOnHover": false,
            "perMove": 1,
            "perPage": 1,
            "focus": "center",
            "mediaQuery": "min",
            "rewind": true,
            
              "destroy": true,
            
            "breakpoints": {
              1024: {
                
                  "destroy": true
                
              }
            },
            
              "playOnHover": true,
            
            
            "classes": {
              "pagination": "gap-1 flex-nowrap absolute bottom-2 left-2.5 rtl:right-2.5 rtl:left-auto flex",
              "page": "paginate-dots-card-product duration-200 rounded-full w-2 flex items-center h-2"
            },
            "type": "fade",
          })'>
        <div 
          id="image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4"
          class="splide__track overflow-hidden max-h-full h-full w-full"
        >
        <div class="w-full h-full splide__list">
            <div class="w-full z-0 h-full min-h-fulloverflow-hidden splide__slide x-splide-slide max-h-full lg:top-0 lg:left-0 lg:absolute"
            >
              
              <picture>
                <img
                  srcset="
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=250 250w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=350 350w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=450 450w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=750 750w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=900 900w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=1100 1100w,
                  //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951 2000w" 
                  src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=1500"
                  sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                  alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                  class="w-full  preview-img motion-reduce aspect-square relative animate-Xpulse skeleton-image object-cover h-full min-h-full image-first-hover lg:group-hover:opacity-0 animate_transition_image"
                  loading="lazy"
                  width="2000"
                  height="2000"
                  onload="requestAnimationFrame(() => {
                    this?.classList.add('active');this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                    setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                  })"
                />
              </picture>
              
            </div><style data-shopify>
                  #image-product-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5-4 .media-slide:not(:first-child) {
                    height: 100%;
                  }
                </style>
                <div class="media-slide splide__slide x-splide-slide z-0 transition ease-out duration-300 w-full h-full lg:block">
                  
                  <picture>
                    <img
                      srcset="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=250 250w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=350 350w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=1500 1500w,//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951 2000w"
                      src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Back.png?v=1660263951&width=1500"
                      sizes="(min-width: 1400px) calc(100vw / 5), (min-width: 1024px) calc((100vw) / 5), (min-width: 768px) calc((100vw) / 2), calc((100vw /2) - 5px)"
                      alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                      class="motion-reduce min-w-full h-full object-cover group-hover:cursor-pointer content-visibility-auto image-second-hover lg:opacity-0 lg:group-hover:opacity-100"
                      loading="lazy"
                      width="2000"
                      height="2000"
                      onload="requestAnimationFrame(() => {
                        this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                        setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                      })"
                    />
                  </picture>
                  
                </div></div>
        </div></div>
        <div class="md:list-layout:hidden" x-show="$store.xQuickView" :class="$store.xQuickView && $store.xQuickView.btn_atc_bottom ? 'mobile-bottom':''"><div class="quick-view-container absolute z-20 bottom-2 right-2 rtl:right-auto rtl:left-2 rtl:lg:left-auto lg:top-auto lg:right-auto lg:bottom-4 lg:w-full lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0 lg:translate-y-full transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
              x-show="$store.xQuickView" x-cloak
            > 
              <div x-data="xProductCart" x-show="$store.xQuickView && $store.xQuickView.show_atc_button"
                class="w-full hide-icon lg:pl-4 lg:pr-4" 
                :class="if($store.xQuickView){ return ($store.xQuickView.btn_atc_bottom ? 'hidden' : '') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:block' : ' lg:hidden') }"
                x-cloak
              >
                
                  <button
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW', 205); }, 0)"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW"
                    class="button button--quickview button-solid not-icon leading-normal w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60 hidden lg:block"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                    
                      aria-label="Choose Size"
                    
                  >
                    <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                      
                      <span class="flex items-center justify-center">
                        
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                      </span>
                    </span>
                    <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </div>
                  </button>
                  <button 
                    type="submit"
                    name="add"
                    @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW', $el); }, 0)"
                    x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW', 205); }, 0)"
                    class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-1.5 pb-1.5 pl-1.5 pr-1.5 disabled:cursor-not-allowed disabled:opacity-60"
                    data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW"
                    :class="errorMessage && 'opacity-60 cursor-not-allowed'"aria-label="Add to cart"x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352443076864&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1949,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                  >
                    <span class="w-5 h-5 flex items-center justify-center md:w-6 md:h-6" x-show="!loading"><svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 20 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
    <path fill="none" d="M4.537 3.25H18.0745L15.937 10.375H6.6745L4.537 3.25L4.00262 1.46875 M9.28698 12.8687C9.28698 13.459 8.80846 13.9375 8.21823 13.9375C7.62797 13.9375 7.14948 13.459 7.14948 12.8687 M14.9872 12.75C14.9872 13.3402 14.5087 13.8188 13.9185 13.8188C13.3282 13.8188 12.8497 13.3402 12.8497 12.75 M1.44977 1.35001H3.34977"/>
  </svg></span>
                    <span class="block w-5 h-5" x-show="loading" x-cloak>
                      
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                    </span>
                  </button>
                
              </div>
            </div><div
            class="button-quickview-icon absolute z-[15] lg:group-hover:opacity-100 lg:group-hover:translate-y-0 focus:opacity-100 focus:translate-y-0  transition-all duration-[var(--transition-card-image-hover)] ease-in-out lg:opacity-0"
            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'btn-quickadd  bottom-11 md:bottom-12 right-2 lg:top-4 lg:bottom-auto lg:-translate-y-full rtl:right-auto rtl:left-2' : 'bottom-2 right-0 lg:top-auto lg:translate-y-full lg:right-auto lg:bottom-4 lg:w-full lg:left-0 pl-2 pr-2 lg:pr-4 lg:pl-4'"
            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
            >
            <div>
              <button
                @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW')" 
                x-on:focus="$store.xQuickView && $store.xQuickView.load('/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW')" 
                class="button label-btn-quickview button--quickview not-icon leading-normal empty:hidden hidden lg:block z-50 h-full"
                :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-1.5 pb-1.5 pl-1.5 pr-1.5 md:pt-2.5 md:pb-2.5 md:pl-2.5 md:pr-2.5 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352443076864&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1949,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
                aria-label="Button quickview"
              >
                <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                <span x-show="$store.xQuickView && !$store.xQuickView.show_atc_button" class="flex items-center justify-center">
                  
<div class="flex justify-center ">
  
    <span class="button-text " x-text="$store.xQuickView && $store.xQuickView.buttonLabel"></span>
  
  
</div>
                </span>
              </button>
              <button @click.prevent='$store.xQuickView && $store.xQuickView.load("/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb", $el, "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW"); $store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                class="button label-btn-quickview button-disable-effect not-icon button--quickview rounded-full lg:leading-snug none_border lg:hidden h-full pt-2 pb-2 pl-2 pr-2" 
                aria-label="Button quickview"
                x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352443076864&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1949,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
              >
                <span class="w-4 h-4 md:w-5 md:h-5 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
              </button>
            </div>
          </div>
        </div>
      
    </a>
    <div class="card-info no-collage:mb-2 md:list-layout:hidden pt-5 text-center md:list-layout:pt-0 md:list-layout:lg:pt-0 md:list-layout:text-left">
      
      <div class="below-image ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div><h3 class="card__heading h5 no-collage:mb-2 mb-2.5 leading-tight" id="title-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864">
        <a href="/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
          class="x-card-title full-unstyled-link link-product-variant  text-[rgba(var(--colors-heading))] hover:text-[rgba(var(--colors-text-link))] cursor-pointer duration-200 p-break-words"
          @click='$store.xCustomerEvent.fire("product_selected", $el)'
          x-customer-event-data="{
    &quot;product&quot;: {
      &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
      &quot;listName&quot;: &quot;Best Sellers&quot;,
      &quot;sku&quot;: &quot;7352443076864&quot;,
      &quot;currencyCode&quot;: &quot;USD&quot;,
      &quot;price&quot;: 1949,
      &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
    }
  }"
        >
          Gluten-Free 1:1 All-Purpose Flour, 4 lb.
        </a>
      </h3>
      
        
 


      

  
<div 
  class="x-review-product judge 
    
      flex w-full items-center justify-center ltr mb-2.5 md:list-layout:justify-start
  "
>
  
<div class="rating gap-1 flex leading-tight" role="img" aria-label="5.0 out of 5.0 stars">
        
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      <svg class="fill-[rgba(var(--colors-icon-rating))]  w-[var(--rating-star-size)] h-[var(--rating-star-size)]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" stroke="currentColor">
        <path d="M510.549 196.024c-3.812-11.726-14.5-19.868-26.82-20.42l-147.935-6.686-52.09-138.642C279.37 18.739 268.329 11.089 256 11.089c-12.329 0-23.37 7.65-27.704 19.187l-52.089 138.642-147.935 6.686c-12.321.552-23.008 8.694-26.821 20.42-3.812 11.726.052 24.598 9.689 32.283l115.756 92.368L87.542 463.453c-3.27 11.889 1.155 24.554 11.136 31.808 9.985 7.246 23.404 7.548 33.704.758L256 414.473l123.617 81.547c10.3 6.789 23.719 6.487 33.704-.758 9.982-7.245 14.405-19.92 11.131-31.808l-39.347-142.779 115.756-92.368c9.637-7.686 13.501-20.558 9.688-32.283z"/>
      </svg>
    
      </div> 
      <p class="rating-count leading-none caption ml-1 text-review-count">(52)
      </p>
</div>

<div class="x-card-price flex items-center mb-2.5 flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start">
        
        
          <div class=" price leading-none ">
  <div class="target-price hidden">1949</div>
  <div class="target-compare-at-price hidden">1949</div>
  
    
    
      
      
    
    
  
  
<p class="price">
        From $19.49
      </p>
    
    
  
</div>

        
        <div class="leading-none next-price flex flex-wrap gap-x-1 gap-y-2 empty:hidden"></div>
      </div>
      
      <template x-if="localStorage.getItem('selectedStore')">
        <div id="x-availability-notice-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656" class="flex mb-2.5 items-center flex-wrap gap-1 justify-center rtl:flex-row-reverse md:rtl:list-layout:flex-row md:list-layout:justify-start justify-center" x-show="$store.xStoreSelector?.canShow('7352443076864', [277566390437, 478810374400, 480574931200, 478813356288, 477481435392, 477484777728, 287041192192, 477478945024, 477482025216, 477479272704, 477480190208])">
            
<div 
  x-data='{ 
    locations: [],
    pickupLocations: [],
    pickupAvailabilites: []
  }'
  x-show="$store.xStoreSelector?.selectedStore && locations.includes($store.xStoreSelector?.getStore())"
>
  
  <style data-shopify>
    .text-available, .text-unavailable {
      font-size: 0.7363125rem;
      font-family: var(--font-body-family);
    }

    @media (min-width: 768px) {
      .text-available, .text-unavailable {
        font-size: 0.818125rem;
      }
    }

    .text-available {
      color: #6B762D;
    }

    .dark .text-available {
      color: #858F4D;
    }

    .text-unavailable {
      color: #767474;
    }

    .dark .text-unavailable {
      color: #867F7F;
    }
  </style>
  <div x-cloak x-show="$store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-available flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Available for pickup at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
  <div x-cloak x-show="! $store.xStoreSelector?.checkAvailability(pickupLocations, pickupAvailabilites)" class="text-unavailable flex flex-row items-center gap-[3px]">
    <span class="flex h-4 w-4 relative">
  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="16" height="16" rx="8" fill="currentColor" fill-opacity="0.2"/>
    <rect x="4" y="4" width="8" height="8" rx="4" fill="currentColor"/>
  </svg>

</span><span x-text="'Out of stock at ' + $store.xStoreSelector?.getStoreText()"> </span>
  </div>
</div></div>
      </template>
      <div class="bottom-card ltr flex flex-wrap justify-center md:list-layout:justify-start rtl:md:list-layout:justify-end mb-2.5 gap-1 empty:hidden"></div>
    </div>
  </div><div
      id="choose-options-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW"
      class="hidden md:block absolute w-full min-h-full h-full left-0 top-0 bg-[rgba(var(--background-color))] z-[15] md:list-layout:w-3/5 list-layout:lg:w-3/4 md:list-layout:left-auto md:list-layout:right-0"
      x-show="showOptions"
      x-transition:enter="transition-all ease-in-out duration-300"
      x-transition:enter-start="opacity-0 transform translate-y-full"
      x-transition:enter-end="opacity-100 transform translate-y-0"
      x-transition:leave="transition-all ease-in-out duration-300"
      x-transition:leave-start="opacity-100 transform translate-y-0"
      x-transition:leave-end="opacity-0 transform translate-y-full"
      x-cloak
    >
      <div class="choose-options relative w-full min-h-full h-full"></div>
      <div class="icon-loading hidden absolute top-0 left-0 right-0 h-full w-full z-20 bg-[rgba(var(--background-color))]">
        <div
          class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]">
          <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

        </div>
      </div>
    </div>
  <div
    id="x-product-template-7352443076864-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5"
    class="list-layout:lg:w-3/4 md:list-layout:w-3/5 list-layout:md:pl-0 rtl:list-layout:md:pl-5 rtl:list-layout:md:pr-0 text-center"
  >
    
<div
          class="x-variants-data hover-option-value x-variants-data-js pt-3 x-variants-separator x-variants-separator-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864 relative mt-3"
          x-data='xVariantSelectCard($el,"template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5", "7352443076864", "/products/gluten-free-all-purpose-flour-artisan-blend-4lb", false, false, false, "", "", "", "template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656")'
          
            data-option1="Single"
            
          data-url="/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
          x-intersect.once.margin.200px="if (document.getElementById('variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5').innerHTML.trim() == '') $el.classList.add('hidden');"
        >
          <div
            id="current-variant-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW" 
            class="current-variant hidden"
          >
            42728647721216
          </div>
          <div
            id="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5"
            class="variant-update-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-1-5 list-layout:md:text-left rtl:list-layout:md:text-right options-container"
          >
            

</div>
        </div>
      
    
      <div class="card-info x-highlight-icon mt-2.5">
        <div 
  class="flex flex-wrap gap-[3px] rtl:flex-row-reverse ltr pr-0 pl-0 justify-center items-center list-layout:mt-4 list-layout:justify-start rtl:list-layout:justify-end empty:hidden"
  x-data="{setPosition(el) {
    parentEl = el.closest('.x-highlight-icon').getBoundingClientRect();
    el.style.setProperty('--maxwidth-tooltip', parentEl.width - 20 + 'px');
    elRect = el.getBoundingClientRect();
    let spacingLeft = elRect.left - parentEl.left;
    if (spacingLeft < 0) {
      el.style.setProperty('--left-tooltip', Math.abs(spacingLeft) + 'px');
    }
    let spacingRight = parentEl.right - elRect.right;
    if (spacingRight < 0) {
      el.style.setProperty('--left-tooltip', spacingRight + 'px');
    } 
  }}"
  @init-run.window="$el.innerHTML = $el.innerHTML.trim();"
>
    
    
    
    </div>
      </div>
    
    
      <template x-if="$store.xQuickView"><div x-data="xProductCart" x-show="$store.xQuickView.show_atc_button && ($store.xQuickView.btn_atc_bottom || !$store.xQuickView.atc_btn_image_desktop)" 
            class="card-info bottom_atc md:list-layout:hidden hide-icon"
            :class="if($store.xQuickView.show_atc_button){ return ($store.xQuickView.btn_atc_bottom ? '' : 'hidden') + ($store.xQuickView.atc_btn_image_desktop ? ' lg:hidden' : ' lg:block')}"
            x-cloak
          >
            
              <button
                type="submit"
                name="add"
                @click.prevent="setTimeout(() => { $store.xQuickView && (showOptions = !showOptions); $store.xQuickView.showChooseOption('template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW', $el); }, 0)"
                x-on:mouseover="setTimeout(() => { $store.xQuickView && $store.xQuickView.loadChooseOptions('/collections/best-sellers/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW', 205); }, 0)" 
                data-id="template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-7352443076864-collection_DqgeTW"
                class="button button--quickview button-solid not-icon leading-normal mt-2 w-full pr-5 pl-5 pt-2.5 pb-2.5 lg:pt-3 lg:pb-3 h-full text-[12px] lg:text-[14px] lg:-translate-x-0 disabled:cursor-not-allowed disable-action-btn-animation disabled:opacity-60"
                :class="errorMessage && 'opacity-60 cursor-not-allowed'"
                  aria-label="Choose Size"
                
              >
                <span :class="{ 'lg:block opacity-0 is-focus-button' : loading, 'hidden' : errorMessage}">
                  
                  <span class="flex items-center justify-center">
                    
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Choose Size</span>
      
    
  
  
</div>
                  </span>
                </span>
                <div class="lg:inline-block w-4 h-4 md:w-5 md:h-5 absolute top-[calc(50%-8px)] left-[calc(50%-8px)] md:top-[calc(50%-10px)] md:left-[calc(50%-10px)]" x-show="loading" x-cloak>
                  
    <svg class="animate-spin rounded-full" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
    <path transform="translate(0 512) scale(0.1 -0.1)" fill="currentColor" d="M2474 4676 c-43 -19 -101 -81 -115 -123 -18 -56 -7 -145 24 -190 52 -75 79 -85 262 -99 90 -7 207 -22 260 -33 436 -92 824 -352 1070 -721 521 -781 321 -1824 -453 -2358 -501 -345 -1172 -393 -1715 -121 -700 350 -1075 1118 -917 1876 37 180 86 305 209 536 51 96 54 147 15 226 -37 73 -86 104 -174 109 -105 6 -151 -24 -224 -145 -137 -230 -241 -543 -276 -833 -13 -110 -13 -355 1 -478 52 -475 268 -922 614 -1267 351 -352 787 -560 1284 -615 171 -19 442 -8 615 24 423 80 802 282 1111 591 407 407 625 931 625 1505 0 574 -218 1098 -625 1505 -296 296 -654 493 -1055 579 -210 45 -470 61 -536 32z"/>
  </svg>

  
                </div>
              </button>
             
          </div></template>
    
  </div>
</div>
</div>
                
                  </div>
                
<div class=" md:hidden items-center flex w-full gap-5 mt-2.5 md:mt-5 md:w-3/4 ml-auto mr-auto">
                    <div class="splide-progress inline-block grow rounded-md"><style data-shopify>.splide-progress-bar-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection_DqgeTW {
                          width: 40.0%;
                        }
                        @media (min-width: 768px) {
                          .splide-progress-bar-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection_DqgeTW {
                            width: 100.0%;
                          }
                        }</style><div class="splide-progress-bar-template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656-collection_DqgeTW splide-progress-bar rounded-md"></div>
                    </div>
                  </div></div>
            </div>
          </div>
        </div>
      </div>
  </div>
</div></div><div class="pl-5 pr-5 x-pgw page-width flex justify-center pt-1.5 pb-1.5 md:pb-3 md:pt-3">
      
        
        <a 
          x-cloak
          class="disable-effect font-medium relative text-center empty:hidden gap-1"
          :class="view_all_link === '' ? 'opacity-70 cursor-not-allowed' : ''"
          :href="view_all_link" 
          aria-label="View all products"
        >
          <button :disabled="view_all_link === ''" :class="view_all_link === '' ? 'cursor-not-allowed' : 'cursor-pointer'" class="button p-break-words button--template--22369745338624__e32885d8-0a8f-4c4f-8801-377d01cb7656 button-outline empty:hidden leading-normal text-center lg:mt-0 lg:mb-0 lg:ml-0 lg:mr-0 h-full pl-7 pr-7 lg:pl-9 lg:pr-9 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
            <span class="flex justify-center">
              
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View all products</span>
      
    
  
  
</div>
            </span>
          </button>
        </a>
      
    </div></div>
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/featured-collection.js?v=166203110154732063391778106754" defer></script>


</section><section id="shopify-section-template--22369745338624__image_with_text_7peNET" class="shopify-section section section-image-with-text x-section">
<style data-shopify>.section-padding-template--22369745338624__image_with_text_7peNET {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  @media (min-width: 768px) { 
    .section-padding-template--22369745338624__image_with_text_7peNET {
      padding-top: 32px;
      padding-bottom: 32px;
    }
  } 
  .iwt--template--22369745338624__image_with_text_7peNET {
    
      background: rgb(var(--colors-background-secondary));
      --background-color: var(--colors-background-secondary);
    
  }
  .dark .iwt--template--22369745338624__image_with_text_7peNET {
    
      background: rgb(var(--colors-background-secondary));
      --background-color: var(--colors-background-secondary);
    
  }.mobile-template--22369745338624__image_with_text_7peNET-natural {
      padding-bottom: 75.77530719719134%; 
    }.border-radius-template--22369745338624__image_with_text_7peNET {
    
      
        border-radius: 10px;
      
    
  }
  @media screen and (min-width: 768px) {.desktop-template--22369745338624__image_with_text_7peNET-natural {
        padding-bottom: 75.77530719719134%; 
      }}
  .border--template--22369745338624__image_with_text_7peNET, .border--template--22369745338624__image_with_text_7peNET:before {
    
      --colors-line-and-border: var(--colors-line-and-border-base)
    
    }
  .dark .border--template--22369745338624__image_with_text_7peNET, .dark .border--template--22369745338624__image_with_text_7peNET:before {
            
      --colors-line-and-border: var(--colors-line-and-border-base)
    
  }
  .icon--template--22369745338624__image_with_text_7peNET {
    width: 31.5px;
    height: 31.5px;
    min-width: 31.5px;
    min-height: 31.5px;
    
      color: #3e6991;
    
  }
  @media (min-width: 1024px){
    .icon--template--22369745338624__image_with_text_7peNET {
      width: 45px;
      height: 45px;
      min-width: 45px;
      min-height: 45px;
    }
  }
  .dark .icon--template--22369745338624__image_with_text_7peNET {
    
      color: rgb(var(--colors-text));
    
  }
  
  .dark .color-text--template--22369745338624__image_with_text_7peNET {
            
      --colors-text: var(--colors-text-secondary);
    
  }
  .columns-header-color--template--22369745338624__image_with_text_7peNET {
    
      --colors-heading: var(--colors-heading-secondary);
    
    }
  .dark .columns-header-color--template--22369745338624__image_with_text_7peNET {
            
      --colors-heading: var(--colors-heading-secondary);
    
  }</style><div class="ltr section-padding-template--22369745338624__image_with_text_7peNET x-pgw page-width pr-5 pl-5">
  <div class="image-with-text text-[rgb(var(--colors-text))] desktop-medium image-position-mobile-left border-radius-template--22369745338624__image_with_text_7peNET stacked image-position-right image-with-text-overlap"
  >
    
      <div class="iwt-image border-radius-template--22369745338624__image_with_text_7peNET md:w-1/2 promotion w-full flex self-center">
        <div class="promotion w-full relative md:h-auto min-h-[100%] md:promotion:h-[550px] md:promotion:pb-0  h-[300px] md:h-auto">
          <div class="flex w-full h-full relative md:promotion:relative">
    
          
            
              
              <div class="border-radius-template--22369745338624__image_with_text_7peNET w-full overflow-hidden h-full">
                <parallax-image class="block h-full w-full">
                  <parallax-movement x-data="xParallax" x-intersect.once.margin.200px="load(false)">   
                    <img
                      class="h-full w-full object-cover border-radius-template--22369745338624__image_with_text_7peNET animate_transition_slide__image animate-Xpulse skeleton-image"
                      srcset="//www.pamelasproducts.com/cdn/shop/files/Bundle.webp?v=1778172973&width=450 450w,
                      //www.pamelasproducts.com/cdn/shop/files/Bundle.webp?v=1778172973&width=750 750w,
                      //www.pamelasproducts.com/cdn/shop/files/Bundle.webp?v=1778172973&width=900 900w,
                      //www.pamelasproducts.com/cdn/shop/files/Bundle.webp?v=1778172973&width=1100 1100w,
                      //www.pamelasproducts.com/cdn/shop/files/Bundle.webp?v=1778172973&width=1500 1500w,
                      //www.pamelasproducts.com/cdn/shop/files/Bundle.webp?v=1778172973 1709w"
                      src="//www.pamelasproducts.com/cdn/shop/files/Bundle.webp?v=1778172973&width=1500"
                      alt=""
                      
                        
                          loading="lazy"
                        
                       
                      onload="requestAnimationFrame(() => { this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); this.closest('.animate_transition_slide__image')?.classList.add('active'); });"
                      sizes="
                        
                          
                            (min-width: 1400px) 700.0px, (min-width: 768px) 50vw, 
                          
                        
                        100vw"
                      width="1709"
                      height="1295"
                      style="object-position: 50.0% 50.0%"
                    >
                  </parallax-movement>
                </parallax-image>
              </div>
            
            
            
          
        </div>
      </div>
    </div>
    <div class="md:w-1/2 w-full flex justify-center md:justify-start iwt-content-overlap self-center md:justify-end"
    >
      <div class="iwt-content  md:flex-1 iwt-overlap iwt--template--22369745338624__image_with_text_7peNET border-radius-template--22369745338624__image_with_text_7peNET w-11/12 md:w-full xl:w-11/12 md:max-w-2xl lg:pl-20 lg:pr-20"><style data-shopify>.heading-size--heading_8QrbYe {
                  font-size: 1.3365rem;
                }
                .color-text-heading_8QrbYe {
                  
                  
                }
                .dark .color-text-heading_8QrbYe {
                  
                    --colors-heading: var(--colors-heading-secondary);
                  
                  
                    --colors-text: var(--colors-text-secondary);
                  
                }
                @media (min-width: 768px) {
                  .heading-size--heading_8QrbYe {
                    font-size: 2.2275rem;
                  }
                }</style>
              <div class="x-block-text color-text-heading_8QrbYe  text-[rgb(var(--colors-text))] w-full mt-4 text-start rtl:text-right" >
                
                
                  <div class="mt-2 mb-1.5 md:mt-2.5 md:mb-3">
                    


<style data-shopify>
  
  .dark .heading-heading_8QrbYe {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  
    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
  

   
    <h2
      class='heading-heading_8QrbYe h2 block anm-move-up heading-size--heading_8QrbYe'> 
  
    
      
        Build a Bundle of Gluten Free Favorites
      
    
  </h2>

  
    </div>
  

                  </div>
                
                

  <div class="rte"><p>Build the ultimate Pamela’s bundle with the mixes, snacks, and baked goodness you love most. More flavor, more comfort, more gluten free happiness delivered to your door.</p></div>

              </div>
        
              
                <style data-shopify>
                  .button-button_zCc9fb, .button-button_zCc9fb *:before {
                    
                    
                    
                    
                    
                    
                    
                  }
                  .dark .button-button_zCc9fb, .dark .button-button_zCc9fb *:before {
                      
                      --colors-button: 62, 105, 145;
                    
                     
                      --colors-button-text: 255, 255, 255; 
                    
                      
                      --colors-button-hover: rgb(210, 238, 251);
                    
                      
                      --colors-button-text-hover: 62, 105, 145;
                    
                      
                      --colors-secondary-button: 34, 77, 140;
                      --colors-line-secondary-button: 34, 77, 140;
                    
                      
                      --background-secondary-button: 210, 238, 251;
                      --colors-line-secondary-button: 210, 238, 251;
                    
                    
                      --colors-text-link: 210, 238, 251;
                    
                  }
                </style>
                <div class="button-button_zCc9fb mb-9 md:mb-4 flex justify-start rtl:justify-right mt-4 md:mt-8"
                  
                >
                  
                    <a class="button button-solid leading-normal empty:hidden text-center pl-7 pr-7 pt-2.5 pb-2.5 md:pl-8 md:pr-8 md:pt-3 md:pb-3" href="/collections/build-a-bundle">
                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">Create Your Bundle</span>
      
    
  
  
</div>
                    </a>
                  
                </div>
              

        
      </div>
    </div>
  </div>
</div>

</section><div id="shopify-section-template--22369745338624__blocks_rDKqBy" class="shopify-section"><div id="shopify-block-AcEZCd3R5TGdsZHZqa__ai_gen_block_ddc9026_Y7JbxR" class="shopify-block">


<style data-shopify>
  .ai-spacing-block-acezcd3r5tgdszhzqaaigenblockddc9026y7jbxr {
    display: block;
    width: 100%;
    height: 20px;
    background-color: #ffffff;
  }

  @media screen and (max-width: 749px) {
    .ai-spacing-block-acezcd3r5tgdszhzqaaigenblockddc9026y7jbxr {
      height: 0px;
    }
  }
</style>

<div class="ai-spacing-block-acezcd3r5tgdszhzqaaigenblockddc9026y7jbxr" ></div>


</div>


</div><section id="shopify-section-template--22369745338624__1777704799143709e3" class="shopify-section section x-section section-apps"><div class="x-pgw page-width"><div id="shopify-block-AeWlnMDRoNXo0cGNaN__judge_me_reviews_testimonials_carousel_apDr7P" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: testimonials_carousel_content -->






<div class="jdgm-widget jdgm-testimonials-carousel jdgm-hidden" data-jdgm-block-id="AeWlnMDRoNXo0cGNaN__judge_me_reviews_testimonials_carousel_apDr7P"
  role="region" aria-roledescription="carousel" aria-label="Customer reviews"
  data-widget="testimonials-carousel" data-entry-point="carousel_lightbox.js" data-entry-key="carousel-lightbox/main.js" data-has-revamp="1"
  style="--max-width: 1400px; --text-color: #3e6991; --card-color: #d5ebf8; --border-radius: 16px;
  --border: none; --box-shadow: none; --quote-size: 24px; --quote-bg: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTYgNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzNlNjk5MSIgZD0iTTEyLjM5MjIgMTkuNDUxQzkuMDQ1NzUgMTkuNDUxIDYuMzI2OCAxOC42MTQ0IDQuMjM1MjkgMTYuOTQxMkMyLjE0Mzc5IDE1LjE2MzQgMS4wOTgwNCAxMi44MTA1IDEuMDk4MDQgOS44ODIzNUMxLjA5ODA0IDcuMTYzNCAyLjE0Mzc5IDQuODYyNzUgNC4yMzUyOSAyLjk4MDM5QzYuMzI2OCAwLjk5MzQ2NCA4Ljg4ODg5IDAgMTEuOTIxNiAwQzE1Ljg5NTQgMCAxOS4wODUgMS41MTYzNCAyMS40OTAyIDQuNTQ5MDJDMjQgNy40NzcxMiAyNS4yNTQ5IDExLjM5ODcgMjUuMjU0OSAxNi4zMTM3QzI1LjI1NDkgMjIuMDY1NCAyMy41Mjk0IDI3LjU1NTYgMjAuMDc4NCAzMi43ODQzQzE2LjYyNzUgMzcuOTA4NSAxMS4xODk1IDQyLjk4MDQgMy43NjQ3MSA0OEwwIDQzLjI5NDFDMTEuMDg1IDM1LjAzMjcgMTYuNjI3NSAyNy42MDc4IDE2LjYyNzUgMjEuMDE5NkMxNi42Mjc1IDE5Ljk3MzkgMTYuMjYxNCAxOS40NTEgMTUuNTI5NCAxOS40NTFIMTIuMzkyMlpNNDIuNTA5OCAxOS40NTFDMzkuMTYzNCAxOS40NTEgMzYuNDQ0NCAxOC42MTQ0IDM0LjM1MjkgMTYuOTQxMkMzMi4yNjE0IDE1LjE2MzQgMzEuMjE1NyAxMi44MTA1IDMxLjIxNTcgOS44ODIzNUMzMS4yMTU3IDcuMTYzNCAzMi4yNjE0IDQuODYyNzUgMzQuMzUyOSAyLjk4MDM5QzM2LjQ0NDQgMC45OTM0NjQgMzkuMDA2NSAwIDQyLjAzOTIgMEM0Ni4xMTc2IDAgNDkuMzU5NSAxLjUxNjM0IDUxLjc2NDcgNC41NDkwMkM1NC4yNzQ1IDcuNDc3MTIgNTUuNTI5NCAxMS4zOTg3IDU1LjUyOTQgMTYuMzEzN0M1NS41Mjk0IDI3LjUwMzMgNDguMzY2IDM4LjA2NTQgMzQuMDM5MiA0OEwzMC4yNzQ1IDQzLjI5NDFDNDEuMzU5NSAzNS4xMzczIDQ2LjkwMiAyNy43MTI0IDQ2LjkwMiAyMS4wMTk2QzQ2LjkwMiAxOS45NzM5IDQ2LjQ4MzcgMTkuNDUxIDQ1LjY0NzEgMTkuNDUxSDQyLjUwOThaIi8+PC9zdmc+'); --quote-aspect: 1.16;
  --text-size: 20px; --text-size-mobile: 16px; --line-clamp: 5; --line-clamp-mobile: 6;
  --stars-size: 24px; --stars-color: #3e6991; --product-name-size: 16px; --arrows-color: #3e6991;">
  <!-- BEGIN app snippet: carousel_header -->

<div class="jdgm-header">
  <h2 class="jdgm-title">Verified Customer Reviews</h2>

  

  
    
    <div class="jdgm-header-info">
      <div class="jdgm-average-rating">
        <div class="jdgm-stars" role="img" aria-label="4.92 out of 5 stars"></div>
        <span class="jdgm-rating-text">4.92 <span class="jdgm-rating-star">★</span> (<span class="jdgm-reviews-count">4348</span>)</span>
      </div>
      <div class="jdgm-verified-badge-header jdgm-hidden">
        <svg class="jdgm-verified-checkmark" viewBox="0 0 20 20">
          <path d="M1.14026 0C0.510511 0 0 0.510511 0 1.14026V18.8599C0 19.4896 0.510511 20.0001 1.14026 20.0001H18.8597C19.4895 20.0001 20 19.4896 20 18.8599V11.3685C20 11.008 19.5606 10.8315 19.3112 11.0918L15.3614 15.2135C13.6736 16.9747 11.912 17.8504 10.0763 17.8407C8.25519 17.8454 6.52568 17.0288 4.8878 15.391C3.14847 13.6516 2.23211 11.7644 2.13874 9.72917C2.06539 7.84992 2.79892 6.0381 4.33936 4.29371C4.5345 4.07273 4.86976 4.0698 5.07804 4.27808L8.5462 7.74623C8.75271 7.95274 8.75486 8.28861 8.57448 8.51907C7.73628 9.59004 7.70456 10.5129 8.47933 11.2877C9.26203 12.0704 10.1356 11.9585 11.1 10.9521L19.8888 1.78078C19.9602 1.70632 20 1.60716 20 1.50403V1.14026C20 0.510511 19.4895 0 18.8597 0H1.14026Z"/>
        </svg>
        <span class="jdgm-verified-text">Verified</span>
      </div>
    </div>
  
</div>
<!-- END app snippet -->
  <div class="jdgm-content">
    <!-- BEGIN app snippet: side_left_arrow -->
<!-- END app snippet -->
    <div class="jdgm-testimonials-container">
      
    </div>
    <!-- BEGIN app snippet: side_right_arrow -->
<!-- END app snippet -->
  </div>
  <!-- BEGIN app snippet: bottom_arrows -->
<div class="jdgm-arrows--bottom">
  <button class="jdgm-arrow" aria-label="Previous slide" onclick="window.jdgmPreviousCard('AeWlnMDRoNXo0cGNaN__judge_me_reviews_testimonials_carousel_apDr7P')">
    <svg viewBox="0 0 20 34">
    
      <path d="M16 6L6 17L16 28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
    
    </svg>
  </button>
  <button class="jdgm-arrow" aria-label="Next slide" onclick="window.jdgmNextCard('AeWlnMDRoNXo0cGNaN__judge_me_reviews_testimonials_carousel_apDr7P')">
    <svg viewBox="0 0 20 34">
    
      <path d="M4 6L14 17L4 28" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
    
    </svg>
  </button>
</div>

<!-- END app snippet -->
</div>

<!-- END app snippet -->
<!-- BEGIN app snippet: init_carousel -->



<script>
  (function() {
    const shared = {
      reviews_selection: "featured_reviews",
      carousel_type: "testimonials"
    };

    const settings = {
      ...shared,
      quote_marks_size: "small",
      stars_size: "medium",
      stars_color: "",
      verified_badge_style: "icon",
      product_name_text_size: "small",
      transition_speed: "7",
      show_sample_reviews: "false",
      min_reviews: shared.carousel_type === 'videos' ? 3 : 1,
      design_mode: "false",
      collection_id: "",
      product_id: "",
      product_ids: "[]",
      show_reviewer_name: "null",
      carousel_style: "",
      autoplay_media: "null",
      primary_lang: 'en',
      cart_eligible_template: false,
      shop_aggregates: { reviewCount: 4348 },
      
    };
    const averageRating = 4.92;
    const params = {
      ...shared,
      star_rating: '4_to_5_star',
      
      max_reviews: '10',
      url: 'https://www.pamelasproducts.com',
      shop_domain: 'pamelas-pro.myshopify.com',
      platform: 'shopify',
      primary_language: document.documentElement.lang,
      
    };
    const blockId = "AeWlnMDRoNXo0cGNaN__judge_me_reviews_testimonials_carousel_apDr7P";
    function loadSpecificScript() {
      const scriptSrc = shared.carousel_type === 'videos' || shared.carousel_type === 'cards' ? 'https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/media_carousel.js' : 'https://cdn.shopify.com/extensions/019ea81e-eadf-7199-a3d8-70ded874a005/judgeme-563/assets/testimonials_carousel.js';
      if (document.querySelector(`script[src="${scriptSrc}"]`)) { initializeCarousel(); return; }
      const script = document.createElement('script');
      script.src = scriptSrc;
      script.onload = function() { setTimeout(initializeCarousel, 50); };
      script.onerror = function() { console.error('Error loading script:'); setTimeout(initializeCarousel, 100); };
      document.head.appendChild(script);
    }

    function initializeCarousel() {
      if (!window.jdgmCarouselUtils || !window.jdgmCarouselMode) { setTimeout(initializeCarousel, 50); return; }
      const buildFunction = shared.carousel_type === 'videos' || shared.carousel_type === 'cards' ? window.jdgmBuildMediaCards : window.jdgmBuildTestimonialCards;
      if (buildFunction) {
        window.jdgmCarouselUtils.initCarousel(blockId, settings, averageRating, params, buildFunction);
      } else {
        setTimeout(initializeCarousel, 100);
      }
    }
    loadSpecificScript();
  })();
</script>
<!-- END app snippet -->

</div></div>


</section><div id="shopify-section-template--22369745338624__blocks_mdrWjH" class="shopify-section"><div id="shopify-block-ATDdSdkVkTFBSZGloT__ai_gen_block_ddc9026_z3NPkz" class="shopify-block">


<style data-shopify>
  .ai-spacing-block-atddsdkvktfbszglotaigenblockddc9026z3npkz {
    display: block;
    width: 100%;
    height: 0px;
    background-color: #ffffff;
  }

  @media screen and (max-width: 749px) {
    .ai-spacing-block-atddsdkvktfbszglotaigenblockddc9026z3npkz {
      height: 0px;
    }
  }
</style>

<div class="ai-spacing-block-atddsdkvktfbszglotaigenblockddc9026z3npkz" ></div>


</div>


</div><section id="shopify-section-template--22369745338624__text_column_with_image_cXWGxp" class="shopify-section section section-text-columns-with-image x-section"><style data-shopify>.heading-template--22369745338624__text_column_with_image_cXWGxp {
    font-size: 1.485rem; 
  }
  
    .gap-column-template--22369745338624__text_column_with_image_cXWGxp {
      padding: 8.0px;
    }
    .container-template--22369745338624__text_column_with_image_cXWGxp {
      margin: -8.0px!important;
    }
  
  .bg--template--22369745338624__text_column_with_image_cXWGxp {
    
      background: rgb(var(--colors-background-secondary));
    
  }
  .dark .bg--template--22369745338624__text_column_with_image_cXWGxp {
    
      background: rgb(var(--colors-background-secondary));
    
  }
  
  
  .dark .text-column-with-image .container-template--22369745338624__text_column_with_image_cXWGxp {
            
      --colors-text: var(--colors-text-secondary);
    
            
      --colors-heading: var(--colors-heading-secondary);
    
  }
  .gap-template--22369745338624__text_column_with_image_cXWGxp {
    gap: 16px;
  }
  @media (min-width: 767px){
    .heading-template--22369745338624__text_column_with_image_cXWGxp {
      font-size: 2.475rem;
    }
    .container-template--22369745338624__text_column_with_image_cXWGxp {
      margin: 0px;
    }
  }
  @media (min-width: 1024px){
    .gap-column-template--22369745338624__text_column_with_image_cXWGxp {
      
        padding: 14.0px;
      
    }
    .container-template--22369745338624__text_column_with_image_cXWGxp {
      
        margin-top: -14.0px;
      
    }
    .gap-template--22369745338624__text_column_with_image_cXWGxp {
      
        gap: 28px;
      
    }
    
  }
  
  .section-padding-template--22369745338624__text_column_with_image_cXWGxp {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  @media (min-width: 768px) { 
    .section-padding-template--22369745338624__text_column_with_image_cXWGxp {
      padding-top: 40px;
      padding-bottom: 40px;
    }
  }</style><div class="section--template--22369745338624__text_column_with_image_cXWGxp x-container-twm section-padding-template--22369745338624__text_column_with_image_cXWGxp section--template--22369745338624__text_column_with_image_cXWGxp">
  <div class="relative x-pgw page-width mr-auto ml-auto pl-5 pr-5">
    
      <div class="pb-3 md:pb-8">
        


<style data-shopify>
  
  .dark .heading-template--22369745338624__text_column_with_image_cXWGxp {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  
    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
  

   
    <h2
      class='heading-template--22369745338624__text_column_with_image_cXWGxp text-center h2 block anm-move-up'> 
  
    
      
        Our Promise to You
      
    
  </h2>

  
    </div>
  

      </div>
    
    <div
      id="x-text-column-with-image-template--22369745338624__text_column_with_image_cXWGxp"
      
        class="text-column-with-image"x-intersect.once='$el.classList.add("is-ready-to-animate")'
    >
      <div class="splide__track lg:pt-0.5 lg:pb-0.5 lg:pl-0 lg:pr-0">
        <div 
          
            class="flex justify-center flex-wrap container-template--22369745338624__text_column_with_image_cXWGxp"
          
        ><style data-shopify>
              .x-slide-animation-duration-1 {
                --delay-time: 0ms
              }
            </style><style data-shopify>.heading-column_E97yjN {
                font-size: 0.99rem;
              }
              @media (min-width: 767px){
                .heading-column_E97yjN {
                  font-size: 1.2375rem;
                }
              }</style><div 
              id="Slide-template--22369745338624__text_column_with_image_cXWGxp-1"
              x-slide-index="0"
              class=" gap-column-template--22369745338624__text_column_with_image_cXWGxp 
                
                md:w-1/2 lg:w-1/4 
              
                w-full md:w-1/2
                 
              "
            >
              <div class="flex flex-col md:flex-col h-full bg--template--22369745338624__text_column_with_image_cXWGxp rounded-[10px]" >
                <div
                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[100%]  rounded-[10px]"
                  
                >
                  
                    <a href="/blogs/recipes"  class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
                  
                    
                      
                      <img
                        srcset="//www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=225 225w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=375 375w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=1500 1500w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=1780 1780w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=2000 2000w,
                        //www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999 1000w"
                        src="//www.pamelasproducts.com/cdn/shop/files/home-birthday-m.jpg?v=1635397999&width=1780"
                        alt=""
                        sizes="(min-width: 1024px) 350px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
                        loading="lazy"
                        width="1000"
                        height="1000"
                        style="object-position: 50.0% 50.0%"
                        onload="requestAnimationFrame(() => {
                          this?.classList.add('active');
                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                        });"
                      >
                      
                    
                  
                    </a>
                  
                </div>
                
                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
                    
                    
                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_E97yjN text-center rtl:text-center leading-tight pb-1">
                        


<style data-shopify>
  
  .dark .heading-column_E97yjN {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  

  
    
      
        Delicious taste, above all else
      
    
  

  

                      </p>
                    
                    
                    
                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
                        
                          <a href="/collections/recipes" class="disable-effect inline-block button  button-text-link  empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
                        
                          
<div class="flex justify-center ">
  
    
      
        <div class="relative block-text-button overflow-hidden ">
          <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Browse Recipes</span>
          <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Browse Recipes</span>
        </div>
          
    
  
  
</div>
                        </a>
                      </div>
                    
                  </div>
                
              </div>
            </div><style data-shopify>
              .x-slide-animation-duration-2 {
                --delay-time: 100ms
              }
            </style><style data-shopify>.heading-column_XrRrTf {
                font-size: 0.99rem;
              }
              @media (min-width: 767px){
                .heading-column_XrRrTf {
                  font-size: 1.2375rem;
                }
              }</style><div 
              id="Slide-template--22369745338624__text_column_with_image_cXWGxp-2"
              x-slide-index="1"
              class=" gap-column-template--22369745338624__text_column_with_image_cXWGxp 
                
                md:w-1/2 lg:w-1/4 
              
                w-full md:w-1/2
                 
              "
            >
              <div class="flex flex-col md:flex-col h-full bg--template--22369745338624__text_column_with_image_cXWGxp rounded-[10px]" >
                <div
                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[100%]  rounded-[10px]"
                  
                >
                  
                    <a href="https://www.pamelasproducts.com/pages/allergy-information"  class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
                  
                    
                      
                      <img
                        srcset="//www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=225 225w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=375 375w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=1500 1500w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=1780 1780w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=2000 2000w,
                        //www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022 1000w"
                        src="//www.pamelasproducts.com/cdn/shop/files/home-cook-together-m.jpg?v=1635398022&width=1780"
                        alt=""
                        sizes="(min-width: 1024px) 350px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
                        loading="lazy"
                        width="1000"
                        height="1000"
                        style="object-position: 50.0% 50.0%"
                        onload="requestAnimationFrame(() => {
                          this?.classList.add('active');
                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                        });"
                      >
                      
                    
                  
                    </a>
                  
                </div>
                
                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
                    
                    
                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_XrRrTf text-center rtl:text-center leading-tight pb-1">
                        


<style data-shopify>
  
  .dark .heading-column_XrRrTf {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  

  
    
      
        Always gluten-free made with simple ingredients
      
    
  

  

                      </p>
                    
                    
                    
                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
                        
                          <a href="https://www.pamelasproducts.com/pages/allergy-information" class="disable-effect inline-block button  button-text-link  empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
                        
                          
<div class="flex justify-center ">
  
    
      
        <div class="relative block-text-button overflow-hidden ">
          <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn About Allergens</span>
          <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn About Allergens</span>
        </div>
          
    
  
  
</div>
                        </a>
                      </div>
                    
                  </div>
                
              </div>
            </div><style data-shopify>
              .x-slide-animation-duration-3 {
                --delay-time: 200ms
              }
            </style><style data-shopify>.heading-column_bdXtcz {
                font-size: 0.99rem;
              }
              @media (min-width: 767px){
                .heading-column_bdXtcz {
                  font-size: 1.2375rem;
                }
              }</style><div 
              id="Slide-template--22369745338624__text_column_with_image_cXWGxp-3"
              x-slide-index="2"
              class=" gap-column-template--22369745338624__text_column_with_image_cXWGxp 
                
                md:w-1/2 lg:w-1/4 
              
                w-full md:w-1/2
                 
              "
            >
              <div class="flex flex-col md:flex-col h-full bg--template--22369745338624__text_column_with_image_cXWGxp rounded-[10px]" >
                <div
                  x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')" 
                  class="x-block-twm-item-image overflow-hidden block h-0 relative w-full pb-[100%]  rounded-[10px]"
                  
                >
                  
                    <a href="/pages/our-story"  class="w-full h-full z-0 overflow-hidden absolute top-0 left-0 animate_transition_card__image animate-Xpulse skeleton-image">
                  
                    
                      
                      <img
                        srcset="//www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=225 225w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=375 375w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=450 450w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=750 750w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=900 900w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=1100 1100w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=1500 1500w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=1780 1780w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=2000 2000w,
                        //www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052 1000w"
                        src="//www.pamelasproducts.com/cdn/shop/files/home-pancakes-blueberry-m.jpg?v=1635398052&width=1780"
                        alt=""
                        sizes="(min-width: 1024px) 350px, (min-width: 768px) calc((100vw - 5rem) / 2), calc((100vw) / 1)"
                        class="animate_transition_image w-full h-full object-cover object-center image-hover absolute top-0 left-0 rounded-[10px]"
                        loading="lazy"
                        width="1000"
                        height="1000"
                        style="object-position: 50.0% 50.0%"
                        onload="requestAnimationFrame(() => {
                          this?.classList.add('active');
                          this.closest('.animate_transition_card__image')?.classList.remove('animate-Xpulse', 'skeleton-image');
                          setTimeout(() => { this.closest('.animate_transition_card__image')?.classList.add('lazy_active', 'active'); }, 250);
                        });"
                      >
                      
                    
                  
                    </a>
                  
                </div>
                
                  <div class="grow x-block-twm-content text-[rgba(var(--colors-text))] md:pl-7 md:pr-7 pl-5 pr-5 dark:md:pl-7 dark:md:pr-7 dark:pl-5 dark:pr-5 mt-4 md:pb-3 pb-2">
                    
                    
                      <p class="h3 empty:hidden x-block-twm-item-heading p-break-words heading-column_bdXtcz text-center rtl:text-center leading-tight pb-1">
                        


<style data-shopify>
  
  .dark .heading-column_bdXtcz {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  

  
    
      
        Rooted in our 38 year heritage
      
    
  

  

                      </p>
                    
                    
                    
                      <div class="x-block-twm-item-button mb-3 text-center rtl:text-center">
                        
                          <a href="/pages/our-story" class="disable-effect inline-block button  button-text-link  empty:hidden p-break-words leading-normal text-center mt-2 lg:ml-0 lg:mr-0 h-full pl-4 pr-4 lg:pl-7 lg:pr-7 pt-2.5 pb-2.5 md:pt-3 md:pb-3">
                        
                          
<div class="flex justify-center ">
  
    
      
        <div class="relative block-text-button overflow-hidden ">
          <span class="button-text  btn-text-link-effect-1 relative top-0 is-focus-button:opacity-0">Learn More About Us</span>
          <span class="button-text  btn-text-link-effect-2 absolute top-full left-0 is-focus-button:opacity-0">Learn More About Us</span>
        </div>
          
    
  
  
</div>
                        </a>
                      </div>
                    
                  </div>
                
              </div>
            </div></div>
      </div></div>
  </div>
</div>

  </section><section id="shopify-section-template--22369745338624__social_feeds_pKUzYE" class="shopify-section section-social-feeds x-section">
<style data-shopify>.spacing-mobile-template--22369745338624__social_feeds_pKUzYE {
    gap: 16px;
  }
  

  @media screen and (max-width: 767px) {
    .mobile-column-2-template--22369745338624__social_feeds_pKUzYE {
      width: calc((100% - 16px)/2)
    }
  }
  @media screen and (min-width: 768px) {
    .spacing--desktop-template--22369745338624__social_feeds_pKUzYE {
      
        gap: 16px;
      
    }
    .preload-slide--template--22369745338624__social_feeds_pKUzYE {
      
        margin-right: 0px;
      
      
        width: calc(((100% + 16px) / 4) - 16px);
      
    }
  }

  @media screen and (min-width: 1024px) {
    .preload-slide--template--22369745338624__social_feeds_pKUzYE {
      
        margin-right: 0px;
      
      
        width: calc(((100% + 16px) / 4) - 16px);
      
    }
  }
  #shopify-section-template--22369745338624__social_feeds_pKUzYE{
    
      --background-color: 255,255,255;
      background: #ffffff;
    
  }
  .dark #shopify-section-template--22369745338624__social_feeds_pKUzYE{background: #3e6991;
      --background-color:  62,105,145;}
  .section--template--22369745338624__social_feeds_pKUzYE {
    
    
  }
  .dark .section--template--22369745338624__social_feeds_pKUzYE {
            
      --colors-text: 225, 227, 225;
    
            
      --colors-heading: 255, 255, 255;
    
  }
  .button-template--22369745338624__social_feeds_pKUzYE, .button-template--22369745338624__social_feeds_pKUzYE *:before {
    
    
    
    
    
    
    
  }
  .dark .button-template--22369745338624__social_feeds_pKUzYE, .dark .button-template--22369745338624__social_feeds_pKUzYE *:before {
      
      --colors-button: 62, 105, 145;
    
     
      --colors-button-text: 255, 255, 255; 
    
      
      --colors-button-hover: rgb(210, 238, 251);
    
      
      --colors-button-text-hover: 62, 105, 145;
    
      
      --colors-secondary-button: 34, 77, 140;
      --colors-line-secondary-button: 34, 77, 140;
    
      
      --background-secondary-button: 210, 238, 251;
      --colors-line-secondary-button: 210, 238, 251;
    
    
      --colors-text-link: 210, 238, 251;
    
  }
  .instagram-social-background{
    padding: 3px;
    background-image: linear-gradient(to left bottom, #7638FA 15.76%, #D300C5 34.61%, #FF0069 51.89%, #FF7A00 64.77%, #FFD600 81.1%);
  }
  .pinterest-social-background {
    padding: 3px;
    background-image: linear-gradient(to left bottom, #E60023 30%, #ffffff 90%);
  }
  .facebook-social-background {
    padding: 3px;
    background-image: linear-gradient(to left bottom, #1877f2 25%, #F0F2F5 50%, #ffffff 90%);
  }
  .twitter-social-background {
    padding: 3px;
    background-image: linear-gradient(to left bottom, #000000 10%, #ffffff 50%, #1d9bf0 90%);
  }
  .tiktok-social-background {
    padding: 3px;
    background-image: linear-gradient(to left bottom, #ff0050 20%, #00f2ea 50%, #000000 85%);
  }
  .line-social-background {
    padding: 3px;
    background-image: linear-gradient(to left bottom, #00C300, #FFFFFF);
  }
  
  .section--template--22369745338624__social_feeds_pKUzYE {
    padding-top: 0px;
    padding-bottom: 40px
  }
  @media (min-width: 768px) {
    .section--template--22369745338624__social_feeds_pKUzYE {
      padding-top: 39px;
      padding-bottom: 40px
    }
  }
  
  
  @media (min-width: 1280px) {
    .x-pgw-template--22369745338624__social_feeds_pKUzYE {
      max-width: calc(var(--page-width) + 40px);
      margin-left: auto;
      margin-right: auto;
      padding-right: 1.25rem;
      padding-left: 1.25rem;
    }
  }
  
  .button-arrow-social-feed {
    background: rgb(var(--colors-text), .3);
    color: rgb(var(--colors-text));
    box-shadow: none;
    border-radius: 50px;
  }
  .button-arrow-social-feed:hover {
    color: rgb(var(--colors-button-text-hover));
    background: var(--colors-button-hover);
  }
  .section--template--22369745338624__social_feeds_pKUzYE .x-container-quickview-content:not(.is-active) {
    height: 0px
  }</style><div x-data="{ intersect: false }" x-intersect.once="intersect = true" class="section--template--22369745338624__social_feeds_pKUzYE x-container-social-feeds">
  <div 
    x-data="{
      openPopup: false,
      goToActivePopupSlide (index) {
        this.openPopup = true
        const splideEl = document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE');       
        if (splideEl){          
          if (splideEl.splide){
            this.$nextTick(() => splideEl.splide.go(index));             
          } else {
            document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
              splideEl.splide.go(index);
            });
          }         
        }
      }
    }" 
    class="mr-auto ml-auto x-pgw page-width pl-5 pr-5"
  >
    <div class="x-block-social-feeds-header flex ltr w-full flex-col items-center">
      
        <div class="text-center w-full flex flex-col items-center ltr lg:flex-col">
          <div class="w-full lg:w-full">
<style data-shopify>.heading-template--22369745338624__social_feeds_pKUzYE {
                  font-size: 1.485rem; 
                }
                @media (min-width: 767px) {
                  .heading-template--22369745338624__social_feeds_pKUzYE {
                    font-size: 2.475rem; 
                  }
                }</style><div class="heading-template--22369745338624__social_feeds_pKUzYE p-break-words">
                


<style data-shopify>
  
  .dark .heading-template--22369745338624__social_feeds_pKUzYE {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  
    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
  

   
    <h2
      class='heading-template--22369745338624__social_feeds_pKUzYE  anm-move-up'> 
  
    
      
        Recipes Inspired by You
      
    
  </h2>

  
    </div>
  

              </div>
          </div><div class="flex-1 w-full lg:w-fit">           
              
                <div class="mt-2 p-break-words button-template--22369745338624__social_feeds_pKUzYE flex-1 w-full text-center lg:text-center lg:mt-4">
                  <a
                     href="https://www.instagram.com/pamelasproducts/" target="_blank"
                    class="button button--template--22369745338624__social_feeds_pKUzYE pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-solid text-center inline-block border empty:hidden leading-normal"
                  >
                    
<div class="flex justify-center ">
  
    
      
        <span class="button-text flex gap-3 is-focus-button:opacity-0">
          <span>Follow us</span>
          
            
            <div class="w-4 h-4 self-center">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
          
        </span>
      
    
  
  
</div>             
                  </a>
                </div>
              
            </div>         
          
        </div> 
           
    </div>
    <div
      class="social-feeds-splide x-splide splide overflow-hidden relative visible mt-9"
          
      x-intersect.once='$el.classList.add("is-ready-to-animate")'
    >
      <div class="splide__track">
        <div class="splide__list splide__list flex spacing-mobile-template--22369745338624__social_feeds_pKUzYE flex-wrap justify-start md:flex-wrap md:justify-start spacing--desktop-template--22369745338624__social_feeds_pKUzYE spacing--tablet-template--22369745338624__social_feeds_pKUzYE text-center items-center">
            
            <style data-shopify>
              .x-slide-animation-duration-1 {
                --delay-time: 0ms
              }
              
            </style>
            <div
              x-slide-index="0"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(0); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-1  x-block-social-post cursor-pointer media-social_post_BajrG6 flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=60"
                          alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
                          height="4000"
                          width="4000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                  </div>
                
              </div>           
            </div>
          
            
            <style data-shopify>
              .x-slide-animation-duration-2 {
                --delay-time: 100ms
              }
              
            </style>
            <div
              x-slide-index="1"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(1); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-2  x-block-social-post cursor-pointer media-social_post_cagqtG flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=60"
                          alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                          height="2000"
                          width="2000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                  </div>
                
              </div>           
            </div>
          
            
            <style data-shopify>
              .x-slide-animation-duration-3 {
                --delay-time: 200ms
              }
              
            </style>
            <div
              x-slide-index="2"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(2); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-3  x-block-social-post cursor-pointer media-social_post_xtefXx flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=60"
                          alt="Gluten-Free Chocolate Cake Mix, 21 oz."
                          height="4000"
                          width="4000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                  </div>
                
              </div>           
            </div>
          
            
            <style data-shopify>
              .x-slide-animation-duration-4 {
                --delay-time: 300ms
              }
              
            </style>
            <div
              x-slide-index="3"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(3); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-4  x-block-social-post cursor-pointer media-social_post_BTNrpp flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=60"
                          alt="Gluten-Free Bread Mix, 19 oz."
                          height="4000"
                          width="4000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=60"
                          alt="Gluten-Free Bread Mix, 4 lb."
                          height="4000"
                          width="4000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                  </div>
                
              </div>           
            </div>
          
            
            <style data-shopify>
              .x-slide-animation-duration-5 {
                --delay-time: 400ms
              }
              
            </style>
            <div
              x-slide-index="4"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(4); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-5  x-block-social-post cursor-pointer media-social_post_t9T8m4 flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=60"
                          alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                          height="2000"
                          width="2000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=60"
                          alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"
                          height="1800"
                          width="1800"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                  </div>
                
              </div>           
            </div>
          
            
            <style data-shopify>
              .x-slide-animation-duration-6 {
                --delay-time: 500ms
              }
              
            </style>
            <div
              x-slide-index="5"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(5); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-6  x-block-social-post cursor-pointer media-social_post_FYPwHf flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=60"
                          alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."
                          height="4000"
                          width="4000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=60"
                          alt="Gluten-Free Pancake &amp; Baking Mix, 4 lb."
                          height="4000"
                          width="4000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=60"
                          alt="Pamela&#39;s Pancake and backing mix 25 lb packaging"
                          height="1800"
                          width="1800"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5 hidden lg:block object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                      <div class="bg-[rgba(var(--image-treatment-text),0.06)] max-w-[56px] max-h-[56px] w-7 h-7 block relative rounded lg:hidden"><span class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-[rgba(var(--image-treatment-text))]">+1</span></div>
                    
                  </div>
                
              </div>           
            </div>
          
            
            <style data-shopify>
              .x-slide-animation-duration-7 {
                --delay-time: 600ms
              }
              
            </style>
            <div
              x-slide-index="6"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(6); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-7  x-block-social-post cursor-pointer media-social_post_XxKXza flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=60"
                          alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                          height="2000"
                          width="2000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=60"
                          alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"
                          height="1800"
                          width="1800"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                  </div>
                
              </div>           
            </div>
          
            
            <style data-shopify>
              .x-slide-animation-duration-8 {
                --delay-time: 700ms
              }
              
            </style>
            <div
              x-slide-index="7"       
              x-intersect.once.margin.-20px.0px.-20px.0px="$el.querySelector('.animate_transition_card__image')?.classList.add('active')"
              @click="goToActivePopupSlide(7); document.body.classList.add('overflow-hidden')"
              class="x-block-items-social-post-8  x-block-social-post cursor-pointer media-social_post_JFg4QT flex group overflow-hidden relative mobile-column-2-template--22369745338624__social_feeds_pKUzYE preload-slide--template--22369745338624__social_feeds_pKUzYE" 
                         
            >
              <div class="flex content-visibility-auto aspect-square grow relative h-full w-full z-10 overflow-hidden rounded-[10px]">
                <div class="x-block-social-post-media animate_transition_card__image animate-Xpulse skeleton-image flex absolute top-0 left-0 h-full w-full disable-effect overflow-hidden"><img src="//www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=3840" alt="" srcset="//www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=375 375w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=450 450w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=750 750w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=900 900w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=1100 1100w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=1500 1500w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=1780 1780w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=2000 2000w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=3000 3000w, //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="
            (min-width: 1400px)  calc((1500px - (16px * 3)) / 4),
            (min-width: 1024px) calc((100vw - (16px * 3)) / 4),
            (min-width: 768px) calc((100vw - (16px * 3)) / 4),
            calc((100vw - (16px * 1)) /2)" class="w-full object-cover z-0 h-full image-hover absolute top-0 left-0 block animate_transition_image" style="" onload="requestAnimationFrame(() =&gt; {
              this?.classList.add(&quot;active&quot;); 
              this.closest(&quot;.animate_transition_card__image&quot;)?.classList.remove(&quot;animate-Xpulse&quot;, &quot;skeleton-image&quot;);
              setTimeout(() =&gt; { this.closest(&quot;.animate_transition_card__image&quot;)?.classList.add(&quot;lazy_active&quot;, &quot;active&quot;); }, 250);
            });">
</div>   
                
                <div class="absolute x-block-social-post-media-icon lg:max-w-[48px] lg:w-1/5 top-3 right-3 translate-x-0 lg:translate-x-full lg:right-0 group-hover:lg:right-3 group-hover:lg:translate-x-0 transition-all duration-500 flex flex-col gap-2">
                  
                    <div class="cursor-pointer relative z-20 max-w-[48px] max-h-[48px] w-[30px] h-[30px] pt-2 pb-2 pl-2 pr-2 lg:p-0 lg:w-full lg:h-auto lg:aspect-square rounded-full bg-white disabled:cursor-not-allowed">
                      <span class="pointer-events-none duration-200 bg-button-play absolute w-auto h-auto lg:w-1/3 lg:h-1/3 top-1/2 left-1/2 -translate-y-1/2 -translate-x-1/2 text-[#282928]">
                        
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  

                      </span>
                    </div>
                  
                  
                </div>
                
                  <div class="absolute x-container-products-on-image w-full pointer-events-none rtl:right-3 left-3 bottom-3 translate-y-0 lg:bottom-0 lg:translate-y-full flex gap-2 lg:gap-2 group-hover:bottom-3 items-center group-hover:translate-y-0 transition-all duration-500">
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=60"
                          alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."
                          height="2000"
                          width="2000"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                      
                        
                        <img
                          src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=60"
                          alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"
                          height="1800"
                          width="1800"
                          loading="lazy"
                          class="aspect-square max-w-[56px] max-h-[56px] w-9 h-9 lg:w-1/5 lg:h-1/5  object-cover object-center  rounded-[5px]  md:rounded-[10px]"
                        >
                        
                      
                    
                    
                  </div>
                
              </div>           
            </div>
          
        </div>
      </div>
      
    </div>

    <template x-if="intersect">
      <div 
        x-show="openPopup"
        x-cloak
        :class="{ 'overflow-hidden padding-scrollbar': openPopup }" 
        class="flex items-end justify-center md:items-center fixed top-0 left-0 right-0 bottom-0 z-[60]"
        @keydown.escape="openPopup = false"
      >
        <div class="x-overlay absolute top-0 left-0 right-0 bottom-0 bg-[#acacac] bg-opacity-30"></div>
        <div
          role="dialog"
          aria-modal="true"
          x-show="openPopup"
          class="x-social-feeds-modal flex items-center x-pgw-template--22369745338624__social_feeds_pKUzYE z-10 duration-400 w-full h-full pl-0 pr-0 pt-0 pb-0 lg:pl-5 lg:pr-5 lg:pt-20 lg:pb-20 lg:ml-auto lg:mr-auto"
          x-transition:enter="transition-all ease-in-out duration-500"
          x-transition:enter-start="opacity-0 transform translate-y-1/3"
          x-transition:enter-end="opacity-100 transform translate-y-0"
          x-transition:leave="transition-all ease-in-out duration-500"
          x-transition:leave-end="opacity-0 transform translate-y-1/3"
        >
          <div 
            class="x-container-social-feeds-body shadow-popup bg-[rgba(var(--background-color),1)] md:h-auto  rounded-t-[10px] md:rounded-[10px] overflow-y-auto overflow-x-hidden scrollbar-body h-full relative"             
            @click.away="openPopup = false; document.body.classList.remove('overflow-hidden')"
          >
            <button aria-label="Close social feed popup" id="SocialFeedsClose" class="absolute rounded-full group-close-btn cursor-pointer top-2 right-2 rtl:right-auto rtl:left-2 icon-close-container w-fit z-10" @click.stop="openPopup = false; document.body.classList.remove('overflow-hidden')">
              
    <svg class="icon-close-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1 1L23 23M23 1L1 23" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

            </button>
            <div
              id="x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE"
              class="splide-slideshow overflow-hidden visible mr-auto ml-auto x-splide splide h-full flex flex-col disable-effect-hover"
              x-ref="slideshow"
              
                x-intersect.once.margin.200px='$store.xSplide.load($el, {
                  "speed": 1000, 
                  "pauseOnFocus": false,
                  "updateOnMove": "true",
                  "pagination": false,
                  "perPage": 1,
                  "perMove": 1,
                  "drag": true,
                  "arrows": false,
                  "type": "fade",
                  "breakpoints": {
                    768: {
                      "drag": false,
                      "arrows": true
                    }
                  },  
                  
                  "events": [
                    {
                      "event": "ready",
                      "callback": () => {
                        document.dispatchEvent(new CustomEvent("eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready"));
                      }
                    },
                    {
                      "event": "moved",
                      "callback": () => {
                        document.dispatchEvent(new CustomEvent("eurus:template--22369745338624__social_feeds_pKUzYE:splide-moved"));
                      }
                    }
                  ]
                })'
              
            >
              <div class="splide__arrows md:hidden">
                <button 
                  class="button-arrow-social-feed splide__arrow splide__arrow--prev button-arrow pt-4 pb-4 pl-4 pr-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:-rotate-90 rotate-90 disabled:cursor-not-allowed disabled:opacity-30        
                  block absolute top-1/2 -mt-6 rtl:left-auto rtl:right-6 left-6 duration-200 opacity-60 hover:opacity-100 transition-all ease-in-out"
                  aria-label="previous slide"
                >
                  <span class="hidden">previous slide</span>
                  
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                </button>
                <button 
                  class="button-arrow-social-feed splide__arrow splide__arrow--next button-arrow pt-4 pb-4 pl-4 pr-4 rounded-full none_border z-10 w-12 h-12 after:text-[20px] rtl:rotate-90 -rotate-90 disabled:cursor-not-allowed disabled:opacity-30
                  block absolute top-1/2 -mt-6 rtl:right-auto rtl:left-6 right-6 duration-200 opacity-60 hover:opacity-100 transition-all ease-in-out"
                  aria-label="next slide"
                >
                  <span class="hidden">next slide</span>
                  
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>

                </button>
              </div>
              <div 
                x-init="
                  window.addEventListener('keyup', (e) => {
                    const splideElement = document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE');
                    if (!splideElement || !splideElement.splide) return;
                    
                      if (e.key === 'ArrowLeft') splideElement.splide.go('<');
                      if (e.key === 'ArrowRight') splideElement.splide.go('>');
                    
                  });
                "
                class="splide__track overflow-hidden w-full h-full">
                <div class="w-full h-fit splide__list rtl:flex-row-reverse">
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_1.jpg?v=1635491001&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="1080"
                                  height="1080"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="true"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="false"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>We’re in waffle love! 💙<br/>Did you celebrate <a href="https://www.instagram.com/explore/tags/nationalwaffleday/">#NationalWaffleDay</a> yesterday? This stack looks like perfect inspo to us!<br/>Tag your creations with <a href="https://www.instagram.com/explore/tags/pamelasproducts/">#PamelasProducts</a> so we can see them and share them!<br/><br/>Repost <a href="https://www.instagram.com/hausofrise/">@hausofrise</a>・・・<br/>So apparently it was National Waffle Day yesterday 🤷🏼‍♀️<br/>.<br/>Waffles actually remind me of my grandma who passed away a couple years ago. So here’s to sweet Betty May and all the memories she created around waffle making ☺️ .<br/>Isn’t it amazing how food brings us together.<br/>.<br/>Also, I don’t know about you, but I think I might whip up some of these babies later today because <a href="https://www.instagram.com/explore/tags/whynot/">#whynot</a> 😏<a href="https://www.instagram.com/explore/tags/hausofrise/">#hausofrise</a><a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#alwaysglutenfree</a><a href="https://www.instagram.com/explore/tags/femaleentrepreneur/">#femaleentrepreneur</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a><a href="https://www.instagram.com/explore/tags/glutenfreelife/">#glutenfreelife</a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#glutenfreepancakes</a><a href="https://www.instagram.com/explore/tags/celiacsafe/">#celiacsafe</a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#glutenfreebaking</a><a href="https://www.instagram.com/explore/tags/celiac/">#celiac</a><a href="https://www.instagram.com/explore/tags/bakersgonnabake/">#bakersgonnabake</a><a href="https://www.instagram.com/explore/tags/thenewhealthy/">#thenewhealthy</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a><a href="https://www.instagram.com/thefeedfeed/">@thefeedfeed</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree</a><a href="https://www.instagram.com/explore/tags/goodmoodfood/">#goodmoodfood</a><a href="https://www.instagram.com/explore/tags/bombesquad/">#bombesquad</a><a href="https://www.instagram.com/explore/tags/healthyish/">#healthyish</a><a href="https://www.instagram.com/explore/tags/eeeeeats/">#eeeeeats</a><a href="https://www.instagram.com/explore/tags/makesmewhole/">#makesmewhole</a><a href="https://www.instagram.com/explore/tags/waffles/">#waffles</a><a href="https://www.instagram.com/explore/tags/glutenfreewaffles/">#glutenfreewaffles</a><a href="https://www.instagram.com/explore/tags/glutenfreekids/">#glutenfreekids</a><a href="https://www.instagram.com/explore/tags/glutenfreebreakfast/">#glutenfreebreakfast</a><a href="https://www.instagram.com/explore/tags/grainfree/">#grainfree</a><a href="https://www.instagram.com/explore/tags/grainfreeliving/">#grainfreeliving</a><a href="https://www.instagram.com/explore/tags/grainfreelife/">#grainfreelife</a><a href="https://www.instagram.com/explore/tags/goodmorning/">#goodmorning</a></p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>We’re in waffle love! 💙<br/>Did you celebrate <a href="https://www.instagram.com/explore/tags/nationalwaffleday/">#NationalWaffleDay</a> yesterday? This stack looks like perfect inspo to us!<br/>Tag your creations with <a href="https://www.instagram.com/explore/tags/pamelasproducts/">#PamelasProducts</a> so we can see them and share them!<br/><br/>Repost <a href="https://www.instagram.com/hausofrise/">@hausofrise</a>・・・<br/>So apparently it was National Waffle Day yesterday 🤷🏼‍♀️<br/>.<br/>Waffles actually remind me of my grandma who passed away a couple years ago. So here’s to sweet Betty May and all the memories she created around waffle making ☺️ .<br/>Isn’t it amazing how food brings us together.<br/>.<br/>Also, I don’t know about you, but I think I might whip up some of these babies later today because <a href="https://www.instagram.com/explore/tags/whynot/">#whynot</a> 😏<a href="https://www.instagram.com/explore/tags/hausofrise/">#hausofrise</a><a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#alwaysglutenfree</a><a href="https://www.instagram.com/explore/tags/femaleentrepreneur/">#femaleentrepreneur</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a><a href="https://www.instagram.com/explore/tags/glutenfreelife/">#glutenfreelife</a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#glutenfreepancakes</a><a href="https://www.instagram.com/explore/tags/celiacsafe/">#celiacsafe</a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#glutenfreebaking</a><a href="https://www.instagram.com/explore/tags/celiac/">#celiac</a><a href="https://www.instagram.com/explore/tags/bakersgonnabake/">#bakersgonnabake</a><a href="https://www.instagram.com/explore/tags/thenewhealthy/">#thenewhealthy</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a><a href="https://www.instagram.com/thefeedfeed/">@thefeedfeed</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree</a><a href="https://www.instagram.com/explore/tags/goodmoodfood/">#goodmoodfood</a><a href="https://www.instagram.com/explore/tags/bombesquad/">#bombesquad</a><a href="https://www.instagram.com/explore/tags/healthyish/">#healthyish</a><a href="https://www.instagram.com/explore/tags/eeeeeats/">#eeeeeats</a><a href="https://www.instagram.com/explore/tags/makesmewhole/">#makesmewhole</a><a href="https://www.instagram.com/explore/tags/waffles/">#waffles</a><a href="https://www.instagram.com/explore/tags/glutenfreewaffles/">#glutenfreewaffles</a><a href="https://www.instagram.com/explore/tags/glutenfreekids/">#glutenfreekids</a><a href="https://www.instagram.com/explore/tags/glutenfreebreakfast/">#glutenfreebreakfast</a><a href="https://www.instagram.com/explore/tags/grainfree/">#grainfree</a><a href="https://www.instagram.com/explore/tags/grainfreeliving/">#grainfreeliving</a><a href="https://www.instagram.com/explore/tags/grainfreelife/">#grainfreelife</a><a href="https://www.instagram.com/explore/tags/goodmorning/">#goodmorning</a></p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/B1mKMNhJkuM/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-baking-pancake-mix"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=100"
                                            alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."  
                                            width="4000"
                                            height="4000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_BajrG6 font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free Pancake & Baking Mix, 24 oz.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1299</div>
  <div class="target-compare-at-price hidden">1299</div>
  
  
<p class="price">
        $12.99
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-baking-pancake-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-7352433443072-social_post_BajrG6')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-baking-pancake-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-7352433443072-social_post_BajrG6')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7352433443072&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1299,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="true"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                              
                              <img
                                src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                alt=""
                                height="1000"
                                width="1000"
                                loading="lazy"
                                class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                              >
                              
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_2.jpg?v=1635491001&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="640"
                                  height="640"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="false"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="false"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                        
                                        <img
                                          src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                          alt=""
                                          height="1000"
                                          width="1000"
                                          loading="lazy"
                                          class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                                        >
                                        
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>Everyone needs a few chocolate chip cookie recipes in their book, and these Pumpkin Peanut Butter Chocolate Chip Cookies may be our new fall go-to! Recipe and photo by <a href="https://www.instagram.com/crumbycuisine/">@crumbycuisine</a>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>INGREDIENTS:⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 cup pamelasproducts all-purpose flour⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/4 cup pumpkin purée⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 2/3 cup smooth peanut butter (not runny)⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/2 cup brown sugar substitute⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 egg⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 tsp vanilla⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 tsp pumpkin spice⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/4 tsp salt⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/2 cup chocolate chips⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>INSTRUCTIONS:⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>1. Preheat oven to 350°F.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>2. In a mixing bowl, mix together everything except the flour and chocolate chips.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>3. Mix in the flour until combined.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>4. Fold in the chocolate chips.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>5. Using a 1.5” cookie scoop, scoop out the cookies onto a parchment lined baking sheet. Cookies will not spread.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>6. Bake for 10-12 minutes.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>7. Remove from oven and allow to cool. Enjoy!⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>Servings: 12 cookies ⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/><a href="https://www.instagram.com/explore/tags/chocolatechipcookies/">#ChocolateChipCookies</a><a href="https://www.instagram.com/explore/tags/pumpkinrecipes/">#PumpkinRecipes</a><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#PamelasProducts</a><a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#AlwaysGlutenFree</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#GlutenFree</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#GlutenFreeTreats</a><a href="https://www.instagram.com/explore/tags/glutenfreelife/">#GlutenFreeLife</a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#GlutenFreePancakes</a><a href="https://www.instagram.com/explore/tags/celiacsafe/">#CeliacSafe</a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#GlutenFreeBaking</a><a href="https://www.instagram.com/explore/tags/celiac/">#Celiac</a><a href="https://www.instagram.com/explore/tags/bakersgonnabake/">#BakersGonnaBake</a><a href="https://www.instagram.com/explore/tags/thenewhealthy/">#TheNewHealthy</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#FeedFeed</a><a href="https://www.instagram.com/explore/tags/feedfeedbaking/">#FeedFeedBaking</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#FeedFeedGlutenFree</a><a href="https://www.instagram.com/explore/tags/goodmoodfood/">#GoodMoodFood</a><a href="https://www.instagram.com/explore/tags/healthyish/">#Healthyish</a><a href="https://www.instagram.com/explore/tags/eeeeeats/">#Eeeeeats</a><a href="https://www.instagram.com/explore/tags/makesmewhole/">#MakesMeWhole</a></p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>Everyone needs a few chocolate chip cookie recipes in their book, and these Pumpkin Peanut Butter Chocolate Chip Cookies may be our new fall go-to! Recipe and photo by <a href="https://www.instagram.com/crumbycuisine/">@crumbycuisine</a>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>INGREDIENTS:⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 cup pamelasproducts all-purpose flour⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/4 cup pumpkin purée⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 2/3 cup smooth peanut butter (not runny)⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/2 cup brown sugar substitute⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 egg⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 tsp vanilla⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1 tsp pumpkin spice⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/4 tsp salt⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>- 1/2 cup chocolate chips⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>INSTRUCTIONS:⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>1. Preheat oven to 350°F.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>2. In a mixing bowl, mix together everything except the flour and chocolate chips.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>3. Mix in the flour until combined.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>4. Fold in the chocolate chips.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>5. Using a 1.5” cookie scoop, scoop out the cookies onto a parchment lined baking sheet. Cookies will not spread.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>6. Bake for 10-12 minutes.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>7. Remove from oven and allow to cool. Enjoy!⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>Servings: 12 cookies ⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/><a href="https://www.instagram.com/explore/tags/chocolatechipcookies/">#ChocolateChipCookies</a><a href="https://www.instagram.com/explore/tags/pumpkinrecipes/">#PumpkinRecipes</a><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#PamelasProducts</a><a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#AlwaysGlutenFree</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#GlutenFree</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#GlutenFreeTreats</a><a href="https://www.instagram.com/explore/tags/glutenfreelife/">#GlutenFreeLife</a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#GlutenFreePancakes</a><a href="https://www.instagram.com/explore/tags/celiacsafe/">#CeliacSafe</a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#GlutenFreeBaking</a><a href="https://www.instagram.com/explore/tags/celiac/">#Celiac</a><a href="https://www.instagram.com/explore/tags/bakersgonnabake/">#BakersGonnaBake</a><a href="https://www.instagram.com/explore/tags/thenewhealthy/">#TheNewHealthy</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#FeedFeed</a><a href="https://www.instagram.com/explore/tags/feedfeedbaking/">#FeedFeedBaking</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#FeedFeedGlutenFree</a><a href="https://www.instagram.com/explore/tags/goodmoodfood/">#GoodMoodFood</a><a href="https://www.instagram.com/explore/tags/healthyish/">#Healthyish</a><a href="https://www.instagram.com/explore/tags/eeeeeats/">#Eeeeeats</a><a href="https://www.instagram.com/explore/tags/makesmewhole/">#MakesMeWhole</a></p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/CHavx0kgtNz/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=100"
                                            alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."  
                                            width="2000"
                                            height="2000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_cagqtG font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free 1:1 All-Purpose Flour, 4 lb.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1949</div>
  <div class="target-compare-at-price hidden">1949</div>
  
  
<p class="price">
        $19.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_cagqtG')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_cagqtG')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7352443076864&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1949,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                              
                              <img
                                src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                alt=""
                                height="1000"
                                width="1000"
                                loading="lazy"
                                class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                              >
                              
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_3.jpg?v=1635491001&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="1080"
                                  height="1080"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="false"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="false"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                        
                                        <img
                                          src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                          alt=""
                                          height="1000"
                                          width="1000"
                                          loading="lazy"
                                          class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                                        >
                                        
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>The classics are the classics for a reason.<br/>Celebrate National Chocolate Cake Day with a luscious gluten-free Chocolate Layer Cake made with Pamela’s Chocolate Cake Mix.<br/>*Bonus Points for adding her fabulous Dark Chocolate Frosting too!<br/>Get directions here: http://www.pamelasproducts.com/luscious-chocolate-cake/<br/>.<br/>.<br/>.<br/>.<br/>.<br/>..<br/><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#pamelasproducts</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/chocolatecake/">#chocolatecake</a><a href="https://www.instagram.com/explore/tags/chocolatecakeday/">#chocolatecakeday</a><a href="https://www.instagram.com/explore/tags/nationalchocolatecakeday/">#nationalchocolatecakeday</a><a href="https://www.instagram.com/explore/tags/cakecakecake/">#cakecakecake</a><a href="https://www.instagram.com/explore/tags/cakestgram/">#cakestgram</a><a href="https://www.instagram.com/explore/tags/cakelove/">#cakelove</a><a href="https://www.instagram.com/explore/tags/allthecake/">#allthecake</a><a href="https://www.instagram.com/explore/tags/birthdaycake/">#birthdaycake</a><a href="https://www.instagram.com/explore/tags/passthecake/">#passthecake</a><a href="https://www.instagram.com/explore/tags/cakecakecakecake/">#cakecakecakecake</a><a href="https://www.instagram.com/explore/tags/prettycake/">#prettycake</a><a href="https://www.instagram.com/explore/tags/greatcakes/">#greatcakes</a><a href="https://www.instagram.com/explore/tags/feedfeedbaking/">#feedfeedbaking</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a><a href="https://www.instagram.com/explore/tags/cakelife/">#cakelife</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree</a><a href="https://www.instagram.com/explore/tags/glutenfrei/">#glutenfrei</a><a href="https://www.instagram.com/explore/tags/bestglutenfree/">#bestglutenfree</a><a href="https://www.instagram.com/explore/tags/gfbaking/">#gfbaking</a><a href="https://www.instagram.com/explore/tags/glutenfreecakes/">#glutenfreecakes</a><a href="https://www.instagram.com/explore/tags/glutenfreecake/">#glutenfreecake</a><a href="https://www.instagram.com/explore/tags/gfreefoodie/">#gfreefoodie</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a><a href="https://www.instagram.com/explore/tags/chocolatefrosting/">#chocolatefrosting</a><a href="https://www.instagram.com/explore/tags/chocolatefudge/">#chocolatefudge</a><a href="https://www.instagram.com/explore/tags/yummycake/">#yummycake</a><a href="https://www.instagram.com/explore/tags/chocolatebuttercream/">#chocolatebuttercream</a><a href="https://www.instagram.com/explore/tags/fudgecake/">#fudgecake</a></p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>The classics are the classics for a reason.<br/>Celebrate National Chocolate Cake Day with a luscious gluten-free Chocolate Layer Cake made with Pamela’s Chocolate Cake Mix.<br/>*Bonus Points for adding her fabulous Dark Chocolate Frosting too!<br/>Get directions here: http://www.pamelasproducts.com/luscious-chocolate-cake/<br/>.<br/>.<br/>.<br/>.<br/>.<br/>..<br/><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#pamelasproducts</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/chocolatecake/">#chocolatecake</a><a href="https://www.instagram.com/explore/tags/chocolatecakeday/">#chocolatecakeday</a><a href="https://www.instagram.com/explore/tags/nationalchocolatecakeday/">#nationalchocolatecakeday</a><a href="https://www.instagram.com/explore/tags/cakecakecake/">#cakecakecake</a><a href="https://www.instagram.com/explore/tags/cakestgram/">#cakestgram</a><a href="https://www.instagram.com/explore/tags/cakelove/">#cakelove</a><a href="https://www.instagram.com/explore/tags/allthecake/">#allthecake</a><a href="https://www.instagram.com/explore/tags/birthdaycake/">#birthdaycake</a><a href="https://www.instagram.com/explore/tags/passthecake/">#passthecake</a><a href="https://www.instagram.com/explore/tags/cakecakecakecake/">#cakecakecakecake</a><a href="https://www.instagram.com/explore/tags/prettycake/">#prettycake</a><a href="https://www.instagram.com/explore/tags/greatcakes/">#greatcakes</a><a href="https://www.instagram.com/explore/tags/feedfeedbaking/">#feedfeedbaking</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a><a href="https://www.instagram.com/explore/tags/cakelife/">#cakelife</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree</a><a href="https://www.instagram.com/explore/tags/glutenfrei/">#glutenfrei</a><a href="https://www.instagram.com/explore/tags/bestglutenfree/">#bestglutenfree</a><a href="https://www.instagram.com/explore/tags/gfbaking/">#gfbaking</a><a href="https://www.instagram.com/explore/tags/glutenfreecakes/">#glutenfreecakes</a><a href="https://www.instagram.com/explore/tags/glutenfreecake/">#glutenfreecake</a><a href="https://www.instagram.com/explore/tags/gfreefoodie/">#gfreefoodie</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a><a href="https://www.instagram.com/explore/tags/chocolatefrosting/">#chocolatefrosting</a><a href="https://www.instagram.com/explore/tags/chocolatefudge/">#chocolatefudge</a><a href="https://www.instagram.com/explore/tags/yummycake/">#yummycake</a><a href="https://www.instagram.com/explore/tags/chocolatebuttercream/">#chocolatebuttercream</a><a href="https://www.instagram.com/explore/tags/fudgecake/">#fudgecake</a></p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/BtJXOpyAiNy/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-chocolate-cake-mix"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_ChocCake_Angle.png?v=1727981902&width=100"
                                            alt="Gluten-Free Chocolate Cake Mix, 21 oz."  
                                            width="4000"
                                            height="4000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_xtefXx font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free Chocolate Cake Mix, 21 oz.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-chocolate-cake-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-6942398906533-social_post_xtefXx')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-chocolate-cake-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-6942398906533-social_post_xtefXx')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free Chocolate Cake Mix, 21 oz.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;6942398906533&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1149,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                              
                              <img
                                src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                alt=""
                                height="1000"
                                width="1000"
                                loading="lazy"
                                class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                              >
                              
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_4.jpg?v=1635491001&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="1080"
                                  height="1080"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="false"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="false"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                        
                                        <img
                                          src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                          alt=""
                                          height="1000"
                                          width="1000"
                                          loading="lazy"
                                          class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                                        >
                                        
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>Recommended weekend project: homemade vegan and gluten-free bagels, à la <a href="https://www.instagram.com/thefamilyfoodproject/">@thefamilyfoodproject</a> 🥯<br/><br/>Ingredients:<br/>3½ cups <a href="https://www.instagram.com/pamelasproducts/">@pamelasproducts</a> Bread Mix<br/>2¼ tsp or 1 (fresh!) yeast packet<br/>1⅓ cups warm water<br/>¼ cup oil (we use olive oil)<br/><br/>Method:<br/>Combine all ingredients and mix well. Split dough into 6 equal parts and form bagel shapes by making balls and then using fingers to make a hole in the middle of each, gently pressing down to flatten a bit. Allow the dough to rise at room temp for 1 hour OR cover them on a sheet tray and they can rise overnight in the refrigerator. When ready to eat, bring a pot of water to a gentle boil and using a slotted spoon, drop the bagels in one at a time to boil for 30 seconds each. Place them on a greased and lined sheet pan and sprinkle them generously with bagel seasoning, flaky salt or sesame seeds. Bake at 400° for 20-25 minutes. We like them sliced and toasted! Be sure to eat them within a day because they do go stale as they have no preservatives. Best when eaten right away.</p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>Recommended weekend project: homemade vegan and gluten-free bagels, à la <a href="https://www.instagram.com/thefamilyfoodproject/">@thefamilyfoodproject</a> 🥯<br/><br/>Ingredients:<br/>3½ cups <a href="https://www.instagram.com/pamelasproducts/">@pamelasproducts</a> Bread Mix<br/>2¼ tsp or 1 (fresh!) yeast packet<br/>1⅓ cups warm water<br/>¼ cup oil (we use olive oil)<br/><br/>Method:<br/>Combine all ingredients and mix well. Split dough into 6 equal parts and form bagel shapes by making balls and then using fingers to make a hole in the middle of each, gently pressing down to flatten a bit. Allow the dough to rise at room temp for 1 hour OR cover them on a sheet tray and they can rise overnight in the refrigerator. When ready to eat, bring a pot of water to a gentle boil and using a slotted spoon, drop the bagels in one at a time to boil for 30 seconds each. Place them on a greased and lined sheet pan and sprinkle them generously with bagel seasoning, flaky salt or sesame seeds. Bake at 400° for 20-25 minutes. We like them sliced and toasted! Be sure to eat them within a day because they do go stale as they have no preservatives. Best when eaten right away.</p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/CUNi-f-t5Uk/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-bread-mix"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_19oz_Angle.png?v=1727986985&width=100"
                                            alt="Gluten-Free Bread Mix, 19 oz."  
                                            width="4000"
                                            height="4000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_BTNrpp font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free Bread Mix, 19 oz.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1149</div>
  <div class="target-compare-at-price hidden">1149</div>
  
  
<p class="price">
        $11.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-bread-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-7047345733797-social_post_BTNrpp')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-bread-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-7047345733797-social_post_BTNrpp')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free Bread Mix, 19 oz.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7047345733797&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1149,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-bread-mix-4lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap border-t pb-5 pt-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_BreadMix_4lb_Front.png?v=1728063161&width=100"
                                            alt="Gluten-Free Bread Mix, 4 lb."  
                                            width="4000"
                                            height="4000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_BTNrpp font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free Bread Mix, 4 lb.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1999</div>
  <div class="target-compare-at-price hidden">1999</div>
  
  
<p class="price">
        $19.99
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-bread-mix-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352448123136-social_post_BTNrpp')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-bread-mix-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352448123136-social_post_BTNrpp')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free Bread Mix, 4 lb.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7352448123136&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1999,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                              
                              <img
                                src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                alt=""
                                height="1000"
                                width="1000"
                                loading="lazy"
                                class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                              >
                              
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_5.jpg?v=1635491002&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="1080"
                                  height="1080"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="false"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="false"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                        
                                        <img
                                          src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                          alt=""
                                          height="1000"
                                          width="1000"
                                          loading="lazy"
                                          class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                                        >
                                        
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>How can you say no to these? Trick question - you can't 😉⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>These Gluten Free and Dairy Free Brownies by <a href="https://www.instagram.com/fit_n_clean_mama/">@fit_n_clean_mama</a> will get you through the week! Recipe below (makes 12-16 brownies):⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 2 whole eggs⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/2 C coconut oil, melted⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1 tsp vanilla extract⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 2 Tbsp water (or almond milk)⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/2 C <a href="https://www.instagram.com/pamelasproducts/">@pamelasproducts</a> gluten-free all purpose flour⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/4 C coconut sugar⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/4 C cacao (or 100% cocoa) powder⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/2 tsp baking soda⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• pinch of salt⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/4 C vegan chocolate chips⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>In a large bowl, whisk together melted coconut oil + coconut sugar till smooth. Add eggs one at a time + vanilla and whisk till smooth. Add flour, cacao powder, and baking soda and whisk till just combined. Pour in water/almond milk to help this along. Finally, fold in chocolate chips, reserving a few for the top! Pour into an 8 x 8 baking dish sprayed with cooking spray. Bake at 350F for 16-18 min, or until a toothpick comes out clean in the center. Store in an airtight container for up to 5 days.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#PamelasProducts</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#GlutenFree</a><a href="https://www.instagram.com/explore/tags/pamelasinmypantry/">#PamelasInMyPantry</a><a href="https://www.instagram.com/explore/tags/glutenfreedesserts/">#GlutenFreeDesserts</a><a href="https://www.instagram.com/explore/tags/dairyfree/">#DairyFree</a></p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>How can you say no to these? Trick question - you can't 😉⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>These Gluten Free and Dairy Free Brownies by <a href="https://www.instagram.com/fit_n_clean_mama/">@fit_n_clean_mama</a> will get you through the week! Recipe below (makes 12-16 brownies):⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 2 whole eggs⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/2 C coconut oil, melted⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1 tsp vanilla extract⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 2 Tbsp water (or almond milk)⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/2 C <a href="https://www.instagram.com/pamelasproducts/">@pamelasproducts</a> gluten-free all purpose flour⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/4 C coconut sugar⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/4 C cacao (or 100% cocoa) powder⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/2 tsp baking soda⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• pinch of salt⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>• 1/4 C vegan chocolate chips⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>In a large bowl, whisk together melted coconut oil + coconut sugar till smooth. Add eggs one at a time + vanilla and whisk till smooth. Add flour, cacao powder, and baking soda and whisk till just combined. Pour in water/almond milk to help this along. Finally, fold in chocolate chips, reserving a few for the top! Pour into an 8 x 8 baking dish sprayed with cooking spray. Bake at 350F for 16-18 min, or until a toothpick comes out clean in the center. Store in an airtight container for up to 5 days.⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/>⠀⠀⠀⠀⠀⠀⠀⠀⠀<br/><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#PamelasProducts</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#GlutenFree</a><a href="https://www.instagram.com/explore/tags/pamelasinmypantry/">#PamelasInMyPantry</a><a href="https://www.instagram.com/explore/tags/glutenfreedesserts/">#GlutenFreeDesserts</a><a href="https://www.instagram.com/explore/tags/dairyfree/">#DairyFree</a></p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/CN0zF5Vh1rr/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=100"
                                            alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."  
                                            width="2000"
                                            height="2000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_t9T8m4 font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free 1:1 All-Purpose Flour, 4 lb.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1949</div>
  <div class="target-compare-at-price hidden">1949</div>
  
  
<p class="price">
        $19.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_t9T8m4')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_t9T8m4')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7352443076864&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1949,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                     
                                      
                                      <a 
                                        href="/products/pamelas-all-purpose-flour-artisan-blend-25-lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap border-t pb-5 pt-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=100"
                                            alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"  
                                            width="1800"
                                            height="1800"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_t9T8m4 font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free 1:1 All-Purpose Flour, 25 LB</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">6289</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $62.89
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/pamelas-all-purpose-flour-artisan-blend-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849345280-social_post_t9T8m4')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/pamelas-all-purpose-flour-artisan-blend-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849345280-social_post_t9T8m4')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 25 LB&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7431849345280&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 6289,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                              
                              <img
                                src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                alt=""
                                height="1000"
                                width="1000"
                                loading="lazy"
                                class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                              >
                              
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_6.jpg?v=1635491001&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="1080"
                                  height="1080"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="false"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="false"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                        
                                        <img
                                          src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                          alt=""
                                          height="1000"
                                          width="1000"
                                          loading="lazy"
                                          class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                                        >
                                        
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>Tell us: how do YOU top your Pamela’s pancake stacks?</p><p><br/>Share your favorite Pamela’s pancake mix + your favorite topping,  and tag a friend you’d love to share breakfast with! <br/>One lucky winner will score a huge Pamela’s pancake prize pack in honor of Pancake Day!<br/><br/>Check out all of our pancakes mixes here: https://www.pamelasproducts.com/products/pancake-mixes (LINK IN BIO) You can order online or find them in a store near you.<br/><br/>Enter as many times as you wish! Must be following <a href="https://www.instagram.com/PamelasProducts/">@PamelasProducts</a> to win.<br/>Giveaway ends 9/29/19.<br/>Open to U.S. residents only, please. This giveaway is not sponsored or affiliated with Instagram.<br/>This <a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/giveaway/">#giveaway</a> is sponsored by <a href="https://www.instagram.com/explore/tags/pamelasproducts/">#pamelasproducts</a>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/><a href="https://www.instagram.com/explore/tags/pancakeday/">#pancakeday </a><a href="https://www.instagram.com/explore/tags/nationalpancakeday/">#nationalpancakeday</a> <a href="https://www.instagram.com/explore/tags/pancakes/">#pancakes </a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#glutenfreepancakes</a> <a href="https://www.instagram.com/explore/tags/glutenfreebreakfast/">#glutenfreebreakfast</a> <a href="https://www.instagram.com/explore/tags/pancakestack/">#pancakestack</a> <a href="https://www.instagram.com/explore/tags/glutenfreelifestyle/">#glutenfreelifestyle</a> <a href="https://www.instagram.com/explore/tags/glutenfreebakedgoods/">#glutenfreebakedgoods</a> <a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a> <a href="https://www.instagram.com/explore/tags/glutenfreefoodie/">#glutenfreefoodie </a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#glutenfreebaking</a> <a href="https://www.instagram.com/explore/tags/celiac/">#celiac</a> <a href="https://www.instagram.com/explore/tags/glutenfreedom/">#glutenfreedom</a> <a href="https://www.instagram.com/explore/tags/glutenfreefoods/">#glutenfreefoods</a> <a href="https://www.instagram.com/explore/tags/celiacsafe/">#celiacsafe</a> <a href="https://www.instagram.com/explore/tags/celiacdisease/">#celiacdisease</a> <a href="https://www.instagram.com/explore/tags/gfreefoodie/">#gfreefoodie</a> <a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a> <a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree </a><a href="https://www.instagram.com/explore/tags/glutenfrei/">#glutenfrei</a> <a href="https://www.instagram.com/explore/tags/nogluten/">#nogluten</a> <a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#alwaysglutenfree </a><a href="https://www.instagram.com/explore/tags/gfree/">#gfree </a><a href="https://www.instagram.com/explore/tags/win/">#win</a> <a href="https://www.instagram.com/explore/tags/winnerwinnerchickendinner/">#winnerwinnerchickendinner </a><a href="https://www.instagram.com/explore/tags/grainfree/">#grainfree</a> <a href="https://www.instagram.com/explore/tags/healthypancakes/">#healthypancakes</a></p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>Tell us: how do YOU top your Pamela’s pancake stacks?</p><p><br/>Share your favorite Pamela’s pancake mix + your favorite topping,  and tag a friend you’d love to share breakfast with! <br/>One lucky winner will score a huge Pamela’s pancake prize pack in honor of Pancake Day!<br/><br/>Check out all of our pancakes mixes here: https://www.pamelasproducts.com/products/pancake-mixes (LINK IN BIO) You can order online or find them in a store near you.<br/><br/>Enter as many times as you wish! Must be following <a href="https://www.instagram.com/PamelasProducts/">@PamelasProducts</a> to win.<br/>Giveaway ends 9/29/19.<br/>Open to U.S. residents only, please. This giveaway is not sponsored or affiliated with Instagram.<br/>This <a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/giveaway/">#giveaway</a> is sponsored by <a href="https://www.instagram.com/explore/tags/pamelasproducts/">#pamelasproducts</a>.<br/>.<br/>.<br/>.<br/>.<br/>.<br/><a href="https://www.instagram.com/explore/tags/pancakeday/">#pancakeday </a><a href="https://www.instagram.com/explore/tags/nationalpancakeday/">#nationalpancakeday</a> <a href="https://www.instagram.com/explore/tags/pancakes/">#pancakes </a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#glutenfreepancakes</a> <a href="https://www.instagram.com/explore/tags/glutenfreebreakfast/">#glutenfreebreakfast</a> <a href="https://www.instagram.com/explore/tags/pancakestack/">#pancakestack</a> <a href="https://www.instagram.com/explore/tags/glutenfreelifestyle/">#glutenfreelifestyle</a> <a href="https://www.instagram.com/explore/tags/glutenfreebakedgoods/">#glutenfreebakedgoods</a> <a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a> <a href="https://www.instagram.com/explore/tags/glutenfreefoodie/">#glutenfreefoodie </a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#glutenfreebaking</a> <a href="https://www.instagram.com/explore/tags/celiac/">#celiac</a> <a href="https://www.instagram.com/explore/tags/glutenfreedom/">#glutenfreedom</a> <a href="https://www.instagram.com/explore/tags/glutenfreefoods/">#glutenfreefoods</a> <a href="https://www.instagram.com/explore/tags/celiacsafe/">#celiacsafe</a> <a href="https://www.instagram.com/explore/tags/celiacdisease/">#celiacdisease</a> <a href="https://www.instagram.com/explore/tags/gfreefoodie/">#gfreefoodie</a> <a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a> <a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree </a><a href="https://www.instagram.com/explore/tags/glutenfrei/">#glutenfrei</a> <a href="https://www.instagram.com/explore/tags/nogluten/">#nogluten</a> <a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#alwaysglutenfree </a><a href="https://www.instagram.com/explore/tags/gfree/">#gfree </a><a href="https://www.instagram.com/explore/tags/win/">#win</a> <a href="https://www.instagram.com/explore/tags/winnerwinnerchickendinner/">#winnerwinnerchickendinner </a><a href="https://www.instagram.com/explore/tags/grainfree/">#grainfree</a> <a href="https://www.instagram.com/explore/tags/healthypancakes/">#healthypancakes</a></p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/B21y1bxA6LA/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-baking-pancake-mix"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_24oz_Angle.jpg?v=1705944485&width=100"
                                            alt="Gluten-Free Pancake &amp; Baking Mix, 24 oz."  
                                            width="4000"
                                            height="4000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_FYPwHf font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free Pancake & Baking Mix, 24 oz.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1299</div>
  <div class="target-compare-at-price hidden">1299</div>
  
  
<p class="price">
        $12.99
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-baking-pancake-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-7352433443072-social_post_FYPwHf')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-baking-pancake-mix', $el, 'template--22369745338624__social_feeds_pKUzYE-7352433443072-social_post_FYPwHf')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 24 oz.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7352433443072&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1299,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-baking-pancake-mix-4lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap border-t pb-5 pt-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_BAKING_PancakeMix_4lb_Front.png?v=1705944527&width=100"
                                            alt="Gluten-Free Pancake &amp; Baking Mix, 4 lb."  
                                            width="4000"
                                            height="4000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_FYPwHf font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free Pancake & Baking Mix, 4 lb.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">2249</div>
  <div class="target-compare-at-price hidden">2249</div>
  
  
<p class="price">
        $22.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-baking-pancake-mix-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-6942395760805-social_post_FYPwHf')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-baking-pancake-mix-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-6942395760805-social_post_FYPwHf')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 4 lb.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;6942395760805&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 2249,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                     
                                      
                                      <a 
                                        href="/products/pamelas-baking-pancake-mix-25-lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap border-t pb-5 pt-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_BakingPancake_Mix_25lb_1800x1800_copy.png?v=1749057391&width=100"
                                            alt="Pamela&#39;s Pancake and backing mix 25 lb packaging"  
                                            width="1800"
                                            height="1800"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_FYPwHf font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free Pancake & Baking Mix, 25 LB</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">8649</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $86.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/pamelas-baking-pancake-mix-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849771264-social_post_FYPwHf')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/pamelas-baking-pancake-mix-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849771264-social_post_FYPwHf')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free Pancake &amp;amp; Baking Mix, 25 LB&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7431849771264&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 8649,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                              
                              <img
                                src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                alt=""
                                height="1000"
                                width="1000"
                                loading="lazy"
                                class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                              >
                              
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_7.jpg?v=1635491001&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="640"
                                  height="640"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="false"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="false"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                        
                                        <img
                                          src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                          alt=""
                                          height="1000"
                                          width="1000"
                                          loading="lazy"
                                          class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                                        >
                                        
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>Happy <a href="https://www.instagram.com/explore/tags/nationaldonutday/">#nationaldonutday</a>! We are obsessed with these Gluten-Free Key Lime Donuts by <a href="https://www.instagram.com/grain.changer/">@grain.changer</a>. The perfect summer time donut!</p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>Happy <a href="https://www.instagram.com/explore/tags/nationaldonutday/">#nationaldonutday</a>! We are obsessed with these Gluten-Free Key Lime Donuts by <a href="https://www.instagram.com/grain.changer/">@grain.changer</a>. The perfect summer time donut!</p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/BU27uCgADvg/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=100"
                                            alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."  
                                            width="2000"
                                            height="2000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_XxKXza font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free 1:1 All-Purpose Flour, 4 lb.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1949</div>
  <div class="target-compare-at-price hidden">1949</div>
  
  
<p class="price">
        $19.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_XxKXza')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_XxKXza')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7352443076864&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1949,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                     
                                      
                                      <a 
                                        href="/products/pamelas-all-purpose-flour-artisan-blend-25-lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap border-t pb-5 pt-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=100"
                                            alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"  
                                            width="1800"
                                            height="1800"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_XxKXza font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free 1:1 All-Purpose Flour, 25 LB</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">6289</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $62.89
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/pamelas-all-purpose-flour-artisan-blend-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849345280-social_post_XxKXza')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/pamelas-all-purpose-flour-artisan-blend-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849345280-social_post_XxKXza')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 25 LB&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7431849345280&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 6289,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
<div class="x-container-quickview-content h-[100vh] lg:h-auto lg:max-h-[85vh] scrollbar-body scrollbar-visible pr-4 pl-4 md:pr-12 md:pl-12 pt-12 pb-12 lg:p-0 w-full splide__slide x-splide-slide overflow-auto lg:overflow-hidden">
                      <div class="flex flex-col lg:flex-row h-full">
                        
                        
                          <div class="flex gap-4 items-center mb-4 md:mb-6 lg:hidden">
                            
                              
                              <img
                                src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                alt=""
                                height="1000"
                                width="1000"
                                loading="lazy"
                                class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                              >
                              
                            
                            
                                <span class="font-semibold">@pamelasproducts</span>
                            
                          </div>
                        
                                              
                        
                          <div 
                            class="flex-shrink-0 w-full disable-effect  lg:max-w-[45%]  overflow-hidden flex rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] aspect-square"                            
                          >
                            
                              <picture class="w-full ">
                                
                                <img class="w-full aspect-square  object-cover  z-0 rounded-[10px] lg:rounded-tr-none lg:rounded-br-none lg:rounded-tl-[10px] lg:rounded-bl-[10px] animate-Xpulse skeleton-image"
                                  srcset="//www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&width=375 375w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&width=450 450w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&width=750 750w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&width=900 900w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&width=1100 1100w,
                                    //www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&width=1500 1500w"
                                  src="//www.pamelasproducts.com/cdn/shop/files/insta_8.jpg?v=1635491001&width=1500"
                                  alt=""
                                  loading="lazy"
                                  onload="requestAnimationFrame(() => { this.classList.add('active'); this.closest('.skeleton-image')?.classList.remove('animate-Xpulse', 'skeleton-image'); });"
                                  sizes="(min-width: 1024px)466px, (min-width: 768px) 100vw"
                                  width="1080"
                                  height="1080"
                                  style="
                                  object-position: 50.0% 50.0%;
                                  
                                  "
                                  
                                    @resize.window="$nextTick(() => { 
                                      if (window.innerWidth > 1024) {
                                        const imageHeight = $el.getBoundingClientRect().height;
                                        if (imageHeight > 0) {
                                          $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                        }
                                      }
                                    })"
                                    x-init="document.addEventListener(`eurus:template--22369745338624__social_feeds_pKUzYE:splide-ready`, () => {
                                      $nextTick(() => {
                                        if (window.innerWidth > 1024) {
                                          const imageHeight = $el.getBoundingClientRect().height;
                                          if (imageHeight > 0) {
                                            $el.closest('.x-container-quickview-content').style.height = $el.getBoundingClientRect().height + 'px'
                                          }
                                        }
                                      })
                                    })"
                                  
                                >
                                
                              </picture>
                            
                          </div>
                        
                        
                        <div class="lg:hidden md:flex hidden items-center justify-between pt-6 pb-6">
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                            class="flex pr-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="previous slide"
                            :disabled="false"
                          >
                            <span class="rotate-90 rtl:-rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                            <span class="uppercase font-medium">Previous</span>
                          </button>
                          <button 
                            @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                            class="flex pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                            aria-label="next slide"
                            :disabled="true"
                          >
                            <span class="uppercase font-medium">Next</span>
                            <span class="-rotate-90 rtl:rotate-90 w-4 h-4 block">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>       
                          </button>
                        </div>
                        
                        <div class="flex flex-col w-full flex-1 justify-between ">
                          <div class="flex flex-col lg:flex-row h-full overflow-hidden">        
                                           
                            
                              <div class="flex flex-col lg:pr-9 lg:pl-9 lg:pt-12 lg:pb-4 lg:flex-1 lg:border-r rtl:lg:border-l">
                                <div class="flex flex-col overflow-auto scrollbar-body scrollbar-visible">
                                  
                                    <div class="lg:flex hidden gap-4 items-center mb-6">
                                      
                                        
                                        <img
                                          src="//www.pamelasproducts.com/cdn/shop/files/Pamelas-Build-a-Bundle-thumb.png?v=1767806978&width=60"
                                          alt=""
                                          height="1000"
                                          width="1000"
                                          loading="lazy"
                                          class="w-[52px] h-[52px] object-cover object-center rounded-full instagram-social-background"
                                        >
                                        
                                      
                                      
                                          <span class="font-semibold">@pamelasproducts</span>
                                      
                                    </div>
                                  
                                  
                                    <div class="rte leading-tight pointer-events-auto p-break-words hidden lg:block mb-6">
                                      <p>Kabocha Empanadas with Gruyère & Thyme: because baking season doesn't always mean sweets! Sarah from Snixy Kitchen wrapped deliciously savory filling in crust made with our All-Purpose Artisan Flour blend, and shared the recipe with all of us.<br/>Which is great, but we want her to share the empanadas!<br/>Get the recipe: https://www.snixykitchen.com/kabocha-empanadas-with-gruyere-thyme-gluten-free/ 📷: <a href="https://www.instagram.com/snixykitchen/">@snixykitchen</a>.<br/>.<br/>.<br/>.<br/>.<br/><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#pamelasproducts</a><a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#alwaysglutenfree</a><a href="https://www.instagram.com/explore/tags/femaleentrepreneur/">#femaleentrepreneur</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a><a href="https://www.instagram.com/explore/tags/glutenfreelife/">#glutenfreelife</a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#glutenfreepancakes</a><a href="https://www.instagram.com/explore/tags/celiacsafe/">#celiacsafe</a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#glutenfreebaking</a><a href="https://www.instagram.com/explore/tags/celiac/">#celiac</a><a href="https://www.instagram.com/explore/tags/bakersgonnabake/">#bakersgonnabake</a><a href="https://www.instagram.com/explore/tags/thenewhealthy/">#thenewhealthy</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a><a href="https://www.instagram.com/thefeedfeed/">@thefeedfeed</a><a href="https://www.instagram.com/explore/tags/feedfeedbaking/">#feedfeedbaking</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree</a><a href="https://www.instagram.com/explore/tags/goodmoodfood/">#goodmoodfood</a><a href="https://www.instagram.com/explore/tags/bombesquad/">#bombesquad</a><a href="https://www.instagram.com/explore/tags/healthyish/">#healthyish</a><a href="https://www.instagram.com/explore/tags/eeeeeats/">#eeeeeats</a><a href="https://www.instagram.com/explore/tags/makesmewhole/">#makesmewhole</a><a href="https://www.instagram.com/explore/tags/empanadas/">#empanadas</a><a href="https://www.instagram.com/explore/tags/gruyere/">#gruyere</a><a href="https://www.instagram.com/explore/tags/kabocha/">#kabocha</a><a href="https://www.instagram.com/explore/tags/glutenfreecrust/">#glutenfreecrust</a><a href="https://www.instagram.com/explore/tags/pumpkin/">#pumpkin</a><a href="https://www.instagram.com/explore/tags/pumpkinlove/">#pumpkinlove</a><a href="https://www.instagram.com/explore/tags/empanada/">#empanada</a><a href="https://www.instagram.com/explore/tags/latinfood/">#latinfood</a><a href="https://www.instagram.com/explore/tags/handpie/">#handpie</a><a href="https://www.instagram.com/explore/tags/handpies/">#handpies</a></p>
                                    </div>
                                    <div class="rte leading-tight pointer-events-auto p-break-words block mt-2 md:mt-0 lg:hidden mb-4 md:mb-6">
  <div class="rte"><p>Kabocha Empanadas with Gruyère & Thyme: because baking season doesn't always mean sweets! Sarah from Snixy Kitchen wrapped deliciously savory filling in crust made with our All-Purpose Artisan Flour blend, and shared the recipe with all of us.<br/>Which is great, but we want her to share the empanadas!<br/>Get the recipe: https://www.snixykitchen.com/kabocha-empanadas-with-gruyere-thyme-gluten-free/ 📷: <a href="https://www.instagram.com/snixykitchen/">@snixykitchen</a>.<br/>.<br/>.<br/>.<br/>.<br/><a href="https://www.instagram.com/explore/tags/pamelasproducts/">#pamelasproducts</a><a href="https://www.instagram.com/explore/tags/alwaysglutenfree/">#alwaysglutenfree</a><a href="https://www.instagram.com/explore/tags/femaleentrepreneur/">#femaleentrepreneur</a><a href="https://www.instagram.com/explore/tags/glutenfree/">#glutenfree</a><a href="https://www.instagram.com/explore/tags/glutenfreetreats/">#glutenfreetreats</a><a href="https://www.instagram.com/explore/tags/glutenfreelife/">#glutenfreelife</a><a href="https://www.instagram.com/explore/tags/glutenfreepancakes/">#glutenfreepancakes</a><a href="https://www.instagram.com/explore/tags/celiacsafe/">#celiacsafe</a><a href="https://www.instagram.com/explore/tags/glutenfreebaking/">#glutenfreebaking</a><a href="https://www.instagram.com/explore/tags/celiac/">#celiac</a><a href="https://www.instagram.com/explore/tags/bakersgonnabake/">#bakersgonnabake</a><a href="https://www.instagram.com/explore/tags/thenewhealthy/">#thenewhealthy</a><a href="https://www.instagram.com/explore/tags/feedfeed/">#feedfeed</a><a href="https://www.instagram.com/thefeedfeed/">@thefeedfeed</a><a href="https://www.instagram.com/explore/tags/feedfeedbaking/">#feedfeedbaking</a><a href="https://www.instagram.com/explore/tags/feedfeedglutenfree/">#feedfeedglutenfree</a><a href="https://www.instagram.com/explore/tags/goodmoodfood/">#goodmoodfood</a><a href="https://www.instagram.com/explore/tags/bombesquad/">#bombesquad</a><a href="https://www.instagram.com/explore/tags/healthyish/">#healthyish</a><a href="https://www.instagram.com/explore/tags/eeeeeats/">#eeeeeats</a><a href="https://www.instagram.com/explore/tags/makesmewhole/">#makesmewhole</a><a href="https://www.instagram.com/explore/tags/empanadas/">#empanadas</a><a href="https://www.instagram.com/explore/tags/gruyere/">#gruyere</a><a href="https://www.instagram.com/explore/tags/kabocha/">#kabocha</a><a href="https://www.instagram.com/explore/tags/glutenfreecrust/">#glutenfreecrust</a><a href="https://www.instagram.com/explore/tags/pumpkin/">#pumpkin</a><a href="https://www.instagram.com/explore/tags/pumpkinlove/">#pumpkinlove</a><a href="https://www.instagram.com/explore/tags/empanada/">#empanada</a><a href="https://www.instagram.com/explore/tags/latinfood/">#latinfood</a><a href="https://www.instagram.com/explore/tags/handpie/">#handpie</a><a href="https://www.instagram.com/explore/tags/handpies/">#handpies</a></p></div>
</div>
                                  
                                  
                                    
                                    <a
                                      href="https://www.instagram.com/p/B6lWEW0p08n/"
                                       target="_blank"
                                      class="button button-template--22369745338624__social_feeds_pKUzYE w-fit flex gap-3 items-center mb-4 md:mb-6 lg:mb-[1px] pt-2.5 pb-2.5 pl-7 pr-7 md:pl-8 md:pr-8 md:pt-4 md:pb-4 button-outline text-center border empty:hidden leading-normal"
                                    >
                                      
                                        <div class="w-4 h-4">
    <svg class="" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</div>
                                      
                                      
<div class="flex justify-center ">
  
    
      
        <span class="button-text  is-focus-button:opacity-0">View on social</span>
      
    
  
  
</div>                               
                                    </a>
                                  
                                </div>
                              </div>
                            
                            
                              <div class="flex flex-col mt-4 md:mt-9 lg:mt-12 lg:mb-4 lg:mr-9 rtl:lg:ml-9 rtl:lg:mr-0 lg:pl-9 rtl:lg:pr-9 rtl:lg:pl-0 flex-1 overflow-auto scrollbar-body scrollbar-visible">
                                <div class="flex flex-col"> 
                                                             
                                     
                                      
                                      <a 
                                        href="/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap  pb-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/products/PAM_BAKING_AllPurposeFlour_4lb_Front.png?v=1660263951&width=100"
                                            alt="Gluten-Free 1:1 All-Purpose Flour, 4 lb."  
                                            width="2000"
                                            height="2000"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_JFg4QT font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free 1:1 All-Purpose Flour, 4 lb.</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">1949</div>
  <div class="target-compare-at-price hidden">1949</div>
  
  
<p class="price">
        $19.49
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_JFg4QT')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/gluten-free-all-purpose-flour-artisan-blend-4lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7352443076864-social_post_JFg4QT')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 4 lb.&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7352443076864&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 1949,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                     
                                      
                                      <a 
                                        href="/products/pamelas-all-purpose-flour-artisan-blend-25-lb"
                                        class="flex w-full items-center h-full min-h-fit pr-6 gap-4 md:flex-wrap 2xl:flex-nowrap border-t pb-5 pt-5" 
                                      >
                                        
                                          
                                          <img
                                            src="//www.pamelasproducts.com/cdn/shop/files/PAM_AllPurposeFlourMix_25lb_1800x1800_copy.png?v=1749057391&width=100"
                                            alt="Pamela&#39;s Gluten Free all purpose flour 25 lb"  
                                            width="1800"
                                            height="1800"
                                            loading="lazy"
                                            class="w-16 h-16 object-cover aspect-square rounded-[10px]"
                                          />
                                          
                                        
                                        <div class="flex gap-4 justify-between h-fit flex-grow">
                                          <div class="flex-col">
                                            <p class="product-title-social_post_JFg4QT font-semibold mb-3 rte p-break-words line-clamp-2 rtl:text-right">Gluten-Free 1:1 All-Purpose Flour, 25 LB</p>
                                            <div class=" price leading-none ">
  <div class="target-price hidden">6289</div>
  <div class="target-compare-at-price hidden"></div>
  
  
<p class="price">
        $62.89
      </p>
    
    
  
</div>

                                          </div>
                                          <button
                                            x-show="$store.xQuickView && $store.xQuickView.enabled" x-cloak
                                            @click.prevent='$store.xQuickView && $store.xQuickView.open(); $store.xCustomerEvent.fire("product_selected", $el);' 
                                            x-on:mouseover="$store.xQuickView && $store.xQuickView.load('/products/pamelas-all-purpose-flour-artisan-blend-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849345280-social_post_JFg4QT')" 
                                            x-on:focus="$store.xQuickView && $store.xQuickView.load('/products/pamelas-all-purpose-flour-artisan-blend-25-lb', $el, 'template--22369745338624__social_feeds_pKUzYE-7431849345280-social_post_JFg4QT')" 
                                            class="button button-quickview-icon self-center label-btn-quickview button--quickview not-icon leading-normal empty:hidden z-50 h-full"
                                            :class="$store.xQuickView && $store.xQuickView.show_atc_button ? 'pt-3 pb-3 pl-3 pr-3 rounded-full button-disable-effect' : 'w-full pt-3 pb-3 button-solid'"
                                            x-customer-event-data="{
                                              &quot;product&quot;: {
                                                &quot;title&quot;: &quot;Gluten-Free 1:1 All-Purpose Flour, 25 LB&quot;,
                                                &quot;listName&quot;: &quot;&quot;,
                                                &quot;sku&quot;: &quot;7431849345280&quot;,
                                                &quot;currencyCode&quot;: &quot;USD&quot;,
                                                &quot;price&quot;: 6289,
                                                &quot;vendor&quot;: &quot;Pamela&amp;#39;s&quot;
                                              }
                                            }"
                                            aria-label="Button quickview"
                                          >
                                            <span x-show="$store.xQuickView && $store.xQuickView.show_atc_button" class="w-4 h-4 flex items-center"><svg width="100%" height="100%" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: none;">
    <path d="M28 8 a20 20 0 1 1 0 40 a20 20 0 1 1 0 -40 M42 42 L58 58 M28 20 V36 M20 28 H36" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
  </svg>
</span>
                                          </button>
                                        </div>
                                      </a>
                                      
                                                             
                                </div>
                              </div>
                            
                          </div>
                          <div class="lg:flex hidden items-center justify-center gap-3 pt-2 pb-2 border-t shrink-0">
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('<')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="previous slide"
                              :disabled="false"
                            >
                              <span class="uppercase font-medium">Previous</span>
                              
                                <svg class="rtl:rotate-180" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M10.6768 14.0303C10.7245 14.0778 10.802 14.0779 10.8496 14.0303C10.8971 13.9826 10.8971 13.9051 10.8496 13.8574L6.07422 9.08301C6.06945 9.07944 6.06476 9.07526 6.05957 9.07129C6.02057 9.04142 5.96821 8.99897 5.91113 8.94531C5.80159 8.84232 5.64938 8.67654 5.54199 8.4541C5.4303 8.22271 5.36131 7.91453 5.45703 7.57129C5.54715 7.24851 5.76295 6.97039 6.06738 6.73145L10.8496 1.94922C10.8973 1.90154 10.897 1.82401 10.8496 1.77637C10.8019 1.72864 10.7245 1.72865 10.6768 1.77637L4.63574 7.81641C4.58808 7.86407 4.5882 7.94152 4.63574 7.98926L10.6768 14.0303Z" fill="black" stroke="#818281" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                            <button 
                              @click="document.getElementById('x-popup-slideshow-template--22369745338624__social_feeds_pKUzYE').splide.go('>')"
                              class="flex pr-6 pl-6 pt-3 pb-3 gap-2.5 items-center z-10 opacity-100 disabled:cursor-not-allowed disabled:opacity-30"
                              aria-label="next slide"
                              :disabled="true"
                            >
                              <span class="uppercase font-medium">Next</span>                          
                              
                                <svg class="rtl:-rotate-180" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                                  <path d="M5.80249 14.0303C5.8502 14.078 5.92761 14.0779 5.97534 14.0303L12.0164 7.98926C12.0638 7.94151 12.064 7.86403 12.0164 7.81641L5.97534 1.77637C5.92762 1.72864 5.85021 1.72864 5.80249 1.77637C5.75494 1.82403 5.75476 1.90149 5.80249 1.94922L10.5759 6.72363C10.5811 6.72747 10.5869 6.73104 10.5925 6.73535C10.6315 6.76522 10.6839 6.80672 10.741 6.86035C10.8505 6.96333 11.0017 7.12998 11.1091 7.35254C11.2208 7.58386 11.2907 7.89126 11.1951 8.23438C11.1054 8.55578 10.8909 8.83302 10.5886 9.07129L5.80249 13.8574C5.75481 13.9052 5.75478 13.9826 5.80249 14.0303Z" fill="black" stroke="#282928" stroke-width="1.2"/>
                                </svg>
                              
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </template>
  </div>
</div>
</section><div id="shopify-section-template--22369745338624__flexible_area_ke8x9N" class="shopify-section section x-section section-flexible-area"><style data-shopify>
  .section-padding-template--22369745338624__flexible_area_ke8x9N {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  @media (min-width: 768px) { 
    .section-padding-template--22369745338624__flexible_area_ke8x9N {
      padding-top: 40px;
      padding-bottom: 60px;
    }
  }
  .content-width-template--22369745338624__flexible_area_ke8x9N {
    
      width: 100%;
    
  }
  .gap-template--22369745338624__flexible_area_ke8x9N {
    row-gap: 16px;
    column-gap: 16px;
  }
  @media (min-width: 768px) {
    .content-width-template--22369745338624__flexible_area_ke8x9N {
      
        width: 100%;
      
      
    }
    .gap-template--22369745338624__flexible_area_ke8x9N {
      row-gap: 10px;
      column-gap: 10px;
    }
  }
  .section-flexible-area-template--22369745338624__flexible_area_ke8x9N { 
    
      --colors-background: 255,255,255;}
  .dark .section-flexible-area-template--22369745338624__flexible_area_ke8x9N {
    
      --colors-background: 62,105,145;
    
  }
</style>
<div class="flexible-area section-flexible-area-template--22369745338624__flexible_area_ke8x9N justify-items-center bg-[rgba(var(--colors-background))] w-full section-padding-template--22369745338624__flexible_area_ke8x9N pl-5 pr-5 x-pgw page-width"><div class="mb-6 xl:mb-8 text-left w-full"><style data-shopify>.heading-template--22369745338624__flexible_area_ke8x9N { 
          font-size: 1.188rem; 
          
            --colors-heading: 62,105,145;}
        .dark .heading-template--22369745338624__flexible_area_ke8x9N {
          
            --colors-heading: 255,255,255;
          
        }
        @media screen and (min-width: 768px) {
          .heading-template--22369745338624__flexible_area_ke8x9N{ font-size: 1.98rem; }
        }
        .color-text--template--22369745338624__flexible_area_ke8x9N {
          
            color: #3e6991;
          
        }
        .dark .color-text--template--22369745338624__flexible_area_ke8x9N {
          
            color: #e1e3e1;
          
        }</style>
<div class="pt-2 pb-2">
          


<style data-shopify>
  
  .dark .heading-template--22369745338624__flexible_area_ke8x9N {
    
      --color-highlight: rgb(62, 105, 145);
    
  }
</style>



  
    <div class="overflow-hidden" x-intersect.once="$el.querySelector('.anm-move-up')?.classList.add('active-anm-heading'); setTimeout(() => { $el.querySelector('.anm-move-up')?.classList.remove('anm-move-up') }, 600)">
  

   
    <h2
      class='heading-template--22369745338624__flexible_area_ke8x9N h2 block leading-tight anm-move-up'> 
  
    
      
        Top Searches
      
    
  </h2>

  
    </div>
  

        </div>
    </div>
  
  <div x-data="xFlexibleArea" x-init="$nextTick(() => { initArea($el) });" class="flex flex-wrap content-width-template--22369745338624__flexible_area_ke8x9N gap-template--22369745338624__flexible_area_ke8x9N">
    


<style data-shopify>
  .ai-scrollable-menu-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
  }

  .ai-scrollable-menu-nav-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border:1px solid #333333;
    background-color: #ffffff;
    color: #333333;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.2s ease, background-color 0.2s ease;
    z-index: 2;
  }

  .ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe:hover:not(:disabled) {
    background-color: #f0f0f0;
    color: #000000;
  }

  .ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  .ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe:focus-visible {
    outline: 2px solid #14386d;
    outline-offset: 2px;
  }

  .ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
  }

  .ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe::-webkit-scrollbar {
    display: none;
  }

  .ai-scrollable-menu-list-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    display: flex;
    gap: 8px;
    padding: 8px 0;
    margin: 0;
    list-style: none;
    min-height: 60px;
    align-items: center;
  }

  .ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    flex-shrink: 0;
  }

  .ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 6px 24px;
    background-color: #d2eefb;
    color: #14386d;
    border: 1px solid #3e6991;
    border-radius: 20px;
    text-decoration: none;
    font-family: Poppins, sans-serif;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.2s ease;
    cursor: pointer;}

  .ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe:hover {
    background-color: #f3f6ef;
    color: #14386d;
    border-color: #14386d;
    transform: translateY(-1px);
  }

  .ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe:focus-visible {
    outline: 2px solid #14386d;
    outline-offset: 2px;
  }

  .ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe:active {
    transform: translateY(0);
  }

  @media (prefers-reduced-motion: reduce) {
    .ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe:hover {
      transform: none;
    }
    .ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
      scroll-behavior: auto;
    }
  }

  @media screen and (max-width: 749px) {
    .ai-scrollable-menu-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
      padding: 0 15px;
    }
    
    .ai-scrollable-menu-nav-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
      gap: 8px;
    }
    
    .ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
      width: 36px;
      height: 36px;
    }
    
    .ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
      font-size: 12.6px;
      padding: 4.8px 19.2px;
    }

    
      .ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
        display: none !important;
      }
      
      .ai-scrollable-menu-nav-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
        gap: 0;
      }
    
  }

  [dir="rtl"] .ai-scrollable-menu-list-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    direction: rtl;
  }

  .ai-scrollable-menu-empty-aellwd3hkzdrgbktdrscrollablelinksqjkixe {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    color: #666;
    font-style: italic;
    text-align: center;
  }
</style>

<scrollable-menu-aellwd3hkzdrgbktdrscrollablelinksqjkixe
  class="ai-scrollable-menu-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
  data-show-arrows-mobile="false"
  
>
  
    <nav
      class="ai-scrollable-menu-nav-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
      aria-label="Quick links"
    >
      <button
        class="ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe ai-scrollable-menu-prev-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
        aria-label="Scroll left"
        aria-controls="ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
        disabled
      >
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M10 12L6 8L10 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </button>

      <div
        class="ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
        id="ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
        role="region"
        aria-orientation="horizontal"
        tabindex="0"
      >
        <ul class="ai-scrollable-menu-list-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
          
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/products/gluten-free-baking-pancake-mix"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's pancake mix
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/collections/bulk"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                bulk gluten free bread flour
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/products/gluten-free-honey-grahams"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                gluten free graham crackers
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/blogs/recipes"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's baking mix recipes
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/blogs/recipes/banana-break-with-baking-pancake-mix"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's banana bread recipe
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's gluten free
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/blogs/recipes/gluten-free-pancakes"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's pancake recipe
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's gluten free flour
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/blogs/recipes/gluten-free-easy-monte-cristo-sandwiches"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                monte cristo sandwich recipe
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/blogs/recipes/gluten-free-drop-biscuits-2"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's drop biscuit recipe
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/collections/baking-mixes"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                gluten-free baking mixes
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/collections/bulk"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                gluten free bulk flour
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/collections/snacks-bars"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                whenever bars
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/collections/graham-crackers"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                gluten-free graham crackers
              </a>
            </li>
          
            <li class="ai-scrollable-menu-item-aellwd3hkzdrgbktdrscrollablelinksqjkixe">
              
              
              <a
                href="https://www.pamelasproducts.com/products/gluten-free-all-purpose-flour-artisan-blend-4lb"
                class="ai-scrollable-menu-button-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
                >
                pamela's gluten free flour
              </a>
            </li>
          
        </ul>
      </div>

      <button
        class="ai-scrollable-menu-arrow-aellwd3hkzdrgbktdrscrollablelinksqjkixe ai-scrollable-menu-next-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
        aria-label="Scroll right"
        aria-controls="ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe"
      >
        <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
          <path d="M6 4L10 8L6 12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
        </svg>
      </button>
    </nav>
  
</scrollable-menu-aellwd3hkzdrgbktdrscrollablelinksqjkixe>

<script>
  (function() {
    class ScrollableMenuaellwd3hkzdrgbktdrscrollablelinksqjkixe extends HTMLElement {
      constructor() {
        super();
        this.container = null;
        this.prevButton = null;
        this.nextButton = null;
        this.scrollAmount = 200;
        this.showArrowsMobile = this.dataset.showArrowsMobile === 'true';
      }

      connectedCallback() {
        this.container = this.querySelector('.ai-scrollable-menu-container-aellwd3hkzdrgbktdrscrollablelinksqjkixe');
        this.prevButton = this.querySelector('.ai-scrollable-menu-prev-aellwd3hkzdrgbktdrscrollablelinksqjkixe');
        this.nextButton = this.querySelector('.ai-scrollable-menu-next-aellwd3hkzdrgbktdrscrollablelinksqjkixe');

        if (!this.container || !this.prevButton || !this.nextButton) return;

        this.setupEventListeners();
        this.updateArrowStates();
        
        setTimeout(() => this.updateArrowStates(), 100);
      }

      setupEventListeners() {
        this.prevButton.addEventListener('click', () => this.scrollLeft());
        this.nextButton.addEventListener('click', () => this.scrollRight());
        
        this.container.addEventListener('scroll', () => this.updateArrowStates());
        
        this.container.addEventListener('keydown', (e) => {
          if (e.key === 'ArrowLeft') {
            e.preventDefault();
            this.scrollLeft();
          } else if (e.key === 'ArrowRight') {
            e.preventDefault();
            this.scrollRight();
          }
        });

        window.addEventListener('resize', () => this.updateArrowStates());
      }

      scrollLeft() {
        const isRTL = document.dir === 'rtl' ||document.documentElement.dir === 'rtl';
        const scrollDirection = isRTL ? this.scrollAmount : -this.scrollAmount;
        this.container.scrollBy({ left: scrollDirection, behavior: 'smooth' });
      }

      scrollRight() {
        const isRTL = document.dir === 'rtl' || document.documentElement.dir === 'rtl';
        const scrollDirection = isRTL ? -this.scrollAmount : this.scrollAmount;
        this.container.scrollBy({ left: scrollDirection, behavior: 'smooth' });
      }

      isMobile() {
        return window.innerWidth <= 749;
      }

      updateArrowStates() {
        const { scrollLeft, scrollWidth, clientWidth } = this.container;
        const isRTL = document.dir === 'rtl' || document.documentElement.dir === 'rtl';
        const isMobile = this.isMobile();
        
        const hasOverflow = scrollWidth > clientWidth;
        const shouldShowArrows = hasOverflow && (!isMobile || this.showArrowsMobile);
        
        if (!shouldShowArrows) {
          this.prevButton.disabled = true;
          this.nextButton.disabled = true;
          this.prevButton.style.display = 'none';
          this.nextButton.style.display = 'none';
          return;
        }

        this.prevButton.style.display = 'flex';
        this.nextButton.style.display = 'flex';

        if (isRTL) {
          const maxScrollLeft = -(scrollWidth - clientWidth);
          this.prevButton.disabled = scrollLeft >= -1;
          this.nextButton.disabled = scrollLeft <= maxScrollLeft + 1;
        } else {
          const maxScrollLeft = scrollWidth - clientWidth;
          this.prevButton.disabled = scrollLeft <= 1;
          this.nextButton.disabled = scrollLeft >= maxScrollLeft - 1;
        }

        this.prevButton.setAttribute('aria-disabled', this.prevButton.disabled);
        this.nextButton.setAttribute('aria-disabled', this.nextButton.disabled);
      }
    }

    customElements.define('scrollable-menu-aellwd3hkzdrgbktdrscrollablelinksqjkixe', ScrollableMenuaellwd3hkzdrgbktdrscrollablelinksqjkixe);
  })();
</script>


  </div>
</div>

<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/flexible-area.js?v=119913960888886388731778106754" defer></script>
</div>
      </main>
      
          <!-- BEGIN sections: footer-group -->
<section id="shopify-section-sections--22369736950016__177819089680e25a09" class="shopify-section shopify-section-group-footer-group section x-section section-apps"><div class="x-pgw page-width"><div id="shopify-block-AUXVQUUR3YXI5SEdKM__klaviyo_email_marketing_sms_form_embed_block_DU966P" class="shopify-block shopify-app-block">
  <div class="klaviyo-form-"></div>




</div></div>


</section><div id="shopify-section-sections--22369736950016__blocks_Mnimnx" class="shopify-section shopify-section-group-footer-group">

</div><div id="shopify-section-sections--22369736950016__footer" class="shopify-section shopify-section-group-footer-group section-footer">
<style data-shopify>
  #section-footer {
    contain: style layout;
  }
  .section-padding-sections--22369736950016__footer {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  @media (min-width: 768px) { 
    .section-padding-sections--22369736950016__footer {
      padding-top: 0px;
      padding-bottom: 20px;
    }
  }
</style>
<div id="section-footer" class="section-footer relative background-footer sticky-footer selection:bg-[rgba(var(--colors-text-footer),0.2)] section-padding-sections--22369736950016__footer"><div class="flex-wrap md:mb-5 md:border-b md:border-b-solid md:pt-12 md:pb-7">
        <div class="pt-6 md:pt-0 md:flex justify-center md:mt-auto md:mb-auto md:mr-auto md:ml-auto md:pr-0 rtl:md:pr-5 rtl:md:pl-0 x-pgw page-width flex-wrap">
            <div class="footer-col--1 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-0 w-full md:w-1/4 ltr" ><div x-data="{ open: true }" class="pt-4 pb-4 border-b border-b-solid md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">Deliciously gluten-free since 1988.</p>
                        
                      </div><style data-shopify>
                        .image-text_U7Re73 {
                          width: 150px;
                        }
                      </style>
                      

                    <div class="hidden md:block">
                      
<div class="image-text_U7Re73 h-full inline-block overflow-hidden mt-6 rounded-[10px]">
                          <img src="//www.pamelasproducts.com/cdn/shop/files/Pamelas_White_Logo.png?v=1627490965&amp;width=1500" srcset="//www.pamelasproducts.com/cdn/shop/files/Pamelas_White_Logo.png?v=1627490965&amp;width=300 300w" width="1500" height="833" loading="lazy" class="image-hover" sizes="300px">
                        </div><div class="rte mt-2"><p>Pamela’s is crafted with carefully selected ingredients, thoughtfully sourced, and made without compromise—because what we leave out matters just as much as what we put in. From pantry staples to everyday treats, we’re here to make better-for-you taste amazing.</p></div><div class="mt-2">
                          
<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
    
      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
<li>
      <a href="https://www.facebook.com/pamelasproducts" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.pinterest.com/pamelasproducts/" target="blank" aria-label="Pinterest" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.instagram.com/pamelasproducts/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</a>
    </li></ul>
     </div>
                        </div>
                    </div>
                    <div class="md:hidden" x-show="open" x-collapse x-cloak>
                      
<div class="image-text_U7Re73 h-full inline-block overflow-hidden mt-6 rounded-[10px]">
                          <img src="//www.pamelasproducts.com/cdn/shop/files/Pamelas_White_Logo.png?v=1627490965&amp;width=1500" srcset="//www.pamelasproducts.com/cdn/shop/files/Pamelas_White_Logo.png?v=1627490965&amp;width=300 300w" width="1500" height="833" loading="lazy" class="image-hover" sizes="300px">
                        </div><div class="rte mt-2"><p>Pamela’s is crafted with carefully selected ingredients, thoughtfully sourced, and made without compromise—because what we leave out matters just as much as what we put in. From pantry staples to everyday treats, we’re here to make better-for-you taste amazing.</p></div><div class="mt-2">
                          
<div id="selector-social" class=" flex flex-col items-center md:items-start mr-auto ml-auto">
    
      <ul class="social-list flex  flex-wrap pt-2.5 pb-2.5 gap-2 justify-center md:justify-start" role="list">
<li>
      <a href="https://www.facebook.com/pamelasproducts" target="blank" aria-label="Facebook" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.6477 13.4987L18.322 9.15733H14.1091V6.34132C14.1091 5.15199 14.6971 3.99467 16.5851 3.99467H18.5V0.293323C18.5 0.293323 16.7631 0 15.0963 0C11.6278 0 9.35684 2.07999 9.35684 5.84533V9.15733H5.5V13.4987H9.35684V24H14.1037V13.4987H17.6477Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.pinterest.com/pamelasproducts/" target="blank" aria-label="Pinterest" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M12 0C5.37188 0 0 5.37188 0 12C0 17.0859 3.16406 21.4266 7.62656 23.175C7.52344 22.2234 7.425 20.7703 7.66875 19.7344C7.88906 18.7969 9.075 13.7719 9.075 13.7719C9.075 13.7719 8.71406 13.0547 8.71406 11.9906C8.71406 10.3219 9.67969 9.075 10.8844 9.075C11.9062 9.075 12.4031 9.84375 12.4031 10.7672C12.4031 11.7984 11.7469 13.3359 11.4094 14.7609C11.1281 15.9562 12.0094 16.9313 13.1859 16.9313C15.3187 16.9313 16.9594 14.6812 16.9594 11.4375C16.9594 8.56406 14.8969 6.55313 11.9484 6.55313C8.53594 6.55313 6.52969 9.1125 6.52969 11.7609C6.52969 12.7922 6.92812 13.8984 7.425 14.4984C7.52344 14.6156 7.5375 14.7234 7.50937 14.8406C7.42031 15.2203 7.21406 16.0359 7.17656 16.2C7.125 16.4203 7.00313 16.4672 6.77344 16.3594C5.27344 15.6609 4.33594 13.4719 4.33594 11.7094C4.33594 7.92188 7.0875 4.44844 12.2625 4.44844C16.425 4.44844 19.6594 7.41563 19.6594 11.3813C19.6594 15.5156 17.0531 18.8438 13.4344 18.8438C12.2203 18.8438 11.0766 18.2109 10.6828 17.4656C10.6828 17.4656 10.0828 19.7578 9.9375 20.3203C9.66562 21.3609 8.93437 22.6688 8.44687 23.4656C9.57187 23.8125 10.7625 24 12 24C18.6281 24 24 18.6281 24 12C24 5.37188 18.6281 0 12 0Z" fill="currentColor"/>
    </svg>
  
</a>
    </li><li>
      <a href="https://www.instagram.com/pamelasproducts/" target="blank" aria-label="Instagram" class="flex disable-effect hover-text-link w-11 h-11 pt-3 pr-3 pb-3 pl-3 border border-solid rounded-full">
    <svg class="icon-animation" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="currentColor">
      <path 
        d="M12.007 2.1622C15.2152 2.1622 15.5951 2.17628 16.8568 2.23256C18.0293 2.28415 18.6625 2.48114 19.0846 2.6453C19.6428 2.86105 20.0461 3.12371 20.4636 3.54114C20.8857 3.96326 21.1436 4.36193 21.3594 4.92007C21.5236 5.34219 21.7205 5.98007 21.7721 7.14794C21.8284 8.4143 21.8425 8.79422 21.8425 11.9977C21.8425 15.2058 21.8284 15.5857 21.7721 16.8474C21.7205 18.0199 21.5236 18.6531 21.3594 19.0752C21.1436 19.6334 20.881 20.0367 20.4636 20.4542C20.0414 20.8763 19.6428 21.1343 19.0846 21.35C18.6625 21.5142 18.0246 21.7112 16.8568 21.7628C15.5904 21.819 15.2105 21.8331 12.007 21.8331C8.79891 21.8331 8.419 21.819 7.15732 21.7628C5.98476 21.7112 5.35157 21.5142 4.92945 21.35C4.37131 21.1343 3.96795 20.8716 3.55052 20.4542C3.1284 20.0321 2.87043 19.6334 2.65468 19.0752C2.49052 18.6531 2.29353 18.0152 2.24194 16.8474C2.18566 15.581 2.17159 15.2011 2.17159 11.9977C2.17159 8.78953 2.18566 8.40961 2.24194 7.14794C2.29353 5.97538 2.49052 5.34219 2.65468 4.92007C2.87043 4.36193 3.13309 3.95857 3.55052 3.54114C3.97264 3.11901 4.37131 2.86105 4.92945 2.6453C5.35157 2.48114 5.98945 2.28415 7.15732 2.23256C8.419 2.17628 8.79891 2.1622 12.007 2.1622ZM12.007 0C8.74731 0 8.33926 0.0140707 7.05882 0.0703537C5.78308 0.126637 4.906 0.333008 4.14618 0.628493C3.35353 0.93805 2.68282 1.3461 2.01681 2.01681C1.3461 2.68282 0.93805 3.35353 0.628493 4.14149C0.333008 4.906 0.126637 5.77839 0.0703537 7.05413C0.0140707 8.33926 0 8.74731 0 12.007C0 15.2668 0.0140707 15.6748 0.0703537 16.9552C0.126637 18.231 0.333008 19.1081 0.628493 19.8679C0.93805 20.6605 1.3461 21.3312 2.01681 21.9973C2.68282 22.6633 3.35353 23.076 4.14149 23.3809C4.906 23.6764 5.77839 23.8827 7.05413 23.939C8.33457 23.9953 8.74262 24.0094 12.0023 24.0094C15.2621 24.0094 15.6701 23.9953 16.9506 23.939C18.2263 23.8827 19.1034 23.6764 19.8632 23.3809C20.6512 23.076 21.3219 22.6633 21.9879 21.9973C22.6539 21.3312 23.0666 20.6605 23.3715 19.8726C23.667 19.1081 23.8734 18.2357 23.9296 16.9599C23.9859 15.6795 24 15.2714 24 12.0117C24 8.752 23.9859 8.34395 23.9296 7.06351C23.8734 5.78777 23.667 4.91069 23.3715 4.15087C23.076 3.35353 22.668 2.68282 21.9973 2.01681C21.3313 1.35079 20.6605 0.93805 19.8726 0.633183C19.1081 0.337698 18.2357 0.131327 16.9599 0.075044C15.6748 0.0140707 15.2668 0 12.007 0Z
          M12.007 5.83936C8.60191 5.83936 5.83936 8.60191 5.83936 12.007C5.83936 15.4122 8.60191 18.1747 12.007 18.1747C15.4122 18.1747 18.1747 15.4122 18.1747 12.007C18.1747 8.60191 15.4122 5.83936 12.007 5.83936ZM12.007 16.0078C9.79792 16.0078 8.00625 14.2161 8.00625 12.007C8.00625 9.79792 9.79792 8.00625 12.007 8.00625C14.2161 8.00625 16.0078 9.79792 16.0078 12.007C16.0078 14.2161 14.2161 16.0078 12.007 16.0078Z
          M19.8586 5.59543C19.8586 6.39277 19.2113 7.03533 18.4187 7.03533C17.6213 7.03533 16.9788 6.38808 16.9788 5.59543C16.9788 4.79808 17.626 4.15552 18.4187 4.15552C19.2113 4.15552 19.8586 4.80277 19.8586 5.59543Z"
        />
    </svg>
  
</a>
    </li></ul>
     </div>
                        </div>
                    </div>
                  </div></div>
            <div class="footer-col--2 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">Products</p>
                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                      </div>
                      <ul class="mt-6 hidden md:block">
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/collections/curated-packs" class="hover-text-link nav-link relative block lg:inline-block">
                              Starter Packs
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/pancake-mixes" class="hover-text-link nav-link relative block lg:inline-block">
                              Pancake Mixes
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/baking-mixes" class="hover-text-link nav-link relative block lg:inline-block">
                              Baking Mixes
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/gluten-free-all-purpose-flours" class="hover-text-link nav-link relative block lg:inline-block">
                              Gluten-Free Flours
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/snacks-bars" class="hover-text-link nav-link relative block lg:inline-block">
                              Snack Bars
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/graham-crackers" class="hover-text-link nav-link relative block lg:inline-block">
                              Graham Crackers
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/cookies" class="hover-text-link nav-link relative block lg:inline-block">
                              Cookies & Figgies
                            </a>
                          </li>
                      </ul>
                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/collections/curated-packs" class="hover-text-link nav-link relative block lg:inline-block">
                              Starter Packs
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/pancake-mixes" class="hover-text-link nav-link relative block lg:inline-block">
                              Pancake Mixes
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/baking-mixes" class="hover-text-link nav-link relative block lg:inline-block">
                              Baking Mixes
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/gluten-free-all-purpose-flours" class="hover-text-link nav-link relative block lg:inline-block">
                              Gluten-Free Flours
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/snacks-bars" class="hover-text-link nav-link relative block lg:inline-block">
                              Snack Bars
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/graham-crackers" class="hover-text-link nav-link relative block lg:inline-block">
                              Graham Crackers
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/collections/cookies" class="hover-text-link nav-link relative block lg:inline-block">
                              Cookies & Figgies
                            </a>
                          </li>
                      </ul></div></div>
            <div class="footer-col--3 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">Learn more</p>
                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                      </div>
                      <ul class="mt-6 hidden md:block">
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/pages/allergy-information" class="hover-text-link nav-link relative block lg:inline-block">
                              Allergy & Dietary Information
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block">
                              Our Story
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/frequently-asked-questions" class="hover-text-link nav-link relative block lg:inline-block">
                              FAQ's
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/accessibility-statement" class="hover-text-link nav-link relative block lg:inline-block">
                              Accessibility Statement
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/verified-customer-reviews" class="hover-text-link nav-link relative block lg:inline-block">
                              Verified Customer Reviews
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/worlds-greatest-pancake" class="hover-text-link nav-link relative block lg:inline-block">
                              World's Greatest Pancake
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/blogs/gluten-free-living" class="hover-text-link nav-link relative block lg:inline-block">
                              Pamela’s Guide to Gluten-Free Living
                            </a>
                          </li>
                      </ul>
                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/pages/allergy-information" class="hover-text-link nav-link relative block lg:inline-block">
                              Allergy & Dietary Information
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/our-story" class="hover-text-link nav-link relative block lg:inline-block">
                              Our Story
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/frequently-asked-questions" class="hover-text-link nav-link relative block lg:inline-block">
                              FAQ's
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/accessibility-statement" class="hover-text-link nav-link relative block lg:inline-block">
                              Accessibility Statement
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/verified-customer-reviews" class="hover-text-link nav-link relative block lg:inline-block">
                              Verified Customer Reviews
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/worlds-greatest-pancake" class="hover-text-link nav-link relative block lg:inline-block">
                              World's Greatest Pancake
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/blogs/gluten-free-living" class="hover-text-link nav-link relative block lg:inline-block">
                              Pamela’s Guide to Gluten-Free Living
                            </a>
                          </li>
                      </ul></div></div>
            <div class="footer-col--4 md:pr-5 rtl:md:pr-0 md:first:pl-0 rtl:md:pl-5 rtl:md:first:pr-0 md:mb-7 md:pl-10 rtl:md:pl-0 rtl:md:pr-10 w-full md:w-1/4 ltr" ><div x-data="{ open: false }" class="pt-4 pb-4 border-b md:border-none"><div @click="open = ! open" class="relative pr-5 rtl:pr-0 rtl:pl-5 cursor-pointer md:cursor-default duration-200 transition">
                        <p class="h6 text-[115%]">Resources</p>
                        <span class="md:hidden absolute w-2.5	h-2.5 top-1/2 -translate-y-1/2 duration-500 flex right-3.5 rtl:right-auto rtl:left-3.5" :class="open ? 'rotate-180' : ''">
    <svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path fill="none" d="M23 7L12 18L0.999999 7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
    </svg>
</span>
                      </div>
                      <ul class="mt-6 hidden md:block">
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/pages/store-locator" class="hover-text-link nav-link relative block lg:inline-block">
                              Store Locator
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
                              Contact Us
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/returns-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              Shipping & Returns
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              Privacy Policy
                            </a>
                          </li>
                      </ul>
                      <ul class="md:hidden" x-show="open" x-collapse x-cloak>
                        
<li class="mb-1 mt-6 md:mt-0 first:pt-0 pt-2">
                            <a href="/pages/store-locator" class="hover-text-link nav-link relative block lg:inline-block">
                              Store Locator
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/contact-us" class="hover-text-link nav-link relative block lg:inline-block">
                              Contact Us
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/pages/returns-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              Shipping & Returns
                            </a>
                          </li><li class="mb-1  first:pt-0 pt-2">
                            <a href="/policies/privacy-policy" class="hover-text-link nav-link relative block lg:inline-block">
                              Privacy Policy
                            </a>
                          </li>
                      </ul></div></div></div></div><div class="additional-footer ltr mr-5 ml-5"
  >
    <div class="flex flex-col"><div class="flex flex-col items-center lg:mt-2 order-last">
        <div class="mt-4 md:mt-4 base-link text-center lg:mt-0 p-break-words"><p class="inline-block">&copy; 2026, </p>
            <a href="/" title="">Pamela&#39;s Products</a>.
        </div>
      </div></div>
  </div>
</div>
</div><div id="shopify-section-sections--22369736950016__177852730523583a88" class="shopify-section shopify-section-group-footer-group"><div id="shopify-block-AKytlaG0rc3g4ZjFUc__ai_gen_block_62bcced_GLjNnt" class="shopify-block">


<style data-shopify>
  .ai-footer-disclaimer-akytlag0rc3g4zjfucaigenblock62bccedgljnnt {
    display: block;
    width: 100%;
    padding: 0px 20px 5px;
    background-color: #3e6991;
    border-top: 1px solid rgba(0,0,0,0);
  }

  .ai-footer-disclaimer__container-akytlag0rc3g4zjfucaigenblock62bccedgljnnt {
    max-width: 1400px;
    margin: 0 auto;
  }

  .ai-footer-disclaimer__content-akytlag0rc3g4zjfucaigenblock62bccedgljnnt {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
  }

  .ai-footer-disclaimer__content-akytlag0rc3g4zjfucaigenblock62bccedgljnnt p {
    margin: 0 0 10px;
  }

  .ai-footer-disclaimer__content-akytlag0rc3g4zjfucaigenblock62bccedgljnnt p:last-child {
    margin-bottom: 0;
  }

  .ai-footer-disclaimer__content-akytlag0rc3g4zjfucaigenblock62bccedgljnnt a {
    color: #fb8500;
    text-decoration: underline;
  }

  .ai-footer-disclaimer__content-akytlag0rc3g4zjfucaigenblock62bccedgljnnt a:hover {
    color: #000000;
  }

  @media screen and (max-width: 749px) {
    .ai-footer-disclaimer-akytlag0rc3g4zjfucaigenblock62bccedgljnnt {
      padding: 20px 15px 20px;
    }

    .ai-footer-disclaimer__content-akytlag0rc3g4zjfucaigenblock62bccedgljnnt {
      font-size: 14px;
      text-align: center;
    }
  }
</style>

<div class="ai-footer-disclaimer-akytlag0rc3g4zjfucaigenblock62bccedgljnnt" >
  <div class="ai-footer-disclaimer__container-akytlag0rc3g4zjfucaigenblock62bccedgljnnt">
    
      <div class="ai-footer-disclaimer__content-akytlag0rc3g4zjfucaigenblock62bccedgljnnt">
        <p>Disclaimer: *Free shipping does not apply to bulk 25 lb sizes.</p>
      </div>
    
  </div>
</div>


</div>


</div><div id="shopify-section-sections--22369736950016__quick_links_WVDx7m" class="shopify-section shopify-section-group-footer-group section section-quick-links x-section">
<style data-shopify>
  .content-sections--22369736950016__quick_links_WVDx7m {
    column-gap: 12px;
    row-gap: 12px;
  }
  .content-sections--22369736950016__quick_links_WVDx7m .quick-link-item {
    flex-basis: 100%;
  }
  .section-sections--22369736950016__quick_links_WVDx7m {
    
    font-weight: var(--font-heading-weight);
  }
  .dark .section-sections--22369736950016__quick_links_WVDx7m {
      --colors-text: 225, 227, 225;
    
  }
  .dark .bg-sections--22369736950016__quick_links_WVDx7m.background-footer {
    
      background: rgb(var(--background-color-footer));
    
  }
  @media screen and (min-width: 768px) {.content-sections--22369736950016__quick_links_WVDx7m .quick-link-item:not(:last-child):after {
        content: "";
        border-right: 1px solid rgba(var(--colors-text));
        position: absolute;
        height: 100%;
        top: 0;
        right: -20px;
      }.content-sections--22369736950016__quick_links_WVDx7m {
      column-gap: 40px;
    }
    .content-sections--22369736950016__quick_links_WVDx7m .quick-link-item {
      flex-basis: auto;
    }
  }
  .section-padding-sections--22369736950016__quick_links_WVDx7m {
    padding-top: 12px;
    padding-bottom: 32px;
  }
  @media (min-width: 768px) { 
    .section-padding-sections--22369736950016__quick_links_WVDx7m {
      padding-top: 12px;
      padding-bottom: 32px;
    }
  }
</style>
<div class="section-sections--22369736950016__quick_links_WVDx7m bg-sections--22369736950016__quick_links_WVDx7m ltr background-footer section-quick-links text-[rgb(var(--colors-text))] selection:bg-[rgba(var(--colors-text-footer),0.2)] section-padding-sections--22369736950016__quick_links_WVDx7m">
  <div x-intersect.once="$el.classList.add('is-visible')" class="content-sections--22369736950016__quick_links_WVDx7m anm-fade-element x-pgw page-width flex-wrap flex justify-centerrtl:justify-center md:justify-center rtl:md:justify-center"><div class="quick-link-item relative text-center rtl:text-center"><a href="/policies/terms-of-service" class="nav-link hover-text-link leading-[initial] relative">
              Terms of Service
            </a></div><div class="quick-link-item relative text-center rtl:text-center"><a href="/pages/returns-policy" class="nav-link hover-text-link leading-[initial] relative">
              Refund Policy
            </a></div><div class="quick-link-item relative text-center rtl:text-center"><a href="/policies/privacy-policy" class="nav-link hover-text-link leading-[initial] relative">
              Privacy Policy
            </a></div><div class="quick-link-item relative text-center rtl:text-center"><a href="/pages/accessibility-statement" class="nav-link hover-text-link leading-[initial] relative">
              Accessibility Statement
            </a></div></div>
</div>
</div>
<!-- END sections: footer-group -->
        
      
<div id="eurus-popup" class="fixed duration-500 inset-0 z-[100] pointer-events-none md:block flex flex-col-reverse h-fit top-[unset] md:h-full md:top-0" x-cloak></div>

<div id="popup-minimal-left"
  class="popup-minimal fixed z-50 bottom-4 md:bottom-8 left-4 md:left-8 pointer-events-auto pr-4 md:pr-8"
></div>
      
      
    </div>
    <div><ul hidden>
        <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.
        </li>
        <li id="a11y-new-window-message">Opens in a new window.
        </li>
      </ul>
      <script>
        window.Eurus = {
          sliderScript: '//www.pamelasproducts.com/cdn/shop/t/25/assets/splide4.1.3.js?v=75458750262329959491778106754',
          cart_error: `There was an error while updating your cart. Please try again.`,
          cart_quantity_error_html: `You can only add [quantity] of this item to your cart.`,
          loadedScript: new Set(),
          cart_add_url: '/cart/add'
        };
      </script>
      
      
        <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/share-cart.js?v=165484134198183469051778106754" defer></script>
      
      
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/coupon-code.js?v=135514657843889770711778106754" defer></script>

        <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/product-recommendations.js?v=170151146782352937801778106754" defer></script>
      
<script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/estimate-shipping-rate.js?v=35554055062891148931778106754" defer></script>
        <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/preview-color-swatches.js?v=5957683164806633661778106754" defer></script>
        <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/double-touch.js?v=64605958049830659291778106754" defer></script><script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/cart-countdown-timer.js?v=143864077785370808651778106754" defer></script>
      
      <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/theme.js?v=8274498030147945611778106754" defer></script>
      <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/header.js?v=112456183389706756601778106754" defer></script>
      <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/truncate-text.js?v=110224493870955327341778106754" defer></script>
      <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/variant-select-card.js?v=141532107461796769501778106754" defer></script>
      
        <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/product-cart.js?v=101917198787822106201778106754" defer></script>
        <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/quantity-selector.js?v=108001814289740243131778106754" defer></script>
      
      <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/video.js?v=64484941244777200891778106754" defer></script>
      <script src="//www.pamelasproducts.com/cdn/shop/t/25/assets/vendors.js?v=21726020999429958561778106754" defer></script>
  <!-- Alpine.js deferred start: release after all defer scripts execute -->
  <script>
    (function() {
      function releaseAlpine() {
        if (window._deferredAlpine) {
          window._deferredAlpine();
          window._deferredAlpine = null;
        }
      }
      requestAnimationFrame(function() {
        requestAnimationFrame(releaseAlpine);
      });
    })();
  </script>
  
      <script>
        window.addEventListener("load", (event) => {
          deferScriptLoad('instant.page', '//www.pamelasproducts.com/cdn/shop/t/25/assets/instant.page.v5.1.1.js?v=43232110432331176871778106754', () => {}, true);
        });
      </script>
    </div>
  <div id="shopify-block-AWmEzeTZkVm5ockJYd__15350224971397959980" class="shopify-block shopify-app-block">




</div><div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
<script>
  window.Rebuy = window.Rebuy || {};
  window.Rebuy.customer = window.Rebuy.customer || {};
  
</script>


<script async src="https://cdn.rebuyengine.com/onsite/js/rebuy.js?shop=pamelas-pro.myshopify.com"></script>


</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>