{"product_id":"beef-currency","title":"Beef Currency","description":"\u003cstyle\u003e\u003c!--\n.center {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 30%;\n    }\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n.modal-button {\n\ttransition-duration: 0.4s;\n\tfont-size: 40px;\n        margin: 3px;\n        padding: 3px;\n}\n\n.modal-button:hover {\n\tbackground-color: #29B2C5;\n\tcolor:white;\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n* {\n        box-sizing: border-box;\n    }\n\n    \/* Position the image container (needed to position the left and right arrows) *\/\n    .container {\n        position: relative;\n    }\n\n    \/* Hide the images by default *\/\n    .mySlides {\n        display: none;\n    }\n\n    \/* Add a pointer when hovering over the thumbnail images *\/\n    .cursor {\n        cursor: pointer;\n    }\n\n    \/* Next \u0026 previous buttons *\/\n    .prev,\n    .next {\n        cursor: pointer;\n        position: absolute;\n        top: 40%;\n        width: auto;\n        padding: 16px;\n        margin-top: -50px;\n        color: white;\n        font-weight: bold;\n        font-size: 20px;\n        border-radius: 0 3px 3px 0;\n        user-select: none;\n        -webkit-user-select: none;\n    }\n\n    \/* Position the \"next button\" to the right *\/\n    .next {\n        right: 0;\n        border-radius: 3px 0 0 3px;\n    }\n\n    \/* On hover, add a black background color with a little bit see-through *\/\n    .prev:hover,\n    .next:hover {\n        background-color: rgba(0, 0, 0, 0.8);\n    }\n\n    \/* Number text (1\/3 etc) *\/\n    .numbertext {\n        color: #DCA000;\n        font-size: 12px;\n        padding: 8px 12px;\n        position: absolute;\n        top: 0;\n    }\n\n    \/* Container for image text *\/\n    .caption-container {\n        text-align: center;\n        background-color: #222;\n        padding: 2px 16px;\n        color: white;\n    }\n\n    .row:after {\n        content: \"\";\n        display: table;\n        clear: both;\n    }\n\n    \/* Six columns side by side *\/\n    .column {\n        float: left;\n        width: 16.66%;\n    }\n\n    \/* Add a transparency effect for thumnbail images *\/\n    .demo {\n        opacity: 0.6;\n    }\n\n    .active,\n    .demo:hover {\n        opacity: 1;\n    }\n\n\n    \/* The Modal (background) *\/\n    .modal {\n        display: none;\n        \/* Hidden by default *\/\n        position: fixed;\n        \/* Stay in place *\/\n        z-index: 1;\n        \/* Sit on top *\/\n        padding-top: 200px;\n        \/* Location of the box *\/\n        left: 0;\n        top: 0;\n        width: 100%;\n        \/* Full width *\/\n        height: 100%;\n        \/* Full height *\/\n        overflow: auto;\n        \/* Enable scroll if needed *\/\n        background-color: rgb(0, 0, 0);\n        \/* Fallback color *\/\n        background-color: rgba(0, 0, 0, 0.4);\n        \/* Black w\/ opacity *\/\n    }\n\n    p {\n        color: #008080;\n    }\n\n    \/* Modal Content *\/\n    .modal-content {\n        position: relative;\n        background-color: white;\n        margin: auto;\n        padding: 0;\n        border: 1px solid #888;\n        font-color: #DCA000;\n        width: 80%;\n        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n        -webkit-animation-name: animatetop;\n        -webkit-animation-duration: 0.4s;\n        animation-name: animatetop;\n        animation-duration: 0.4s\n    }\n\n    \/* Add Animation *\/\n    @-webkit-keyframes animatetop {\n        from {\n            top: -300px;\n            opacity: 0\n        }\n\n        to {\n            top: 0;\n            opacity: 1\n        }\n    }\n\n    @keyframes animatetop {\n        from {\n            top: -300px;\n            opacity: 0\n        }\n\n        to {\n            top: 0;\n            opacity: 1\n        }\n    }\n\n    \/* The Close Button *\/\n    .close {\n        color: rgb(10, 118, 118);\n        float: right;\n        font-size: 28px;\n        font-weight: bold;\n    }\n\n    .close:hover,\n    .close:focus {\n        color: #000;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .modal-header {\n        padding: 2px 16px;\n        background-color: rgb(215, 0, 0);\n        color: white;\n    }\n\n    .modal-body {\n        padding: 2px 8px;\n    }\n\n    .modal-footer {\n        padding: 2px 5px;\n        background-color: rgb(179, 0, 0);\n        color: white;\n    }\n\n    .nutrition {\n        font-size: 30px;\n        text-align: center;\n        color: #29B2C5;\n\n    }\n\n    modal-button {\n        background-color: white;\n\n    }\n--\u003e\u003c\/style\u003e\n\u003cp\u003eSMALL (1 cup\/4 oz) = $11.00\u003c\/p\u003e\n\u003cp\u003eMEDIUM (2\u003cspan\u003e \u003c\/span\u003ecups\/8\u003cspan\u003e \u003c\/span\u003eoz) = $21.00\u003c\/p\u003e\n\u003cp\u003eLARGE (4 cups\/16\u003cspan\u003e \u003c\/span\u003eoz) = $40.00\u003c\/p\u003e\n\u003cp\u003eNobody Likes Doing Anything for Free.\u003c\/p\u003e\n\u003cp\u003eA High-Reward Training Treat Is Like Having Dog-$ in Your Pocket!\u003c\/p\u003e\n\u003cp\u003eWorks Great as a High-Reward Training Treat, a Meal-Topper, or a Special Meal.\u003c\/p\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal1\"\u003eNutrition\u003c\/button\u003e \u003c!-- The Modal --\u003e\n\u003cdiv id=\"myModal1\" class=\"modal\"\u003e\n\u003c!-- Modal content --\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eRaw-Dehydrated Local, Organic, Pasture-Raised Ground Beef, Chia, Flax, Carrots, Kale, Sweet Potatoes.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eProt. 37.1%; Total Fats 29.5%; Ash 3.33%; Fiber 4.31%; KCal 551.4\/bag\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eA Super Source of Lean Protein, Omegas, Minerals, Fatty Acids \u0026amp; Antioxidants!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal3\"\u003eStorage\u003c\/button\u003e\n\u003cdiv id=\"myModal3\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eStore in a Cool, Dry Place.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eBest If Used in 6 Weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.center {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 80%;\n    }\n--\u003e\u003c\/style\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal4\"\u003eDimensions\u003c\/button\u003e\n\u003cdiv id=\"myModal4\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg class=\"center\"\u003e\n\u003cp class=\"nutrition\"\u003eApproximate Weight = 7.04 oz.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003e(Actual Weights May Vary Slightly.)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Get the button that opens the modal\n    var btn = document.querySelectorAll(\"button.modal-button\");\n\n    \/\/ All page modals\n    var modals = document.querySelectorAll('.modal');\n\n    \/\/ Get the \u003cspan\u003e element that closes the modal\n    var spans = document.getElementsByClassName(\"close\");\n\n    \/\/ When the user clicks the button, open the modal\n    for (var i = 0; i \u003c btn.length; i++) {\n        btn[i].onclick = function(e) {\n            e.preventDefault();\n            modal = document.querySelector(e.target.getAttribute(\"href\"));\n            modal.style.display = \"block\";\n        }\n    }\n\n    \/\/ When the user clicks on \u003cspan\u003e (x), close the modal\n    for (var i = 0; i \u003c spans.length; i++) {\n        spans[i].onclick = function() {\n            for (var index in modals) {\n                if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";\n            }\n        }\n    }\n\n    \/\/ When the user clicks anywhere outside of the modal, close it\n    window.onclick = function(event) {\n        if (event.target.classList.contains('modal')) {\n            for (var index in modals) {\n                if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";\n            }\n        }\n    }\n\n\n    var slideIndex = 1;\n    showSlides(slideIndex);\n\n    \/\/ Next\/previous controls\n    function plusSlides(n) {\n        showSlides(slideIndex += n);\n    }\n\n    \/\/ Thumbnail image controls\n    function currentSlide(n) {\n        showSlides(slideIndex = n);\n    }\n\n    function showSlides(n) {\n        var i;\n        var slides = document.getElementsByClassName(\"mySlides\");\n        var dots = document.getElementsByClassName(\"demo\");\n        var captionText = document.getElementById(\"caption\");\n        if (n \u003e slides.length) {\n            slideIndex = 1\n        }\n        if (n \u003c 1) {\n            slideIndex = slides.length\n        }\n        for (i = 0; i \u003c slides.length; i++) {\n            slides[i].style.display = \"none\";\n        }\n        for (i = 0; i \u003c dots.length; i++) {\n            dots[i].className = dots[i].className.replace(\" active\", \"\");\n        }\n        slides[slideIndex - 1].style.display = \"block\";\n        dots[slideIndex - 1].className += \" active\";\n        captionText.innerHTML = dots[slideIndex - 1].alt;\n    }\n\n\u003c\/script\u003e","brand":"La Pet-isserie","offers":[{"title":"SMALL","offer_id":39638310977638,"sku":"","price":11.0,"currency_code":"USD","in_stock":true},{"title":"MEDIUM","offer_id":39638311010406,"sku":"","price":21.0,"currency_code":"USD","in_stock":true},{"title":"LARGE","offer_id":39638311043174,"sku":"","price":40.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2312\/7305\/products\/Untitleddesign_1.png?v=1641405926","url":"https:\/\/thebalancedseed.myshopify.com\/products\/beef-currency","provider":"La Pet-isserie","version":"1.0","type":"link"}