{"title":"Kids' T-Shirts","description":"\u003cp\u003eSoft cotton tees for babies and kids, with playful prints, stripes and solid colors for every day. Use the size guide on each page to pick the right fit.\u003c\/p\u003e","products":[{"product_id":"baby-kids-unisex-solid-color-green-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Baby Kids Unisex Solid Color Green T-Shirt In European And American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eElevate your little one's style with this hot selling unisex green t-shirt. Perfect for both European and American fashion, this solid color shirt is a must-have for any trendy baby or kid. Keep them comfortable and stylish all day long.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"89\" data-end=\"161\"\u003e\n\u003cp data-start=\"91\" data-end=\"161\"\u003e \u003cstrong data-start=\"94\" data-end=\"117\"\u003eTrendy Solid Color:\u003c\/strong\u003e Sleek green hue for a clean, modern look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"162\" data-end=\"224\"\u003e\n\u003cp data-start=\"164\" data-end=\"224\"\u003e \u003cstrong data-start=\"169\" data-end=\"184\"\u003eUnisex Fit:\u003c\/strong\u003e Perfect for both baby boys and girls.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"225\" data-end=\"294\"\u003e\n\u003cp data-start=\"227\" data-end=\"294\"\u003e \u003cstrong data-start=\"230\" data-end=\"254\"\u003eEuro-American Style:\u003c\/strong\u003e Blends fashion-forward global trends.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"295\" data-end=\"366\"\u003e\n\u003cp data-start=\"297\" data-end=\"366\"\u003e \u003cstrong data-start=\"300\" data-end=\"323\"\u003eSoft \u0026amp; Comfortable:\u003c\/strong\u003e Made for all-day wear and easy movement.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"367\" data-end=\"435\" data-is-last-node=\"\"\u003e\n\u003cp data-start=\"369\" data-end=\"435\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"371\" data-end=\"394\"\u003eWardrobe Essential:\u003c\/strong\u003e A versatile staple for everyday outfits.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eGreen\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003ePlain (Solid)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Green","offer_id":67729325850773,"sku":"TR2406221505-A","price":14.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Green","offer_id":67729325883541,"sku":"TR2406221505-B","price":14.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Green","offer_id":67729325916309,"sku":"TR2406221505-C","price":14.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Green","offer_id":67729325949077,"sku":"TR2406221505-D","price":14.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Green","offer_id":67729325981845,"sku":"TR2406221505-E","price":14.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Green","offer_id":67729326014613,"sku":"TR2406221505-F","price":14.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-45702033408152.jpg?v=1792122269"},{"product_id":"baby-striped-pattern-crewneck-short-sleeve-cotton-t-shirt","title":"MyKids-USAยฎ Baby Striped-Pattern Crewneck with Short Sleeve Cotton T-Shirt","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis Cool Baby Striped Pattern Crewneck T-Shirt is made from cotton for ultimate comfort. The short sleeve fit features a classic crewneck cut with a unique striped pattern. Perfect for any occasion, this stylish tee is a must-have for your little one's wardrobe.\u003c\/p\u003e\n\u003cp\u003eย \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"94\" data-end=\"193\"\u003e\n\u003cp data-start=\"96\" data-end=\"193\"\u003e \u003cstrong data-start=\"99\" data-end=\"126\"\u003eClassic Striped Design:\u003c\/strong\u003e Timeless pattern adds a playful and stylish touch to any outfit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"194\" data-end=\"286\"\u003e\n\u003cp data-start=\"196\" data-end=\"286\"\u003e \u003cstrong data-start=\"199\" data-end=\"222\"\u003eSoft Cotton Fabric:\u003c\/strong\u003e Provides all-day comfort that's gentle on delicate baby skin.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"287\" data-end=\"365\"\u003e\n\u003cp data-start=\"289\" data-end=\"365\"\u003e \u003cstrong data-start=\"292\" data-end=\"324\"\u003eShort Sleeve \u0026amp; Crewneck Cut:\u003c\/strong\u003e Ideal for warm days and easy layering.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"366\" data-end=\"457\"\u003e\n\u003cp data-start=\"368\" data-end=\"457\"\u003e \u003cstrong data-start=\"371\" data-end=\"400\"\u003eVersatile Everyday Style:\u003c\/strong\u003e Perfect for playdates, family outings, or casual wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"458\" data-end=\"533\"\u003e\n\u003cp data-start=\"460\" data-end=\"533\"\u003e \u003cstrong data-start=\"463\" data-end=\"487\"\u003eDurable \u0026amp; Easy-Care:\u003c\/strong\u003e Stays soft and vibrant after multiple washes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eย \u003c\/p\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eWhite, Black, Red, Pink, Navy Blue (Dark Blue), Green, Grey\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Girl, Baby Boy, Girl, Boy, Unisex\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eStriped\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Black","offer_id":67729332666517,"sku":"JM2303182039-A","price":15.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Green","offer_id":67729332699285,"sku":"JM2303182039-B","price":15.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Grey","offer_id":67729332732053,"sku":"JM2303182039-C","price":15.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Navy Blue (Dark Blue)","offer_id":67729332764821,"sku":"JM2303182039-D","price":15.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Pink","offer_id":67729332797589,"sku":"JM2303182039-E","price":15.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Red","offer_id":67729332830357,"sku":"JM2303182039-F","price":15.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ White","offer_id":67729332863125,"sku":"JM2303182039-G","price":15.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Black","offer_id":67729332895893,"sku":"JM2303182039-H","price":15.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Green","offer_id":67729332928661,"sku":"JM2303182039-I","price":15.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Grey","offer_id":67729332961429,"sku":"JM2303182039-J","price":15.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Navy Blue (Dark Blue)","offer_id":67729332994197,"sku":"JM2303182039-K","price":15.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Pink","offer_id":67729333026965,"sku":"JM2303182039-L","price":15.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Red","offer_id":67729333059733,"sku":"JM2303182039-M","price":15.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ White","offer_id":67729333092501,"sku":"JM2303182039-N","price":15.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Black","offer_id":67729333125269,"sku":"JM2303182039-O","price":15.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Green","offer_id":67729333158037,"sku":"JM2303182039-P","price":15.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Grey","offer_id":67729333190805,"sku":"JM2303182039-Q","price":15.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Navy Blue (Dark Blue)","offer_id":67729333223573,"sku":"JM2303182039-R","price":15.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Pink","offer_id":67729333256341,"sku":"JM2303182039-S","price":15.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Red","offer_id":67729333289109,"sku":"JM2303182039-T","price":15.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ White","offer_id":67729333321877,"sku":"JM2303182039-U","price":15.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Black","offer_id":67729333354645,"sku":"JM2303182039-V","price":15.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Green","offer_id":67729333387413,"sku":"JM2303182039-W","price":15.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Grey","offer_id":67729333420181,"sku":"JM2303182039-X","price":15.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Navy Blue (Dark Blue)","offer_id":67729333452949,"sku":"JM2303182039-Y","price":15.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Pink","offer_id":67729333485717,"sku":"JM2303182039-Z","price":15.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Red","offer_id":67729333518485,"sku":"JM2303182039-ZA","price":15.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ White","offer_id":67729333551253,"sku":"JM2303182039-ZB","price":15.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Black","offer_id":67729333584021,"sku":"JM2303182039-ZC","price":15.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Green","offer_id":67729333616789,"sku":"JM2303182039-ZD","price":15.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Grey","offer_id":67729333649557,"sku":"JM2303182039-ZE","price":15.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Navy Blue (Dark Blue)","offer_id":67729333682325,"sku":"JM2303182039-ZF","price":15.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Pink","offer_id":67729333715093,"sku":"JM2303182039-ZG","price":15.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Red","offer_id":67729333747861,"sku":"JM2303182039-ZH","price":15.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ White","offer_id":67729333780629,"sku":"JM2303182039-ZI","price":15.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-42673914118296.jpg?v=1792122285"},{"product_id":"boys-koala-cartoon-print-color-patchwork-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Boys Koala Cartoon Print Color Patchwork T-Shirt In European And American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eConquer the wild with our Boys' Koala Cartoon Print Color Patchwork T-Shirt, inspired by the daring spirit of European and American style. This shirt features a playful koala print and bold color patchwork for a fun and adventurous look. Perfect for your little risk-taker!ย \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"120\" data-end=\"210\"\u003e\n\u003cp data-start=\"122\" data-end=\"210\"\u003e \u003cstrong data-start=\"125\" data-end=\"156\"\u003ePlayful Koala Cartoon Print\u003c\/strong\u003e โ€“ Adds a fun, adventurous vibe that kids will love.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"211\" data-end=\"320\"\u003e\n\u003cp data-start=\"213\" data-end=\"320\"\u003e \u003cstrong data-start=\"216\" data-end=\"247\"\u003eBold Color Patchwork Design\u003c\/strong\u003e โ€“ Eye-catching style inspired by trendy European and American fashion.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"321\" data-end=\"415\"\u003e\n\u003cp data-start=\"323\" data-end=\"415\"\u003e \u003cstrong data-start=\"326\" data-end=\"354\"\u003eComfortable \u0026amp; Breathable\u003c\/strong\u003e โ€“ Made with soft, kid-friendly fabric for all-day comfort.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"416\" data-end=\"528\"\u003e\n\u003cp data-start=\"418\" data-end=\"528\"\u003e \u003cstrong data-start=\"421\" data-end=\"455\"\u003ePerfect for Little Risk-Takers\u003c\/strong\u003e โ€“ Ideal for playful outings, park adventures, or casual everyday wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"529\" data-end=\"650\"\u003e\n\u003cp data-start=\"531\" data-end=\"650\"\u003e \u003cstrong data-start=\"534\" data-end=\"569\"\u003eStandout Style for Any Occasion\u003c\/strong\u003e โ€“ A fun wardrobe addition that keeps your little one looking cool and confident.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBeige\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Beige","offer_id":67729338531989,"sku":"TR2404211910-A","price":18.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Beige","offer_id":67729338564757,"sku":"TR2404211910-B","price":18.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Beige","offer_id":67729338597525,"sku":"TR2404211910-C","price":18.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Beige","offer_id":67729338630293,"sku":"TR2404211910-D","price":18.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Beige","offer_id":67729338663061,"sku":"TR2404211910-E","price":18.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Beige","offer_id":67729338695829,"sku":"TR2404211910-F","price":18.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-45057850900632.jpg?v=1792122313"},{"product_id":"baby-striped-pattern-casual-round-neck-t-shirt-outfits","title":"MyKids-USAยฎ Striped Pattern Casual Round Neck T-Shirt","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eTake the first step into your baby's journey of adventure and challenge with our Baby Striped Pattern Casual Round Neck T Shirt Outfits! Featuring a cool, stylish striped pattern, the outfit is perfect for any risk-taker who loves to explore their boundaries.\u003c\/p\u003e\n\u003cp\u003eย \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"121\" data-end=\"244\"\u003e\n\u003cp data-start=\"123\" data-end=\"244\"\u003e \u003cstrong data-start=\"126\" data-end=\"150\"\u003eBold Striped Design:\u003c\/strong\u003e Eye-catching stripes bring a playful yet stylish vibe, perfect for adventurous little ones.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"245\" data-end=\"361\"\u003e\n\u003cp data-start=\"247\" data-end=\"361\"\u003e \u003cstrong data-start=\"251\" data-end=\"274\"\u003eBreathable Comfort:\u003c\/strong\u003e Crafted with soft, lightweight fabric to keep your baby cool and comfy all day long.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"362\" data-end=\"476\"\u003e\n\u003cp data-start=\"364\" data-end=\"476\"\u003e \u003cstrong data-start=\"367\" data-end=\"392\"\u003eEveryday Versatility:\u003c\/strong\u003e Ideal for casual outings, tummy time, or playdatesโ€”style and practicality in one.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"477\" data-end=\"590\"\u003e\n\u003cp data-start=\"479\" data-end=\"590\"\u003e \u003cstrong data-start=\"482\" data-end=\"500\"\u003eEasy On \u0026amp; Off:\u003c\/strong\u003e Features a classic round neck and relaxed fit for quick dressing and fuss-free changes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"591\" data-end=\"713\"\u003e\n\u003cp data-start=\"593\" data-end=\"713\"\u003e \u003cstrong data-start=\"596\" data-end=\"616\"\u003eMade for Movers:\u003c\/strong\u003e Designed to support freedom of movement, perfect for babies discovering the world around them.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eย \u003c\/p\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003ePink, Blue, Green\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Girl, Baby Boy, Girl, Boy, Unisex\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eStriped\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Blue","offer_id":67736798986389,"sku":"JM2205061800-A","price":17.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Green","offer_id":67736799019157,"sku":"JM2205061800-B","price":17.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Pink","offer_id":67736799051925,"sku":"JM2205061800-C","price":17.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Blue","offer_id":67736799084693,"sku":"JM2205061800-D","price":17.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Green","offer_id":67736799117461,"sku":"JM2205061800-E","price":17.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Pink","offer_id":67736799150229,"sku":"JM2205061800-F","price":17.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Blue","offer_id":67736799182997,"sku":"JM2205061800-G","price":17.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Green","offer_id":67736799215765,"sku":"JM2205061800-H","price":17.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Pink","offer_id":67736799248533,"sku":"JM2205061800-I","price":17.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Blue","offer_id":67736799281301,"sku":"JM2205061800-J","price":17.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Green","offer_id":67736799314069,"sku":"JM2205061800-K","price":17.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Pink","offer_id":67736799346837,"sku":"JM2205061800-L","price":17.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Blue","offer_id":67736799379605,"sku":"JM2205061800-M","price":17.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Green","offer_id":67736799412373,"sku":"JM2205061800-N","price":17.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Pink","offer_id":67736799445141,"sku":"JM2205061800-O","price":17.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Blue","offer_id":67736799477909,"sku":"JM2205061800-P","price":17.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Green","offer_id":67736799510677,"sku":"JM2205061800-Q","price":17.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Pink","offer_id":67736799543445,"sku":"JM2205061800-R","price":17.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-42679723983000.jpg?v=1792142284"},{"product_id":"boys-robot-cartoon-and-letters-print-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Boysโ€™ Robot Cartoon and Letters Print T-shirt in European and American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eGet your little one ready for adventure with this Boysโ€™ Robot Cartoon and Letters Print T-shirt. Featuring bold, playful graphics inspired by European and American styles, itโ€™s perfect for energetic days and imaginative play. Made for comfort and style, this tee adds a fun twist to any outfit.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"93\" data-end=\"183\"\u003e\n\u003cp data-start=\"95\" data-end=\"183\"\u003e \u003cstrong data-start=\"98\" data-end=\"134\"\u003eBold Robot \u0026amp; Letter Prints\u003c\/strong\u003e: Eye-catching graphics that spark imagination.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"184\" data-end=\"270\"\u003e\n\u003cp data-start=\"186\" data-end=\"270\"\u003e \u003cstrong data-start=\"189\" data-end=\"228\"\u003eEuropean \u0026amp; American Style Influence\u003c\/strong\u003e: Trendy design perfect for modern kids.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"271\" data-end=\"354\"\u003e\n\u003cp data-start=\"273\" data-end=\"354\"\u003e \u003cstrong data-start=\"276\" data-end=\"310\"\u003eComfortable \u0026amp; Easy-to-Wear Fit\u003c\/strong\u003e: Great for active days and everyday wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"355\" data-end=\"431\"\u003e\n\u003cp data-start=\"357\" data-end=\"431\"\u003e \u003cstrong data-start=\"360\" data-end=\"393\"\u003eVibrant Colors \u0026amp; Playful Vibe\u003c\/strong\u003e: Adds energy and fun to any outfit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"432\" data-end=\"514\"\u003e\n\u003cp data-start=\"434\" data-end=\"514\"\u003e \u003cstrong data-start=\"437\" data-end=\"467\"\u003eIdeal for Play \u0026amp; Adventure\u003c\/strong\u003e: Perfect for boys who love action-packed days.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eColor\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eGreen, Grey\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMaterial\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSeason\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSize (Age)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGender\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePattern\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Green","offer_id":67736802099349,"sku":"TR2503062350-A","price":18.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Grey","offer_id":67736802132117,"sku":"TR2503062350-B","price":18.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Green","offer_id":67736802164885,"sku":"TR2503062350-C","price":18.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Grey","offer_id":67736802197653,"sku":"TR2503062350-D","price":18.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Green","offer_id":67736802230421,"sku":"TR2503062350-E","price":18.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Grey","offer_id":67736802263189,"sku":"TR2503062350-F","price":18.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Green","offer_id":67736802295957,"sku":"TR2503062350-G","price":18.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Grey","offer_id":67736802328725,"sku":"TR2503062350-H","price":18.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Green","offer_id":67736802361493,"sku":"TR2503062350-I","price":18.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Grey","offer_id":67736802394261,"sku":"TR2503062350-J","price":18.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Green","offer_id":67736802427029,"sku":"TR2503062350-K","price":18.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Grey","offer_id":67736802459797,"sku":"TR2503062350-L","price":18.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-47955743801496.jpg?v=1792142300"},{"product_id":"boys-cartoon-colorful-lion-pattern-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Boys Cartoon Colorful Lion Pattern T-Shirt In European And American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eIntroduce your child to the wild with our Boys Cartoon Colorful Lion Pattern T-Shirt! Made in European and American style, the shirt features a lively lion design that will surely catch anyone's eye. With its vibrant colors and comfortable fit, your little one will stand out in style while staying cool and comfortable.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-end=\"223\" data-start=\"112\"\u003e\n\u003cp data-end=\"223\" data-start=\"114\"\u003e \u003cstrong data-end=\"147\" data-start=\"117\"\u003eLively Cartoon Lion Design\u003c\/strong\u003e โ€“ Eye-catching and fun, perfect for little explorers who love bold style.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"320\" data-start=\"224\"\u003e\n\u003cp data-end=\"320\" data-start=\"226\"\u003e \u003cstrong data-end=\"247\" data-start=\"229\"\u003eVibrant Colors\u003c\/strong\u003e โ€“ Bright, cheerful shades that make this tee stand out in any setting.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"425\" data-start=\"321\"\u003e\n\u003cp data-end=\"425\" data-start=\"323\"\u003e \u003cstrong data-end=\"355\" data-start=\"326\"\u003eEuropean \u0026amp; American Style\u003c\/strong\u003e โ€“ Modern fit and playful print combine for a trendy, standout look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"531\" data-start=\"426\"\u003e\n\u003cp data-end=\"531\" data-start=\"428\"\u003e \u003cstrong data-end=\"459\" data-start=\"431\"\u003eComfortable \u0026amp; Breathable\u003c\/strong\u003e โ€“ Made with soft, lightweight fabric to keep your child cool all day.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"628\" data-start=\"532\"\u003e\n\u003cp data-end=\"628\" data-start=\"534\"\u003e \u003cstrong data-end=\"566\" data-start=\"537\"\u003ePerfect for Everyday Wear\u003c\/strong\u003e โ€“ Great for playdates, family outings, or any wild adventure!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eApricot\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eAnimal\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Apricot","offer_id":67736809635989,"sku":"TR2405281539-A","price":18.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Apricot","offer_id":67736809668757,"sku":"TR2405281539-B","price":18.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Apricot","offer_id":67736809701525,"sku":"TR2405281539-C","price":18.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Apricot","offer_id":67736809734293,"sku":"TR2405281539-D","price":18.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Apricot","offer_id":67736809767061,"sku":"TR2405281539-E","price":18.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Apricot","offer_id":67736809799829,"sku":"TR2405281539-F","price":18.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/product_image_5_43f4afac-a783-4341-89cc-da4699768385.jpg?v=1792142323"},{"product_id":"boys-animal-and-letters-print-color-patchwork-t-shirt-in-european-and-american-style-1","title":"MyKids-USAยฎ Boys Animal And Letters Print Color Patchwork T-Shirt In European And American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eUnleash your child's adventurous spirit with our Boys' Animal And Letters Print Color Patchwork T-Shirt! This European and American style shirt features a bold print of animals and letters, perfect for the risk-taker in your life. Keep them comfortable while they explore the world in this unique t-shirt!\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-end=\"207\" data-start=\"85\"\u003e\n\u003cp data-end=\"207\" data-start=\"87\"\u003e \u003cstrong data-end=\"119\" data-start=\"90\"\u003eBold \u0026amp; Adventurous Design\u003c\/strong\u003e: Features eye-catching animal and letter prints that spark curiosity and imagination.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"315\" data-start=\"208\"\u003e\n\u003cp data-end=\"315\" data-start=\"210\"\u003e \u003cstrong data-end=\"242\" data-start=\"213\"\u003eEuropean \u0026amp; American Style\u003c\/strong\u003e: Trendy patchwork design brings global flair to your child's wardrobe.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"425\" data-start=\"316\"\u003e\n\u003cp data-end=\"425\" data-start=\"318\"\u003e \u003cstrong data-end=\"344\" data-start=\"321\"\u003eComfort Meets Style\u003c\/strong\u003e: Made with soft, breathable fabric to keep your little explorer comfy all day.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"543\" data-start=\"426\"\u003e\n\u003cp data-end=\"543\" data-start=\"428\"\u003e \u003cstrong data-end=\"464\" data-start=\"431\"\u003ePerfect for Young Risk-Takers\u003c\/strong\u003e: A fun and fearless look for kids who love to stand out and explore the world!\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"543\" data-start=\"426\"\u003e\n\u003cp data-end=\"543\" data-start=\"428\"\u003e\u003cmeta charset=\"utf-8\"\u003eย \u003cstrong data-end=\"26\" data-start=\"2\"\u003eEasy to Mix \u0026amp; Match:\u003c\/strong\u003e Versatile colors and patchwork style pair effortlessly with jeans, shorts, or joggers for everyday outfits.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBlue, Grey, Apricot\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eLetters, Cartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Apricot","offer_id":67736812781717,"sku":"TR2404031557-A","price":18.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Blue","offer_id":67736812814485,"sku":"TR2404031557-B","price":18.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Grey","offer_id":67736812847253,"sku":"TR2404031557-C","price":18.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Apricot","offer_id":67736812880021,"sku":"TR2404031557-D","price":18.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Blue","offer_id":67736812912789,"sku":"TR2404031557-E","price":18.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Grey","offer_id":67736812945557,"sku":"TR2404031557-F","price":18.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Apricot","offer_id":67736812978325,"sku":"TR2404031557-G","price":18.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Blue","offer_id":67736813011093,"sku":"TR2404031557-H","price":18.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Grey","offer_id":67736813043861,"sku":"TR2404031557-I","price":18.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Apricot","offer_id":67736813076629,"sku":"TR2404031557-J","price":18.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Blue","offer_id":67736813109397,"sku":"TR2404031557-K","price":18.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Grey","offer_id":67736813142165,"sku":"TR2404031557-L","price":18.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Apricot","offer_id":67736813174933,"sku":"TR2404031557-M","price":18.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Blue","offer_id":67736813207701,"sku":"TR2404031557-N","price":18.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Grey","offer_id":67736813240469,"sku":"TR2404031557-O","price":18.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Apricot","offer_id":67736813273237,"sku":"TR2404031557-P","price":18.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Blue","offer_id":67736813306005,"sku":"TR2404031557-Q","price":18.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Grey","offer_id":67736813338773,"sku":"TR2404031557-R","price":18.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/product_image_1_08c189d3-8286-4627-b9d9-3b485e125ef0.jpg?v=1792142338"},{"product_id":"boys-cartoon-dinosaur-print-color-patchwork-short-sleeves-t-shirt-in-european-and-american-style","title":"Boys' Dinosaur Color-Block T-Shirt","description":"\u003cp\u003eAn apricot cotton tee with bold color-block panels and a cartoon dinosaur print.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: cotton\u003c\/li\u003e\n\u003cli\u003eColor: apricot\u003c\/li\u003e\n\u003cli\u003eSizes: 12โ€“24M to 8โ€“10Y\u003c\/li\u003e\n\u003cli\u003eSeason: summer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUse the size guide above to choose the right size.\u003c\/p\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Apricot","offer_id":67799723671701,"sku":"TR2407212124-A","price":20.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Apricot","offer_id":67799723704469,"sku":"TR2407212124-B","price":20.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Apricot","offer_id":67799723737237,"sku":"TR2407212124-C","price":20.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Apricot","offer_id":67799723770005,"sku":"TR2407212124-D","price":20.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Apricot","offer_id":67799723802773,"sku":"TR2407212124-E","price":20.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Apricot","offer_id":67799723835541,"sku":"TR2407212124-F","price":20.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-46073114460312.jpg?v=1792228678"},{"product_id":"girls-cartoon-cats-pattern-printed-t-shirt-in-european-and-american-style","title":"Girls' Cartoon Cat-Print T-Shirt","description":"\u003cp\u003eA white cotton tee with a playful cartoon cat print, light and comfy for summer.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: cotton\u003c\/li\u003e\n\u003cli\u003eColor: white\u003c\/li\u003e\n\u003cli\u003eSizes: 12โ€“24M to 8โ€“10Y\u003c\/li\u003e\n\u003cli\u003eSeason: summer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUse the size guide above to choose the right size.\u003c\/p\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ White","offer_id":67799731863701,"sku":"TR2506161625-A","price":23.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ White","offer_id":67799731896469,"sku":"TR2506161625-B","price":23.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ White","offer_id":67799731929237,"sku":"TR2506161625-C","price":23.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ White","offer_id":67799731962005,"sku":"TR2506161625-D","price":23.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ White","offer_id":67799731994773,"sku":"TR2506161625-E","price":23.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ White","offer_id":67799732027541,"sku":"TR2506161625-F","price":23.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/product_image_4_1920f3f6-c2d1-4ab9-a0d7-1d007d6039fa.jpg?v=1792228690"},{"product_id":"boys-rocket-and-stars-cartoon-pattern-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Boysโ€™ Rocket and Stars Cartoon Pattern T-shirt in European and American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis summer T-shirt features a charming rocket and stars cartoon pattern, blending European and American styles for a unique look. Crafted for comfort and breathability, itโ€™s perfect for active boys who enjoy playful yet stylish clothing. The design adds a touch of imagination to everyday wear, making it an excellent choice for warm-weather adventures.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"425\" data-end=\"485\"\u003e\n\u003cp data-start=\"427\" data-end=\"485\"\u003e Fun rocket and star pattern sparks creativity and joy\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"486\" data-end=\"544\"\u003e\n\u003cp data-start=\"488\" data-end=\"544\"\u003e Lightweight, breathable fabric for all-day comfort\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"545\" data-end=\"600\"\u003e\n\u003cp data-start=\"547\" data-end=\"600\"\u003e European-American fusion style for a trendy look\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"601\" data-end=\"662\"\u003e\n\u003cp data-start=\"603\" data-end=\"662\"\u003e Designed for active boys โ€” ideal for play and movement\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"663\" data-end=\"721\"\u003e\n\u003cp data-start=\"665\" data-end=\"721\"\u003e Perfect for summer outings, daycare, or casual wear\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eColor\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBlue\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMaterial\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSeason\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSize (Age)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGender\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePattern\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Blue","offer_id":67799749230741,"sku":"TR2506071645-A","price":24.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Blue","offer_id":67799749263509,"sku":"TR2506071645-B","price":24.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Blue","offer_id":67799749296277,"sku":"TR2506071645-C","price":24.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Blue","offer_id":67799749329045,"sku":"TR2506071645-D","price":24.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Blue","offer_id":67799749361813,"sku":"TR2506071645-E","price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-49164459016344.jpg?v=1792228719"},{"product_id":"kids-crew-neck-short-sleeves-thin-rabbit-print-top-t-shirt","title":"Kids' Bunny-Print Short-Sleeve T-Shirt","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eStay cool and stylish this summer with our new arrival, the Kids Unisex Crew Neck Short Sleeves Thin Rabbit Print Top T-Shirt. Made with a breathable fabric, this shirt is perfect for warm weather. The playful rabbit print adds a touch of fun to any outfit.ย \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"115\" data-end=\"181\"\u003e\n\u003cp data-start=\"117\" data-end=\"181\"\u003e \u003cstrong data-start=\"120\" data-end=\"145\"\u003ePlayful Rabbit Print:\u003c\/strong\u003e Adds charm and fun to any outfit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"182\" data-end=\"255\"\u003e\n\u003cp data-start=\"184\" data-end=\"255\"\u003e \u003cstrong data-start=\"188\" data-end=\"210\"\u003eBreathable Fabric:\u003c\/strong\u003e Keeps kids cool and comfy in warm weather.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"256\" data-end=\"327\"\u003e\n\u003cp data-start=\"258\" data-end=\"327\"\u003e \u003cstrong data-start=\"261\" data-end=\"299\"\u003eClassic Crew Neck \u0026amp; Short Sleeves:\u003c\/strong\u003e Easy, relaxed summer fit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"328\" data-end=\"389\"\u003e\n\u003cp data-start=\"330\" data-end=\"389\"\u003e \u003cstrong data-start=\"335\" data-end=\"353\"\u003eUnisex Design:\u003c\/strong\u003e Perfect for boys and girls alike.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"390\" data-end=\"465\" data-is-last-node=\"\"\u003e\n\u003cp data-start=\"392\" data-end=\"465\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"395\" data-end=\"416\"\u003eIdeal for Summer:\u003c\/strong\u003e Lightweight and stylish for everyday adventures.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBlack, Beige\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Girl, Baby Boy, Girl, Boy, Unisex\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton + Polyester\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e66 (3-6M), 73 (6-9M), 80 (9-12M), 90 (12-24M), 100 (2-3Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"66 (3-6M) \/ Beige","offer_id":67799757291669,"sku":"TR2404142135-A","price":25.99,"currency_code":"USD","in_stock":true},{"title":"66 (3-6M) \/ Black","offer_id":67799757324437,"sku":"TR2404142135-B","price":25.99,"currency_code":"USD","in_stock":true},{"title":"73 (6-9M) \/ Beige","offer_id":67799757357205,"sku":"TR2404142135-C","price":25.99,"currency_code":"USD","in_stock":true},{"title":"73 (6-9M) \/ Black","offer_id":67799757389973,"sku":"TR2404142135-D","price":25.99,"currency_code":"USD","in_stock":true},{"title":"80 (9-12M) \/ Beige","offer_id":67799757422741,"sku":"TR2404142135-E","price":25.99,"currency_code":"USD","in_stock":true},{"title":"80 (9-12M) \/ Black","offer_id":67799757455509,"sku":"TR2404142135-F","price":25.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Beige","offer_id":67799757488277,"sku":"TR2404142135-G","price":25.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Black","offer_id":67799757521045,"sku":"TR2404142135-H","price":25.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Beige","offer_id":67799757553813,"sku":"TR2404142135-I","price":25.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Black","offer_id":67799757586581,"sku":"TR2404142135-J","price":25.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/product_image_3_08b41e41-a405-4694-a711-198dc640e7ab.jpg?v=1792228730"},{"product_id":"boys-cartoon-alligator-print-t-shirt-in-european-and-american-style-1","title":"MyKids-USAยฎ Boysโ€™ Cartoon Alligator Print T-Shirt In European And American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis boysโ€™ T-shirt features a playful cartoon alligator print that combines European and American fashion styles for a fun, modern look. Made with comfortable fabric, it offers ease of movement for active kids while adding a charming touch to everyday outfits. Perfect for casual wear, it supports your childโ€™s playful spirit with durable quality and a cheerful design.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"0\" data-end=\"66\"\u003e\n\u003cp data-start=\"2\" data-end=\"66\"\u003e Playful cartoon alligator print adds a fun and lively flair\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"67\" data-end=\"138\"\u003e\n\u003cp data-start=\"69\" data-end=\"138\"\u003e European and American inspired design for a trendy, modern style\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"139\" data-end=\"203\"\u003e\n\u003cp data-start=\"141\" data-end=\"203\"\u003e Soft, comfortable fabric ensures all-day ease of movement\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"204\" data-end=\"271\"\u003e\n\u003cp data-start=\"206\" data-end=\"271\"\u003e Perfect for active kidsโ€™ daily adventures and casual outings\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"272\" data-end=\"342\" data-is-last-node=\"\"\u003e\n\u003cp data-start=\"274\" data-end=\"342\" data-is-last-node=\"\"\u003e Durable construction provides lasting wear and dependable quality\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eApricot\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Apricot","offer_id":67799766827157,"sku":"TR2407202125-A","price":20.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Apricot","offer_id":67799766859925,"sku":"TR2407202125-B","price":20.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Apricot","offer_id":67799766892693,"sku":"TR2407202125-C","price":20.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Apricot","offer_id":67799766925461,"sku":"TR2407202125-D","price":20.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Apricot","offer_id":67799766958229,"sku":"TR2407202125-E","price":20.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Apricot","offer_id":67799766990997,"sku":"TR2407202125-F","price":20.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/product_image_6_307ca4eb-9958-415a-a686-cc53097e499a.jpg?v=1792228768"},{"product_id":"baby-kids-no-pattern-solid-color-short-sleeved-tops-in-outfit-wearing","title":"Kids' Solid-Color Short-Sleeve Top","description":"\u003cp\u003eA simple solid-color cotton tee, the easy everyday basic for summer.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: cotton\u003c\/li\u003e\n\u003cli\u003eColors: black, blue, green, gray, navy, pink, red, white, yellow (availability varies by size)\u003c\/li\u003e\n\u003cli\u003eSizes: 12โ€“24M to 8โ€“10Y\u003c\/li\u003e\n\u003cli\u003eSeason: summer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003eUse the size guide above to choose the right size.\u003c\/p\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Black","offer_id":67799788617877,"sku":"JM2204011452-A","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Blue","offer_id":67799788650645,"sku":"JM2204011452-B","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Green","offer_id":67799788683413,"sku":"JM2204011452-C","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Grey","offer_id":67799788716181,"sku":"JM2204011452-D","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Navy Blue (Dark Blue)","offer_id":67799788748949,"sku":"JM2204011452-E","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Pink","offer_id":67799788781717,"sku":"JM2204011452-F","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Red","offer_id":67799788814485,"sku":"JM2204011452-G","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ White","offer_id":67799788847253,"sku":"JM2204011452-H","price":21.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Yellow","offer_id":67799788880021,"sku":"JM2204011452-I","price":21.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Black","offer_id":67799788912789,"sku":"JM2204011452-J","price":21.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Blue","offer_id":67799788945557,"sku":"JM2204011452-K","price":21.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Green","offer_id":67799788978325,"sku":"JM2204011452-L","price":21.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Grey","offer_id":67799789011093,"sku":"JM2204011452-M","price":21.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Navy Blue (Dark Blue)","offer_id":67799789043861,"sku":"JM2204011452-N","price":21.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Pink","offer_id":67799789076629,"sku":"JM2204011452-O","price":21.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Red","offer_id":67799789109397,"sku":"JM2204011452-P","price":21.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ White","offer_id":67799789142165,"sku":"JM2204011452-Q","price":21.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Yellow","offer_id":67799789174933,"sku":"JM2204011452-R","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Black","offer_id":67799789207701,"sku":"JM2204011452-S","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Blue","offer_id":67799789240469,"sku":"JM2204011452-T","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Green","offer_id":67799789273237,"sku":"JM2204011452-U","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Grey","offer_id":67799789306005,"sku":"JM2204011452-V","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Navy Blue (Dark Blue)","offer_id":67799789338773,"sku":"JM2204011452-W","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Pink","offer_id":67799789371541,"sku":"JM2204011452-X","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Red","offer_id":67799789404309,"sku":"JM2204011452-Y","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ White","offer_id":67799789437077,"sku":"JM2204011452-Z","price":21.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Yellow","offer_id":67799789469845,"sku":"JM2204011452-AA","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Black","offer_id":67799789502613,"sku":"JM2204011452-AB","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Blue","offer_id":67799789535381,"sku":"JM2204011452-AC","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Green","offer_id":67799789568149,"sku":"JM2204011452-AD","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Grey","offer_id":67799789600917,"sku":"JM2204011452-AE","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Navy Blue (Dark Blue)","offer_id":67799789633685,"sku":"JM2204011452-AF","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Pink","offer_id":67799789666453,"sku":"JM2204011452-AG","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Red","offer_id":67799789699221,"sku":"JM2204011452-AH","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ White","offer_id":67799789731989,"sku":"JM2204011452-AI","price":21.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Yellow","offer_id":67799789764757,"sku":"JM2204011452-AJ","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Black","offer_id":67799789797525,"sku":"JM2204011452-AK","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Blue","offer_id":67799789830293,"sku":"JM2204011452-AL","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Green","offer_id":67799789863061,"sku":"JM2204011452-AM","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Grey","offer_id":67799789895829,"sku":"JM2204011452-AN","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Navy Blue (Dark Blue)","offer_id":67799789928597,"sku":"JM2204011452-AO","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Pink","offer_id":67799789961365,"sku":"JM2204011452-AP","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Red","offer_id":67799789994133,"sku":"JM2204011452-AQ","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ White","offer_id":67799790026901,"sku":"JM2204011452-AR","price":21.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Yellow","offer_id":67799790059669,"sku":"JM2204011452-AS","price":21.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Black","offer_id":67799790092437,"sku":"JM2204011452-AT","price":21.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Blue","offer_id":67799790125205,"sku":"JM2204011452-AU","price":21.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Green","offer_id":67799790157973,"sku":"JM2204011452-AV","price":21.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Grey","offer_id":67799790190741,"sku":"JM2204011452-AW","price":21.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Navy Blue (Dark Blue)","offer_id":67799790223509,"sku":"JM2204011452-AX","price":21.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-42695040958616.jpg?v=1792228816"},{"product_id":"boys-cartoon-alligator-print-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Boysโ€™ Cartoon Alligator Print T-Shirt In European And American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis boysโ€™ T-shirt features a charming cartoon alligator print, blending European and American style influences. Crafted for comfort and casual wear, it offers a modern yet playful look suitable for everyday adventures. The quality fabric ensures durability and ease of movement, making it a refined choice for young wardrobes.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"0\" data-end=\"89\"\u003e\n\u003cp data-start=\"2\" data-end=\"89\"\u003e \u003cstrong data-start=\"5\" data-end=\"41\"\u003eCharming cartoon alligator print\u003c\/strong\u003e adds playful personality to your boyโ€™s outfit\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"90\" data-end=\"171\"\u003e\n\u003cp data-start=\"92\" data-end=\"171\"\u003e \u003cstrong data-start=\"101\" data-end=\"138\"\u003eEuropean and American style blend\u003c\/strong\u003e for a modern, fashionable look\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"172\" data-end=\"254\"\u003e\n\u003cp data-start=\"174\" data-end=\"254\"\u003e \u003cstrong data-start=\"177\" data-end=\"206\"\u003eSoft, high-quality fabric\u003c\/strong\u003e ensures comfort and durability for daily wear\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"255\" data-end=\"328\"\u003e\n\u003cp data-start=\"257\" data-end=\"328\"\u003e \u003cstrong data-start=\"263\" data-end=\"287\"\u003eEasy movement design\u003c\/strong\u003e perfect for active everyday adventures\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"329\" data-end=\"395\" data-is-last-node=\"\"\u003e\n\u003cp data-start=\"331\" data-end=\"395\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"333\" data-end=\"355\"\u003eRefined yet casual\u003c\/strong\u003e, ideal for stylish, effortless dressing\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eYellow\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Yellow","offer_id":67799795531925,"sku":"TR2405121017-A","price":23.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Yellow","offer_id":67799795564693,"sku":"TR2405121017-B","price":23.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Yellow","offer_id":67799795597461,"sku":"TR2405121017-C","price":23.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Yellow","offer_id":67799795630229,"sku":"TR2405121017-D","price":23.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Yellow","offer_id":67799795662997,"sku":"TR2405121017-E","price":23.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Yellow","offer_id":67799795695765,"sku":"TR2405121017-F","price":23.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-45319757463704.jpg?v=1792228828"},{"product_id":"girls-cartoon-flowers-printed-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Girlsโ€™ Cartoon Flowers Printed T-shirt in European and American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis Summer Girlsโ€™ T-shirt features a charming cartoon flower print inspired by European and American styles. Crafted for comfort and style, it offers a light, breathable fit perfect for warm days. Its playful yet refined design makes it an ideal choice for young girls who appreciate both fashion and ease.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"243\" data-end=\"510\"\u003e\n\u003cp data-start=\"245\" data-end=\"510\"\u003e \u003cstrong data-start=\"248\" data-end=\"288\"\u003eAdorable Cartoon Flower Print Design \u003c\/strong\u003eThis T-shirt features a delightful cartoon-style floral pattern that brings a cheerful and youthful vibe. The vibrant print adds a fun pop of color and whimsy, making it a standout piece in any girl's summer wardrobe.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"512\" data-end=\"760\"\u003e\n\u003cp data-start=\"514\" data-end=\"760\"\u003e \u003cstrong data-start=\"517\" data-end=\"555\"\u003eStylish European \u0026amp; American Fusion \u003c\/strong\u003eInspired by popular European and American childrenโ€™s fashion trends, the design balances playful charm with modern elegance โ€” perfect for parents who value both cuteness and a touch of sophistication.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"762\" data-end=\"965\"\u003e\n\u003cp data-start=\"764\" data-end=\"965\"\u003e \u003cstrong data-start=\"767\" data-end=\"799\"\u003ePerfect for Warm Summer Days \u003c\/strong\u003eMade from lightweight, breathable fabric that keeps your child cool and comfortable all day long, even during outdoor play, family outings, or school activities.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"967\" data-end=\"1163\"\u003e\n\u003cp data-start=\"969\" data-end=\"1163\"\u003e \u003cstrong data-start=\"972\" data-end=\"1005\"\u003eComfortable Girl-Friendly Fit \u003c\/strong\u003eThe relaxed cut and soft texture offer a non-restrictive fit, allowing your little one to move freely whether she's running, jumping, or simply relaxing.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1165\" data-end=\"1367\"\u003e\n\u003cp data-start=\"1167\" data-end=\"1367\"\u003e \u003cstrong data-start=\"1170\" data-end=\"1199\"\u003eVersatile Styling Options \u003c\/strong\u003eEasily pairs with denim shorts, skirts, leggings, or even layered under a light jacket. Ideal for casual playdates, weekend strolls, or photo-ready summer moments.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1369\" data-end=\"1565\"\u003e\n\u003cp data-start=\"1371\" data-end=\"1565\"\u003e \u003cstrong data-start=\"1374\" data-end=\"1404\"\u003eDurable \u0026amp; Easy-Care Fabric \u003c\/strong\u003eDesigned with busy parents in mind โ€” this T-shirt is machine-washable, fade-resistant, and maintains its softness and vibrant print through repeated washes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1567\" data-end=\"1794\"\u003e\n\u003cp data-start=\"1569\" data-end=\"1794\"\u003e \u003cstrong data-start=\"1572\" data-end=\"1605\"\u003eRefined Yet Playful Aesthetic \u003c\/strong\u003eCombines childlike charm with a polished finish, making it suitable for both everyday use and slightly dressier casual events. A lovely gift choice for birthdays or seasonal wardrobes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eColor\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eKhaki\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMaterial\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSeason\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSize (Age)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y), 140 (8-10Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGender\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Girl, Girl\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePattern\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eFloral (Flower)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Khaki","offer_id":67799860084885,"sku":"TR2504222020-A","price":22.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Khaki","offer_id":67799860117653,"sku":"TR2504222020-B","price":22.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Khaki","offer_id":67799860150421,"sku":"TR2504222020-C","price":22.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Khaki","offer_id":67799860183189,"sku":"TR2504222020-D","price":22.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Khaki","offer_id":67799860215957,"sku":"TR2504222020-E","price":22.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Khaki","offer_id":67799860248725,"sku":"TR2504222020-F","price":22.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/product_image_4_14529843-7255-4035-9da3-4c9bcd4cbc7f.jpg?v=1792228878"},{"product_id":"boys-various-boats-cartoon-pattern-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Boysโ€™ Various Boats Cartoon Pattern T-shirt in European and American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis Summer Boysโ€™ T-shirt features a charming cartoon pattern of various boats, blending European and American styles for a unique look. Crafted for comfort and style, itโ€™s perfect for warm days, offering breathability and a playful yet refined design that complements any casual outfit. Ideal for young boys who appreciate both fun and fashion.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"100\" data-end=\"212\"\u003e\n\u003cp data-start=\"102\" data-end=\"212\"\u003e \u003cstrong data-start=\"104\" data-end=\"126\"\u003ePlayful Boat Print\u003c\/strong\u003e: Decorated with a charming variety of cartoon boats that inspire adventure and fun.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"213\" data-end=\"318\"\u003e\n\u003cp data-start=\"215\" data-end=\"318\"\u003e \u003cstrong data-start=\"218\" data-end=\"235\"\u003eBlended Style\u003c\/strong\u003e: Combines European and American fashion elements for a unique and polished look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"319\" data-end=\"426\"\u003e\n\u003cp data-start=\"321\" data-end=\"426\"\u003e \u003cstrong data-start=\"324\" data-end=\"346\"\u003eLight \u0026amp; Breathable\u003c\/strong\u003e: Crafted from soft, airy fabricโ€”perfect for keeping cool on warm summer days.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"427\" data-end=\"532\"\u003e\n\u003cp data-start=\"429\" data-end=\"532\"\u003e \u003cstrong data-start=\"432\" data-end=\"458\"\u003eEffortless Versatility\u003c\/strong\u003e: Complements any casual outfit, ideal for stylish young boys on the go.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eColor\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBlue\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMaterial\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSeason\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSize (Age)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGender\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePattern\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Blue","offer_id":67799938891925,"sku":"TR2506181813-A","price":28.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Blue","offer_id":67799938924693,"sku":"TR2506181813-B","price":28.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Blue","offer_id":67799938957461,"sku":"TR2506181813-C","price":28.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Blue","offer_id":67799938990229,"sku":"TR2506181813-D","price":28.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Blue","offer_id":67799939022997,"sku":"TR2506181813-E","price":28.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-49270920183960.jpg?v=1792229010"},{"product_id":"girls-butterfly-cartoon-pattern-short-sleeves-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Girlsโ€™ Butterfly Cartoon Pattern Short Sleeves T-shirt in European and American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis Summer Arrival girlsโ€™ T-shirt features a charming butterfly cartoon pattern, blending European and American style influences. Crafted with short sleeves for comfort and breathability, it offers a refined yet playful look perfect for warm days. The design balances youthful appeal with subtle sophistication, making it an ideal choice for stylish young girls.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"583\" data-end=\"681\"\u003e\n\u003cp data-start=\"585\" data-end=\"681\"\u003e \u003cstrong data-start=\"588\" data-end=\"626\"\u003eCharming Butterfly Cartoon Pattern\u003c\/strong\u003e: Adds a playful and elegant touch to summer outfits.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"682\" data-end=\"770\"\u003e\n\u003cp data-start=\"684\" data-end=\"770\"\u003e \u003cstrong data-start=\"687\" data-end=\"723\"\u003eEuropean \u0026amp; American Style Fusion\u003c\/strong\u003e: Trend-forward and fashion-conscious design.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"771\" data-end=\"862\"\u003e\n\u003cp data-start=\"773\" data-end=\"862\"\u003e \u003cstrong data-start=\"776\" data-end=\"805\"\u003eComfortable Short Sleeves\u003c\/strong\u003e: Designed for breathability and ease during warm days.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"863\" data-end=\"953\"\u003e\n\u003cp data-start=\"865\" data-end=\"953\"\u003e \u003cstrong data-start=\"867\" data-end=\"898\"\u003eRefined Yet Youthful Appeal\u003c\/strong\u003e: Balances fun patterns with classic, wearable style.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"954\" data-end=\"1041\"\u003e\n\u003cp data-start=\"956\" data-end=\"1041\"\u003e \u003cstrong data-start=\"959\" data-end=\"981\"\u003ePerfect for Summer\u003c\/strong\u003e: Ideal for casual outings, park days, or stylish playdates.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eColor\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBlue\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMaterial\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSeason\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSize (Age)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGender\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Girl, Girl\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePattern\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Blue","offer_id":67800008654997,"sku":"TR2506242227-A","price":28.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Blue","offer_id":67800008687765,"sku":"TR2506242227-B","price":28.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Blue","offer_id":67800008720533,"sku":"TR2506242227-C","price":28.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Blue","offer_id":67800008753301,"sku":"TR2506242227-D","price":28.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Blue","offer_id":67800008786069,"sku":"TR2506242227-E","price":28.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-49385132654744.jpg?v=1792229165"},{"product_id":"kids-unisex-soft-comfortable-short-sleeves-striped-thin-top-casual-t-shirt","title":"MyKids-USAยฎ Kids Unisex Soft Comfortable Short Sleeves Striped Thin Top Casual T-Shirt","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eKeep your little ones cool and comfy this summer with this playful unisex striped tee. Made from soft, lightweight fabric, itโ€™s perfect for sunny days and active play. The short sleeves and thin material make it an ideal casual top for endless adventures and colorful fun.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"180\" data-end=\"268\"\u003e\n\u003cp data-start=\"182\" data-end=\"268\"\u003e \u003cstrong data-start=\"185\" data-end=\"205\"\u003eStylish Stripes:\u003c\/strong\u003e Features a classic striped pattern for a fun, timeless look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"269\" data-end=\"372\"\u003e\n\u003cp data-start=\"271\" data-end=\"372\"\u003e \u003cstrong data-start=\"275\" data-end=\"297\"\u003eThin \u0026amp; Breathable:\u003c\/strong\u003e Lightweight fabric keeps your little one cool and comfy in warm weather.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"373\" data-end=\"464\"\u003e\n\u003cp data-start=\"375\" data-end=\"464\"\u003e \u003cstrong data-start=\"380\" data-end=\"398\"\u003eUnisex Design:\u003c\/strong\u003e Perfectly suited for both boys and girlsโ€”easy to mix and match.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"465\" data-end=\"554\"\u003e\n\u003cp data-start=\"467\" data-end=\"554\"\u003e \u003cstrong data-start=\"470\" data-end=\"493\"\u003eSoft \u0026amp; Comfortable:\u003c\/strong\u003e Made with gentle, skin-friendly material for all-day wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"555\" data-end=\"636\"\u003e\n\u003cp data-start=\"557\" data-end=\"636\"\u003e \u003cstrong data-start=\"560\" data-end=\"580\"\u003eEveryday Casual:\u003c\/strong\u003e A go-to tee for playtime, outings, or relaxing at home.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eCOLOR\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eGreen, Khaki, Brown\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGENDER\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Girl, Baby Boy, Girl, Boy, Unisex\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMATERIAL\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePATTERN\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eStriped\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSEASON\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSIZE (AGE)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e80 (9-12M), 90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c!----\u003e","brand":"MyKids-USA","offers":[{"title":"80 (9-12M) \/ Brown","offer_id":67800044568725,"sku":"TR2406042318-A","price":37.99,"currency_code":"USD","in_stock":false},{"title":"80 (9-12M) \/ Green","offer_id":67800044601493,"sku":"TR2406042318-B","price":37.99,"currency_code":"USD","in_stock":false},{"title":"80 (9-12M) \/ Khaki","offer_id":67800044634261,"sku":"TR2406042318-C","price":37.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Brown","offer_id":67800044667029,"sku":"TR2406042318-D","price":37.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Green","offer_id":67800044699797,"sku":"TR2406042318-E","price":37.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Khaki","offer_id":67800044732565,"sku":"TR2406042318-F","price":37.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Brown","offer_id":67800044765333,"sku":"TR2406042318-G","price":37.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Green","offer_id":67800044798101,"sku":"TR2406042318-H","price":37.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Khaki","offer_id":67800044830869,"sku":"TR2406042318-I","price":37.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Brown","offer_id":67800044863637,"sku":"TR2406042318-J","price":37.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Green","offer_id":67800044896405,"sku":"TR2406042318-K","price":37.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Khaki","offer_id":67800044929173,"sku":"TR2406042318-L","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Brown","offer_id":67800044961941,"sku":"TR2406042318-M","price":37.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Green","offer_id":67800044994709,"sku":"TR2406042318-N","price":37.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Khaki","offer_id":67800045027477,"sku":"TR2406042318-O","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Brown","offer_id":67800045060245,"sku":"TR2406042318-P","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Green","offer_id":67800045093013,"sku":"TR2406042318-Q","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Khaki","offer_id":67800045125781,"sku":"TR2406042318-R","price":37.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-45549424541848.jpg?v=1792229234"},{"product_id":"boys-engineering-vehicles-cartoon-pattern-t-shirt-in-european-and-american-style-2","title":"MyKids-USAยฎ Boysโ€™ Engineering Vehicles Cartoon Pattern T-shirt in European and American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis Summer Boysโ€™ T-shirt features a charming engineering vehicles cartoon pattern, blending European and American style influences. Crafted for comfort and breathability, itโ€™s perfect for active days and warm weather. The playful design adds a touch of creativity while maintaining a refined look suitable for various casual occasions.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"107\" data-end=\"209\"\u003e\n\u003cp data-start=\"109\" data-end=\"209\"\u003e \u003cstrong data-start=\"112\" data-end=\"138\"\u003eCreative Cartoon Print\u003c\/strong\u003e: Showcases fun engineering vehicles that spark imagination and play.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"210\" data-end=\"309\"\u003e\n\u003cp data-start=\"212\" data-end=\"309\"\u003e \u003cstrong data-start=\"215\" data-end=\"233\"\u003eStylish Fusion\u003c\/strong\u003e: Inspired by European and American trends for a refined yet playful look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"310\" data-end=\"418\"\u003e\n\u003cp data-start=\"312\" data-end=\"418\"\u003e \u003cstrong data-start=\"315\" data-end=\"339\"\u003eSummer-Ready Comfort\u003c\/strong\u003e: Made from breathable, lightweight fabric to keep boys cool and comfortable.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"419\" data-end=\"530\"\u003e\n\u003cp data-start=\"421\" data-end=\"530\"\u003e \u003cstrong data-start=\"424\" data-end=\"442\"\u003eVersatile Wear\u003c\/strong\u003e: Ideal for active days, casual outings, or everyday adventures with effortless style.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eColor\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBlue\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMaterial\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSeason\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSize (Age)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGender\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Boy, Boy\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePattern\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Blue","offer_id":67800079433877,"sku":"TR2506181810-A","price":28.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Blue","offer_id":67800079466645,"sku":"TR2506181810-B","price":28.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Blue","offer_id":67800079499413,"sku":"TR2506181810-C","price":28.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Blue","offer_id":67800079532181,"sku":"TR2506181810-D","price":28.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Blue","offer_id":67800079564949,"sku":"TR2506181810-E","price":28.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-49270877978776.jpg?v=1792229287"},{"product_id":"girls-rhythmic-gymnastics-cartoon-pattern-t-shirt-in-european-and-american-style","title":"MyKids-USAยฎ Girlsโ€™ Rhythmic Gymnastics Cartoon Pattern T-shirt in European and American Style","description":"\u003cdiv data-supplier-notice=\"1\"\u003e\n\u003c!-- =========================\r\n MyKids-USAยฎ Size Pickers โ€” instance-scoped\r\n Fixes the \"won't open\" bug: Shopify themes render the product description more\r\n than once (main block + tab\/mobile copy), so getElementById bound every handler\r\n to the FIRST, usually hidden, copy. Everything below is scoped to its own\r\n .mk-sp root and each root is initialised once, so any number of copies work.\r\n========================= --\u003e\r\n\r\n\u003cstyle\u003e\n .mk-sp{max-width:900px;margin:0 auto;padding:0 14px;font-family:Arial,Helvetica,sans-serif;}\n .mk-sp .sp-title{font-size:26px;margin:14px 0 6px;text-align:center;}\n .mk-sp .sp-sub{font-size:15px;line-height:1.7;color:#222;text-align:center;margin:0 auto 16px;max-width:820px;}\n .mk-sp .sp-p{font-size:15px;line-height:1.7;margin:0 0 10px;color:#222;}\n .mk-sp .sp-muted{color:#666;font-size:13px;line-height:1.6;}\n .mk-sp .sp-box{border:1px solid #f0f0f0;border-radius:12px;padding:14px;background:#fff;}\n .mk-sp .sp-acc{display:flex;flex-direction:column;gap:12px;}\n .mk-sp .sp-item{border:1px solid #f0f0f0;border-radius:12px;background:#fff;overflow:hidden;}\n .mk-sp .sp-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px;cursor:pointer;\n display:flex;align-items:center;justify-content:space-between;gap:12px;}\n .mk-sp .sp-name{font-size:16px;font-weight:800;margin:0;}\n .mk-sp .sp-desc{font-size:13px;color:#666;margin:3px 0 0;line-height:1.5;}\n .mk-sp .sp-icon,.mk-sp .sp-chev{width:34px;height:34px;border-radius:999px;border:1px solid rgba(0,0,0,.12);\n display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.02);flex:0 0 auto;}\n .mk-sp .sp-icon{font-size:18px;}\n .mk-sp .sp-chev{transition:transform .15s ease;}\n .mk-sp .sp-item.is-open .sp-chev{transform:rotate(180deg);}\n .mk-sp .sp-panel{padding:0 14px 14px;display:none;}\n .mk-sp .sp-item.is-open .sp-panel{display:block;}\n .mk-sp .sp-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n @media (min-width:750px){.mk-sp .sp-grid{grid-template-columns:1fr 1fr;}}\n .mk-sp .sp-label{font-size:14px;font-weight:700;margin:0 0 8px;}\n .mk-sp .sp-opts{display:flex;flex-wrap:wrap;gap:8px;}\n .mk-sp .sp-opt{border:1px solid rgba(0,0,0,.14);background:#fff;border-radius:999px;\n padding:10px 12px;font-size:14px;cursor:pointer;line-height:1;}\n .mk-sp .sp-opt.is-active{border-color:rgba(0,0,0,.35);background:rgba(0,0,0,.05);font-weight:700;}\n .mk-sp .sp-field{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}\n .mk-sp .sp-input{width:220px;max-width:100%;border:1px solid rgba(0,0,0,.14);\n border-radius:10px;padding:10px 12px;font-size:14px;}\n .mk-sp .sp-out{border-top:1px solid rgba(0,0,0,.08);margin-top:12px;padding-top:12px;}\n .mk-sp .sp-badge{display:inline-block;border:1px solid rgba(0,0,0,.15);border-radius:999px;\n padding:6px 10px;font-size:12px;margin-right:8px;background:rgba(0,0,0,.03);}\n .mk-sp .sp-size{font-size:18px;font-weight:800;}\n .mk-sp .sp-warn{margin-top:10px;padding:10px 12px;border:1px solid rgba(0,0,0,.10);\n border-radius:10px;background:rgba(0,0,0,.02);font-size:13px;color:#444;display:none;}\n\u003c\/style\u003e\r\n\r\n\u003cdiv class=\"mk-sp\"\u003e\r\n \u003ch3 class=\"sp-title\"\u003eSize Pickers\u003c\/h3\u003e\r\n \u003cp class=\"sp-sub\"\u003eChoose what you need: Clothing uses height; Shoes uses foot length.\u003c\/p\u003e\r\n\r\n \u003cdiv class=\"sp-acc\"\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"clothing\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘•\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eClothing Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter height in inches or cm โ†’ recommended size (Baby\/Kids)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Choose \u003cstrong\u003eBaby\u003c\/strong\u003e or \u003cstrong\u003eKids\u003c\/strong\u003e, then enter height in \u003cstrong\u003einches\u003c\/strong\u003e or \u003cstrong\u003ecentimeters\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Category\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"cat\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-cat=\"baby\"\u003e๐Ÿ‘ถ Baby\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-cat=\"kids\"\u003e๐Ÿง’ Kids\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e3) Height\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 23\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ein\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eIf between sizes or you want extra room, consider sizing up.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Clothing Size\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\" data-role=\"badge\"\u003e๐Ÿ‘ถ Baby\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003e\u003cspan class=\"sp-size\" data-role=\"size\"\u003e59 (0โ€“3M)\u003c\/span\u003e\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003cdiv class=\"sp-item\" data-sp=\"shoes\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-btn\" aria-expanded=\"false\"\u003e\r\n \u003cspan style=\"display:flex;gap:12px;align-items:flex-start;\"\u003e\r\n \u003cspan class=\"sp-icon\"\u003e๐Ÿ‘Ÿ\u003c\/span\u003e\r\n \u003cspan\u003e\r\n \u003cspan class=\"sp-name\" style=\"display:block;\"\u003eShoe Size Picker\u003c\/span\u003e\r\n \u003cspan class=\"sp-desc\" style=\"display:block;\"\u003eEnter foot length in inches or cm โ†’ recommended insole (+0.5 cm)\u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003c\/span\u003e\r\n \u003cspan class=\"sp-chev\"\u003eโŒ„\u003c\/span\u003e\r\n \u003c\/button\u003e\r\n \u003cdiv class=\"sp-panel\"\u003e\r\n \u003cdiv class=\"sp-box\" style=\"margin-top:6px;\"\u003e\r\n \u003cp class=\"sp-p\" style=\"margin-bottom:12px;\"\u003e\r\n Measure the child's \u003cstrong\u003efoot length\u003c\/strong\u003e. We add \u003cstrong\u003e+0.5 cm\u003c\/strong\u003e for comfort and growth, then recommend the best \u003cstrong\u003einsole length\u003c\/strong\u003e.\r\n \u003c\/p\u003e\r\n \u003cdiv class=\"sp-grid\"\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003e1) Unit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-opts\" data-role=\"unit\"\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt is-active\" data-unit=\"cm\"\u003e๐Ÿ‡ช๐Ÿ‡บ Centimeters (cm)\u003c\/button\u003e\r\n \u003cbutton type=\"button\" class=\"sp-opt\" data-unit=\"in\"\u003e๐Ÿ‡บ๐Ÿ‡ธ Inches (in)\u003c\/button\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv style=\"margin-top:14px;\"\u003e\r\n \u003cdiv class=\"sp-label\"\u003e2) Foot Length\u003c\/div\u003e\r\n \u003cdiv class=\"sp-field\"\u003e\r\n \u003cinput class=\"sp-input\" data-role=\"value\" type=\"number\" inputmode=\"decimal\" min=\"1\" step=\"0.1\" placeholder=\"e.g., 11.0\"\u003e\r\n \u003cspan class=\"sp-muted\" data-role=\"unitLabel\"\u003ecm\u003c\/span\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" style=\"margin-top:8px;\"\u003eRecommendation = foot length + \u003cstrong\u003e0.5 cm\u003c\/strong\u003e allowance.\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv\u003e\r\n \u003cdiv class=\"sp-label\"\u003eRecommended Shoe Fit\u003c\/div\u003e\r\n \u003cdiv class=\"sp-out\" aria-live=\"polite\"\u003e\r\n \u003cspan class=\"sp-badge\"\u003e๐Ÿ‘Ÿ Shoes\u003c\/span\u003e\r\n \u003cdiv class=\"sp-p\" style=\"margin-top:8px;\"\u003eRecommended insole: \u003cspan class=\"sp-size\" data-role=\"size\"\u003e11.5 cm\u003c\/span\u003e\n\u003c\/div\u003e\r\n \u003cdiv class=\"sp-muted\" data-role=\"meta\" style=\"margin-top:6px;\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003cdiv class=\"sp-warn\" data-role=\"warn\"\u003e\u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n \u003c\/div\u003e\r\n\r\n \u003c\/div\u003e\r\n\u003c\/div\u003e\r\n\r\n\u003cscript\u003e\r\n(function () {\r\n var CLOTHING = {\r\n baby: [{cm:59,l:\"0โ€“3M\"},{cm:66,l:\"3โ€“6M\"},{cm:73,l:\"6โ€“9M\"},{cm:80,l:\"9โ€“12M\"},{cm:90,l:\"12โ€“24M\"}],\r\n kids: [{cm:100,l:\"2โ€“3Y\"},{cm:110,l:\"3โ€“5Y\"},{cm:120,l:\"5โ€“7Y\"},{cm:130,l:\"7โ€“8Y\"},{cm:140,l:\"8โ€“10Y\"},{cm:150,l:\"10โ€“12Y\"}]\r\n };\r\n var INSOLES = [11.0,11.5,12.0,12.5,13.0,13.5,14.5,15.5];\r\n\r\n var inToCm = function (x) { return x * 2.54; };\r\n var cmToIn = function (x) { return x \/ 2.54; };\r\n var r1 = function (n) { return Math.round(n * 10) \/ 10; };\r\n\r\n function initRoot(root) {\r\n \/\/ The description is rendered more than once AND this script runs once per\r\n \/\/ copy, so every root would otherwise be wired up several times over.\r\n if (root.dataset.spReady === \"1\") return;\r\n root.dataset.spReady = \"1\";\r\n\r\n var items = root.querySelectorAll(\".sp-item\");\r\n\r\n \/\/ Accordion โ€” scoped to THIS root, so a second copy on the page opens on its own.\r\n Array.prototype.forEach.call(items, function (item) {\r\n item.querySelector(\".sp-btn\").addEventListener(\"click\", function () {\r\n var opening = !item.classList.contains(\"is-open\");\r\n Array.prototype.forEach.call(items, function (other) {\r\n var on = opening \u0026\u0026 other === item;\r\n other.classList.toggle(\"is-open\", on);\r\n other.querySelector(\".sp-btn\").setAttribute(\"aria-expanded\", on ? \"true\" : \"false\");\r\n });\r\n if (opening) {\r\n var input = item.querySelector('[data-role=\"value\"]');\r\n if (input) setTimeout(function () { input.focus(); }, 60);\r\n }\r\n });\r\n });\r\n\r\n var clothing = root.querySelector('[data-sp=\"clothing\"]');\r\n var shoes = root.querySelector('[data-sp=\"shoes\"]');\r\n if (clothing) initClothing(clothing);\r\n if (shoes) initShoes(shoes);\r\n }\r\n\r\n function markActive(group, attr, value) {\r\n Array.prototype.forEach.call(group.querySelectorAll(\".sp-opt\"), function (b) {\r\n b.classList.toggle(\"is-active\", b.getAttribute(attr) === value);\r\n });\r\n }\r\n\r\n function initClothing(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var catGroup = q('[data-role=\"cat\"]');\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var badge = q('[data-role=\"badge\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var cat = \"baby\", unit = \"in\";\r\n\r\n function pick(cm) {\r\n var list = CLOTHING[cat];\r\n for (var i = 0; i \u003c list.length; i++) if (cm \u003c= list[i].cm) return { it: list[i], over: false };\r\n return { it: list[list.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n badge.textContent = cat === \"baby\" ? \"๐Ÿ‘ถ Baby\" : \"๐Ÿง’ Kids\";\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n var def = CLOTHING[cat][0];\r\n sizeOut.textContent = def.cm + \" (\" + def.l + \")\";\r\n metaOut.textContent = \"Enter a height to see the recommended size.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var rec = pick(cm);\r\n sizeOut.textContent = rec.it.cm + \" (\" + rec.it.l + \")\";\r\n metaOut.textContent = 'Based on height: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ up to ' + rec.it.cm + ' cm (' + r1(cmToIn(rec.it.cm)) + '\")';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the entered height is above the largest size in this chart. We recommend the largest available size shown.\";\r\n }\r\n }\r\n\r\n catGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-cat]\"); if (!b) return;\r\n cat = b.getAttribute(\"data-cat\"); markActive(catGroup, \"data-cat\", cat); render();\r\n });\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function initShoes(item) {\r\n var q = function (sel) { return item.querySelector(sel); };\r\n var unitGroup = q('[data-role=\"unit\"]');\r\n var input = q('[data-role=\"value\"]');\r\n var unitLabel = q('[data-role=\"unitLabel\"]');\r\n var sizeOut = q('[data-role=\"size\"]');\r\n var metaOut = q('[data-role=\"meta\"]');\r\n var warnOut = q('[data-role=\"warn\"]');\r\n var unit = \"cm\";\r\n\r\n function pick(target) {\r\n for (var i = 0; i \u003c INSOLES.length; i++) if (target \u003c= INSOLES[i]) return { v: INSOLES[i], over: false };\r\n return { v: INSOLES[INSOLES.length - 1], over: true };\r\n }\r\n\r\n function render() {\r\n warnOut.style.display = \"none\";\r\n var v = parseFloat(input.value);\r\n if (isNaN(v) || v \u003c= 0) {\r\n sizeOut.textContent = \"โ€”\";\r\n metaOut.textContent = \"Enter a foot length to see the recommended insole.\";\r\n return;\r\n }\r\n var cm = unit === \"cm\" ? v : inToCm(v);\r\n var inch = unit === \"cm\" ? cmToIn(v) : v;\r\n var target = cm + 0.5;\r\n var rec = pick(target);\r\n sizeOut.textContent = String(rec.v).replace(\/\\.0$\/, \"\") + \" cm\";\r\n metaOut.textContent = 'Based on foot: ' + r1(inch) + '\" (' + r1(cm) + ' cm) โ†’ target: ' + r1(target) + ' cm (includes +0.5 cm)';\r\n if (rec.over) {\r\n warnOut.style.display = \"block\";\r\n warnOut.textContent = \"Note: the target insole length is above the largest insole in this chart. We recommend the largest available insole shown.\";\r\n }\r\n }\r\n\r\n unitGroup.addEventListener(\"click\", function (e) {\r\n var b = e.target.closest(\".sp-opt[data-unit]\"); if (!b) return;\r\n var next = b.getAttribute(\"data-unit\"); if (next === unit) return;\r\n var v = parseFloat(input.value);\r\n if (!isNaN(v) \u0026\u0026 v \u003e 0) input.value = r1(next === \"cm\" ? inToCm(v) : cmToIn(v));\r\n unit = next; unitLabel.textContent = unit; markActive(unitGroup, \"data-unit\", unit); render();\r\n });\r\n input.addEventListener(\"input\", render);\r\n render();\r\n }\r\n\r\n function boot() {\r\n Array.prototype.forEach.call(document.querySelectorAll(\".mk-sp\"), initRoot);\r\n }\r\n if (document.readyState === \"loading\") document.addEventListener(\"DOMContentLoaded\", boot);\r\n else boot();\r\n})();\r\n\u003c\/script\u003e\r\n\r\n\u003cp style=\"font-size:17px;font-weight:800;margin:24px 0 10px;\"\u003eDescription:\u003c\/p\u003e\n\u003c\/div\u003e\u003cp\u003eThis Summer Girlsโ€™ Rhythmic Gymnastics T-shirt combines playful cartoon patterns with a refined European and American style. Crafted for comfort and breathability, it offers a lightweight fit perfect for warm days. Its unique design celebrates rhythmic gymnastics, making it an elegant yet fun choice for young girls who appreciate both fashion and sport.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"237\" data-end=\"496\"\u003e\n\u003cp data-start=\"239\" data-end=\"496\"\u003e \u003cstrong data-start=\"245\" data-end=\"284\"\u003eRhythmic Gymnastics-Inspired Design\u003c\/strong\u003e\u003cbr data-start=\"284\" data-end=\"287\"\u003eFeatures charming cartoon illustrations that celebrate the beauty and energy of rhythmic gymnastics. A perfect match for young athletes or fans of the sport who want to express their passion through fashion.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"498\" data-end=\"769\"\u003e\n\u003cp data-start=\"500\" data-end=\"769\"\u003e \u003cstrong data-start=\"503\" data-end=\"539\"\u003eEuropean \u0026amp; American Style Fusion\u003c\/strong\u003e\u003cbr data-start=\"539\" data-end=\"542\"\u003eCombines sleek European aesthetics with playful American casual wear, creating a balanced design thatโ€™s both stylish and age-appropriate. A standout choice for girls who like to dress with a touch of elegance and personality.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"771\" data-end=\"985\"\u003e\n\u003cp data-start=\"773\" data-end=\"985\"\u003e \u003cstrong data-start=\"777\" data-end=\"816\"\u003eBreathable \u0026amp; Lightweight for Summer \u003c\/strong\u003eMade with soft, breathable fabric that feels gentle on the skin and allows for free movementโ€”ideal for hot weather, active days, or even light training and warmups.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"987\" data-end=\"1239\"\u003e\n\u003cp data-start=\"989\" data-end=\"1239\"\u003e \u003cstrong data-start=\"992\" data-end=\"1030\"\u003ePerfect for Everyday \u0026amp; Active Wear\u003c\/strong\u003eWhether heading to practice, hanging out with friends, or going on a family outing, this T-shirt is a versatile option that pairs easily with leggings, shorts, or skirts for a cute and sporty summer look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1241\" data-end=\"1435\"\u003e\n\u003cp data-start=\"1243\" data-end=\"1435\"\u003e \u003cstrong data-start=\"1246\" data-end=\"1284\"\u003eDesigned for Active, Stylish Girls \u003c\/strong\u003eTailored to fit comfortably without restricting movement, itโ€™s great for girls who value both athletic expression and a fun, fashionable wardrobe.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1437\" data-end=\"1619\"\u003e\n\u003cp data-start=\"1439\" data-end=\"1619\"\u003e \u003cstrong data-start=\"1442\" data-end=\"1472\"\u003eDurable \u0026amp; Easy to Care For \u003c\/strong\u003eMachine-washable and colorfast, this T-shirt maintains its shape and vibrant design wash after wash, making it as practical as it is adorable.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"1621\" data-end=\"1868\"\u003e\n\u003cp data-start=\"1623\" data-end=\"1868\"\u003e \u003cstrong data-start=\"1626\" data-end=\"1675\"\u003eIdeal Gift for Little Gymnasts \u0026amp; Sporty Girls \u003c\/strong\u003eA thoughtful and exciting gift for birthdays, team events, or just to celebrate your little oneโ€™s love for rhythmic gymnastics. Itโ€™s more than a shirtโ€”itโ€™s a statement of passion and play.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ctable class=\"woocommerce-product-attributes shop_attributes\"\u003e\n\u003ctbody\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_color\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eColor\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBeige\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_material\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eMaterial\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCotton\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_season\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSeason\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eSummer\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_size-age\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eSize (Age)\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003e90 (12-24M), 100 (2-3Y), 110 (3-5Y), 120 (5-7Y), 130 (7-8Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_gender\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003eGender\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eBaby Girl, Girl\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"woocommerce-product-attributes-item woocommerce-product-attributes-item--attribute_pa_pattern\"\u003e\n\u003cth class=\"woocommerce-product-attributes-item__label\"\u003ePattern\u003c\/th\u003e\n\u003ctd class=\"woocommerce-product-attributes-item__value\"\u003e\n\u003cp\u003eCartoon\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"90 (12-24M) \/ Beige","offer_id":67800096702613,"sku":"TR2506121659-A","price":28.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Beige","offer_id":67800096735381,"sku":"TR2506121659-B","price":28.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Beige","offer_id":67800096768149,"sku":"TR2506121659-C","price":28.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Beige","offer_id":67800096800917,"sku":"TR2506121659-D","price":28.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Beige","offer_id":67800096833685,"sku":"TR2506121659-E","price":28.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-49215802441880.jpg?v=1792229321"}],"url":"https:\/\/bestofzone.com\/collections\/kids-t-shirts.oembed","provider":"Best of Zone","version":"1.0","type":"link"}