{"product_id":"the-hot-pink-walk-set","title":"The Hot Pink 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  @keyframes pulse-highlight {\n    0% { box-shadow: 0 0 0 0 rgba(238, 88, 117, 0.4); }\n    50% { box-shadow: 0 0 0 8px rgba(238, 88, 117, 0.15); }\n    100% { box-shadow: 0 0 0 0 rgba(238, 88, 117, 0); }\n  }\n  .ppm-highlight {\n    animation: pulse-highlight 0.8s ease-in-out 2;\n    border: 2px solid #ee5875 !important;\n  }\n\u003c\/style\u003e\n\n\u003c!-- PILL 1: PERSONALIZED COLLAR --\u003e\n\u003cdiv id=\"pill-collar\" style=\"max-width: 600px; margin: 20px auto 12px; padding: 24px 20px; background: #fff7f6; border-radius: 16px; font-family: 'Poppins', Arial, sans-serif; border: 2px solid transparent; transition: all 0.3s;\"\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  \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 6px;\"\u003ePersonalized Collar ✨\u003c\/h3\u003e\n  \u003cp style=\"font-size: 13px; color: #999; margin-bottom: 18px;\"\u003eStep 1 of 3\u003c\/p\u003e\n\n  \u003cdiv style=\"margin-bottom: 20px;\"\u003e\n    \u003clabel style=\"font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #ee5875; margin-bottom: 10px; display: block;\"\u003eCollar Size\u003c\/label\u003e\n    \u003cdiv id=\"collar-sizes\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;\"\u003e\n      \u003cbutton type=\"button\" class=\"collar-size-btn\" data-size=\"XS\" data-variant=\"54204305965331\" 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=\"54204305998099\" 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=\"54204306030867\" 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=\"54204306063635\" 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=\"54204306096403\" 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=\"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\u003e\n    \u003clabel style=\"font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: #ee5875; margin-bottom: 10px; display: block;\"\u003eAdd Charms\u003c\/label\u003e\n    \u003cp style=\"font-size: 12px; color: #999; margin-bottom: 12px;\"\u003eTap to add before or after name. Max 8 jewels.\u003c\/p\u003e\n    \u003cdiv id=\"charm-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;\"\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; position: relative;\"\u003e\n        \u003cspan class=\"charm-badge\" style=\"display: none; position: absolute; top: -6px; right: -6px; background: #ee5875; color: white; font-size: 11px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center;\"\u003e0\u003c\/span\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; position: relative;\"\u003e\n        \u003cspan class=\"charm-badge\" style=\"display: none; position: absolute; top: -6px; right: -6px; background: #ee5875; color: white; font-size: 11px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center;\"\u003e0\u003c\/span\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; position: relative;\"\u003e\n        \u003cspan class=\"charm-badge\" style=\"display: none; position: absolute; top: -6px; right: -6px; background: #ee5875; color: white; font-size: 11px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center;\"\u003e0\u003c\/span\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; position: relative;\"\u003e\n        \u003cspan class=\"charm-badge\" style=\"display: none; position: absolute; top: -6px; right: -6px; background: #ee5875; color: white; font-size: 11px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center;\"\u003e0\u003c\/span\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; position: relative;\"\u003e\n        \u003cspan class=\"charm-badge\" style=\"display: none; position: absolute; top: -6px; right: -6px; background: #ee5875; color: white; font-size: 11px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center;\"\u003e0\u003c\/span\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; position: relative;\"\u003e\n        \u003cspan class=\"charm-badge\" style=\"display: none; position: absolute; top: -6px; right: -6px; background: #ee5875; color: white; font-size: 11px; font-weight: 800; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; text-align: center;\"\u003e0\u003c\/span\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\u003c!-- PILL 2: MATCHING HARNESS --\u003e\n\u003cdiv id=\"pill-harness\" style=\"max-width: 600px; margin: 0 auto 12px; padding: 24px 20px; background: #fff7f6; border-radius: 16px; font-family: 'Poppins', Arial, sans-serif; border: 2px solid transparent; transition: all 0.3s;\"\u003e\n  \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 6px;\"\u003eMatching Harness\u003c\/h3\u003e\n  \u003cp style=\"font-size: 13px; color: #999; margin-bottom: 18px;\"\u003eStep 2 of 3\u003c\/p\u003e\n  \u003cdiv id=\"harness-sizes\" style=\"display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;\"\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\u003c!-- PILL 3: ENGRAVED ID TAG --\u003e\n\u003cdiv id=\"pill-tag\" style=\"max-width: 600px; margin: 0 auto 12px; padding: 24px 20px; background: #fff7f6; border-radius: 16px; font-family: 'Poppins', Arial, sans-serif; border: 2px solid transparent; transition: all 0.3s;\"\u003e\n  \u003ch3 style=\"font-family: 'Playfair Display', Georgia, serif; font-size: 22px; font-weight: 800; color: #2D2D2D; margin-bottom: 6px;\"\u003eEngraved ID Tag\u003c\/h3\u003e\n  \u003cp style=\"font-size: 13px; color: #999; margin-bottom: 18px;\"\u003eStep 3 of 3\u003c\/p\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    \u003ctextarea id=\"back-engrave\" placeholder=\"e.g. 786-555-0100\nCall my Mom!\" maxlength=\"50\" rows=\"3\" 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; resize: none; font-family: 'Poppins', Arial, sans-serif;\"\u003e\u003c\/textarea\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- PILL 4: ADD-ONS --\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto 12px; padding: 24px 20px; background: #fff7f6; border-radius: 16px; font-family: 'Poppins', Arial, sans-serif;\"\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\u003c!-- PRICING + CTA --\u003e\n\u003cdiv style=\"max-width: 600px; margin: 0 auto 20px; padding: 24px 20px; background: #fff7f6; border-radius: 16px; font-family: 'Poppins', Arial, sans-serif;\"\u003e\n  \u003cdiv style=\"background: #FFFFFF; border: 2px solid #ffe4e2; border-radius: 14px; padding: 20px; margin-bottom: 16px;\"\u003e\n    \u003cdiv style=\"display: flex; justify-content: space-between; font-size: 14px; color: #2D2D2D; margin-bottom: 10px; font-weight: 600;\"\u003e\n      \u003cspan\u003eHot Pink 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\u003eSunshine 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 WALKSET10 at checkout to save $10\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv style=\"text-align: center; margin-bottom: 14px; font-size: 13px; font-weight: 700; color: #2D2D2D;\"\u003e✨ Complete set ships free ✨\u003c\/div\u003e\n\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\u003c\/div\u003e\n\n\u003cscript\u003e\n(function() {\n  var state = {\n    collarSize: null,\n    collarVariant: null,\n    harnessSize: null,\n    frontEngrave: '',\n    backEngrave: '',\n    addOns: {},\n    charmEmojiList: ['🐾', '❤️', '🦩', '🌴', '🦄', '🌈'],\n    charmNames: { '🐾': 'PAW', '❤️': 'HEART', '🦩': 'FLAMINGO', '🌴': 'PALM', '🦄': 'UNICORN', '🌈': 'RAINBOW' }\n  };\n\n  function getFieldValue() {\n    return document.getElementById('ppm-name').value;\n  }\n\n  function countEmojisInField() {\n    var val = getFieldValue();\n    var total = 0;\n    state.charmEmojiList.forEach(function(e) {\n      var temp = val;\n      while (temp.indexOf(e) !== -1) {\n        total++;\n        temp = temp.replace(e, '');\n      }\n    });\n    return total;\n  }\n\n  function countSpecificEmoji(emoji) {\n    var val = getFieldValue();\n    var count = 0;\n    var temp = val;\n    while (temp.indexOf(emoji) !== -1) {\n      count++;\n      temp = temp.replace(emoji, '');\n    }\n    return count;\n  }\n\n  function countLetters() {\n    var val = getFieldValue();\n    state.charmEmojiList.forEach(function(e) {\n      while (val.indexOf(e) !== -1) val = val.replace(e, '');\n    });\n    return val.replace(\/\\s\/g, '').length;\n  }\n\n  function getTotalJewels() {\n    return countLetters() + countEmojisInField();\n  }\n\n  function syncAllBadges() {\n    document.querySelectorAll('.charm-btn').forEach(function(btn) {\n      var emoji = btn.dataset.emoji;\n      var count = countSpecificEmoji(emoji);\n      var badge = btn.querySelector('.charm-badge');\n      if (count \u003e= 2) {\n        badge.textContent = count;\n        badge.style.display = 'block';\n        btn.style.borderColor = '#ee5875';\n        btn.style.background = '#fff0f2';\n      } else if (count === 1) {\n        badge.style.display = 'none';\n        btn.style.borderColor = '#ee5875';\n        btn.style.background = '#fff0f2';\n      } else {\n        badge.style.display = 'none';\n        btn.style.borderColor = '#ffe4e2';\n        btn.style.background = '#FFFFFF';\n      }\n    });\n  }\n\n  function insertAtCursor(emoji) {\n    var input = document.getElementById('ppm-name');\n    var start = input.selectionStart || input.value.length;\n    var end = input.selectionEnd || input.value.length;\n    var val = input.value;\n    input.value = val.substring(0, start) + emoji + val.substring(end);\n    var newPos = start + emoji.length;\n    input.setSelectionRange(newPos, newPos);\n    input.focus();\n  }\n\n  function removeLastOccurrence(emoji) {\n    var input = document.getElementById('ppm-name');\n    var val = input.value;\n    var lastIndex = val.lastIndexOf(emoji);\n    if (lastIndex !== -1) {\n      input.value = val.substring(0, lastIndex) + val.substring(lastIndex + emoji.length);\n    }\n  }\n\n  function highlightPill(pillId) {\n    var pill = document.getElementById(pillId);\n    if (!pill) return;\n    pill.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    pill.classList.add('ppm-highlight');\n    setTimeout(function() {\n      pill.classList.remove('ppm-highlight');\n    }, 1800);\n  }\n\n  \/\/ Collar size\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      hideError();\n    });\n  });\n\n  \/\/ Name input - enforce 8 jewel max and sync badges\n  document.getElementById('ppm-name').addEventListener('input', function() {\n    var val = this.value;\n    var filtered = '';\n    var chars = Array.from(val);\n    for (var i = 0; i \u003c chars.length; i++) {\n      var ch = chars[i];\n      if (state.charmEmojiList.indexOf(ch) !== -1) {\n        filtered += ch;\n      } else if (\/[a-zA-Z\\s]\/.test(ch)) {\n        filtered += ch.toUpperCase();\n      }\n    }\n\n    \/\/ Check 8 jewel limit\n    var tempVal = filtered;\n    var tempLetters = tempVal;\n    state.charmEmojiList.forEach(function(e) {\n      while (tempLetters.indexOf(e) !== -1) tempLetters = tempLetters.replace(e, '');\n    });\n    var letterCount = tempLetters.replace(\/\\s\/g, '').length;\n    var emojiCount = 0;\n    state.charmEmojiList.forEach(function(e) {\n      var t = tempVal;\n      while (t.indexOf(e) !== -1) { emojiCount++; t = t.replace(e, ''); }\n    });\n\n    if (letterCount + emojiCount \u003e 8) {\n      \/\/ Trim to previous value\n      this.value = getFieldValue();\n      return;\n    }\n\n    this.value = filtered;\n    syncAllBadges();\n    hideError();\n  });\n\n  \/\/ Charms - insert at cursor, tap again to add more, long count resets\n  document.querySelectorAll('.charm-btn').forEach(function(btn) {\n    btn.addEventListener('click', function() {\n      var emoji = this.dataset.emoji;\n      var currentCount = countSpecificEmoji(emoji);\n\n      \/\/ If already at 4 of this charm, or would exceed limits, reset\n      if (currentCount \u003e 0 \u0026\u0026 (getTotalJewels() \u003e= 8 || countEmojisInField() \u003e= 4 || currentCount \u003e= 4)) {\n        \/\/ Remove all of this emoji\n        var input = document.getElementById('ppm-name');\n        var val = input.value;\n        while (val.indexOf(emoji) !== -1) val = val.replace(emoji, '');\n        input.value = val;\n        syncAllBadges();\n        hideError();\n        return;\n      }\n\n      \/\/ Check limits before adding\n      if (getTotalJewels() \u003e= 8) {\n        showError('You\\'ve reached 8 jewels total.');\n        return;\n      }\n      if (countEmojisInField() \u003e= 4) {\n        showError('Max 4 charms total.');\n        return;\n      }\n\n      \/\/ Insert emoji at cursor\n      insertAtCursor(emoji);\n      syncAllBadges();\n      hideError();\n    });\n  });\n\n  \/\/ Harness size\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      hideError();\n    });\n  });\n\n  \/\/ Tag inputs\n  document.getElementById('front-engrave').addEventListener('input', function() {\n    state.frontEngrave = this.value.trim();\n    hideError();\n  });\n  document.getElementById('back-engrave').addEventListener('input', function() {\n    state.backEngrave = this.value.trim();\n  });\n\n  \/\/ Add-ons\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    Object.keys(state.addOns).forEach(function(key) {\n      if (state.addOns[key].checked) addOnTotal += state.addOns[key].price;\n    });\n    var subtotal = 112.98 + addOnTotal;\n    document.getElementById('final-price').textContent = subtotal.toFixed(2);\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  \/\/ ATC\n  document.getElementById('atc-btn').addEventListener('click', function() {\n    hideError();\n\n    if (!state.collarVariant) {\n      showError('Almost done — choose a collar size');\n      highlightPill('pill-collar');\n      return;\n    }\n    if (countLetters() === 0) {\n      showError('Almost done — enter your pup\\'s name');\n      highlightPill('pill-collar');\n      return;\n    }\n    if (!state.harnessSize) {\n      showError('Almost done — choose a harness size');\n      highlightPill('pill-harness');\n      return;\n    }\n    if (!state.frontEngrave) {\n      showError('Almost done — add the front engraving');\n      highlightPill('pill-tag');\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          'Hot Pink Collar Size': state.collarSize,\n          'Collar Personalization': getFieldValue(),\n          'Sunshine 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) throw new Error('Status: ' + response.status);\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":54204305965331,"sku":"HOT PINK SET XS","price":112.98,"currency_code":"USD","in_stock":true},{"title":"S - 9-12\"","offer_id":54204305998099,"sku":"HOT PINK SET S","price":112.98,"currency_code":"USD","in_stock":true},{"title":"M - 11-15\"","offer_id":54204306030867,"sku":"HOT PINK SET M","price":112.98,"currency_code":"USD","in_stock":true},{"title":"L - 15-19\"","offer_id":54204306063635,"sku":"HOT PINK SET L","price":112.98,"currency_code":"USD","in_stock":true},{"title":"XL - 17-21\"","offer_id":54204306096403,"sku":"HOT PINK SET 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-hot-pink-bundle-chihuahua.png?v=1779750535","url":"https:\/\/www.pawspawsmiami.com\/products\/the-hot-pink-walk-set","provider":"Paws Paws Miami","version":"1.0","type":"link"}