{"product_id":"kidzivo-learning-phone","title":"Kidzivo learning Phone","description":"\u003csection class=\"baf-wrap\"\u003e\n\n  \u003cdiv class=\"baf-header\"\u003e\n    \u003ch2\u003eSame Curiosity.\u003cbr\u003e\u003cspan\u003eA Better Choice.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp\u003eLet them explore, learn and grow the right way!\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"baf-slider\" id=\"bafSlider\"\u003e\n\n    \u003c!-- AFTER --\u003e\n    \u003cdiv class=\"baf-layer baf-after\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0795\/3452\/2539\/files\/ChatGPT_Image_Sep_17_2026_01_39_33_PM.png?v=1789632582\" alt=\"Child happily playing with the Kidzivo Edu Phone\" draggable=\"false\"\u003e\n\n      \u003cspan class=\"baf-badge baf-badge-after\"\u003e\n        After\n        \u003csmall\u003eKidzivo Edu Phone\u003c\/small\u003e\n      \u003c\/span\u003e\n\n      \u003cul class=\"baf-list baf-list-good\"\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-good\"\u003e✓\u003c\/span\u003e Made for Little Hands\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-good\"\u003e✓\u003c\/span\u003e Engaging Learning Content\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-good\"\u003e✓\u003c\/span\u003e Builds Early Skills\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-good\"\u003e✓\u003c\/span\u003e No Ads or Internet Access\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-good\"\u003e✓\u003c\/span\u003e Keeps Them Happily Busy\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- BEFORE --\u003e\n    \u003cdiv class=\"baf-layer baf-before\" id=\"bafBefore\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0795\/3452\/2539\/files\/ChatGPT_Image_Sep_17_2026_01_35_54_PM.png?v=1789632366\" alt=\"Child using a regular smartphone\" draggable=\"false\"\u003e\n\n      \u003cspan class=\"baf-badge baf-badge-before\"\u003e\n        Before\n        \u003csmall\u003eReal Smartphone\u003c\/small\u003e\n      \u003c\/span\u003e\n\n      \u003cul class=\"baf-list baf-list-bad\"\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-bad\"\u003e✕\u003c\/span\u003e Exposure to unwanted content\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-bad\"\u003e✕\u003c\/span\u003e Can cause screen addiction\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-bad\"\u003e✕\u003c\/span\u003e Strains eyes\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-bad\"\u003e✕\u003c\/span\u003e Distracts from real-world play\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"baf-ic baf-ic-bad\"\u003e✕\u003c\/span\u003e No learning value\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n\n    \u003c!-- DRAG HANDLE --\u003e\n    \u003cdiv class=\"baf-handle\" id=\"bafHandle\"\u003e\n      \u003cspan class=\"baf-handle-btn\"\u003e‹›\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003cp class=\"baf-hint\"\u003e↔ Slide to see the difference\u003c\/p\u003e\n\n\u003c\/section\u003e\n\n\n\u003cstyle\u003e\n\n.baf-wrap {\n  width: 100%;\n  padding: 45px 16px;\n  background: #FFF9F0;\n  box-sizing: border-box;\n}\n\n.baf-header {\n  text-align: center;\n  margin: 0 auto 25px;\n}\n\n.baf-header h2 {\n  margin: 0;\n  color: #24312B;\n  font-size: clamp(30px, 4vw, 48px);\n  line-height: 1.08;\n  font-weight: 800;\n  letter-spacing: -1px;\n}\n\n.baf-header h2 span {\n  color: #234F3D;\n}\n\n.baf-header p {\n  margin: 12px 0 0;\n  color: #5F7469;\n  font-size: 16px;\n  font-weight: 500;\n}\n\n.baf-slider {\n  position: relative;\n  width: 100%;\n  max-width: 780px;\n  aspect-ratio: 4 \/ 3;\n  margin: 0 auto;\n  overflow: hidden;\n  border-radius: 20px;\n  box-shadow: 0 12px 35px rgba(35, 79, 61, 0.15);\n  cursor: ew-resize;\n  user-select: none;\n  -webkit-user-select: none;\n  touch-action: pan-y;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.baf-layer {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.baf-layer img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  object-position: center;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n\n.baf-after {\n  z-index: 1;\n}\n\n.baf-before {\n  z-index: 2;\n  clip-path: inset(0 50% 0 0);\n  will-change: clip-path;\n}\n\n.baf-badge {\n  position: absolute;\n  top: 16px;\n  z-index: 3;\n  display: flex;\n  flex-direction: column;\n  padding: 8px 14px;\n  border-radius: 12px;\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.1;\n  box-shadow: 0 4px 15px rgba(0,0,0,.12);\n  pointer-events: none;\n}\n\n.baf-badge small {\n  margin-top: 3px;\n  font-size: 9px;\n  font-weight: 600;\n  opacity: .85;\n}\n\n.baf-badge-after {\n  right: 16px;\n  color: #FFFFFF;\n  background: #234F3D;\n}\n\n.baf-badge-before {\n  left: 16px;\n  color: #FFFFFF;\n  background: rgba(30, 35, 32, .88);\n  backdrop-filter: blur(5px);\n}\n\n.baf-list {\n  position: absolute;\n  bottom: 14px;\n  width: 62%;\n  margin: 0;\n  padding: 13px 14px;\n  list-style: none;\n  box-sizing: border-box;\n  border-radius: 14px;\n  font-size: 12px;\n  line-height: 1.25;\n  pointer-events: none;\n  backdrop-filter: blur(7px);\n  box-shadow: 0 5px 20px rgba(0,0,0,.10);\n}\n\n.baf-list li {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  margin: 5px 0;\n  font-weight: 600;\n}\n\n.baf-list-good {\n  right: 14px;\n  color: #234F3D;\n  background: rgba(255, 249, 240, .92);\n}\n\n.baf-list-bad {\n  left: 14px;\n  color: #FFFFFF;\n  background: rgba(25, 29, 27, .72);\n}\n\n.baf-ic {\n  width: 18px;\n  height: 18px;\n  min-width: 18px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 900;\n}\n\n.baf-ic-good {\n  background: #234F3D;\n  color: #FFFFFF;\n}\n\n.baf-ic-bad {\n  background: #F47C6C;\n  color: #FFFFFF;\n}\n\n.baf-handle {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  width: 3px;\n  z-index: 5;\n  background: #FFFFFF;\n  transform: translateX(-50%);\n  pointer-events: none;\n  will-change: left;\n  box-shadow: 0 0 8px rgba(0,0,0,.15);\n}\n\n.baf-handle-btn {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 42px;\n  height: 42px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n  background: #FFFFFF;\n  color: #234F3D;\n  font-size: 25px;\n  font-weight: 800;\n  letter-spacing: -4px;\n  padding-right: 4px;\n  box-shadow: 0 4px 16px rgba(0,0,0,.22);\n  pointer-events: none;\n}\n\n.baf-hint {\n  margin: 14px 0 0;\n  text-align: center;\n  color: #5F7469;\n  font-size: 13px;\n  font-weight: 600;\n}\n\n.baf-slider.baf-dragging {\n  cursor: grabbing;\n}\n\n.baf-slider.baf-dragging .baf-handle-btn {\n  transform: translate(-50%, -50%) scale(1.06);\n}\n\n@media (max-width: 749px) {\n\n  .baf-wrap {\n    padding: 32px 12px;\n  }\n\n  .baf-header {\n    margin-bottom: 18px;\n  }\n\n  .baf-header h2 {\n    font-size: 30px;\n  }\n\n  .baf-header p {\n    font-size: 14px;\n    max-width: 320px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .baf-slider {\n    aspect-ratio: 4 \/ 3;\n    border-radius: 16px;\n  }\n\n  .baf-badge {\n    top: 10px;\n    padding: 7px 10px;\n    font-size: 12px;\n    border-radius: 9px;\n  }\n\n  .baf-badge small {\n    font-size: 8px;\n  }\n\n  .baf-badge-before {\n    left: 10px;\n  }\n\n  .baf-badge-after {\n    right: 10px;\n  }\n\n  .baf-list {\n    bottom: 10px;\n    width: 62%;\n    padding: 9px 10px;\n    font-size: 9px;\n    border-radius: 10px;\n  }\n\n  .baf-list li {\n    gap: 5px;\n    margin: 4px 0;\n  }\n\n  .baf-list-good {\n    right: 10px;\n  }\n\n  .baf-list-bad {\n    left: 10px;\n  }\n\n  .baf-ic {\n    width: 15px;\n    height: 15px;\n    min-width: 15px;\n    font-size: 9px;\n  }\n\n  .baf-handle-btn {\n    width: 40px;\n    height: 40px;\n    font-size: 22px;\n  }\n\n  .baf-hint {\n    font-size: 12px;\n    margin-top: 11px;\n  }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003cscript\u003e\n\n(function () {\n\n  var slider = document.getElementById(\"bafSlider\");\n  var before = document.getElementById(\"bafBefore\");\n  var handle = document.getElementById(\"bafHandle\");\n\n  if (!slider || !before || !handle) return;\n\n  var dragging = false;\n  var startX = 0;\n  var startY = 0;\n  var locked = false;\n\n  function getPercentage(clientX) {\n    var rect = slider.getBoundingClientRect();\n    var percentage = ((clientX - rect.left) \/ rect.width) * 100;\n    return Math.max(0, Math.min(100, percentage));\n  }\n\n  function moveSlider(clientX) {\n    var percentage = getPercentage(clientX);\n    before.style.clipPath = \"inset(0 \" + (100 - percentage) + \"% 0 0)\";\n    handle.style.left = percentage + \"%\";\n  }\n\n  function startDrag(event) {\n    dragging = true;\n    locked = false;\n    startX = event.clientX;\n    startY = event.clientY;\n    slider.classList.add(\"baf-dragging\");\n    moveSlider(event.clientX);\n  }\n\n  function drag(event) {\n    if (!dragging) return;\n    moveSlider(event.clientX);\n  }\n\n  function stopDrag() {\n    dragging = false;\n    slider.classList.remove(\"baf-dragging\");\n  }\n\n  \/* pan-y lets the page scroll vertically; horizontal drags move the slider *\/\n  slider.addEventListener(\"pointerdown\", startDrag);\n  slider.addEventListener(\"pointermove\", drag);\n  slider.addEventListener(\"pointerup\", stopDrag);\n  slider.addEventListener(\"pointercancel\", stopDrag);\n  slider.addEventListener(\"pointerleave\", stopDrag);\n\n  before.style.clipPath = \"inset(0 50% 0 0)\";\n  handle.style.left = \"50%\";\n\n})();\n\n\u003c\/script\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0795\/3452\/2539\/files\/ChatGPT_Image_Sep_17_2026_02_48_26_PM.png?v=1789636750\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Kidzivo","offers":[{"title":"Default Title","offer_id":47860932018347,"sku":null,"price":1199.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0795\/3452\/2539\/files\/ChatGPTImageSep16_2026_01_26_58PM.png?v=1789545452","url":"https:\/\/kidzivo.com\/products\/kidzivo-learning-phone","provider":"My Store","version":"1.0","type":"link"}