{"product_id":"dog-puffer-jacket","title":"Dog Puffer","description":"\u003csection class=\"size-guide\"\u003e\n\n    \u003ch2\u003eChoose Your Pup's Size\u003c\/h2\u003e\n    \u003cp\u003eClick a size to see how to measure your dog.\u003c\/p\u003e\n\n    \u003c!-- Size Buttons --\u003e\n    \u003cdiv class=\"size-buttons\"\u003e\n\n        \u003cbutton class=\"size-btn active\" onclick=\"showSize('XS', this)\"\u003e\n        XS\n        \u003c\/button\u003e\n\n        \u003cbutton class=\"size-btn\" onclick=\"showSize('S', this)\"\u003e\n        S\n        \u003c\/button\u003e\n\n        \u003cbutton class=\"size-btn\" onclick=\"showSize('M', this)\"\u003e\n        M\n        \u003c\/button\u003e\n\n        \u003cbutton class=\"size-btn\" onclick=\"showSize('L', this)\"\u003e\n        L\n        \u003c\/button\u003e\n\n        \u003cbutton class=\"size-btn\" onclick=\"showSize('XL', this)\"\u003e\n        XL\n        \u003c\/button\u003e\n\n        \u003cbutton class=\"size-btn\" onclick=\"showSize('2XL', this)\"\u003e\n        2XL\n        \u003c\/button\u003e\n\n        \u003cbutton class=\"size-btn\" onclick=\"showSize('3XL', this)\"\u003e\n        3XL\n        \u003c\/button\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Dynamic Description --\u003e\n    \u003cdiv class=\"size-description\" id=\"sizeDescription\"\u003e\n\n        \u003ch3\u003eXS Size\u003c\/h3\u003e\n\n        \u003cp\u003e\n            Best for pups with a\n            \u003cstrong\u003e20–25cm neck\u003c\/strong\u003e,\n            \u003cstrong\u003e27–35cm chest\u003c\/strong\u003e,\n            and\n            \u003cstrong\u003e27cm back length\u003c\/strong\u003e.\n            Measure around the neck, widest chest area behind the front legs,\n            and from the neck base to the tail.\n        \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n\n\/* Section *\/\n.size-guide{\n    text-align:center;\n    padding:80px 20px;\n    background:#FFFFFF;\n}\n\n\/* Heading *\/\n.size-guide h2{\n    font-size:42px;\n    color:#3D3228;\n    margin-bottom:10px;\n}\n\n.size-guide p{\n    color:#6D6054;\n    margin-bottom:30px;\n}\n\n\/* Buttons *\/\n.size-buttons{\n    display:flex;\n    justify-content:center;\n    flex-wrap:wrap;\n    gap:14px;\n    margin-bottom:35px;\n}\n\n.size-btn{\n    background:#FFFFFF;\n    border:2px solid #E5E5E5;\n    padding:16px 28px;\n    border-radius:18px;\n    cursor:pointer;\n    font-size:18px;\n    font-weight:600;\n    color:#5A4C3F;\n    transition:.3s ease;\n}\n\n.size-btn:hover{\n    transform:translateY(-4px);\n    background:#F8F8F8;\n}\n\n.size-btn.active{\n    background:#3D3228;\n    color:white;\n    border-color:#3D3228;\n}\n\n\/* Description Card *\/\n.size-description{\n    max-width:700px;\n    margin:auto;\n    background:#FFFFFF;\n    border-radius:28px;\n    padding:35px;\n    box-shadow:\n    0 10px 25px rgba(0,0,0,.05);\n}\n\n.size-description h3{\n    color:#3D3228;\n    margin-bottom:15px;\n    font-size:28px;\n}\n\n.size-description p{\n    color:#65574A;\n    line-height:1.8;\n    margin:0;\n}\n\n\/* Mobile *\/\n@media(max-width:768px){\n\n.size-guide h2{\n    font-size:32px;\n}\n\n.size-btn{\n    width:80px;\n}\n\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\n\nconst sizeInfo = {\n\n\"XS\":\n\"Best for pups with a 20–25cm neck, 27–35cm chest, and 27cm back length. Measure around the neck, widest chest area behind the front legs, and from the neck base to the tail.\",\n\n\"S\":\n\"Best for pups with a 25–30cm neck, 35–46cm chest, and 33cm back length. Measure around the neck, widest chest area behind the front legs, and from the neck base to the tail.\",\n\n\"M\":\n\"Best for pups with a 30–35cm neck, 42–55cm chest, and 40cm back length. Measure around the neck, widest chest area behind the front legs, and from the neck base to the tail.\",\n\n\"L\":\n\"Best for pups with a 35–46cm neck, 51–67cm chest, and 47cm back length. Measure around the neck, widest chest area behind the front legs, and from the neck base to the tail.\",\n\n\"XL\":\n\"Best for pups with a 44–53cm neck, 61–80cm chest, and 54cm back length. Measure around the neck, widest chest area behind the front legs, and from the neck base to the tail.\",\n\n\"2XL\":\n\"Best for pups with a 50–59cm neck, 70–92cm chest, and 60cm back length. Measure around the neck, widest chest area behind the front legs, and from the neck base to the tail.\",\n\n\"3XL\":\n\"Best for pups with a 59–69cm neck, 86–110cm chest, and 67cm back length. Measure around the neck, widest chest area behind the front legs, and from the neck base to the tail.\"\n\n};\n\nfunction showSize(size, button){\n\ndocument.getElementById(\"sizeDescription\")\n.innerHTML = `\n\u003ch3\u003e${size} Size\u003c\/h3\u003e\n\u003cp\u003e${sizeInfo[size]}\u003c\/p\u003e\n`;\n\ndocument.querySelectorAll(\".size-btn\")\n.forEach(btn =\u003e btn.classList.remove(\"active\"));\n\nbutton.classList.add(\"active\");\n}\n\n\u003c\/script\u003e","brand":"Paw Hug","offers":[{"title":"Red","offer_id":52273617830168,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":52273617862936,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Gray","offer_id":52273617895704,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":52273617928472,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":52273617961240,"sku":null,"price":299.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0990\/2417\/5384\/files\/Screenshot_2026-06-16_212212.png?v=1781637932","url":"https:\/\/pawhug.co.za\/products\/dog-puffer-jacket","provider":"Paw Hug","version":"1.0","type":"link"}