{"product_id":"magnetic-fraction-learning-book-for-kids-hands-on-math-manipulatives-with-fraction-bars-circles-ages-6","title":"Livre d’apprentissage magnétique des fractions pour enfants – Manipulatifs de mathématiques pratiques avec barres et cercles de fractions, dès 6 ans","description":"\u003cstyle\u003e\n\/* ======================================================\n   MAGNETIC FRACTION LEARNING BOOK\n   PREMIUM 16-MODULE SHOPIFY PRODUCT PAGE\n\n   DEEP TEAL \/ MINT \/ IVORY \/ CORAL \/ LAVENDER\n   STATIC SINGLE-COLOR HEADINGS\n   RESPONSIVE • NO JS • NO IMAGE PLACEHOLDERS\n====================================================== *\/\n\n#magfraction-page{\n  --mf-teal:#147f7a;\n  --mf-dark:#214452;\n  --mf-deep:#193947;\n  --mf-mint:#e9f6f1;\n  --mf-aqua:#e7f5f7;\n  --mf-cream:#fffaf2;\n  --mf-paper:#fffefa;\n  --mf-peach:#fff0e9;\n  --mf-lavender:#f2eff9;\n  --mf-yellow:#ffcf68;\n  --mf-coral:#ed817c;\n  --mf-blue:#65b6df;\n  --mf-purple:#9a83d4;\n  --mf-green:#89be80;\n  --mf-ink:#344a53;\n  --mf-muted:#697b82;\n  --mf-line:rgba(54,111,116,.14);\n  --mf-shadow:0 16px 43px rgba(43,85,91,.065);\n\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:8px 12px 29px;\n  box-sizing:border-box;\n  position:relative;\n  isolation:isolate;\n  color:var(--mf-ink);\n  font-family:-apple-system,BlinkMacSystemFont,\n    \"Segoe UI\",Arial,Helvetica,sans-serif;\n  line-height:1.77;\n  container-type:inline-size;\n  container-name:mfbook;\n}\n\n#magfraction-page *,\n#magfraction-page *::before,\n#magfraction-page *::after{\n  box-sizing:border-box;\n  overflow-wrap:break-word;\n}\n\n#magfraction-page h1,\n#magfraction-page h2,\n#magfraction-page h3,\n#magfraction-page p{\n  margin:0;\n}\n\n#magfraction-page .mf-shell{\n  position:relative;\n  overflow:hidden;\n  border:1px solid var(--mf-line);\n  border-radius:24px;\n  background:var(--mf-paper);\n  box-shadow:var(--mf-shadow);\n}\n\n\/* ======================================================\n   BACKGROUND SYSTEM\n====================================================== *\/\n\n#magfraction-page .mf-section{\n  position:relative;\n  padding:48px 38px;\n  margin:0;\n  border-top:1px solid var(--mf-line);\n  background:#fffefa;\n}\n\n#magfraction-page .mf-section:first-child{\n  border-top:0;\n}\n\n#magfraction-page .mf-ivory{\n  background:\n    radial-gradient(circle at 95% 7%,\n      rgba(118,198,189,.09),transparent 32%),\n    #fffdfa;\n}\n\n#magfraction-page .mf-mint{\n  background:\n    radial-gradient(circle at 5% 90%,\n      rgba(88,182,173,.09),transparent 33%),\n    #edf7f2;\n}\n\n#magfraction-page .mf-aqua{\n  background:\n    radial-gradient(circle at 92% 8%,\n      rgba(104,183,215,.10),transparent 34%),\n    #eef8fa;\n}\n\n#magfraction-page .mf-peach{\n  background:\n    radial-gradient(circle at 5% 85%,\n      rgba(235,155,117,.09),transparent 35%),\n    #fff3eb;\n}\n\n#magfraction-page .mf-lavender{\n  background:\n    radial-gradient(circle at 92% 8%,\n      rgba(153,127,202,.10),transparent 35%),\n    #f5f1fb;\n}\n\n#magfraction-page .mf-cream{\n  background:\n    radial-gradient(circle at 95% 6%,\n      rgba(238,188,95,.10),transparent 35%),\n    #fff9ee;\n}\n\n#magfraction-page .mf-dark{\n  background:\n    radial-gradient(circle at 95% 5%,\n      rgba(104,207,194,.17),transparent 43%),\n    #204955;\n  border-top-color:rgba(232,246,240,.15);\n}\n\n\/* ======================================================\n   TYPOGRAPHY - NO ANIMATED TITLES\n====================================================== *\/\n\n#magfraction-page .mf-hero h1,\n#magfraction-page .mf-title,\n#magfraction-page .mf-final h2{\n  background:none!important;\n  background-image:none!important;\n  color:var(--mf-deep)!important;\n  -webkit-text-fill-color:currentColor!important;\n  animation:none!important;\n  text-shadow:none!important;\n}\n\n#magfraction-page .mf-center{\n  text-align:center;\n}\n\n#magfraction-page .mf-kicker{\n  display:block;\n  margin-bottom:11px;\n  color:#12847c;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:1.6px;\n  line-height:1.55;\n  text-align:center;\n  text-transform:uppercase;\n}\n\n#magfraction-page .mf-title{\n  max-width:875px;\n  margin:0 auto 16px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:34px;\n  font-weight:700;\n  line-height:1.21;\n  letter-spacing:-.55px;\n  text-align:center;\n}\n\n#magfraction-page .mf-copy{\n  max-width:800px;\n  margin:0 auto;\n  color:var(--mf-muted);\n  font-size:15px;\n  line-height:1.83;\n  text-align:center;\n}\n\n#magfraction-page .mf-dark .mf-title{\n  color:#f5fffc!important;\n  -webkit-text-fill-color:#f5fffc!important;\n}\n\n#magfraction-page .mf-dark .mf-copy{\n  color:#d7e9e9;\n}\n\n#magfraction-page .mf-dark .mf-kicker{\n  color:#9de9d9;\n}\n\n\/* ======================================================\n   HERO\n====================================================== *\/\n\n#magfraction-page .mf-hero{\n  padding:67px 39px 57px;\n  text-align:center;\n  background:\n    radial-gradient(circle at 50% 0%,\n      rgba(107,212,190,.20),transparent 53%),\n    radial-gradient(circle at 0% 96%,\n      rgba(238,189,130,.12),transparent 38%),\n    #fffcf6;\n}\n\n#magfraction-page .mf-hero h1{\n  max-width:900px;\n  margin:0 auto 20px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:44px;\n  font-weight:700;\n  line-height:1.15;\n  letter-spacing:-.85px;\n}\n\n#magfraction-page .mf-hero p{\n  max-width:790px;\n  margin:0 auto 24px;\n  color:#687981;\n  font-size:16px;\n  line-height:1.83;\n}\n\n#magfraction-page .mf-pills{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:8px;\n}\n\n#magfraction-page .mf-pill{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:9px 13px;\n  border:1px solid rgba(52,135,124,.17);\n  border-radius:999px;\n  background:rgba(255,255,255,.91);\n  color:#387b76;\n  font-size:12px;\n  font-weight:740;\n  line-height:1.45;\n}\n\n#magfraction-page .mf-statbar{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  max-width:800px;\n  margin:28px auto 0;\n  overflow:hidden;\n  border:1px solid var(--mf-line);\n  border-radius:17px;\n  background:rgba(255,255,255,.92);\n}\n\n#magfraction-page .mf-stat{\n  min-width:0;\n  padding:17px 9px;\n  text-align:center;\n  border-right:1px solid var(--mf-line);\n}\n\n#magfraction-page .mf-stat:last-child{\n  border-right:0;\n}\n\n#magfraction-page .mf-stat strong{\n  display:block;\n  color:#16867d;\n  font-size:23px;\n  font-weight:850;\n  line-height:1.22;\n}\n\n#magfraction-page .mf-stat span{\n  display:block;\n  margin-top:5px;\n  color:#77868a;\n  font-size:12px;\n  line-height:1.55;\n}\n\n\/* ======================================================\n   GRID\n====================================================== *\/\n\n#magfraction-page .mf-grid2,\n#magfraction-page .mf-grid3,\n#magfraction-page .mf-grid4{\n  display:grid;\n  gap:13px;\n  margin-top:25px;\n}\n\n#magfraction-page .mf-grid2{\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n\n#magfraction-page .mf-grid3{\n  grid-template-columns:repeat(3,minmax(0,1fr));\n}\n\n#magfraction-page .mf-grid4{\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n\n\/* ======================================================\n   FEATURE CARDS\n====================================================== *\/\n\n#magfraction-page .mf-card{\n  min-width:0;\n  padding:23px 16px;\n  border:1px solid var(--mf-line);\n  border-radius:17px;\n  background:rgba(255,255,255,.91);\n  box-shadow:0 6px 18px rgba(45,93,94,.035);\n  text-align:center;\n}\n\n#magfraction-page .mf-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:46px;\n  height:46px;\n  margin:0 auto 12px;\n  border:1px solid rgba(63,166,150,.15);\n  border-radius:50%;\n  background:#e8f5f0;\n  color:#188d7f;\n  font-size:21px;\n  font-weight:850;\n}\n\n#magfraction-page .mf-card h3{\n  margin:0 0 8px;\n  color:#315767;\n  font-size:15px;\n  font-weight:760;\n  line-height:1.45;\n}\n\n#magfraction-page .mf-card p{\n  margin:0;\n  color:#718087;\n  font-size:14px;\n  line-height:1.76;\n}\n\n#magfraction-page .mf-quote{\n  max-width:840px;\n  margin:25px auto 0;\n  padding:26px 22px;\n  border:1px solid rgba(72,166,151,.18);\n  border-radius:18px;\n  background:linear-gradient(\n    125deg,#e9f7f0,#fff9ed,#eef5fa\n  );\n  text-align:center;\n}\n\n#magfraction-page .mf-quote strong{\n  display:block;\n  margin-bottom:8px;\n  color:#31586a;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:21px;\n  line-height:1.45;\n}\n\n#magfraction-page .mf-quote p{\n  color:#708187;\n  font-size:13px;\n}\n\n\/* ======================================================\n   DARK SPOTLIGHT\n====================================================== *\/\n\n#magfraction-page .mf-spotlight{\n  max-width:820px;\n  margin:26px auto 0;\n  padding:29px 22px;\n  border:1px solid rgba(188,242,228,.21);\n  border-radius:19px;\n  background:rgba(255,255,255,.065);\n  text-align:center;\n}\n\n#magfraction-page .mf-spotlight small{\n  display:block;\n  margin-bottom:10px;\n  color:#a1ebdc;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:1.5px;\n}\n\n#magfraction-page .mf-spotlight strong{\n  display:block;\n  max-width:710px;\n  margin:0 auto 12px;\n  color:#fffefa;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:28px;\n  line-height:1.28;\n}\n\n#magfraction-page .mf-spotlight p{\n  max-width:670px;\n  margin:0 auto;\n  color:#dceae9;\n  font-size:14px;\n  line-height:1.78;\n}\n\n#magfraction-page .mf-dark .mf-card{\n  border-color:rgba(224,244,239,.2);\n  background:rgba(255,255,255,.08);\n  box-shadow:none;\n}\n\n#magfraction-page .mf-dark .mf-card h3{\n  color:#f4fffc;\n}\n\n#magfraction-page .mf-dark .mf-card p{\n  color:#d4e7e6;\n}\n\n#magfraction-page .mf-dark .mf-icon{\n  background:rgba(131,226,208,.13);\n  color:#adeade;\n  border-color:rgba(166,239,223,.2);\n}\n\n\/* ======================================================\n   VISUAL FRACTION COMPARISON\n====================================================== *\/\n\n#magfraction-page .mf-demo{\n  max-width:835px;\n  margin:26px auto 0;\n  padding:26px 24px;\n  border:1px solid var(--mf-line);\n  border-radius:19px;\n  background:#fff;\n  box-shadow:0 8px 23px rgba(45,85,90,.04);\n}\n\n#magfraction-page .mf-demo-title{\n  display:block;\n  margin-bottom:20px;\n  color:#2c6170;\n  font-size:14px;\n  font-weight:850;\n  text-align:center;\n}\n\n#magfraction-page .mf-demo-row{\n  display:grid;\n  grid-template-columns:55px minmax(0,1fr) 70px;\n  align-items:center;\n  gap:12px;\n  margin:15px 0;\n}\n\n#magfraction-page .mf-fraction{\n  color:#36546b;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:20px;\n  font-weight:700;\n  text-align:center;\n}\n\n#magfraction-page .mf-track{\n  display:block;\n  height:33px;\n  overflow:hidden;\n  border:1px solid #e5e9e9;\n  border-radius:8px;\n  background:#eef1f2;\n}\n\n#magfraction-page .mf-fill{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  height:100%;\n  color:#23404a;\n  font-size:13px;\n  font-weight:800;\n}\n\n#magfraction-page .mf-demo-note{\n  margin:18px auto 0;\n  padding-top:16px;\n  border-top:1px solid var(--mf-line);\n  color:#617b82;\n  font-size:14px;\n  line-height:1.7;\n  text-align:center;\n}\n\n\/* ======================================================\n   FRACTION CIRCLES\n====================================================== *\/\n\n#magfraction-page .mf-circles{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:13px;\n  max-width:740px;\n  margin:26px auto 0;\n}\n\n#magfraction-page .mf-circle-card{\n  padding:22px 9px;\n  border:1px solid var(--mf-line);\n  border-radius:17px;\n  background:rgba(255,255,255,.94);\n  text-align:center;\n}\n\n#magfraction-page .mf-pie{\n  width:104px;\n  height:104px;\n  margin:0 auto 13px;\n  border-radius:50%;\n  border:3px solid #fff;\n  box-shadow:0 0 0 1px rgba(37,92,106,.12);\n}\n\n#magfraction-page .mf-circle-card strong{\n  display:block;\n  color:#33596a;\n  font-size:16px;\n  margin-bottom:4px;\n}\n\n#magfraction-page .mf-circle-card p{\n  color:#74828b;\n  font-size:13px;\n}\n\n\/* ======================================================\n   FRACTION STRIPS\n====================================================== *\/\n\n#magfraction-page .mf-strip-card{\n  max-width:820px;\n  margin:26px auto 0;\n  padding:25px 21px;\n  border:1px solid var(--mf-line);\n  border-radius:19px;\n  background:#fff;\n}\n\n#magfraction-page .mf-strip-label{\n  margin:0 0 9px;\n  color:#3e6270;\n  font-size:13px;\n  font-weight:800;\n}\n\n#magfraction-page .mf-strip{\n  display:grid;\n  gap:3px;\n  width:100%;\n  height:35px;\n  margin-bottom:17px;\n}\n\n#magfraction-page .mf-strip span{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  border-radius:6px;\n  color:#27424a;\n  font-size:13px;\n  font-weight:800;\n}\n\n#magfraction-page .mf-equals{\n  color:#147f7a;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:27px;\n  font-weight:700;\n  text-align:center;\n  line-height:1.5;\n}\n\n\/* ======================================================\n   EQUATIONS \u0026 STEPS\n====================================================== *\/\n\n#magfraction-page .mf-equation{\n  padding:24px 15px;\n  border:1px solid var(--mf-line);\n  border-radius:17px;\n  background:#fff;\n  text-align:center;\n}\n\n#magfraction-page .mf-equation small{\n  display:block;\n  color:#188a81;\n  font-size:11px;\n  letter-spacing:1px;\n  font-weight:850;\n}\n\n#magfraction-page .mf-equation strong{\n  display:block;\n  margin:13px 0;\n  color:#2e5062;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:28px;\n  line-height:1.4;\n}\n\n#magfraction-page .mf-equation p{\n  color:#73838a;\n  font-size:14px;\n  line-height:1.74;\n}\n\n#magfraction-page .mf-step{\n  min-width:0;\n  padding:23px 14px;\n  border:1px solid var(--mf-line);\n  border-radius:17px;\n  background:rgba(255,255,255,.92);\n  text-align:center;\n}\n\n#magfraction-page .mf-number{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:43px;\n  height:43px;\n  margin:0 auto 12px;\n  border-radius:50%;\n  background:#16877e;\n  color:#fff;\n  font-weight:850;\n  font-size:15px;\n}\n\n#magfraction-page .mf-step:nth-child(2) .mf-number{\n  background:#e18b61;\n}\n\n#magfraction-page .mf-step:nth-child(3) .mf-number{\n  background:#8876bc;\n}\n\n#magfraction-page .mf-step:nth-child(4) .mf-number{\n  background:#598eae;\n}\n\n#magfraction-page .mf-step strong{\n  display:block;\n  margin-bottom:8px;\n  color:#315566;\n  font-size:14px;\n}\n\n#magfraction-page .mf-step p{\n  color:#728188;\n  font-size:13px;\n  line-height:1.76;\n}\n\n\/* ======================================================\n   COMPARISON\n====================================================== *\/\n\n#magfraction-page .mf-panel{\n  min-width:0;\n  padding:25px 21px;\n  border:1px solid var(--mf-line);\n  border-radius:18px;\n  background:rgba(255,255,255,.91);\n}\n\n#magfraction-page .mf-panel-featured{\n  background:#ebf7f2;\n  border-color:rgba(60,159,139,.27);\n}\n\n#magfraction-page .mf-panel strong{\n  display:block;\n  margin-bottom:11px;\n  color:#315968;\n  font-size:17px;\n}\n\n#magfraction-page .mf-panel ul{\n  list-style:none;\n  padding:0;\n  margin:0;\n}\n\n#magfraction-page .mf-panel li{\n  position:relative;\n  padding:10px 0 10px 18px;\n  border-bottom:1px solid var(--mf-line);\n  color:#6d7d83;\n  font-size:14px;\n  line-height:1.71;\n}\n\n#magfraction-page .mf-panel li::before{\n  content:\"•\";\n  position:absolute;\n  left:0;\n  color:#19948a;\n  font-weight:900;\n}\n\n#magfraction-page .mf-panel li:last-child{\n  border-bottom:0;\n}\n\n\/* ======================================================\n   SPECIFICATIONS\n====================================================== *\/\n\n#magfraction-page .mf-tablewrap{\n  max-width:850px;\n  margin:26px auto 0;\n  overflow-x:auto;\n  border:1px solid var(--mf-line);\n  border-radius:17px;\n  background:#fff;\n}\n\n#magfraction-page .mf-table{\n  width:100%;\n  border-collapse:collapse;\n  font-size:14px;\n}\n\n#magfraction-page .mf-table th{\n  padding:13px 15px;\n  background:#245665;\n  color:#fff;\n  font-size:13px;\n  text-align:left;\n}\n\n#magfraction-page .mf-table td{\n  padding:12px 15px;\n  border-bottom:1px solid var(--mf-line);\n  color:#6d7e84;\n  line-height:1.73;\n}\n\n#magfraction-page .mf-table td:first-child{\n  width:36%;\n  color:#345b67;\n  font-weight:750;\n}\n\n#magfraction-page .mf-table tr:nth-child(even) td{\n  background:#f2f9f7;\n}\n\n#magfraction-page .mf-table tr:last-child td{\n  border-bottom:0;\n}\n\n\/* ======================================================\n   FAQ\n====================================================== *\/\n\n#magfraction-page .mf-faq{\n  max-width:855px;\n  margin:25px auto 0;\n}\n\n#magfraction-page .mf-faqitem{\n  padding:18px 0;\n  border-bottom:1px solid var(--mf-line);\n}\n\n#magfraction-page .mf-faqitem:first-child{\n  border-top:1px solid var(--mf-line);\n}\n\n#magfraction-page .mf-faqitem strong{\n  display:block;\n  margin-bottom:6px;\n  color:#315868;\n  font-size:15px;\n  line-height:1.5;\n}\n\n#magfraction-page .mf-faqitem p{\n  margin:0;\n  color:#708087;\n  font-size:14px;\n  line-height:1.8;\n}\n\n\/* ======================================================\n   FINAL CTA\n====================================================== *\/\n\n#magfraction-page .mf-section.mf-final{\n  padding:67px 28px;\n  text-align:center;\n  background:\n    radial-gradient(circle at 50% 0%,\n      rgba(84,198,183,.18),transparent 54%),\n    #1f4653;\n}\n\n#magfraction-page .mf-final .mf-kicker{\n  color:#a7e9da;\n}\n\n#magfraction-page .mf-final h2{\n  max-width:860px;\n  margin:0 auto 20px;\n  color:#fffefa!important;\n  -webkit-text-fill-color:#fffefa!important;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:38px;\n  line-height:1.22;\n}\n\n#magfraction-page .mf-final p{\n  max-width:765px;\n  margin:20px auto 0;\n  color:#dcebe9;\n  font-size:15px;\n  line-height:1.82;\n}\n\n#magfraction-page .mf-finaltags{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:9px;\n  margin:25px auto 0;\n}\n\n#magfraction-page .mf-finaltags span{\n  padding:8px 12px;\n  border:1px solid rgba(193,240,224,.24);\n  border-radius:999px;\n  color:#d5f2e9;\n  font-size:12px;\n  font-weight:750;\n}\n\n#magfraction-page .mf-backtop{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  min-width:210px;\n  min-height:49px;\n  margin-top:27px;\n  padding:12px 23px;\n  border:1px solid #b5e8d7;\n  border-radius:999px;\n  background:#b6e8d8;\n  color:#1f4653!important;\n  font-size:13px;\n  font-weight:850;\n  text-decoration:none!important;\n  cursor:pointer;\n}\n\n#magfraction-page .mf-backtop:hover{\n  background:#d2f4e9;\n}\n\n\/* ======================================================\n   RESPONSIVE\n====================================================== *\/\n\n@container mfbook (max-width:850px){\n  #magfraction-page .mf-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@container mfbook (max-width:620px){\n  #magfraction-page .mf-grid2,\n  #magfraction-page .mf-grid3{\n    grid-template-columns:1fr;\n  }\n}\n\n@media(max-width:749px){\n\n  #magfraction-page{\n    padding:6px 7px 24px;\n  }\n\n  #magfraction-page .mf-shell{\n    border-radius:20px;\n  }\n\n  #magfraction-page .mf-section{\n    padding:33px 17px;\n  }\n\n  #magfraction-page .mf-section.mf-hero{\n    padding:51px 17px 44px;\n  }\n\n  #magfraction-page .mf-hero h1{\n    font-size:31px;\n    line-height:1.17;\n  }\n\n  #magfraction-page .mf-hero p{\n    font-size:15px;\n  }\n\n  #magfraction-page .mf-title{\n    font-size:26px;\n    line-height:1.24;\n  }\n\n  #magfraction-page .mf-copy{\n    font-size:14px;\n    line-height:1.8;\n  }\n\n  #magfraction-page .mf-grid2,\n  #magfraction-page .mf-grid3{\n    grid-template-columns:1fr;\n  }\n\n  #magfraction-page .mf-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  #magfraction-page .mf-card{\n    padding:20px 14px;\n  }\n\n  #magfraction-page .mf-stat{\n    padding:15px 6px;\n  }\n\n  #magfraction-page .mf-stat strong{\n    font-size:19px;\n  }\n\n  #magfraction-page .mf-stat span{\n    font-size:11px;\n  }\n\n  #magfraction-page .mf-quote{\n    padding:22px 17px;\n  }\n\n  #magfraction-page .mf-quote strong{\n    font-size:19px;\n  }\n\n  #magfraction-page .mf-spotlight{\n    padding:24px 17px;\n  }\n\n  #magfraction-page .mf-spotlight strong{\n    font-size:23px;\n  }\n\n  #magfraction-page .mf-demo{\n    padding:21px 14px;\n  }\n\n  #magfraction-page .mf-demo-row{\n    grid-template-columns:42px minmax(0,1fr) 50px;\n    gap:7px;\n  }\n\n  #magfraction-page .mf-fraction{\n    font-size:17px;\n  }\n\n  #magfraction-page .mf-track{\n    height:30px;\n  }\n\n  #magfraction-page .mf-pie{\n    width:75px;\n    height:75px;\n  }\n\n  #magfraction-page .mf-circles{\n    gap:8px;\n  }\n\n  #magfraction-page .mf-circle-card{\n    padding:17px 5px;\n  }\n\n  #magfraction-page .mf-circle-card strong{\n    font-size:14px;\n  }\n\n  #magfraction-page .mf-equation strong{\n    font-size:25px;\n  }\n\n  #magfraction-page .mf-section.mf-final{\n    padding:52px 18px;\n  }\n\n  #magfraction-page .mf-final h2{\n    font-size:29px;\n  }\n}\n\n@media(max-width:390px){\n\n  #magfraction-page .mf-pill{\n    padding:8px 10px;\n    font-size:11px;\n  }\n\n  #magfraction-page .mf-grid4{\n    gap:9px;\n  }\n\n  #magfraction-page .mf-grid4 .mf-card,\n  #magfraction-page .mf-grid4 .mf-step{\n    padding:17px 10px;\n  }\n\n  #magfraction-page .mf-pie{\n    width:64px;\n    height:64px;\n  }\n\n  #magfraction-page .mf-table td,\n  #magfraction-page .mf-table th{\n    padding:11px 9px;\n    font-size:12px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"magfraction-page\"\u003e\n\n\u003cdiv class=\"mf-shell\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44493769408599,"sku":"NC035526101912018","price":26.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/dff5e7dd-b6c6-488e-a1d8-4dbf0c77df65.png?v=1792378341","url":"https:\/\/mycheesemas.com\/fr\/products\/magnetic-fraction-learning-book-for-kids-hands-on-math-manipulatives-with-fraction-bars-circles-ages-6","provider":"mycheesemas","version":"1.0","type":"link"}