{"title":"Baby \u0026 Kids' Socks","description":"\u003cp\u003eFun, colorful socks for kids. Pack size and sizes are shown on each product page.\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-kids-unisex-color-patchwork-comfortable-ruffle-fringe-crew-socks","title":"Baby \u0026 Kids' Color-Block Ruffle Crew Socks","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 little one to ultimate comfort with our Baby Kids Unisex Color Patchwork Socks. The combination of colorful patches and playful ruffle fringe makes these socks both stylish and comfortable. Perfect for keeping tiny feet warm and cozy, these socks will quickly become a favorite for both parents and kids!\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003e  \u003cstrong data-start=\"497\" data-end=\"526\"\u003eColorful Patchwork Design\u003c\/strong\u003e – Bright, fun colors that add personality to any outfit.\u003cbr data-start=\"583\" data-end=\"586\"\u003e\n\u003c\/li\u003e\n\u003cli\u003e  \u003cstrong data-start=\"591\" data-end=\"616\"\u003ePlayful Ruffle Fringe\u003c\/strong\u003e – A cute finishing touch for a trendy look.\u003cbr data-start=\"660\" data-end=\"663\"\u003e\n\u003c\/li\u003e\n\u003cli\u003e  \u003cstrong data-start=\"668\" data-end=\"696\"\u003eSoft \u0026amp; Breathable Fabric\u003c\/strong\u003e – Keeps little feet comfy, dry, and irritation-free.\u003cbr data-start=\"749\" data-end=\"752\"\u003e\n\u003c\/li\u003e\n\u003cli\u003e  \u003cstrong data-start=\"757\" data-end=\"771\"\u003eUnisex Fit\u003c\/strong\u003e – Perfect for both baby boys and girls.\u003cbr data-start=\"811\" data-end=\"814\"\u003e\n\u003c\/li\u003e\n\u003cli\u003e  \u003cstrong data-start=\"819\" data-end=\"834\"\u003eWarm \u0026amp; Cozy\u003c\/strong\u003e – Ideal for everyday wear, playtime, or lounging at home.\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, Light Green, Yellow, Grey, Coffee\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\u003eUnisex\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, Spandex, Nylon (Chinlon)\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\u003ePatchwork\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\u003eXS (0-6M), S (6-12M), M (1-3Y)\u003c\/p\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e","brand":"MyKids-USA","offers":[{"title":"XS (0-6M) \/ Coffee","offer_id":68104677884053,"sku":"TR2311231349-A","price":8.99,"currency_code":"USD","in_stock":false},{"title":"XS (0-6M) \/ Grey","offer_id":68104677916821,"sku":"TR2311231349-B","price":8.99,"currency_code":"USD","in_stock":false},{"title":"XS (0-6M) \/ Light Green","offer_id":68104677949589,"sku":"TR2311231349-C","price":8.99,"currency_code":"USD","in_stock":false},{"title":"XS (0-6M) \/ Pink","offer_id":68104677982357,"sku":"TR2311231349-D","price":8.99,"currency_code":"USD","in_stock":false},{"title":"XS (0-6M) \/ Red","offer_id":68104678015125,"sku":"TR2311231349-E","price":8.99,"currency_code":"USD","in_stock":false},{"title":"XS (0-6M) \/ Yellow","offer_id":68104678047893,"sku":"TR2311231349-F","price":8.99,"currency_code":"USD","in_stock":false},{"title":"S (6-12M) \/ Coffee","offer_id":68104678080661,"sku":"TR2311231349-G","price":8.99,"currency_code":"USD","in_stock":true},{"title":"S (6-12M) \/ Grey","offer_id":68104678113429,"sku":"TR2311231349-H","price":8.99,"currency_code":"USD","in_stock":false},{"title":"S (6-12M) \/ Light Green","offer_id":68104678146197,"sku":"TR2311231349-I","price":8.99,"currency_code":"USD","in_stock":false},{"title":"S (6-12M) \/ Pink","offer_id":68104678178965,"sku":"TR2311231349-J","price":8.99,"currency_code":"USD","in_stock":true},{"title":"S (6-12M) \/ Red","offer_id":68104678211733,"sku":"TR2311231349-K","price":8.99,"currency_code":"USD","in_stock":false},{"title":"S (6-12M) \/ Yellow","offer_id":68104678244501,"sku":"TR2311231349-L","price":8.99,"currency_code":"USD","in_stock":false},{"title":"M (1-3Y) \/ Coffee","offer_id":68104678277269,"sku":"TR2311231349-M","price":8.99,"currency_code":"USD","in_stock":false},{"title":"M (1-3Y) \/ Grey","offer_id":68104678310037,"sku":"TR2311231349-N","price":8.99,"currency_code":"USD","in_stock":false},{"title":"M (1-3Y) \/ Light Green","offer_id":68104678342805,"sku":"TR2311231349-O","price":8.99,"currency_code":"USD","in_stock":false},{"title":"M (1-3Y) \/ Pink","offer_id":68104678375573,"sku":"TR2311231349-P","price":8.99,"currency_code":"USD","in_stock":false},{"title":"M (1-3Y) \/ Red","offer_id":68104678408341,"sku":"TR2311231349-Q","price":8.99,"currency_code":"USD","in_stock":false},{"title":"M (1-3Y) \/ Yellow","offer_id":68104678441109,"sku":"TR2311231349-R","price":8.99,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/5212\/3797\/files\/sq1000-43614685102232.jpg?v=1792121166"}],"url":"https:\/\/bestofzone.com\/collections\/baby-kids-socks.oembed","provider":"Best of Zone","version":"1.0","type":"link"}