{"title":"Kids (5–12 years)","description":"\u003cp\u003ePlayful tees, pants, hoodies, dresses and socks for kids aged 5 to 12, ready for school days and weekends.\u003c\/p\u003e","products":[{"product_id":"kids-breathable-cute-cartoon-and-geometric-pattern-socks-5-pair-set","title":"Kids' Cartoon \u0026 Geometric Print Socks - 5 Pairs","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 little feet comfortable and stylish all season long with this vibrant 5-pair sock set. Each pair features breathable fabric perfect for warm weather, designed with playful cartoon characters and fun geometric patterns that kids love. The soft, durable construction ensures all-day comfort whether your child is playing outside, at school, or relaxing at home. Mix and match the colorful designs to match any outfit. An essential addition to any kid's sock drawer for spring and summer adventures.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-section-id=\"elnoau\" data-start=\"0\" data-end=\"73\"\u003e \u003cstrong data-start=\"7\" data-end=\"39\"\u003eCartoon \u0026amp; Geometric Designs:\u003c\/strong\u003e Fun, colorful styles kids love.\u003c\/li\u003e\n\u003cli data-section-id=\"2hel6w\" data-start=\"74\" data-end=\"133\"\u003e \u003cstrong data-start=\"79\" data-end=\"94\"\u003e5-Pair Set:\u003c\/strong\u003e Plenty of options for everyday wear.\u003c\/li\u003e\n\u003cli data-section-id=\"15uwyy\" data-start=\"134\" data-end=\"203\"\u003e \u003cstrong data-start=\"139\" data-end=\"168\"\u003eBreathable \u0026amp; Lightweight:\u003c\/strong\u003e Keeps feet cool in warm weather.\u003c\/li\u003e\n\u003cli data-section-id=\"v3tm0q\" data-start=\"204\" data-end=\"273\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"209\" data-end=\"228\"\u003eSoft \u0026amp; Durable:\u003c\/strong\u003e Comfortable for play, school, and daily use.\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, Pink, Blue, 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 Blend\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, Geometric\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\u003eSpring, Summer, Autumn\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\u003eS (1-3Y), M (4-6Y), L (6-8Y), XL (8-15Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"S (1-3Y) \/ Beige","offer_id":68104676442261,"sku":"TR2604262120-A","price":21.99,"currency_code":"USD","in_stock":false},{"title":"S (1-3Y) \/ Blue","offer_id":68104676475029,"sku":"TR2604262120-B","price":21.99,"currency_code":"USD","in_stock":false},{"title":"S (1-3Y) \/ Pink","offer_id":68104676507797,"sku":"TR2604262120-C","price":21.99,"currency_code":"USD","in_stock":false},{"title":"S (1-3Y) \/ White","offer_id":68104676540565,"sku":"TR2604262120-D","price":21.99,"currency_code":"USD","in_stock":false},{"title":"M (4-6Y) \/ Beige","offer_id":68104676573333,"sku":"TR2604262120-E","price":21.99,"currency_code":"USD","in_stock":false},{"title":"M (4-6Y) \/ Blue","offer_id":68104676606101,"sku":"TR2604262120-F","price":21.99,"currency_code":"USD","in_stock":true},{"title":"M (4-6Y) \/ Pink","offer_id":68104676638869,"sku":"TR2604262120-G","price":21.99,"currency_code":"USD","in_stock":false},{"title":"M (4-6Y) \/ White","offer_id":68104676671637,"sku":"TR2604262120-H","price":21.99,"currency_code":"USD","in_stock":false},{"title":"L (6-8Y) \/ Beige","offer_id":68104676704405,"sku":"TR2604262120-I","price":21.99,"currency_code":"USD","in_stock":false},{"title":"L (6-8Y) \/ Blue","offer_id":68104676737173,"sku":"TR2604262120-J","price":21.99,"currency_code":"USD","in_stock":true},{"title":"L (6-8Y) \/ Pink","offer_id":68104676769941,"sku":"TR2604262120-K","price":21.99,"currency_code":"USD","in_stock":false},{"title":"L (6-8Y) \/ White","offer_id":68104676802709,"sku":"TR2604262120-L","price":21.99,"currency_code":"USD","in_stock":false},{"title":"XL (8-15Y) \/ Beige","offer_id":68104676835477,"sku":"TR2604262120-M","price":21.99,"currency_code":"USD","in_stock":false},{"title":"XL (8-15Y) \/ Blue","offer_id":68104676868245,"sku":"TR2604262120-N","price":21.99,"currency_code":"USD","in_stock":false},{"title":"XL (8-15Y) \/ Pink","offer_id":68104676901013,"sku":"TR2604262120-O","price":21.99,"currency_code":"USD","in_stock":false},{"title":"XL (8-15Y) \/ White","offer_id":68104676933781,"sku":"TR2604262120-P","price":21.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-52758384378008.jpg?v=1791410534"},{"product_id":"baby-girls-sleeveless-cartoon-ducks-pattern-dress","title":"Baby Girls' Duck-Print Sleeveless Dress","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\u003eAdorable sleeveless dress perfect for warm weather playtime. Features a charming cartoon ducks pattern that captures little ones' imagination. Lightweight fabric keeps babies cool and comfortable during summer days. Easy to layer with a light cardigan or jacket for cooler evenings. Practical design allows for easy diaper changes and movement. Ideal for everyday wear, outings, or casual celebrations. Soft, breathable material is gentle on delicate skin.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-section-id=\"vyvmk7\" data-start=\"0\" data-end=\"79\"\u003e \u003cstrong data-start=\"5\" data-end=\"30\"\u003eCartoon Ducks Design:\u003c\/strong\u003e Cute, playful pattern that sparks imagination.\u003c\/li\u003e\n\u003cli data-section-id=\"1gxym7u\" data-start=\"80\" data-end=\"157\"\u003e \u003cstrong data-start=\"85\" data-end=\"113\"\u003eSleeveless Summer Style:\u003c\/strong\u003e Lightweight and easy for active movement.\u003c\/li\u003e\n\u003cli data-section-id=\"1ebuvnt\" data-start=\"158\" data-end=\"235\"\u003e \u003cstrong data-start=\"163\" data-end=\"192\"\u003eSoft \u0026amp; Breathable Fabric:\u003c\/strong\u003e Keeps baby cool and comfortable all day.\u003c\/li\u003e\n\u003cli data-section-id=\"7xe1gw\" data-start=\"236\" data-end=\"320\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"241\" data-end=\"269\"\u003eVersatile Everyday Wear:\u003c\/strong\u003e Perfect for outings, layering, and casual moments.\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\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_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\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":67728892723349,"sku":"TR2604111321-A","price":40.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Pink","offer_id":67728892756117,"sku":"TR2604111321-B","price":40.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Blue","offer_id":67728892788885,"sku":"TR2604111321-C","price":40.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Pink","offer_id":67728892821653,"sku":"TR2604111321-D","price":40.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Blue","offer_id":67728892854421,"sku":"TR2604111321-E","price":40.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Pink","offer_id":67728892887189,"sku":"TR2604111321-F","price":40.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Blue","offer_id":67728892919957,"sku":"TR2604111321-G","price":40.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Pink","offer_id":67728892952725,"sku":"TR2604111321-H","price":40.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Blue","offer_id":67728892985493,"sku":"TR2604111321-I","price":40.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Pink","offer_id":67728893018261,"sku":"TR2604111321-J","price":40.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Blue","offer_id":67728893051029,"sku":"TR2604111321-K","price":40.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Pink","offer_id":67728893083797,"sku":"TR2604111321-L","price":40.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-52594476712088.jpg?v=1792120953"},{"product_id":"baby-girls-short-sleeves-cherry-and-plaid-pattern-dress","title":"MyKids-USA® Baby Girls Short Sleeves Cherry and Plaid Pattern Dress","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\u003eBrighten your little girl's summer wardrobe with this charming short-sleeve dress featuring a delightful mix of cherry and plaid patterns. Crafted from soft, breathable fabric, it's perfect for warm days and playtime adventures. The cheerful design combines classic plaid with playful cherry accents, creating a look that's both sweet and stylish. Easy to care for and comfortable to wear, this dress is an ideal choice for everyday outings, family gatherings, or special occasions. Watch her twirl and smile in this adorable summer essential.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-section-id=\"9qrd5d\" data-start=\"0\" data-end=\"82\"\u003e \u003cstrong data-start=\"5\" data-end=\"31\"\u003eCherry \u0026amp; Plaid Design:\u003c\/strong\u003e Sweet mix of playful cherries and classic plaid.\u003c\/li\u003e\n\u003cli data-section-id=\"m8nkag\" data-start=\"83\" data-end=\"164\"\u003e \u003cstrong data-start=\"88\" data-end=\"113\"\u003eShort-Sleeve Comfort:\u003c\/strong\u003e Perfect for warm-weather wear and easy movement.\u003c\/li\u003e\n\u003cli data-section-id=\"1j6wkib\" data-start=\"165\" data-end=\"242\"\u003e \u003cstrong data-start=\"170\" data-end=\"199\"\u003eSoft \u0026amp; Breathable Fabric:\u003c\/strong\u003e Keeps her cool during summer adventures.\u003c\/li\u003e\n\u003cli data-section-id=\"1wi4wrc\" data-start=\"243\" data-end=\"328\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"248\" data-end=\"277\"\u003eVersatile Everyday Style:\u003c\/strong\u003e Ideal for outings, playdates, and special moments.\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\u003eRed\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\u003ePlaid (Checked, Tartan, Gingham)\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) \/ Red","offer_id":67728896721045,"sku":"TR2604062323-A","price":50.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Red","offer_id":67728896753813,"sku":"TR2604062323-B","price":50.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Red","offer_id":67728896786581,"sku":"TR2604062323-C","price":50.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Red","offer_id":67728896819349,"sku":"TR2604062323-D","price":50.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Red","offer_id":67728896852117,"sku":"TR2604062323-E","price":50.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Red","offer_id":67728896884885,"sku":"TR2604062323-F","price":50.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/product_image_3_4d10d245-7f0b-41f5-8594-e0c97e4870b1.jpg?v=1792120972"},{"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":"boys-solid-color-green-soft-casual-style-shorts","title":"Boys' Solid-Color Casual Shorts","description":"\u003cp\u003eSoft cotton shorts in easy solid colors, made for summer days on the move.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: cotton\u003c\/li\u003e\n\u003cli\u003eColors: green, khaki, light green (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) \/ Green","offer_id":67729357996181,"sku":"TR2401141522-A","price":19.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Khaki","offer_id":67729358028949,"sku":"TR2401141522-B","price":19.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Light Green","offer_id":67729358061717,"sku":"TR2401141522-C","price":19.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Green","offer_id":67729358094485,"sku":"TR2401141522-D","price":19.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Khaki","offer_id":67729358127253,"sku":"TR2401141522-E","price":19.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Light Green","offer_id":67729358160021,"sku":"TR2401141522-F","price":19.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Green","offer_id":67729358192789,"sku":"TR2401141522-G","price":19.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Khaki","offer_id":67729358225557,"sku":"TR2401141522-H","price":19.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Light Green","offer_id":67729358258325,"sku":"TR2401141522-I","price":19.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Green","offer_id":67729358291093,"sku":"TR2401141522-J","price":19.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Khaki","offer_id":67729358323861,"sku":"TR2401141522-K","price":19.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Light Green","offer_id":67729358356629,"sku":"TR2401141522-L","price":19.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Green","offer_id":67729358389397,"sku":"TR2401141522-M","price":19.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Khaki","offer_id":67729358422165,"sku":"TR2401141522-N","price":19.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Light Green","offer_id":67729358454933,"sku":"TR2401141522-O","price":19.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Green","offer_id":67729358487701,"sku":"TR2401141522-P","price":19.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Khaki","offer_id":67729358520469,"sku":"TR2401141522-Q","price":19.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Light Green","offer_id":67729358553237,"sku":"TR2401141522-R","price":19.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-43889179754648.jpg?v=1792122408"},{"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-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":"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":"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":"kids-unisex-snowman-pattern-knitwear","title":"MyKids-USA® Kids Unisex Snowman Pattern Knitwear","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 Kids Unisex Snowman Pattern Knitwear is designed for warmth and comfort, featuring a soft and cozy fabric. Its unisex design makes it perfect for boys and girls, offering maximum comfort and style. The bright snowman pattern adds a playful touch to your kid's winter wardrobe.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-end=\"60\" data-start=\"0\"\u003e\n\u003cp data-end=\"60\" data-start=\"2\"\u003e Adorable snowman pattern brings cheerful winter vibes\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"116\" data-start=\"61\"\u003e\n\u003cp data-end=\"116\" data-start=\"63\"\u003e Soft knit fabric ensures warmth and cozy comfort\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"178\" data-start=\"117\"\u003e\n\u003cp data-end=\"178\" data-start=\"119\"\u003e Unisex design makes it perfect for both boys and girls\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-end=\"243\" data-start=\"179\"\u003e\n\u003cp data-end=\"243\" data-start=\"181\"\u003e Stretchy material allows easy movement for active kids\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-is-last-node=\"\" data-end=\"300\" data-start=\"244\"\u003e\n\u003cp data-is-last-node=\"\" data-end=\"300\" data-start=\"246\"\u003e Ideal for everyday wear or festive winter occasions\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\u003eRed, Pink, Navy Blue (Dark Blue)\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\u003eGirl, 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_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\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\u003eSpring, Autumn, Winter\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\u003e100 (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":"100 (2-3Y) \/ Red","offer_id":67800037425301,"sku":"SH2211301201-A","price":40.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Pink","offer_id":67800037458069,"sku":"SH2211301201-B","price":40.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Navy Blue (Dark Blue)","offer_id":67800037490837,"sku":"SH2211301201-C","price":40.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Red","offer_id":67800037523605,"sku":"SH2211301201-D","price":40.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Pink","offer_id":67800037556373,"sku":"SH2211301201-E","price":40.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Navy Blue (Dark Blue)","offer_id":67800037589141,"sku":"SH2211301201-F","price":40.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Red","offer_id":67800037621909,"sku":"SH2211301201-G","price":40.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Pink","offer_id":67800037654677,"sku":"SH2211301201-H","price":40.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Navy Blue (Dark Blue)","offer_id":67800037687445,"sku":"SH2211301201-I","price":40.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Red","offer_id":67800037720213,"sku":"SH2211301201-J","price":40.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Pink","offer_id":67800037752981,"sku":"SH2211301201-K","price":40.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Navy Blue (Dark Blue)","offer_id":67800037785749,"sku":"SH2211301201-L","price":40.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Red","offer_id":67800037818517,"sku":"SH2211301201-M","price":40.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Pink","offer_id":67800037851285,"sku":"SH2211301201-N","price":40.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Navy Blue (Dark Blue)","offer_id":67800037884053,"sku":"SH2211301201-O","price":40.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-42155077664920.jpg?v=1792229214"},{"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":"baby-solid-color-thickened-basic-hoodies","title":"Baby Solid-Color Thick Hoodie","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\u003cdiv class=\"qqkAU\"\u003e\n\u003cdiv class=\"LyDpQ jbBkh Bo7Nc\"\u003e\n\u003cp\u003eThis Baby Solid Color Thickened Autumn Basic Hoodie is designed with baby's comfort in mind. It features thickened, soft cotton fabric for extra warmth and a solid color for timeless style. The hoodie also has an adjustable fit, so it can grow with your child. A great choice for a cooler autumn look.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"117\" data-end=\"245\"\u003e\n\u003cp data-start=\"119\" data-end=\"245\"\u003e \u003cstrong data-start=\"122\" data-end=\"152\"\u003ePerfect for Cooler Weather\u003c\/strong\u003e – Thickened, soft cotton fabric provides extra warmth and cozy comfort during autumn days.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"246\" data-end=\"355\"\u003e\n\u003cp data-start=\"248\" data-end=\"355\"\u003e \u003cstrong data-start=\"251\" data-end=\"282\"\u003eDesigned for Baby’s Comfort\u003c\/strong\u003e – Gentle on delicate skin while offering room to move and play freely.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"356\" data-end=\"479\"\u003e\n\u003cp data-start=\"358\" data-end=\"479\"\u003e \u003cstrong data-start=\"361\" data-end=\"391\"\u003eTimeless Solid Color Style\u003c\/strong\u003e – A classic piece that pairs easily with any outfit for an effortlessly stylish look.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"480\" data-end=\"575\"\u003e\n\u003cp data-start=\"482\" data-end=\"575\"\u003e \u003cstrong data-start=\"484\" data-end=\"502\"\u003eAdjustable Fit\u003c\/strong\u003e – Designed to grow with your little one, ensuring longer-lasting wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"576\" data-end=\"678\"\u003e\n\u003cp data-start=\"578\" data-end=\"678\"\u003e \u003cstrong data-start=\"581\" data-end=\"603\"\u003eEveryday Essential\u003c\/strong\u003e – Ideal for layering on brisk mornings, outdoor play, or casual outings.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\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, Navy Blue (Dark Blue), Blue, Light Blue, Purple, Green, Light Green, Yellow, Grey, Orange, Beige, 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_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\u003eGirl, 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_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\u003ePlain (Solid)\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\u003eSpring, Autumn\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\u003e120 (5-7Y), 130 (7-8Y), 140 (8-10Y), 150 (10-12Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"120 (5-7Y) \/ White","offer_id":67800050237589,"sku":"JM2212181820-A","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Black","offer_id":67800050270357,"sku":"JM2212181820-B","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Red","offer_id":67800050303125,"sku":"JM2212181820-C","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Navy Blue (Dark Blue)","offer_id":67800050335893,"sku":"JM2212181820-D","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Blue","offer_id":67800050368661,"sku":"JM2212181820-E","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Light Blue","offer_id":67800050401429,"sku":"JM2212181820-F","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Purple","offer_id":67800050434197,"sku":"JM2212181820-G","price":37.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Green","offer_id":67800050466965,"sku":"JM2212181820-H","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Light Green","offer_id":67800050499733,"sku":"JM2212181820-I","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Yellow","offer_id":67800050532501,"sku":"JM2212181820-J","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Grey","offer_id":67800050565269,"sku":"JM2212181820-K","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Orange","offer_id":67800050598037,"sku":"JM2212181820-L","price":37.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Beige","offer_id":67800050630805,"sku":"JM2212181820-M","price":37.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Apricot","offer_id":67800050663573,"sku":"JM2212181820-N","price":37.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ White","offer_id":67800050696341,"sku":"JM2212181820-O","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Black","offer_id":67800050729109,"sku":"JM2212181820-P","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Red","offer_id":67800050761877,"sku":"JM2212181820-Q","price":37.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Navy Blue (Dark Blue)","offer_id":67800050794645,"sku":"JM2212181820-R","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Blue","offer_id":67800050827413,"sku":"JM2212181820-S","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Light Blue","offer_id":67800050860181,"sku":"JM2212181820-T","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Purple","offer_id":67800050892949,"sku":"JM2212181820-U","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Green","offer_id":67800050925717,"sku":"JM2212181820-V","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Light Green","offer_id":67800050958485,"sku":"JM2212181820-W","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Yellow","offer_id":67800050991253,"sku":"JM2212181820-X","price":37.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Grey","offer_id":67800051024021,"sku":"JM2212181820-Y","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Orange","offer_id":67800051056789,"sku":"JM2212181820-Z","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Beige","offer_id":67800051089557,"sku":"JM2212181820-AA","price":37.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Apricot","offer_id":67800051122325,"sku":"JM2212181820-AB","price":37.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ White","offer_id":67800051155093,"sku":"JM2212181820-AC","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Black","offer_id":67800051187861,"sku":"JM2212181820-AD","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Red","offer_id":67800051220629,"sku":"JM2212181820-AE","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Navy Blue (Dark Blue)","offer_id":67800051253397,"sku":"JM2212181820-AF","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Blue","offer_id":67800051286165,"sku":"JM2212181820-AG","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Light Blue","offer_id":67800051318933,"sku":"JM2212181820-AH","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Purple","offer_id":67800051351701,"sku":"JM2212181820-AI","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Green","offer_id":67800051384469,"sku":"JM2212181820-AJ","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Light Green","offer_id":67800051417237,"sku":"JM2212181820-AK","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Yellow","offer_id":67800051450005,"sku":"JM2212181820-AL","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Grey","offer_id":67800051482773,"sku":"JM2212181820-AM","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Orange","offer_id":67800051515541,"sku":"JM2212181820-AN","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Beige","offer_id":67800051548309,"sku":"JM2212181820-AO","price":37.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Apricot","offer_id":67800051581077,"sku":"JM2212181820-AP","price":37.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ White","offer_id":67800051613845,"sku":"JM2212181820-AQ","price":37.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ Black","offer_id":67800051646613,"sku":"JM2212181820-AR","price":37.99,"currency_code":"USD","in_stock":false},{"title":"150 (10-12Y) \/ Red","offer_id":67800051679381,"sku":"JM2212181820-AS","price":37.99,"currency_code":"USD","in_stock":false},{"title":"150 (10-12Y) \/ Navy Blue (Dark Blue)","offer_id":67800051712149,"sku":"JM2212181820-AT","price":37.99,"currency_code":"USD","in_stock":false},{"title":"150 (10-12Y) \/ Blue","offer_id":67800051744917,"sku":"JM2212181820-AU","price":37.99,"currency_code":"USD","in_stock":false},{"title":"150 (10-12Y) \/ Light Blue","offer_id":67800051777685,"sku":"JM2212181820-AV","price":37.99,"currency_code":"USD","in_stock":false},{"title":"150 (10-12Y) \/ Purple","offer_id":67800051810453,"sku":"JM2212181820-AW","price":37.99,"currency_code":"USD","in_stock":false},{"title":"150 (10-12Y) \/ Green","offer_id":67800051843221,"sku":"JM2212181820-AX","price":37.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-42239535153304.jpg?v=1792229245"},{"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":"baby-boy-christmas-print-pattern-long-sleeve-cartoon-children-s-hoodie","title":"MyKids-USA® Baby Boy Christmas Print Pattern Long Sleeve Cartoon Children’s Hoodie","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\u003cdiv class=\"qqkAU\"\u003e\n\u003cdiv class=\"LyDpQ jbBkh Bo7Nc\"\u003e\n\u003cp\u003eYour little boy will look festive and oh-so-cute in this stylish Baby Boy Christmas Print Pattern Long Sleeve Cartoon Children’s Hoodie! From holiday photos to playdates, your kiddo will love the playful pattern and cozy long sleeves. Get in the spirit with this cheerful Choice!\u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"76\" data-end=\"201\"\u003e\n\u003cp data-start=\"78\" data-end=\"201\"\u003e \u003cstrong data-start=\"81\" data-end=\"110\"\u003eFestive \u0026amp; Playful Design:\u003c\/strong\u003e Features a charming Christmas print with fun cartoon details, perfect for holiday cheer.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"202\" data-end=\"313\"\u003e\n\u003cp data-start=\"204\" data-end=\"313\"\u003e \u003cstrong data-start=\"207\" data-end=\"229\"\u003eCozy Long Sleeves:\u003c\/strong\u003e Keeps your little boy warm and comfy during cool winter days and festive outings.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"314\" data-end=\"437\"\u003e\n\u003cp data-start=\"316\" data-end=\"437\"\u003e \u003cstrong data-start=\"319\" data-end=\"345\"\u003ePicture-Perfect Style:\u003c\/strong\u003e Ideal for holiday photos, family gatherings, or everyday playdates with a seasonal twist.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"438\" data-end=\"531\"\u003e\n\u003cp data-start=\"440\" data-end=\"531\"\u003e \u003cstrong data-start=\"443\" data-end=\"469\"\u003eSoft \u0026amp; Durable Fabric:\u003c\/strong\u003e Ensures lasting comfort and easy movement for all-day wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\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\u003eNavy Blue (Dark Blue)\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\u003eSpring, Autumn\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) \/ Navy Blue (Dark Blue)","offer_id":67800090968213,"sku":"JM2209021649-A","price":36.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Navy Blue (Dark Blue)","offer_id":67800091000981,"sku":"JM2209021649-B","price":36.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Navy Blue (Dark Blue)","offer_id":67800091033749,"sku":"JM2209021649-C","price":36.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Navy Blue (Dark Blue)","offer_id":67800091066517,"sku":"JM2209021649-D","price":36.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Navy Blue (Dark Blue)","offer_id":67800091099285,"sku":"JM2209021649-E","price":36.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Navy Blue (Dark Blue)","offer_id":67800091132053,"sku":"JM2209021649-F","price":36.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-41909915418776.jpg?v=1792229310"},{"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"},{"product_id":"baby-kids-girls-penguins-pattern-casual-pants","title":"Girls' Penguin-Print Pants","description":"\u003cp\u003eBlack pants with a playful penguin print, warm and comfy for cooler days.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: 90% cotton\u003c\/li\u003e\n\u003cli\u003eColor: black\u003c\/li\u003e\n\u003cli\u003eSizes: 2–3Y to 10–12Y\u003c\/li\u003e\n\u003cli\u003eSeason: spring, fall and winter\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":"100 (2-3Y) \/ Black","offer_id":67800430182549,"sku":"TR2509182325-A","price":25.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Black","offer_id":67800430215317,"sku":"TR2509182325-B","price":25.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Black","offer_id":67800430248085,"sku":"TR2509182325-C","price":25.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Black","offer_id":67800430280853,"sku":"TR2509182325-D","price":25.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Black","offer_id":67800430313621,"sku":"TR2509182325-E","price":25.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ Black","offer_id":67800430346389,"sku":"TR2509182325-F","price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-50652238676120.jpg?v=1792229969"},{"product_id":"baby-kids-girls-cartoon-ballerina-cute-pants","title":"Girls' Ballerina-Print Pants","description":"\u003cp\u003ePink pants with a sweet ballerina print, cozy for cooler days at school or at home.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: 90% cotton\u003c\/li\u003e\n\u003cli\u003eColor: pink\u003c\/li\u003e\n\u003cli\u003eSizes: 2–3Y to 10–12Y\u003c\/li\u003e\n\u003cli\u003eSeason: spring, fall and winter\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":"100 (2-3Y) \/ Pink","offer_id":67800437162133,"sku":"TR2509182318-A","price":25.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Pink","offer_id":67800437194901,"sku":"TR2509182318-B","price":25.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Pink","offer_id":67800437227669,"sku":"TR2509182318-C","price":25.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Pink","offer_id":67800437260437,"sku":"TR2509182318-D","price":25.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Pink","offer_id":67800437293205,"sku":"TR2509182318-E","price":25.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ Pink","offer_id":67800437325973,"sku":"TR2509182318-F","price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-50652050587800.jpg?v=1792229981"},{"product_id":"children-boys-excavator-descending-cartoon-sports-trousers-with-pockets","title":"MyKids-USA® Children Boys Excavator Descending Cartoon Sports Trousers With Pockets","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\u003eThese Children Boys Excavator Descending Cartoon Sports Trousers are not only stylish, but also functional. With their convenient pockets, your child can easily store and access their belongings while on the go. The fun cartoon design adds a playful touch to this comfortable and practical piece.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"118\" data-end=\"194\"\u003e\n\u003cp data-start=\"120\" data-end=\"194\"\u003e \u003cstrong data-start=\"123\" data-end=\"152\"\u003ePlayful Excavator Design:\u003c\/strong\u003e Adds fun and personality to any outfit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"195\" data-end=\"277\"\u003e\n\u003cp data-start=\"197\" data-end=\"277\"\u003e \u003cstrong data-start=\"200\" data-end=\"228\"\u003eFunctional Side Pockets:\u003c\/strong\u003e Perfect for storing small treasures on the go.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"278\" data-end=\"357\"\u003e\n\u003cp data-start=\"280\" data-end=\"357\"\u003e \u003cstrong data-start=\"283\" data-end=\"303\"\u003eComfortable Fit:\u003c\/strong\u003e Ideal for active kids who love to move and explore.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"358\" data-end=\"434\"\u003e\n\u003cp data-start=\"360\" data-end=\"434\"\u003e \u003cstrong data-start=\"363\" data-end=\"391\"\u003eVibrant \u0026amp; Durable Print:\u003c\/strong\u003e Keeps its charm through play and washes.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"435\" data-end=\"506\" data-is-last-node=\"\"\u003e\n\u003cp data-start=\"437\" data-end=\"506\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"440\" data-end=\"463\"\u003eEveryday Essential:\u003c\/strong\u003e Combines style, practicality, and comfort.\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\u003eGrey\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\u003eSpring, Autumn\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) \/ Grey","offer_id":67800457871509,"sku":"TR2311131129-A","price":34.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Grey","offer_id":67800457904277,"sku":"TR2311131129-B","price":34.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Grey","offer_id":67800457937045,"sku":"TR2311131129-C","price":34.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Grey","offer_id":67800457969813,"sku":"TR2311131129-D","price":34.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Grey","offer_id":67800458002581,"sku":"TR2311131129-E","price":34.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Grey","offer_id":67800458035349,"sku":"TR2311131129-F","price":34.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-43573434679448.jpg?v=1792230071"},{"product_id":"baby-kids-girls-cartoon-and-striped-pattern-casual-pants","title":"Girls' Cartoon \u0026 Stripe Pants","description":"\u003cp\u003eBlack pants with a mix of cartoon and stripe details, an easy everyday favorite.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: 90% cotton\u003c\/li\u003e\n\u003cli\u003eColor: black\u003c\/li\u003e\n\u003cli\u003eSizes: 2–3Y to 10–12Y\u003c\/li\u003e\n\u003cli\u003eSeason: spring, fall and winter\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":"100 (2-3Y) \/ Black","offer_id":67800465014933,"sku":"TR2509182322-A","price":25.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Black","offer_id":67800465047701,"sku":"TR2509182322-B","price":25.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Black","offer_id":67800465080469,"sku":"TR2509182322-C","price":25.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Black","offer_id":67800465113237,"sku":"TR2509182322-D","price":25.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Black","offer_id":67800465146005,"sku":"TR2509182322-E","price":25.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ Black","offer_id":67800465178773,"sku":"TR2509182322-F","price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-50652167045272.jpg?v=1792230123"},{"product_id":"baby-kids-girls-rainbows-pattern-casual-pants","title":"Girls' Rainbow-Print Pants","description":"\u003cp\u003eColorful purple pants with a happy rainbow print, made for school days and weekend play.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: 90% cotton\u003c\/li\u003e\n\u003cli\u003eColor: purple\u003c\/li\u003e\n\u003cli\u003eSizes: 2–3Y to 10–12Y\u003c\/li\u003e\n\u003cli\u003eSeason: spring, fall and winter\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":"100 (2-3Y) \/ Purple","offer_id":67800466292885,"sku":"TR2509182313-A","price":25.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Purple","offer_id":67800466325653,"sku":"TR2509182313-B","price":25.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Purple","offer_id":67800466358421,"sku":"TR2509182313-C","price":25.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Purple","offer_id":67800466391189,"sku":"TR2509182313-D","price":25.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Purple","offer_id":67800466423957,"sku":"TR2509182313-E","price":25.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ Purple","offer_id":67800466456725,"sku":"TR2509182313-F","price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-50651913715864.jpg?v=1792230134"},{"product_id":"baby-kids-girls-cartoon-pattern-cute-pants","title":"Girls' Cartoon-Print Pants","description":"\u003cp\u003eCozy pink pants with a cheerful cartoon print, easy to pair with any top.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: 90% cotton\u003c\/li\u003e\n\u003cli\u003eColor: pink\u003c\/li\u003e\n\u003cli\u003eSizes: 2–3Y to 10–12Y\u003c\/li\u003e\n\u003cli\u003eSeason: spring, fall and winter\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":"100 (2-3Y) \/ Pink","offer_id":67800548704405,"sku":"TR2509182320-A","price":25.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Pink","offer_id":67800548737173,"sku":"TR2509182320-B","price":25.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Pink","offer_id":67800548769941,"sku":"TR2509182320-C","price":25.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Pink","offer_id":67800548802709,"sku":"TR2509182320-D","price":25.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Pink","offer_id":67800548835477,"sku":"TR2509182320-E","price":25.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ Pink","offer_id":67800548868245,"sku":"TR2509182320-F","price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-50652113895576.jpg?v=1792230251"},{"product_id":"baby-kids-girls-hearts-pattern-casual-pants","title":"Girls' Heart-Print Pants","description":"\u003cp\u003eSoft pink pants with a sweet heart print, made for everyday play from fall through spring.\u003c\/p\u003e\n\u003ch3\u003eDetails\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eMaterial: 90% cotton\u003c\/li\u003e\n\u003cli\u003eColor: pink\u003c\/li\u003e\n\u003cli\u003eSizes: 2–3Y to 10–12Y\u003c\/li\u003e\n\u003cli\u003eSeason: spring, fall and winter\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":"100 (2-3Y) \/ Pink","offer_id":67800618270869,"sku":"TR2509182316-A","price":25.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Pink","offer_id":67800618303637,"sku":"TR2509182316-B","price":25.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Pink","offer_id":67800618336405,"sku":"TR2509182316-C","price":25.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Pink","offer_id":67800618369173,"sku":"TR2509182316-D","price":25.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Pink","offer_id":67800618401941,"sku":"TR2509182316-E","price":25.99,"currency_code":"USD","in_stock":true},{"title":"150 (10-12Y) \/ Pink","offer_id":67800618434709,"sku":"TR2509182316-F","price":25.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-50651990786200.jpg?v=1792230327"},{"product_id":"boys-cartoon-pattern-printing-crew-neck-casual-pullover","title":"Boys' Cartoon-Print Crew-Neck Pullover","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\u003eIntroducing our Boys Cartoon Pattern Printing Crew Neck Casual Pullover - a stylish and fun addition to any boy's wardrobe. Made from high-quality materials and featuring a cute cartoon pattern, this pullover is perfect for casual occasions and provides both comfort and style.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"113\" data-end=\"178\"\u003e\n\u003cp data-start=\"115\" data-end=\"178\"\u003e \u003cstrong data-start=\"118\" data-end=\"140\"\u003eFun Cartoon Print:\u003c\/strong\u003e Adds a playful touch to any outfit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"179\" data-end=\"233\"\u003e\n\u003cp data-start=\"181\" data-end=\"233\"\u003e \u003cstrong data-start=\"184\" data-end=\"205\"\u003eCrew Neck Design:\u003c\/strong\u003e Classic and easy to wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"234\" data-end=\"300\"\u003e\n\u003cp data-start=\"236\" data-end=\"300\"\u003e \u003cstrong data-start=\"239\" data-end=\"266\"\u003eHigh-Quality Materials:\u003c\/strong\u003e Soft, durable, and comfortable.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"301\" data-end=\"378\"\u003e\n\u003cp data-start=\"303\" data-end=\"378\"\u003e \u003cstrong data-start=\"306\" data-end=\"334\"\u003ePerfect for Casual Days:\u003c\/strong\u003e Great for school, playdates, or lounging.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"379\" data-end=\"455\" data-is-last-node=\"\"\u003e\n\u003cp data-start=\"381\" data-end=\"455\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"384\" data-end=\"408\"\u003eStylish \u0026amp; Versatile:\u003c\/strong\u003e A must-have piece for trendy little wardrobes.\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, Navy Blue (Dark Blue), Blue, Light Blue, Green, Light Green, 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 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_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\u003eAnimal, Letters, Cartoon\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\u003eSpring, Autumn\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) \/ Beige","offer_id":67800831131797,"sku":"TR2311141042-A","price":30.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Black","offer_id":67800831164565,"sku":"TR2311141042-B","price":30.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Blue","offer_id":67800831197333,"sku":"TR2311141042-C","price":30.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Green","offer_id":67800831230101,"sku":"TR2311141042-D","price":30.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Light Blue","offer_id":67800831262869,"sku":"TR2311141042-E","price":30.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ Light Green","offer_id":67800831295637,"sku":"TR2311141042-F","price":30.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Navy Blue (Dark Blue)","offer_id":67800831328405,"sku":"TR2311141042-G","price":30.99,"currency_code":"USD","in_stock":false},{"title":"90 (12-24M) \/ Red","offer_id":67800831361173,"sku":"TR2311141042-H","price":30.99,"currency_code":"USD","in_stock":true},{"title":"90 (12-24M) \/ White","offer_id":67800831393941,"sku":"TR2311141042-I","price":30.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Beige","offer_id":67800831426709,"sku":"TR2311141042-J","price":30.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Black","offer_id":67800831459477,"sku":"TR2311141042-K","price":30.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Blue","offer_id":67800831492245,"sku":"TR2311141042-L","price":30.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Green","offer_id":67800831525013,"sku":"TR2311141042-M","price":30.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Light Blue","offer_id":67800831557781,"sku":"TR2311141042-N","price":30.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Light Green","offer_id":67800831590549,"sku":"TR2311141042-O","price":30.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Navy Blue (Dark Blue)","offer_id":67800831623317,"sku":"TR2311141042-P","price":30.99,"currency_code":"USD","in_stock":false},{"title":"100 (2-3Y) \/ Red","offer_id":67800831656085,"sku":"TR2311141042-Q","price":30.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ White","offer_id":67800831688853,"sku":"TR2311141042-R","price":30.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Beige","offer_id":67800831721621,"sku":"TR2311141042-S","price":30.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Black","offer_id":67800831754389,"sku":"TR2311141042-T","price":30.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Blue","offer_id":67800831787157,"sku":"TR2311141042-U","price":30.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Green","offer_id":67800831819925,"sku":"TR2311141042-V","price":30.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Light Blue","offer_id":67800831852693,"sku":"TR2311141042-W","price":30.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Light Green","offer_id":67800831885461,"sku":"TR2311141042-X","price":30.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Navy Blue (Dark Blue)","offer_id":67800831918229,"sku":"TR2311141042-Y","price":30.99,"currency_code":"USD","in_stock":false},{"title":"110 (3-5Y) \/ Red","offer_id":67800831950997,"sku":"TR2311141042-Z","price":30.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ White","offer_id":67800831983765,"sku":"TR2311141042-AA","price":30.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Beige","offer_id":67800832016533,"sku":"TR2311141042-AB","price":30.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Black","offer_id":67800832049301,"sku":"TR2311141042-AC","price":30.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Blue","offer_id":67800832082069,"sku":"TR2311141042-AD","price":30.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Green","offer_id":67800832114837,"sku":"TR2311141042-AE","price":30.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Light Blue","offer_id":67800832147605,"sku":"TR2311141042-AF","price":30.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Light Green","offer_id":67800832180373,"sku":"TR2311141042-AG","price":30.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Navy Blue (Dark Blue)","offer_id":67800832213141,"sku":"TR2311141042-AH","price":30.99,"currency_code":"USD","in_stock":false},{"title":"120 (5-7Y) \/ Red","offer_id":67800832245909,"sku":"TR2311141042-AI","price":30.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ White","offer_id":67800832278677,"sku":"TR2311141042-AJ","price":30.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Beige","offer_id":67800832311445,"sku":"TR2311141042-AK","price":30.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Black","offer_id":67800832344213,"sku":"TR2311141042-AL","price":30.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Blue","offer_id":67800832376981,"sku":"TR2311141042-AM","price":30.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Green","offer_id":67800832409749,"sku":"TR2311141042-AN","price":30.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Light Blue","offer_id":67800832442517,"sku":"TR2311141042-AO","price":30.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Light Green","offer_id":67800832475285,"sku":"TR2311141042-AP","price":30.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Navy Blue (Dark Blue)","offer_id":67800832508053,"sku":"TR2311141042-AQ","price":30.99,"currency_code":"USD","in_stock":false},{"title":"130 (7-8Y) \/ Red","offer_id":67800832540821,"sku":"TR2311141042-AR","price":30.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ White","offer_id":67800832573589,"sku":"TR2311141042-AS","price":30.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Beige","offer_id":67800832606357,"sku":"TR2311141042-AT","price":30.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Black","offer_id":67800832639125,"sku":"TR2311141042-AU","price":30.99,"currency_code":"USD","in_stock":false},{"title":"140 (8-10Y) \/ Blue","offer_id":67800832671893,"sku":"TR2311141042-AV","price":30.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Green","offer_id":67800832704661,"sku":"TR2311141042-AW","price":30.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Light Blue","offer_id":67800832737429,"sku":"TR2311141042-AX","price":30.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-43575278665880.jpg?v=1792230513"},{"product_id":"baby-boys-automobile-cars-cartoon-crew-neck-long-sleeve-grey-pullover","title":"MyKids-USA® Baby Boys Automobile Cars Cartoon Crew Neck Long Sleeve Grey Pullover","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 one warm and stylish with our Baby Boys Automobile Cars Cartoon Crew Neck Long Sleeve Grey Pullover. The soft and cozy fabric will keep them comfortable all day, while the fun cartoon car design adds a playful touch. Perfect for everyday wear or special occasions. \u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli data-start=\"145\" data-end=\"240\"\u003e\n\u003cp data-start=\"147\" data-end=\"240\"\u003e \u003cstrong data-start=\"150\" data-end=\"177\"\u003eFun Cartoon Car Design:\u003c\/strong\u003e Adds a playful, adventurous touch to your baby boy’s outfit.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"241\" data-end=\"333\"\u003e\n\u003cp data-start=\"243\" data-end=\"333\"\u003e \u003cstrong data-start=\"247\" data-end=\"269\"\u003eCozy Long Sleeves:\u003c\/strong\u003e Ideal for cooler days, keeping your little one warm and snug.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"334\" data-end=\"411\"\u003e\n\u003cp data-start=\"336\" data-end=\"411\"\u003e \u003cstrong data-start=\"339\" data-end=\"361\"\u003eClassic Crew Neck:\u003c\/strong\u003e Easy to slip on and off for fuss-free dressing.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"412\" data-end=\"500\"\u003e\n\u003cp data-start=\"414\" data-end=\"500\"\u003e \u003cstrong data-start=\"417\" data-end=\"447\"\u003eSoft \u0026amp; Comfortable Fabric:\u003c\/strong\u003e Gentle on delicate skin, perfect for all-day wear.\u003c\/p\u003e\n\u003c\/li\u003e\n\u003cli data-start=\"501\" data-end=\"576\" data-is-last-node=\"\"\u003e\n\u003cp data-start=\"503\" data-end=\"576\" data-is-last-node=\"\"\u003e \u003cstrong data-start=\"506\" data-end=\"526\"\u003eVersatile Style:\u003c\/strong\u003e Great for everyday adventures or special outings.\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\u003eGrey\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_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 Blend\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\u003eSpring, Autumn\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) \/ Grey","offer_id":67800881528981,"sku":"TR2311101531-A","price":37.99,"currency_code":"USD","in_stock":true},{"title":"100 (2-3Y) \/ Grey","offer_id":67800881561749,"sku":"TR2311101531-B","price":37.99,"currency_code":"USD","in_stock":true},{"title":"110 (3-5Y) \/ Grey","offer_id":67800881594517,"sku":"TR2311101531-C","price":37.99,"currency_code":"USD","in_stock":true},{"title":"120 (5-7Y) \/ Grey","offer_id":67800881627285,"sku":"TR2311101531-D","price":37.99,"currency_code":"USD","in_stock":true},{"title":"130 (7-8Y) \/ Grey","offer_id":67800881660053,"sku":"TR2311101531-E","price":37.99,"currency_code":"USD","in_stock":true},{"title":"140 (8-10Y) \/ Grey","offer_id":67800881692821,"sku":"TR2311101531-F","price":37.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-43551698976920.jpg?v=1792230558"}],"url":"https:\/\/bestofzone.com\/collections\/shop-by-age-kids.oembed?page=2","provider":"Best of Zone","version":"1.0","type":"link"}