{"id":1524,"date":"2026-10-27T17:16:19","date_gmt":"2026-10-27T17:16:19","guid":{"rendered":"https:\/\/cerealcrave.com\/?page_id=1524"},"modified":"2026-10-29T11:51:48","modified_gmt":"2026-10-29T11:51:48","slug":"products","status":"publish","type":"page","link":"https:\/\/cerealcrave.com\/index.php\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1524\" class=\"elementor elementor-1524\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-260aa33 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"260aa33\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec738be elementor-widget elementor-widget-image\" data-id=\"ec738be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"398\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM-1024x398.png\" class=\"attachment-large size-large wp-image-1851\" alt=\"\" srcset=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM-1024x398.png 1024w, https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM-300x117.png 300w, https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM-768x299.png 768w, https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM-1536x597.png 1536w, https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM-1320x513.png 1320w, https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM-600x233.png 600w, https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Oct-29-2026-04_23_47-PM.png 2011w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0d4cee2 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"0d4cee2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-434f730 elementor-widget elementor-widget-heading\" data-id=\"434f730\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Products<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t\n<hr class=\"e-4850349-7d2cc9b e-divider-base\" data-interaction-id=\"4850349\" data-e-type=\"widget\" data-id=\"4850349\" \/>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-50fbf75 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"50fbf75\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-790a880 elementor-widget elementor-widget-html\" data-id=\"790a880\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- =========================================\r\n     CEREAL CRAVE PRODUCT SECTION\r\n     PURPOSE: Main wrapper for the complete product-card section.\r\n     The CSS uses this class to style the section's width and spacing.\r\n========================================= -->\r\n\r\n<!-- SECTION WRAPPER: Contains the full product grid and status message. -->\r\n<section class=\"cc-products-section\" id=\"cc-products-section\">\r\n\r\n  <!-- PRODUCT GRID: Holds all four product cards; CSS controls columns and gaps. -->\r\n  <div class=\"cc-products-grid\" id=\"cc-products-grid\">\r\n\r\n    <!-- PRODUCT CARD 1: BARNYARD MILLET\r\n         PURPOSE: First card, including its rating, wishlist, image,\r\n         product name, price, description, and Add To Cart link. -->\r\n    <article class=\"cc-product-card\" data-product-id=\"42\">\r\n\r\n      <div class=\"cc-product-top\">\r\n\r\n        <!-- RATING: Shows a decorative star and the text rating 4.5.\r\n             The value is static here; it is not fetched from WooCommerce. -->\r\n        <div class=\"cc-product-rating\" aria-label=\"Rated 4.5 out of 5\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2.5L14.9 8.4L21.4 9.3L16.7 13.9L17.8 20.4L12 17.3L6.2 20.4L7.3 13.9L2.6 9.3L9.1 8.4L12 2.5Z\"\r\n                  fill=\"currentColor\"\/>\r\n          <\/svg>\r\n          <span>4.5<\/span>\r\n        <\/div>\r\n\r\n        <!-- WISHLIST BUTTON: The img below loads your downloaded SVG by URL.\r\n             Replace YOUR_WISHLIST_SVG_URL with the real publicly accessible URL. -->\r\n        <button class=\"cc-product-wishlist\"\r\n                type=\"button\"\r\n                aria-label=\"Add Barnyard Millet to wishlist\"\r\n                aria-pressed=\"false\"\r\n                data-product-id=\"42\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/Group-54.svg\"\r\n               alt=\"\"\r\n               class=\"cc-wishlist-icon\" \/>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <!-- PRODUCT IMAGE LINK: Clicking the image opens the product page.\r\n           Replace PRODUCT_URL_1 \/ PRODUCT_IMAGE_URL_1 with real URLs. -->\r\n      <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/millet\/\"\r\n         class=\"cc-product-image-link\"\r\n         aria-label=\"View Barnyard Millet\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/image-17-1.png\"\r\n             alt=\"Barnyard Millet\"\r\n             class=\"cc-product-image\"\r\n             loading=\"lazy\">\r\n\r\n      <\/a>\r\n\r\n      <!-- PRODUCT DETAILS: Shows the product name link and displayed price. -->\r\n      <div class=\"cc-product-details\">\r\n\r\n        <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/millet\/\" class=\"cc-product-details-link\">\r\n          <h3 class=\"cc-product-name\">Barnyard Millet<\/h3>\r\n        <\/a>\r\n\r\n        <span class=\"cc-product-price\">\u20b9250<\/span>\r\n\r\n      <\/div>\r\n\r\n      <!-- DESCRIPTION: Short explanatory text shown below the name and price. -->\r\n      <p class=\"cc-product-description\">\r\n        Barnyard millet is a nutritious grain that supports digestion and overall wellness.\r\n      <\/p>\r\n\r\n      <!-- ADD TO CART: Uses WooCommerce's ?add-to-cart=PRODUCT_ID URL for simple products.\r\n           The img below loads your downloaded cart SVG; replace YOUR_CART_SVG_URL. -->\r\n      <a href=\"\/index.php\/cart\/?add-to-cart=42\"\r\n         class=\"cc-product-add-to-cart\"\r\n         data-product-id=\"42\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/shopping-cart-1.svg\"\r\n             alt=\"\"\r\n             class=\"cc-cart-icon\" \/>\r\n\r\n        <span>Add To Cart<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- PRODUCT CARD 2: KODO MILLET\r\n         PURPOSE: Second card. It uses the same structure as card 1,\r\n         with its own product ID, image URL, product URL, name and description. -->\r\n    <article class=\"cc-product-card\" data-product-id=\"207\">\r\n\r\n      <div class=\"cc-product-top\">\r\n\r\n        <!-- RATING: Shows a decorative star and the text rating 4.5.\r\n             The value is static here; it is not fetched from WooCommerce. -->\r\n        <div class=\"cc-product-rating\" aria-label=\"Rated 4.5 out of 5\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2.5L14.9 8.4L21.4 9.3L16.7 13.9L17.8 20.4L12 17.3L6.2 20.4L7.3 13.9L2.6 9.3L9.1 8.4L12 2.5Z\"\r\n                  fill=\"currentColor\"\/>\r\n          <\/svg>\r\n          <span>4.5<\/span>\r\n        <\/div>\r\n\r\n        <!-- WISHLIST BUTTON: The img below loads your downloaded SVG by URL.\r\n             Replace YOUR_WISHLIST_SVG_URL with the real publicly accessible URL. -->\r\n        <button class=\"cc-product-wishlist\"\r\n                type=\"button\"\r\n                aria-label=\"Add Kodo Millet to wishlist\"\r\n                aria-pressed=\"false\"\r\n                data-product-id=\"207\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/Group-54.svg\"\r\n               alt=\"\"\r\n               class=\"cc-wishlist-icon\" \/>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <!-- PRODUCT IMAGE LINK: Clicking the image opens the product page.\r\n           Replace PRODUCT_URL_1 \/ PRODUCT_IMAGE_URL_1 with real URLs. -->\r\n      <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/kodo-millet\/\"\r\n         class=\"cc-product-image-link\"\r\n         aria-label=\"View Kodo Millet\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/image-19-3.png\"\r\n             alt=\"Kodo Millet\"\r\n             class=\"cc-product-image\"\r\n             loading=\"lazy\">\r\n\r\n      <\/a>\r\n\r\n      <!-- PRODUCT DETAILS: Shows the product name link and displayed price. -->\r\n      <div class=\"cc-product-details\">\r\n\r\n        <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/kodo-millet\/\" class=\"cc-product-details-link\">\r\n          <h3 class=\"cc-product-name\">Kodo Millet<\/h3>\r\n        <\/a>\r\n\r\n        <span class=\"cc-product-price\">\u20b9200<\/span>\r\n\r\n      <\/div>\r\n\r\n      <!-- DESCRIPTION: Short explanatory text shown below the name and price. -->\r\n      <p class=\"cc-product-description\">\r\n        Kodo millet is rich in fibre and supports healthy digestion and gut health.\r\n      <\/p>\r\n\r\n      <!-- ADD TO CART: Uses WooCommerce's ?add-to-cart=PRODUCT_ID URL for simple products.\r\n           The img below loads your downloaded cart SVG; replace YOUR_CART_SVG_URL. -->\r\n      <a href=\"\/index.php\/cart\/?add-to-cart=207\"\r\n         class=\"cc-product-add-to-cart\"\r\n         data-product-id=\"207\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/shopping-cart-1-1.svg\"\r\n             alt=\"\"\r\n             class=\"cc-cart-icon\" \/>\r\n\r\n        <span>Add To Cart<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- PRODUCT CARD 3: FOXTAIL MILLET\r\n         PURPOSE: Third card. Replace its placeholders with the actual\r\n         WooCommerce product ID, product URL, and image URL. -->\r\n    <article class=\"cc-product-card\" data-product-id=\"204\">\r\n\r\n      <div class=\"cc-product-top\">\r\n\r\n        <!-- RATING: Shows a decorative star and the text rating 4.5.\r\n             The value is static here; it is not fetched from WooCommerce. -->\r\n        <div class=\"cc-product-rating\" aria-label=\"Rated 4.5 out of 5\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2.5L14.9 8.4L21.4 9.3L16.7 13.9L17.8 20.4L12 17.3L6.2 20.4L7.3 13.9L2.6 9.3L9.1 8.4L12 2.5Z\"\r\n                  fill=\"currentColor\"\/>\r\n          <\/svg>\r\n          <span>4.5<\/span>\r\n        <\/div>\r\n\r\n        <!-- WISHLIST BUTTON: The img below loads your downloaded SVG by URL.\r\n             Replace YOUR_WISHLIST_SVG_URL with the real publicly accessible URL. -->\r\n        <button class=\"cc-product-wishlist\"\r\n                type=\"button\"\r\n                aria-label=\"Add Foxtail Millet to wishlist\"\r\n                aria-pressed=\"false\"\r\n                data-product-id=\"204\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/Group-54.svg\"\r\n               alt=\"\"\r\n               class=\"cc-wishlist-icon\" \/>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <!-- PRODUCT IMAGE LINK: Clicking the image opens the product page.\r\n           Replace PRODUCT_URL_1 \/ PRODUCT_IMAGE_URL_1 with real URLs. -->\r\n      <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/foxtail-millet\/\"\r\n         class=\"cc-product-image-link\"\r\n         aria-label=\"View Foxtail Millet\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/image-16-1.png\"\r\n             alt=\"Foxtail Millet\"\r\n             class=\"cc-product-image\"\r\n             loading=\"lazy\">\r\n\r\n      <\/a>\r\n\r\n      <!-- PRODUCT DETAILS: Shows the product name link and displayed price. -->\r\n      <div class=\"cc-product-details\">\r\n\r\n        <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/foxtail-millet\/\" class=\"cc-product-details-link\">\r\n          <h3 class=\"cc-product-name\">little Millet<\/h3>\r\n        <\/a>\r\n\r\n        <span class=\"cc-product-price\">\u20b9250<\/span>\r\n\r\n      <\/div>\r\n\r\n      <!-- DESCRIPTION: Short explanatory text shown below the name and price. -->\r\n      <p class=\"cc-product-description\">\r\n        Little millet is naturally rich in fibre and supports a healthy, balanced lifestyle.\r\n      <\/p>\r\n\r\n      <!-- ADD TO CART: Uses WooCommerce's ?add-to-cart=PRODUCT_ID URL for simple products.\r\n           The img below loads your downloaded cart SVG; replace YOUR_CART_SVG_URL. -->\r\n      <a href=\"\/index.php\/cart\/?add-to-cart=204\"\r\n         class=\"cc-product-add-to-cart\"\r\n         data-product-id=\"204\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/shopping-cart-1-2.svg\"\r\n             alt=\"\"\r\n             class=\"cc-cart-icon\" \/>\r\n\r\n        <span>Add To Cart<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n\r\n    <!-- PRODUCT CARD 4: FOXTAIL MILLET\r\n         PURPOSE: Fourth card, using the same layout as the other cards. -->\r\n    <article class=\"cc-product-card\" data-product-id=\"205\">\r\n\r\n      <div class=\"cc-product-top\">\r\n\r\n        <!-- RATING: Shows a decorative star and the text rating 4.5.\r\n             The value is static here; it is not fetched from WooCommerce. -->\r\n        <div class=\"cc-product-rating\" aria-label=\"Rated 4.5 out of 5\">\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 2.5L14.9 8.4L21.4 9.3L16.7 13.9L17.8 20.4L12 17.3L6.2 20.4L7.3 13.9L2.6 9.3L9.1 8.4L12 2.5Z\"\r\n                  fill=\"currentColor\"\/>\r\n          <\/svg>\r\n          <span>4.5<\/span>\r\n        <\/div>\r\n\r\n        <!-- WISHLIST BUTTON: The img below loads your downloaded SVG by URL.\r\n             Replace YOUR_WISHLIST_SVG_URL with the real publicly accessible URL. -->\r\n        <button class=\"cc-product-wishlist\"\r\n                type=\"button\"\r\n                aria-label=\"Add Foxtail Millet to wishlist\"\r\n                aria-pressed=\"false\"\r\n                data-product-id=\"205\">\r\n\r\n          <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/Group-54.svg\"\r\n               alt=\"\"\r\n               class=\"cc-wishlist-icon\" \/>\r\n\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <!-- PRODUCT IMAGE LINK: Clicking the image opens the product page.\r\n           Replace PRODUCT_URL_1 \/ PRODUCT_IMAGE_URL_1 with real URLs. -->\r\n      <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/foxtail-millet-2\/\"\r\n         class=\"cc-product-image-link\"\r\n         aria-label=\"View Foxtail Millet\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/image-18-1.png\"\r\n             alt=\"Foxtail Millet\"\r\n             class=\"cc-product-image\"\r\n             loading=\"lazy\">\r\n\r\n      <\/a>\r\n\r\n      <!-- PRODUCT DETAILS: Shows the product name link and displayed price. -->\r\n      <div class=\"cc-product-details\">\r\n\r\n        <a href=\"https:\/\/cerealcrave.com\/index.php\/product\/foxtail-millet-2\/\" class=\"cc-product-details-link\">\r\n          <h3 class=\"cc-product-name\">Foxtail Millet<\/h3>\r\n        <\/a>\r\n\r\n        <span class=\"cc-product-price\">\u20b9200<\/span>\r\n\r\n      <\/div>\r\n\r\n      <!-- DESCRIPTION: Short explanatory text shown below the name and price. -->\r\n      <p class=\"cc-product-description\">\r\n        Foxtail millet is rich in protein and nutrients, supporting energy and digestion.\r\n      <\/p>\r\n\r\n      <!-- ADD TO CART: Uses WooCommerce's ?add-to-cart=PRODUCT_ID URL for simple products.\r\n           The img below loads your downloaded cart SVG; replace YOUR_CART_SVG_URL. -->\r\n      <a href=\"\/index.php\/cart\/?add-to-cart=205\"\r\n         class=\"cc-product-add-to-cart\"\r\n         data-product-id=\"205\">\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/shopping-cart-1-3.svg\"\r\n             alt=\"\"\r\n             class=\"cc-cart-icon\" \/>\r\n\r\n        <span>Add To Cart<\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <!-- STATUS MESSAGE: JavaScript can place a wishlist\/plugin message here. -->\r\n  <p class=\"cc-products-message\"\r\n     id=\"cc-products-message\"\r\n     role=\"status\"\r\n     aria-live=\"polite\"><\/p>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =========================================\r\n     JAVASCRIPT\r\n     PURPOSE: Sets up the wishlist click handler and writes a status message.\r\n     IMPORTANT: This is only a message; it does not save products to a wishlist.\r\n     Actual wishlist saving requires integration with the installed wishlist plugin.\r\n========================================= -->\r\n\r\n<script>\r\n(function () {\r\n  const section = document.getElementById('cc-products-section');\r\n  if (!section || section.dataset.initialized === 'true') return;\r\n  section.dataset.initialized = 'true';\r\n\r\n  const message = section.querySelector('#cc-products-message');\r\n  const config = window.CCWishlistConfig;\r\n\r\n  \/* Show wishlist feedback as a visible toast near the top-right,\r\n     instead of leaving the message below the product cards. *\/\r\n  let toast = document.getElementById('cc-wishlist-toast');\r\n  if (!toast) {\r\n    toast = document.createElement('div');\r\n    toast.id = 'cc-wishlist-toast';\r\n    toast.setAttribute('role', 'status');\r\n    toast.setAttribute('aria-live', 'polite');\r\n    document.body.appendChild(toast);\r\n  }\r\n\r\n  if (!document.getElementById('cc-wishlist-toast-style')) {\r\n    const style = document.createElement('style');\r\n    style.id = 'cc-wishlist-toast-style';\r\n    style.textContent = `\r\n      #cc-wishlist-toast {\r\n        position: fixed; z-index: 999999;\r\n        max-width: min(300px, calc(100vw - 32px));\r\n        padding: 8px 12px; border-radius: 7px;\r\n        background: #ffffff; color: #263238;\r\n        border: 1px solid rgba(0,0,0,.10);\r\n        box-shadow: 0 3px 12px rgba(0,0,0,.10);\r\n        font: 500 13px\/1.35 Arial, sans-serif;\r\n        opacity: 0; transform: translateY(4px);\r\n        pointer-events: none; transition: opacity .2s ease, transform .2s ease;\r\n      }\r\n      #cc-wishlist-toast.cc-show {\r\n        opacity: 1; transform: translateY(0);\r\n      }\r\n      #cc-wishlist-toast.cc-success { border-left: 4px solid #2e7d32; }\r\n      #cc-wishlist-toast.cc-error { border-left: 4px solid #b11226; }\r\n      @media (max-width: 600px) {\r\n        #cc-wishlist-toast { max-width: calc(100vw - 32px); }\r\n      }\r\n      #cc-products-message { display: none !important; }\r\n    `;\r\n    document.head.appendChild(style);\r\n  }\r\n\r\n  let toastTimer;\r\n  function showMessage(text, isError, targetCard) {\r\n    if (message) message.textContent = text;\r\n    if (!toast) return;\r\n\r\n    toast.textContent = text;\r\n\r\n    \/* Anchor the notification to the exact card that triggered the action. *\/\r\n    if (targetCard) {\r\n      const cardRect = targetCard.getBoundingClientRect();\r\n      const toastWidth = Math.min(300, Math.max(180, cardRect.width));\r\n      toast.style.maxWidth = toastWidth + 'px';\r\n      toast.style.left = Math.max(8, Math.min(\r\n        cardRect.left,\r\n        window.innerWidth - toastWidth - 8\r\n      )) + 'px';\r\n\r\n      \/* Keep the toast above the selected card; if there's no room, place it inside the card's top edge. *\/\r\n      const estimatedToastHeight = 42;\r\n      const top = cardRect.top - estimatedToastHeight >= 4\r\n        ? cardRect.top - estimatedToastHeight\r\n        : cardRect.top + 8;\r\n      toast.style.top = Math.max(4, Math.min(top, window.innerHeight - estimatedToastHeight - 4)) + 'px';\r\n    }\r\n\r\n    toast.classList.remove('cc-success', 'cc-error', 'cc-show');\r\n    toast.classList.add(isError ? 'cc-error' : 'cc-success');\r\n    requestAnimationFrame(function () { toast.classList.add('cc-show'); });\r\n\r\n    clearTimeout(toastTimer);\r\n    toastTimer = setTimeout(function () {\r\n      toast.classList.remove('cc-show');\r\n    }, 3500);\r\n  }\r\n\r\n  function setButtonState(button, saved) {\r\n    button.setAttribute('aria-pressed', saved ? 'true' : 'false');\r\n    const name = button.getAttribute('aria-label') || 'Product';\r\n    button.setAttribute(\r\n      'aria-label',\r\n      (saved ? 'Remove ' : 'Add ') + name.replace(\/^(Add|Remove) \/, '').replace(\/ to wishlist$\/, '') + ' ' + (saved ? 'from' : 'to') + ' wishlist'\r\n    );\r\n    button.classList.toggle('is-wishlisted', saved);\r\n  }\r\n\r\n  function postWishlistAction(action, productId) {\r\n    const body = new URLSearchParams();\r\n    body.set('action', action);\r\n    body.set('nonce', config.nonce);\r\n    body.set('product_id', productId);\r\n\r\n    return fetch(config.ajaxUrl, {\r\n      method: 'POST',\r\n      credentials: 'same-origin',\r\n      headers: {'Content-Type': 'application\/x-www-form-urlencoded; charset=UTF-8'},\r\n      body: body.toString()\r\n    }).then(function (response) {\r\n      return response.json();\r\n    });\r\n  }\r\n\r\n  if (!config || !config.ajaxUrl || !config.nonce) {\r\n    showMessage('Wishlist is not connected yet. Please check the WordPress wishlist backend setup.', true);\r\n    return;\r\n  }\r\n\r\n  const savedIds = new Set((config.ids || []).map(String));\r\n  section.querySelectorAll('.cc-product-wishlist').forEach(function (button) {\r\n    const productId = String(button.dataset.productId || '');\r\n    const card = button.closest('.cc-product-card');\r\n    const productNameEl = card ? card.querySelector('.cc-product-name') : null;\r\n    const productName = productNameEl ? productNameEl.textContent.trim() : 'this product';\r\n\r\n    if (savedIds.has(productId)) setButtonState(button, true);\r\n\r\n    button.addEventListener('click', function () {\r\n      if (button.disabled) return;\r\n\r\n      if (!config.loggedIn) {\r\n        showMessage('Please log in to save products to your account wishlist.', true, card);\r\n        if (config.loginUrl) window.location.href = config.loginUrl;\r\n        return;\r\n      }\r\n\r\n      if (!\/^\\d+$\/.test(productId) || Number(productId) < 1) {\r\n        showMessage('Please set the correct WooCommerce product ID for ' + productName + '.', true, card);\r\n        return;\r\n      }\r\n\r\n      const wasSaved = savedIds.has(productId);\r\n      button.disabled = true;\r\n      showMessage(wasSaved ? 'Removing ' + productName + ' from wishlist\u2026' : 'Adding ' + productName + ' to wishlist\u2026', false, card);\r\n\r\n      postWishlistAction(wasSaved ? 'cc_remove_wishlist' : 'cc_add_wishlist', productId)\r\n        .then(function (result) {\r\n          if (!result || !result.success) {\r\n            const err = result && result.data && result.data.message;\r\n            throw new Error(err || 'Could not update your wishlist. Please try again.');\r\n          }\r\n\r\n          if (wasSaved) {\r\n            savedIds.delete(productId);\r\n            setButtonState(button, false);\r\n            showMessage(productName + ' removed from your wishlist.', false, card);\r\n          } else {\r\n            savedIds.add(productId);\r\n            setButtonState(button, true);\r\n            showMessage(productName + ' added to your wishlist.', false, card);\r\n          }\r\n        })\r\n        .catch(function (error) {\r\n          showMessage(error.message || 'Wishlist update failed. Please try again.', true, card);\r\n        })\r\n        .finally(function () {\r\n          button.disabled = false;\r\n        });\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ac5804 e-con-full e-flex elementor-invisible e-con e-parent\" data-id=\"1ac5804\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-605e697 elementor-widget elementor-widget-html\" data-id=\"605e697\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- CEREAL CRAVE FEATURES SECTION -->\r\n\r\n<section class=\"cc-features-section\">\r\n\r\n    <div class=\"cc-features-container\">\r\n\r\n        <!-- FEATURE 1 -->\r\n        <div class=\"cc-feature-item\">\r\n\r\n            <div class=\"cc-feature-icon\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/leaf-15-1.png\"\r\n                    alt=\"100% Natural\"\r\n                >\r\n            <\/div>\r\n\r\n            <p class=\"cc-feature-text\">100% Natural<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FEATURE 2 -->\r\n        <div class=\"cc-feature-item\">\r\n\r\n            <div class=\"cc-feature-icon\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/leaf-15-2.png\"\r\n                    alt=\"No Preservatives\"\r\n                >\r\n            <\/div>\r\n\r\n            <p class=\"cc-feature-text\">No Preservatives<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FEATURE 3 -->\r\n        <div class=\"cc-feature-item\">\r\n\r\n            <div class=\"cc-feature-icon\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/leaf-15-3.png\"\r\n                    alt=\"Healthy Choice\"\r\n                >\r\n            <\/div>\r\n\r\n            <p class=\"cc-feature-text\">Healthy Choice<\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- FEATURE 4 -->\r\n        <div class=\"cc-feature-item\">\r\n\r\n            <div class=\"cc-feature-icon\">\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/cerealcrave.com\/wp-content\/uploads\/2026\/10\/leaf-15-4.png\"\r\n                    alt=\"Rich in Nutrition\"\r\n                >\r\n            <\/div>\r\n\r\n            <p class=\"cc-feature-text\">Rich in Nutrition<\/p>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1754c33 e-flex e-con-boxed e-con e-parent\" data-id=\"1754c33\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Products 4.5 Barnyard Millet \u20b9250 Barnyard millet is a nutritious grain that supports digestion and overall wellness. Add To [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1524","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/pages\/1524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/comments?post=1524"}],"version-history":[{"count":31,"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/pages\/1524\/revisions"}],"predecessor-version":[{"id":1867,"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/pages\/1524\/revisions\/1867"}],"wp:attachment":[{"href":"https:\/\/cerealcrave.com\/index.php\/wp-json\/wp\/v2\/media?parent=1524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}