{"product_id":"caramel-bundle","title":"The Caramel Walk Set","description":"\u003cstyle\u003e\n  .product-form__submit,\n  .product-form__buttons,\n  .product-form,\n  product-form {\n    display: none !important;\n  }\n\u003c\/style\u003e\n\n\u003cdiv style=\"max-width: 600px; margin: 30px auto; padding: 20px; background: #fef8f4; border-radius: 14px; font-family: 'Poppins', Arial, sans-serif;\"\u003e\n\n  \u003cdiv id=\"ppm-error\" style=\"background: #FFF8F8; border: 1px solid #FFD6D6; border-radius: 10px; padding: 12px; color: #ee5875; font-size: 13px; text-align: center; margin-bottom: 16px; display: none; font-weight: 600;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- COLLAR SIZE --\u003e\n  \u003cdiv style=\"margin-bottom: 28px;\"\u003e\n    \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 14px;\"\u003eCollar Size\u003c\/h3\u003e\n    \u003cdiv id=\"collar-sizes\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;\"\u003e\n      \u003cbutton type=\"button\" class=\"collar-size-btn\" data-size=\"XS\" data-variant=\"54009990250771\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eXS – 6-10\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"collar-size-btn\" data-size=\"S\" data-variant=\"54009990283539\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eS – 9-12\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"collar-size-btn\" data-size=\"M\" data-variant=\"54009990316307\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eM – 11-15\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"collar-size-btn\" data-size=\"L\" data-variant=\"54009990349075\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eL – 15-19\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"collar-size-btn\" data-size=\"XL\" data-variant=\"54009990381843\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eXL – 17-21\"\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"height: 2px; background: #ee5875; margin-bottom: 28px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- PERSONALIZE COLLAR --\u003e\n  \u003cdiv style=\"margin-bottom: 28px;\"\u003e\n    \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 14px;\"\u003ePup's Name and Charms ✨\u003c\/h3\u003e\n    \u003cp style=\"font-size: 13px; color: #666; margin-bottom: 14px; line-height: 1.5;\"\u003eType your pup's name · tap a charm to add it · max 8 jewels total\u003c\/p\u003e\n    \n    \u003cdiv style=\"margin-bottom: 16px;\"\u003e\n      \u003clabel style=\"font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #ee5875; margin-bottom: 8px; display: block;\"\u003ePup's Name\u003c\/label\u003e\n      \u003cinput type=\"text\" id=\"ppm-name\" placeholder=\"e.g. BELLA\" maxlength=\"20\" style=\"width: 100%; padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; font-size: 20px; font-weight: 700; color: #2D2D2D; letter-spacing: 2px; text-transform: uppercase; outline: none; box-sizing: border-box; background: #FFFFFF;\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv style=\"margin-bottom: 16px;\"\u003e\n      \u003clabel style=\"font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #ee5875; margin-bottom: 12px; display: block;\"\u003eAdd Charms\u003c\/label\u003e\n      \u003cdiv id=\"charm-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;\"\u003e\n        \u003cbutton type=\"button\" class=\"charm-btn\" data-charm=\"PAW\" data-emoji=\"🐾\" style=\"padding: 12px 8px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.15s; text-align: center;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/charm-paw-print_png.png?v=1775534514\" alt=\"Paw\" style=\"width: 48px; height: 48px; margin: 0 auto 8px; display: block;\"\u003e\n          \u003cdiv style=\"font-size: 11px; font-weight: 700; color: #2D2D2D;\"\u003ePaw Print\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"charm-btn\" data-charm=\"HEART\" data-emoji=\"❤️\" style=\"padding: 12px 8px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.15s; text-align: center;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/charm-heart_png.png?v=1775534534\" alt=\"Heart\" style=\"width: 48px; height: 48px; margin: 0 auto 8px; display: block;\"\u003e\n          \u003cdiv style=\"font-size: 11px; font-weight: 700; color: #2D2D2D;\"\u003eHeart\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"charm-btn\" data-charm=\"FLAMINGO\" data-emoji=\"🦩\" style=\"padding: 12px 8px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.15s; text-align: center;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/charm-flamingo_png.png?v=1775534550\" alt=\"Flamingo\" style=\"width: 48px; height: 48px; margin: 0 auto 8px; display: block;\"\u003e\n          \u003cdiv style=\"font-size: 11px; font-weight: 700; color: #2D2D2D;\"\u003eFlamingo\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"charm-btn\" data-charm=\"PALM\" data-emoji=\"🌴\" style=\"padding: 12px 8px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.15s; text-align: center;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/charm-palm-tree_png.png?v=1775534543\" alt=\"Palm\" style=\"width: 48px; height: 48px; margin: 0 auto 8px; display: block;\"\u003e\n          \u003cdiv style=\"font-size: 11px; font-weight: 700; color: #2D2D2D;\"\u003ePalm Tree\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"charm-btn\" data-charm=\"UNICORN\" data-emoji=\"🦄\" style=\"padding: 12px 8px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.15s; text-align: center;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/charm-unicorn_png.png?v=1775440450\" alt=\"Unicorn\" style=\"width: 48px; height: 48px; margin: 0 auto 8px; display: block;\"\u003e\n          \u003cdiv style=\"font-size: 11px; font-weight: 700; color: #2D2D2D;\"\u003eUnicorn\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton type=\"button\" class=\"charm-btn\" data-charm=\"RAINBOW\" data-emoji=\"🌈\" style=\"padding: 12px 8px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.15s; text-align: center;\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/charm-rainbow_png.png?v=1775440450\" alt=\"Rainbow\" style=\"width: 48px; height: 48px; margin: 0 auto 8px; display: block;\"\u003e\n          \u003cdiv style=\"font-size: 11px; font-weight: 700; color: #2D2D2D;\"\u003eRainbow\u003c\/div\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"height: 2px; background: #ee5875; margin-bottom: 28px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- HARNESS SIZE --\u003e\n  \u003cdiv style=\"margin-bottom: 28px;\"\u003e\n    \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 14px;\"\u003eHarness Size\u003c\/h3\u003e\n    \u003cdiv id=\"harness-sizes\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;\"\u003e\n      \u003cbutton type=\"button\" class=\"harness-size-btn\" data-size=\"XS\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eXS – 11-14\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"harness-size-btn\" data-size=\"S\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eS – 14-16\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"harness-size-btn\" data-size=\"M\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eM – 16-19\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"harness-size-btn\" data-size=\"L\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eL – 19.5-23.5\"\u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"harness-size-btn\" data-size=\"XL\" style=\"padding: 14px 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; font-size: 15px; font-weight: 700; color: #2D2D2D; cursor: pointer; transition: all 0.2s ease;\"\u003eXL – 23.5-26\"\u003c\/button\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"height: 2px; background: #ee5875; margin-bottom: 28px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- TAG ENGRAVING --\u003e\n  \u003cdiv style=\"margin-bottom: 28px;\"\u003e\n    \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 14px;\"\u003eEngraved ID Tag\u003c\/h3\u003e\n    \u003cdiv style=\"margin-bottom: 14px;\"\u003e\n      \u003clabel style=\"display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #ee5875; margin-bottom: 8px;\"\u003eFront Engraving\u003c\/label\u003e\n      \u003cinput type=\"text\" id=\"front-engrave\" placeholder=\"e.g. SUKI\" maxlength=\"20\" style=\"width: 100%; padding: 12px 14px; border: 2px solid #ffe4e2; border-radius: 14px; font-size: 14px; color: #2D2D2D; outline: none; box-sizing: border-box; background: #FFFFFF; font-weight: 600;\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003clabel style=\"display: block; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #ee5875; margin-bottom: 8px;\"\u003eBack Engraving\u003c\/label\u003e\n      \u003cinput type=\"text\" id=\"back-engrave\" placeholder=\"e.g. 786-555-0100\" maxlength=\"20\" style=\"width: 100%; padding: 12px 14px; border: 2px solid #ffe4e2; border-radius: 14px; font-size: 14px; color: #2D2D2D; outline: none; box-sizing: border-box; background: #FFFFFF; font-weight: 600;\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"height: 2px; background: #ee5875; margin-bottom: 28px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- ADD-ONS --\u003e\n  \u003cdiv style=\"margin-bottom: 28px;\"\u003e\n    \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 14px;\"\u003eOptional Add-ons\u003c\/h3\u003e\n    \n    \u003clabel style=\"display: flex; align-items: center; gap: 14px; padding: 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.2s; margin-bottom: 14px;\"\u003e\n      \u003cinput type=\"checkbox\" class=\"addon-checkbox\" id=\"addon-charm\" data-variant=\"50093243695379\" data-price=\"15.00\" style=\"width: 24px; height: 24px; cursor: pointer; flex-shrink: 0; accent-color: #ee5875;\"\u003e\n      \u003cdiv style=\"flex: 1;\"\u003e\n        \u003cdiv style=\"font-size: 15px; font-weight: 700; color: #2D2D2D; margin-bottom: 4px;\"\u003eBedazzled Heart Padlock Charm \u003cspan style=\"font-size: 14px; font-weight: 800; color: #ee5875;\"\u003e+$15.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp style=\"font-size: 12px; color: #666; margin: 0;\"\u003eCrystal heart charm — attaches to collar ring.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"width: 72px; height: 72px; border-radius: 10px; background: #f5f5f5; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/swatch-17659826644845.png?v=1765982666\" alt=\"Charm\" style=\"width: 100%; height: 100%; object-fit: cover;\"\u003e\n      \u003c\/div\u003e\n    \u003c\/label\u003e\n\n    \u003clabel style=\"display: flex; align-items: center; gap: 14px; padding: 16px; border: 2px solid #ffe4e2; border-radius: 14px; background: #FFFFFF; cursor: pointer; transition: all 0.2s;\"\u003e\n      \u003cinput type=\"checkbox\" class=\"addon-checkbox\" id=\"addon-pouch\" data-variant=\"52713110765843\" data-price=\"12.00\" style=\"width: 24px; height: 24px; cursor: pointer; flex-shrink: 0; accent-color: #ee5875;\"\u003e\n      \u003cdiv style=\"flex: 1;\"\u003e\n        \u003cdiv style=\"font-size: 15px; font-weight: 700; color: #2D2D2D; margin-bottom: 4px;\"\u003eFloral Waste Bag Pouch \u003cspan style=\"font-size: 14px; font-weight: 800; color: #ee5875;\"\u003e+$12.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cp style=\"font-size: 12px; color: #666; margin: 0;\"\u003eStylish pouch for on-the-go cleanup.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv style=\"width: 72px; height: 72px; border-radius: 10px; background: #f5f5f5; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden;\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/swatch-17640305244223.png?v=1764030526\" alt=\"Pouch\" style=\"width: 100%; height: 100%; object-fit: cover;\"\u003e\n      \u003c\/div\u003e\n    \u003c\/label\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"height: 2px; background: #ee5875; margin-bottom: 28px;\"\u003e\u003c\/div\u003e\n\n  \u003c!-- PRICING --\u003e\n  \u003cdiv style=\"background: #FFFFFF; border: 2px solid #ffe4e2; border-radius: 14px; padding: 20px; margin-bottom: 24px;\"\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; font-size: 14px; color: #2D2D2D; margin-bottom: 10px; font-weight: 600;\"\u003e\n      \u003cspan\u003eCaramel Collar\u003c\/span\u003e\n      \u003cspan\u003e$44.99\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; font-size: 14px; color: #2D2D2D; margin-bottom: 10px; font-weight: 600;\"\u003e\n      \u003cspan\u003eSunrise Harness\u003c\/span\u003e\n      \u003cspan\u003e$39.99\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; font-size: 14px; color: #2D2D2D; margin-bottom: 10px; font-weight: 600;\"\u003e\n      \u003cspan\u003eEngraved ID Tag\u003c\/span\u003e\n      \u003cspan\u003e$28.00\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv id=\"addons-display\" style=\"display: none;\"\u003e\n      \u003cdiv style=\"display: flex; justify-content: space-between; font-size: 14px; color: #2D2D2D; margin-bottom: 10px; font-weight: 600;\"\u003e\n        \u003cspan\u003eAdd-ons\u003c\/span\u003e\n        \u003cspan id=\"addons-price\"\u003e+$0.00\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv style=\"border-top: 2px solid #ee5875; margin: 16px 0; padding-top: 16px; text-align: center;\"\u003e\n      \u003cdiv style=\"font-size: 28px; font-weight: 800; color: #ee5875; margin-bottom: 6px;\"\u003e$\u003cspan id=\"final-price\"\u003e112.98\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv style=\"font-size: 12px; color: #999; font-weight: 600;\"\u003eUse MEMORIAL15 at checkout to save $15\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ATC BUTTON --\u003e\n  \u003cbutton type=\"button\" id=\"atc-btn\" style=\"display: block; width: 100%; padding: 18px; background: #ee5875; border: none; border-radius: 100px; color: white; font-family: 'Poppins', Arial, sans-serif; font-size: 17px; font-weight: 800; cursor: pointer; transition: all 0.2s; box-shadow: 0 6px 24px rgba(238, 88, 117, 0.4); letter-spacing: 0.5px;\"\u003eAdd My Pup's Set to Cart\u003c\/button\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  var state = {\n    collarSize: null,\n    collarVariant: null,\n    collarName: '',\n    charms: { PAW: 0, HEART: 0, FLAMINGO: 0, PALM: 0, UNICORN: 0, RAINBOW: 0 },\n    charmEmojis: { PAW: '🐾', HEART: '❤️', FLAMINGO: '🦩', PALM: '🌴', UNICORN: '🦄', RAINBOW: '🌈' },\n    harnessSize: null,\n    frontEngrave: '',\n    backEngrave: '',\n    addOns: {}\n  };\n\n  document.querySelectorAll('.collar-size-btn').forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      document.querySelectorAll('.collar-size-btn').forEach(function(b) { \n        b.style.borderColor = '#ffe4e2'; \n        b.style.background = '#FFFFFF'; \n        b.style.color = '#2D2D2D'; \n      });\n      btn.style.borderColor = '#ee5875';\n      btn.style.background = '#ee5875';\n      btn.style.color = 'white';\n      state.collarSize = btn.dataset.size;\n      state.collarVariant = btn.dataset.variant;\n    });\n  });\n\n  document.getElementById('ppm-name').addEventListener('input', function() {\n    var val = this.value.toUpperCase().replace(\/[^A-Z\\s🐾❤️🦩🌴🦄🌈]\/g, '');\n    this.value = val;\n    state.collarName = val;\n  });\n\n  document.querySelectorAll('.charm-btn').forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      var charm = this.dataset.charm;\n      var emoji = this.dataset.emoji;\n      var totalCharms = Object.values(state.charms).reduce(function(a, b) { return a + b; }, 0);\n      var input = document.getElementById('ppm-name');\n      var currentVal = input.value;\n      var letterCount = currentVal.replace(\/[🐾❤️🦩🌴🦄🌈]\/g, '').length;\n      \n      if (state.charms[charm] === 0 \u0026\u0026 totalCharms \u003e= 4) {\n        showError('Max 4 charms allowed.');\n        return;\n      }\n\n      if (state.charms[charm] === 0 \u0026\u0026 letterCount + totalCharms \u003e= 8) {\n        showError('You\\'ve reached 8 jewels total.');\n        return;\n      }\n      \n      if (state.charms[charm] === 0) {\n        input.value = currentVal + emoji;\n        state.charms[charm] = 1;\n      } else {\n        input.value = currentVal.replace(emoji, '');\n        state.charms[charm] = 0;\n      }\n      \n      state.collarName = input.value;\n      this.style.borderColor = state.charms[charm] ? '#ee5875' : '#ffe4e2';\n      this.style.background = state.charms[charm] ? '#fff0f2' : '#FFFFFF';\n      hideError();\n    });\n  });\n\n  document.querySelectorAll('.harness-size-btn').forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      document.querySelectorAll('.harness-size-btn').forEach(function(b) { \n        b.style.borderColor = '#ffe4e2'; \n        b.style.background = '#FFFFFF'; \n        b.style.color = '#2D2D2D'; \n      });\n      btn.style.borderColor = '#ee5875';\n      btn.style.background = '#ee5875';\n      btn.style.color = 'white';\n      state.harnessSize = btn.dataset.size;\n    });\n  });\n\n  document.getElementById('front-engrave').addEventListener('input', function() { \n    state.frontEngrave = this.value.trim(); \n  });\n\n  document.getElementById('back-engrave').addEventListener('input', function() { \n    state.backEngrave = this.value.trim(); \n  });\n\n  document.querySelectorAll('.addon-checkbox').forEach(function(cb) {\n    cb.addEventListener('change', function() {\n      state.addOns[this.id] = { \n        checked: this.checked, \n        variant: this.dataset.variant, \n        price: parseFloat(this.dataset.price) \n      };\n      updatePricing();\n    });\n  });\n\n  function updatePricing() {\n    var addOnTotal = 0;\n\n    Object.keys(state.addOns).forEach(function(key) {\n      if (state.addOns[key].checked) {\n        addOnTotal += state.addOns[key].price;\n      }\n    });\n\n    var subtotal = 112.98 + addOnTotal;\n\n    document.getElementById('final-price').textContent = subtotal.toFixed(2);\n\n    if (addOnTotal \u003e 0) {\n      document.getElementById('addons-display').style.display = 'block';\n      document.getElementById('addons-price').textContent = '+$' + addOnTotal.toFixed(2);\n    } else {\n      document.getElementById('addons-display').style.display = 'none';\n    }\n  }\n\n  function showError(msg) {\n    var errorBox = document.getElementById('ppm-error');\n    errorBox.textContent = msg;\n    errorBox.style.display = 'block';\n  }\n\n  function hideError() {\n    document.getElementById('ppm-error').style.display = 'none';\n  }\n\n  document.getElementById('atc-btn').addEventListener('click', function() {\n    hideError();\n\n    if (!state.collarVariant) { \n      showError('Please select a collar size.'); \n      return; \n    }\n\n    if (!state.collarName) { \n      showError('Please enter your pup\\'s name.'); \n      return; \n    }\n\n    if (!state.harnessSize) { \n      showError('Please select a harness size.'); \n      return; \n    }\n\n    if (!state.frontEngrave) { \n      showError('Please enter the front engraving.'); \n      return; \n    }\n\n    this.disabled = true;\n    var btn = this;\n\n    var items = [\n      {\n        id: Number(state.collarVariant),\n        quantity: 1,\n        properties: {\n          'Caramel Collar Size': state.collarSize,\n          'Collar Personalization': state.collarName,\n          'Sunrise Harness Size': state.harnessSize,\n          'Front Engraving': state.frontEngrave,\n          'Back Engraving': state.backEngrave || 'N\/A'\n        }\n      }\n    ];\n\n    Object.keys(state.addOns).forEach(function(key) {\n      if (state.addOns[key].checked) {\n        items.push({\n          id: Number(state.addOns[key].variant),\n          quantity: 1\n        });\n      }\n    });\n\n    fetch('\/cart\/add.js', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({ items: items })\n    })\n    .then(function(response) {\n      if (!response.ok) {\n        throw new Error('Status: ' + response.status);\n      }\n      return response.json();\n    })\n    .then(function() {\n      window.location.href = '\/cart';\n    })\n    .catch(function(err) {\n      console.error('Cart error:', err);\n      showError('Something went wrong. Please try again.');\n      btn.disabled = false;\n    });\n  });\n\n  updatePricing();\n})();\n\u003c\/script\u003e","brand":"Paws Paws Miami","offers":[{"title":"XS - 6-10\"","offer_id":54009990250771,"sku":"CARAMEL XS","price":112.98,"currency_code":"USD","in_stock":true},{"title":"S - 9-12\"","offer_id":54009990283539,"sku":"CARAMEL S","price":112.98,"currency_code":"USD","in_stock":true},{"title":"M - 11-15\"","offer_id":54009990316307,"sku":"CARAMEL M","price":112.98,"currency_code":"USD","in_stock":true},{"title":"L - 15-19\"","offer_id":54009990349075,"sku":"CARAMEL L","price":112.98,"currency_code":"USD","in_stock":true},{"title":"XL - 17-21\"","offer_id":54009990381843,"sku":"CARAMEL XL","price":112.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0026\/2671\/5715\/files\/paws-paws-miami-caramel-bundle-chihuahua_ed701b2e-a38c-4e50-9dd5-6becdd86516e.jpg?v=1779248483","url":"https:\/\/www.pawspawsmiami.com\/products\/caramel-bundle","provider":"Paws Paws Miami","version":"1.0","type":"link"}