{"id":16,"date":"2026-04-18T05:37:55","date_gmt":"2026-04-18T05:37:55","guid":{"rendered":"https:\/\/zenpawpetwellness.com\/?page_id=16"},"modified":"2026-04-18T12:55:37","modified_gmt":"2026-04-18T12:55:37","slug":"cart","status":"publish","type":"page","link":"https:\/\/zenpawpetwellness.com\/?page_id=16","title":{"rendered":"Cart"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b2b042 e-con-full e-flex e-con e-parent\" data-id=\"9b2b042\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da45318 elementor-widget elementor-widget-html\" data-id=\"da45318\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>ZenPaw \u2014 Sanctuary Cart<\/title>\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap\" rel=\"stylesheet\">\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'zen-deep': '#2C362A',\r\n                        'zen-green': '#4A5D45',\r\n                        'zen-gold': '#C5A059',\r\n                        'zen-ivory': '#FDFCF9',\r\n                        'zen-sand': '#F2EEE5',\r\n                    },\r\n                    fontFamily: {\r\n                        sans: ['Instrument Sans', 'sans-serif'],\r\n                        serif: ['Playfair Display', 'serif'],\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        .grain {\r\n            position: fixed;\r\n            inset: 0;\r\n            z-index: 999;\r\n            pointer-events: none;\r\n            opacity: 0.04;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n        }\r\n        .syncing { opacity: 0.5; pointer-events: none; }\r\n        .nav-link {\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.25em;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n        }\r\n        .nav-link:hover {\r\n            color: white;\r\n        }\r\n        \/* Footer specific link styles *\/\r\n        .footer-link {\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.4);\r\n            transition: color 0.3s ease;\r\n        }\r\n        .footer-link:hover {\r\n            color: #C5A059;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-zen-ivory text-zen-deep font-sans selection:bg-zen-gold selection:text-white overflow-x-hidden pt-40\">\r\n    <div class=\"grain\"><\/div>\r\n\r\n    <!-- Navigation (Exact Image Match) -->\r\n    <nav class=\"fixed top-8 left-1\/2 -translate-x-1\/2 z-[100] w-[94%] max-w-6xl\">\r\n        <div class=\"bg-zen-deep border border-white\/5 rounded-full pl-3 pr-4 py-3 flex items-center justify-between shadow-2xl\">\r\n            <!-- Left: Logo Container -->\r\n            <div class=\"flex-1 flex justify-start\">\r\n                <a href=\"\/\" class=\"group\">\r\n                    <div class=\"w-14 h-14 bg-white rounded-full flex items-center justify-center p-3 shadow-lg transition-transform group-hover:scale-105\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zenpawpetwellness.com\/wp-content\/uploads\/2026\/04\/zenpaw-logo-96x96-remove-bg.png\" alt=\"ZenPaw\" class=\"w-full h-full object-contain\">\r\n                    <\/div>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <!-- Center: Navigation Links -->\r\n            <div class=\"hidden md:flex items-center gap-14\">\r\n                <a href=\"\/#mission\" class=\"nav-link\">Mission<\/a>\r\n                <a href=\"\/#offers\" class=\"nav-link\">Shop Featured<\/a>\r\n                <a href=\"\/#offers\" class=\"nav-link\">Offers<\/a>\r\n            <\/div>\r\n\r\n            <!-- Right: Quick Shop Button -->\r\n            <div class=\"flex-1 flex justify-end items-center gap-4\">\r\n                <span id=\"cart-status\" class=\"hidden lg:block text-[8px] uppercase font-bold text-zen-gold tracking-widest opacity-0 transition-opacity duration-500\">\r\n                    Syncing...\r\n                <\/span>\r\n                <a href=\"\/#offers\" class=\"bg-white text-zen-deep px-9 py-4 rounded-full text-[10px] font-bold uppercase tracking-widest hover:bg-zen-sand transition-all shadow-sm\">\r\n                    Quick Shop\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav> \r\n\r\n    <div class=\"max-w-6xl mx-auto px-6\">\r\n        <!-- Header -->\r\n        <div class=\"mb-16 text-center space-y-4\">\r\n            <h1 class=\"text-5xl md:text-7xl font-serif tracking-tighter\">Sanctuary <span class=\"italic text-zen-green\">Selections<\/span><\/h1>\r\n            <div class=\"flex items-center justify-center gap-4 text-[10px] font-bold uppercase tracking-[0.3em] text-zen-gold\">\r\n                Cart\r\n                <span class=\"text-zen-deep opacity-20\">\u2014\u2014<\/span>\r\n                <span class=\"text-gray-400\">Checkout<\/span>\r\n                <span class=\"text-zen-deep opacity-20\">\u2014\u2014<\/span>\r\n                <span class=\"text-gray-400\">Manifest<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"grid lg:grid-cols-12 gap-16\">\r\n            <!-- Dynamic Cart Items Container -->\r\n            <div id=\"cart-items-container\" class=\"lg:col-span-8 space-y-8 transition-opacity duration-300\">\r\n                <!-- Initial Loading State -->\r\n                <div class=\"p-16 text-center\">\r\n                    <div class=\"w-8 h-8 mx-auto border-4 border-zen-sand border-t-zen-gold rounded-full animate-spin mb-4\"><\/div>\r\n                    <p class=\"text-xs text-gray-400 font-bold uppercase tracking-widest\">Connecting to WooCommerce...<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Summary Sidebar -->\r\n            <div id=\"cart-summary-container\" class=\"lg:col-span-4\" style=\"display: none;\">\r\n                <div class=\"bg-zen-deep text-white rounded-[3.5rem] p-10 shadow-2xl space-y-8 sticky top-40\">\r\n                    <h4 class=\"text-2xl font-serif\">Manifest Summary<\/h4>\r\n                    <div class=\"space-y-4 text-sm font-light\">\r\n                        <div class=\"flex justify-between text-gray-400\">\r\n                            Subtotal <span id=\"cart-subtotal\" class=\"text-white\">...<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between text-gray-400\">\r\n                            Eco-Sourced Shipping <span class=\"text-white\">FREE<\/span>\r\n                        <\/div>\r\n                        <div class=\"flex justify-between text-gray-400\">\r\n                            Tax Estimates <span id=\"cart-tax\" class=\"text-white\">...<\/span>\r\n                        <\/div>\r\n                        <div class=\"h-px bg-white\/10 my-6\"><\/div>\r\n                        <div class=\"flex justify-between items-baseline\">\r\n                            <span class=\"text-lg font-serif\">Total Due<\/span>\r\n                            <span id=\"cart-total\" class=\"text-3xl font-serif text-zen-gold\">...<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"space-y-4\">\r\n                        <a href=\"https:\/\/zenpawpetwellness.com\/?page_id=17\" class=\"block w-full text-center bg-zen-gold text-zen-deep py-5 rounded-3xl font-bold uppercase tracking-widest text-[10px] hover:shadow-lg hover:scale-[1.02] transition-all\">\r\n                            Proceed to Checkout\r\n                        <\/a>\r\n                        <p class=\"text-[9px] text-center text-gray-500 uppercase tracking-widest opacity-60\">Secure Encrypted Transaction<\/p>\r\n                    <\/div>\r\n                    <!-- Trust Badge -->\r\n                    <div class=\"pt-8 border-t border-white\/5 flex items-center gap-4\">\r\n                        <div class=\"w-10 h-10 border border-zen-gold\/30 rounded-full flex items-center justify-center text-zen-gold\">\r\n                            <svg class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path fill-rule=\"evenodd\" d=\"M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"><\/path><\/svg>\r\n                        <\/div>\r\n                        <p class=\"text-[10px] text-gray-400 leading-relaxed uppercase tracking-wider\">100% Botanical Sanctuary Guarantee<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div> \r\n\r\n    <!-- Footer (Exact Homepage Match) -->\r\n    <footer class=\"bg-zen-deep text-white pt-24 pb-12 px-6 mt-32 border-t border-white\/5\">\r\n        <div class=\"max-w-6xl mx-auto\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-12 gap-16 mb-24\">\r\n                <!-- Branding Column -->\r\n                <div class=\"md:col-span-5 space-y-8\">\r\n                    <div class=\"w-16 h-16 bg-white rounded-full flex items-center justify-center p-3 shadow-lg\">\r\n                        <img decoding=\"async\" src=\"https:\/\/zenpawpetwellness.com\/wp-content\/uploads\/2026\/04\/zenpaw-logo-96x96-remove-bg.png\" alt=\"ZenPaw\" class=\"w-full h-full object-contain\">\r\n                    <\/div>\r\n                    <p class=\"text-xl md:text-2xl text-zen-ivory\/80 leading-relaxed font-light max-w-sm\">\r\n                        Clinically proven botanical restoration for the souls we love most.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n                <!-- Navigation Columns -->\r\n                <div class=\"md:col-span-7 grid grid-cols-2 md:grid-cols-3 gap-8\">\r\n                    <!-- Column 1 -->\r\n                    <div class=\"space-y-6\">\r\n                        <h4 class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-zen-gold\">Apothecary<\/h4>\r\n                        <ul class=\"space-y-4\">\r\n                            <li><a href=\"#\" class=\"footer-link\">Our Science<\/a><\/li>\r\n                            <li><a href=\"#\" class=\"footer-link\">Sourcing Rituals<\/a><\/li>\r\n                            <li><a href=\"#\" class=\"footer-link\">Manifesto<\/a><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <!-- Column 2 -->\r\n                    <div class=\"space-y-6\">\r\n                        <h4 class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-zen-gold\">Care<\/h4>\r\n                        <ul class=\"space-y-4\">\r\n                            <li><a href=\"#\" class=\"footer-link\">Shipping<\/a><\/li>\r\n                            <li><a href=\"#\" class=\"footer-link\">Returns<\/a><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    <!-- Column 3 -->\r\n                    <div class=\"space-y-6\">\r\n                        <h4 class=\"text-[10px] font-bold uppercase tracking-[0.2em] text-zen-gold\">Connect<\/h4>\r\n                        <ul class=\"space-y-4\">\r\n                            <li><a href=\"mailto:zenpaw.support@gmail.com\" class=\"footer-link\">zenpaw.support@gmail.com<\/a><\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Bar -->\r\n            <div class=\"pt-8 border-t border-white\/5 flex flex-col md:flex-row justify-between items-center gap-6\">\r\n                <p class=\"text-[9px] uppercase tracking-[0.2em] text-white\/30\">\r\n                    \u00a9 2026 Purezenm Wellness Sdn Bhd\r\n                <\/p>\r\n                <div class=\"flex gap-10\">\r\n                    <a href=\"#\" class=\"text-[9px] uppercase tracking-[0.2em] text-white\/30 hover:text-zen-gold transition-colors\">Privacy<\/a>\r\n                    <a href=\"#\" class=\"text-[9px] uppercase tracking-[0.2em] text-white\/30 hover:text-zen-gold transition-colors\">Sustainability<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer> \r\n\r\n    <!-- Dynamic WooCommerce Cart Integration Script -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const cartContainer = document.getElementById('cart-items-container');\r\n            const cartStatus = document.getElementById('cart-status');\r\n            const summaryContainer = document.getElementById('cart-summary-container');\r\n            const subtotalEl = document.getElementById('cart-subtotal');\r\n            const taxEl = document.getElementById('cart-tax');\r\n            const totalEl = document.getElementById('cart-total');\r\n\r\n            let cartToken = localStorage.getItem('wc_cart_token') || '';\r\n            let cartNonce = localStorage.getItem('wc_cart_nonce') || '';\r\n\r\n            function formatPrice(amountString, totalsObj) {\r\n                const amount = parseInt(amountString, 10);\r\n                const decimals = totalsObj.currency_minor_unit;\r\n                const currencyCode = totalsObj.currency_code;\r\n                const formattedValue = (amount \/ Math.pow(10, decimals)).toFixed(decimals);\r\n                return `${currencyCode} ${formattedValue}`;\r\n            }\r\n\r\n            async function fetchCart() {\r\n                try {\r\n                    cartStatus.style.opacity = \"1\";\r\n                    const headers = {};\r\n                    if (cartToken) headers['Cart-Token'] = cartToken;\r\n                    if (cartNonce) headers['Nonce'] = cartNonce;\r\n\r\n                    const response = await fetch('\/?rest_route=\/wc\/store\/v1\/cart', { \r\n                        headers: headers,\r\n                        credentials: 'same-origin'\r\n                    });\r\n                    \r\n                    if (response.headers.has('Cart-Token')) {\r\n                        cartToken = response.headers.get('Cart-Token');\r\n                        localStorage.setItem('wc_cart_token', cartToken);\r\n                    }\r\n                    if (response.headers.has('Nonce')) {\r\n                        cartNonce = response.headers.get('Nonce');\r\n                        localStorage.setItem('wc_cart_nonce', cartNonce);\r\n                    }\r\n\r\n                    if (!response.ok) throw new Error('Failed to fetch cart');\r\n                    \r\n                    const cart = await response.json();\r\n                    renderCart(cart);\r\n                } catch (error) {\r\n                    console.error('WooCommerce API Error:', error);\r\n                    cartContainer.innerHTML = `\r\n                        <div class=\"p-8 bg-white rounded-3xl border border-red-100 text-center space-y-4 shadow-sm\">\r\n                            <p class=\"text-red-400 font-bold uppercase tracking-widest text-xs\">Offline Sanctuary<\/p>\r\n                            <p class=\"text-sm text-gray-500\">Connecting to your botanical manifest...<\/p>\r\n                        <\/div>`;\r\n                } finally {\r\n                    cartStatus.style.opacity = \"0\";\r\n                }\r\n            }\r\n\r\n            window.removeItem = async function(itemKey) {\r\n                try {\r\n                    cartStatus.style.opacity = \"1\";\r\n                    cartContainer.classList.add('syncing');\r\n                    const headers = { 'Content-Type': 'application\/json' };\r\n                    if (cartToken) headers['Cart-Token'] = cartToken;\r\n                    if (cartNonce) headers['Nonce'] = cartNonce;\r\n\r\n                    \/\/ FIX: Using explicit Action Endpoint POST route to bypass ALL firewalls\r\n                    const response = await fetch('\/?rest_route=\/wc\/store\/v1\/cart\/remove-item', {\r\n                        method: 'POST',\r\n                        headers: headers,\r\n                        body: JSON.stringify({ key: itemKey }),\r\n                        credentials: 'same-origin'\r\n                    });\r\n\r\n                    if (response.headers.has('Cart-Token')) {\r\n                        cartToken = response.headers.get('Cart-Token');\r\n                        localStorage.setItem('wc_cart_token', cartToken);\r\n                    }\r\n                    if (response.headers.has('Nonce')) {\r\n                        cartNonce = response.headers.get('Nonce');\r\n                        localStorage.setItem('wc_cart_nonce', cartNonce);\r\n                    }\r\n\r\n                    if (!response.ok) throw new Error('Failed to remove item');\r\n\r\n                    const cart = await response.json();\r\n                    renderCart(cart);\r\n                } catch (error) {\r\n                    fetchCart();\r\n                } finally {\r\n                    cartContainer.classList.remove('syncing');\r\n                    cartStatus.style.opacity = \"0\";\r\n                }\r\n            };\r\n\r\n            window.updateQuantity = async function(itemKey, newQty) {\r\n                if (newQty < 1) return;\r\n                try {\r\n                    cartStatus.style.opacity = \"1\";\r\n                    cartContainer.classList.add('syncing');\r\n                    const headers = { 'Content-Type': 'application\/json' };\r\n                    if (cartToken) headers['Cart-Token'] = cartToken;\r\n                    if (cartNonce) headers['Nonce'] = cartNonce;\r\n\r\n                    \/\/ FIX: Using explicit Action Endpoint POST route to bypass ALL firewalls\r\n                    const response = await fetch('\/?rest_route=\/wc\/store\/v1\/cart\/update-item', {\r\n                        method: 'POST',\r\n                        headers: headers,\r\n                        body: JSON.stringify({ key: itemKey, quantity: newQty }),\r\n                        credentials: 'same-origin'\r\n                    });\r\n\r\n                    if (response.headers.has('Cart-Token')) {\r\n                        cartToken = response.headers.get('Cart-Token');\r\n                        localStorage.setItem('wc_cart_token', cartToken);\r\n                    }\r\n                    if (response.headers.has('Nonce')) {\r\n                        cartNonce = response.headers.get('Nonce');\r\n                        localStorage.setItem('wc_cart_nonce', cartNonce);\r\n                    }\r\n\r\n                    if (!response.ok) throw new Error('Failed to update quantity');\r\n\r\n                    const cart = await response.json();\r\n                    renderCart(cart);\r\n                } catch (error) {\r\n                    console.error('Error updating cart:', error);\r\n                    fetchCart(); \/\/ Safely revert to the actual cart state if update fails\r\n                } finally {\r\n                    cartContainer.classList.remove('syncing');\r\n                    cartStatus.style.opacity = \"0\";\r\n                }\r\n            };\r\n\r\n            function renderCart(cart) {\r\n                const itemCount = cart.items_count || 0;\r\n\r\n                if (itemCount === 0) {\r\n                    summaryContainer.style.display = 'none';\r\n                    cartContainer.innerHTML = `\r\n                        <div class=\"flex flex-col items-center justify-center p-16 bg-white rounded-[4rem] shadow-sm border border-gray-100 text-center space-y-6\">\r\n                            <div class=\"w-20 h-20 bg-zen-sand rounded-full flex items-center justify-center text-zen-gold\">\r\n                                <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z\"><\/path><\/svg>\r\n                            <\/div>\r\n                            <h3 class=\"text-3xl font-serif text-zen-deep tracking-tight\">Your sanctuary cart is empty<\/h3>\r\n                            <a href=\"\/#offers\" class=\"bg-zen-gold text-white px-8 py-3 rounded-full text-[10px] font-bold uppercase tracking-widest hover:bg-zen-deep transition-colors mt-4 inline-block shadow-md\">Explore Collection<\/a>\r\n                        <\/div>\r\n                    `;\r\n                    return;\r\n                }\r\n\r\n                summaryContainer.style.display = 'block';\r\n\r\n                let itemsHtml = cart.items.map(item => {\r\n                    const fallbackImg = 'https:\/\/images.unsplash.com\/photo-1589924691106-073b69a59b86?auto=format&fit=crop&q=80&w=400';\r\n                    const imageSrc = item.images && item.images.length > 0 ? item.images[0].src : fallbackImg;\r\n                    const priceFormatted = formatPrice(item.totals.line_total, cart.totals);\r\n\r\n                    return `\r\n                        <div class=\"flex flex-col sm:flex-row items-center gap-8 p-8 bg-white rounded-[3.5rem] shadow-sm border border-gray-100 group hover:shadow-md transition-shadow relative\">\r\n                            <div class=\"w-32 h-32 bg-zen-sand rounded-[2.5rem] overflow-hidden shrink-0\">\r\n                                <img decoding=\"async\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-700\" src=\"${imageSrc}\" alt=\"${item.name}\" \/>\r\n                            <\/div>\r\n                            \r\n                            <div class=\"flex-grow space-y-2 text-center sm:text-left\">\r\n                                <span class=\"text-[10px] font-bold text-zen-gold uppercase tracking-widest\">Sanctuary Item<\/span>\r\n                                <h3 class=\"text-2xl font-serif text-zen-deep\">${item.name}<\/h3>\r\n                                <p class=\"text-xs text-gray-400 font-light\">${item.short_description ? item.short_description.replace(\/<[^>]*>?\/gm, '') : 'Premium Botanical Remedy'}<\/p>\r\n                            <\/div>\r\n\r\n                            <div class=\"flex items-center gap-6\">\r\n                                <div class=\"flex items-center border border-zen-sand rounded-full px-4 py-2 gap-4\">\r\n                                    <button onclick=\"updateQuantity('${item.key}', ${item.quantity - 1})\" class=\"text-zen-gold hover:text-zen-deep transition-colors\">\u2014<\/button>\r\n                                    <span class=\"text-sm font-bold w-4 text-center\">${item.quantity}<\/span>\r\n                                    <button onclick=\"updateQuantity('${item.key}', ${item.quantity + 1})\" class=\"text-zen-gold hover:text-zen-deep transition-colors\">+<\/button>\r\n                                <\/div>\r\n                                <div class=\"text-right min-w-[100px]\">\r\n                                    <p class=\"text-xl font-serif whitespace-nowrap\">${priceFormatted}<\/p>\r\n                                <\/div>\r\n                                <button onclick=\"removeItem('${item.key}')\" class=\"text-gray-300 hover:text-red-400 transition-colors bg-white p-2 rounded-full border border-transparent hover:border-red-100 shadow-sm\" title=\"Remove\">\r\n                                    <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"><\/path><\/svg>\r\n                                <\/button>\r\n                            <\/div>\r\n                        <\/div>\r\n                    `;\r\n                }).join('');\r\n\r\n                itemsHtml += `\r\n                    <div class=\"flex flex-col sm:flex-row justify-between items-center gap-6 pt-8\">\r\n                        <a class=\"text-xs font-bold uppercase tracking-widest text-zen-deep border-b-2 border-zen-gold pb-1 transition-all flex items-center gap-2\" href=\"\/#offers\">\r\n                            Return to Sanctuary\r\n                        <\/a>\r\n                        <div class=\"flex gap-4 w-full sm:w-auto\">\r\n                            <input class=\"bg-white border border-zen-sand rounded-full px-6 py-3 text-xs focus:outline-none focus:border-zen-gold w-full sm:w-48 shadow-sm\" type=\"text\" placeholder=\"Offer Code\" \/>\r\n                            <button class=\"bg-zen-sand text-zen-deep px-6 py-3 rounded-full text-xs font-bold uppercase tracking-widest hover:bg-zen-gold hover:text-white transition-colors\">Apply<\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n\r\n                cartContainer.innerHTML = itemsHtml;\r\n                subtotalEl.innerText = formatPrice(cart.totals.total_items, cart.totals);\r\n                taxEl.innerText = formatPrice(cart.totals.total_tax, cart.totals);\r\n                totalEl.innerText = formatPrice(cart.totals.total_price, cart.totals);\r\n            }\r\n\r\n            fetchCart();\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>ZenPaw \u2014 Sanctuary Cart Mission Shop Featured Offers Syncing&#8230; Quick Shop Sanctuary Selections Cart \u2014\u2014 Checkout \u2014\u2014 Manifest Connecting to WooCommerce&#8230; Manifest Summary Subtotal &#8230; Eco-Sourced Shipping FREE Tax Estimates &#8230; Total Due &#8230; Proceed to Checkout Secure Encrypted Transaction 100% Botanical Sanctuary Guarantee Clinically proven botanical restoration for the souls we love most. Apothecary [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":49,"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":177,"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/177"}],"wp:attachment":[{"href":"https:\/\/zenpawpetwellness.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}