{"product_id":"toysgalore™-magnetic-construction-set","title":"toysgalore™ Magnetic Construction Set","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    :root {\n      --primary-color: #FF5964;\n      --secondary-color: #35A7FF;\n      --purple-color: #8338EC;\n      --text-dark: #2B2D42;\n      \/* Darkened background gradient for better contrast *\/\n      --bg-gradient: linear-gradient(135deg, #1A1C29 0%, #111827 100%);\n    }\n\n    .premium-product-wrapper {\n      font-family: 'Quicksand', sans-serif;\n      background: var(--bg-gradient);\n      color: #FFFFFF;\n      padding: 60px 20px;\n      position: relative;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      min-height: 100vh;\n    }\n\n    \/* --- Floating \u0026 Highly Visible Bubbles --- *\/\n    .bubble-container {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      z-index: 1;\n    }\n\n    .bubble {\n      position: absolute;\n      bottom: -100px;\n      border-radius: 50%;\n      backdrop-filter: blur(4px);\n      \/* Enhanced brightness with stronger inner glow and exterior drop shadow *\/\n      box-shadow: 0 8px 32px 0 rgba(255, 255, 255, 0.1), inset 0 0 20px rgba(255, 255, 255, 0.9);\n      filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));\n      animation: floatUp 12s infinite linear, bubbleColorShift 8s infinite ease-in-out;\n    }\n\n    @keyframes floatUp {\n      0% {\n        transform: translateY(0) scale(1) rotate(0deg);\n        opacity: 0;\n      }\n      10% { opacity: 0.9; }\n      90% { opacity: 0.7; }\n      100% {\n        transform: translateY(-120vh) scale(1.2) rotate(360deg);\n        opacity: 0;\n      }\n    }\n\n    \/* Boosted opacities to brighten the colors significantly *\/\n    @keyframes bubbleColorShift {\n      0%, 100% { background: rgba(255, 89, 100, 0.45); } \/* Coral Red *\/\n      25% { background: rgba(53, 167, 255, 0.45); }     \/* Sky Blue *\/\n      50% { background: rgba(255, 231, 76, 0.5); }       \/* Bright Yellow *\/\n      75% { background: rgba(131, 56, 236, 0.45); }      \/* Electric Purple *\/\n    }\n\n    \/* --- Content Styles --- *\/\n    .product-content {\n      position: relative;\n      z-index: 2;\n      max-width: 1000px;\n      text-align: center;\n      width: 100%;\n    }\n\n    .product-tagline {\n      display: flex;\n      justify-content: center;\n      gap: 15px;\n      font-weight: 700;\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      color: var(--secondary-color);\n      margin-bottom: 20px;\n      opacity: 0;\n      animation: fadeInDown 0.8s forwards 0.2s;\n    }\n\n    \/* --- Animated Color-Changing Heading --- *\/\n    .product-title {\n      font-family: 'Fredoka', sans-serif;\n      font-size: 3.5rem;\n      font-weight: 700;\n      background: linear-gradient(45deg, #FF5964, #FFE74C, #35A7FF, #8338EC, #FF5964);\n      background-size: 400% auto;\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      margin-bottom: 20px;\n      line-height: 1.2;\n      opacity: 0;\n      animation: fadeInUp 0.8s forwards 0.4s, rainbowShift 8s linear infinite;\n    }\n\n    @keyframes rainbowShift {\n      0% { background-position: 0% 50%; }\n      100% { background-position: 400% 50%; }\n    }\n\n    .product-description {\n      font-size: 1.4rem;\n      line-height: 1.6;\n      color: #E2E8F0; \/* Lightened text for legibility on dark background *\/\n      max-width: 750px;\n      margin: 0 auto 50px auto;\n      opacity: 0;\n      animation: fadeInUp 0.8s forwards 0.6s;\n    }\n\n    \/* --- Features Grid --- *\/\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 30px;\n      margin-bottom: 60px;\n      width: 100%;\n    }\n\n    .feature-card {\n      background: rgba(255, 255, 255, 0.9);\n      border-radius: 24px;\n      padding: 35px 25px;\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\n      backdrop-filter: blur(10px);\n      border: 1px solid rgba(255, 255, 255, 0.2);\n      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n      opacity: 0;\n      transform: translateY(30px);\n    }\n\n    .feature-card:nth-child(1) { animation: slideInUp 0.6s forwards 0.8s; border-top: 5px solid var(--primary-color); }\n    .feature-card:nth-child(2) { animation: slideInUp 0.6s forwards 1.0s; border-top: 5px solid var(--secondary-color); }\n    .feature-card:nth-child(3) { animation: slideInUp 0.6s forwards 1.2s; border-top: 5px solid var(--purple-color); }\n\n    .feature-card:hover {\n      transform: translateY(-10px) scale(1.02);\n      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n      background: #ffffff;\n    }\n\n    .feature-icon {\n      font-size: 2.5rem;\n      margin-bottom: 15px;\n      display: inline-block;\n      transition: transform 0.3s ease;\n    }\n\n    .feature-card:hover .feature-icon {\n      transform: scale(1.2) rotate(10deg);\n    }\n\n    .feature-card h3 {\n      font-family: 'Fredoka', sans-serif;\n      font-size: 1.5rem;\n      margin-bottom: 12px;\n      color: var(--text-dark);\n    }\n\n    .feature-card p {\n      font-size: 1.05rem;\n      line-height: 1.5;\n      color: #4A4E69;\n    }\n\n    \/* --- Premium Call To Action --- *\/\n    .cta-container {\n      opacity: 0;\n      animation: fadeInUp 0.8s forwards 1.4s;\n    }\n\n    .cta-button {\n      display: inline-block;\n      font-family: 'Fredoka', sans-serif;\n      background: linear-gradient(45deg, var(--primary-color), #FF7B84);\n      color: #ffffff;\n      padding: 18px 45px;\n      font-size: 1.3rem;\n      font-weight: 600;\n      border-radius: 50px;\n      text-decoration: none;\n      box-shadow: 0 10px 25px rgba(255, 89, 100, 0.4);\n      transition: all 0.3s ease;\n      letter-spacing: 0.5px;\n    }\n\n    .cta-button:hover {\n      transform: translateY(-3deg);\n      box-shadow: 0 15px 35px rgba(255, 89, 100, 0.6);\n    }\n\n    \/* --- Animations --- *\/\n    @keyframes fadeInDown { to { opacity: 1; transform: translateY(0); } }\n    @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }\n    @keyframes slideInUp { to { opacity: 1; transform: translateY(0); } }\n\n    @media (max-width: 768px) {\n      .product-title { font-size: 2.5rem; }\n      .product-description { font-size: 1.1rem; }\n      .product-tagline { font-size: 0.9rem; flex-wrap: wrap; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"premium-product-wrapper\"\u003e\n\u003c!-- Luminous Floating Bubbles --\u003e\n\u003cdiv class=\"bubble-container\"\u003e\n\u003cdiv class=\"bubble\" style=\"left: 10%; width: 40px; height: 40px; animation-delay: 0s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble\" style=\"left: 25%; width: 70px; height: 70px; animation-delay: 2s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble\" style=\"left: 40%; width: 30px; height: 30px; animation-delay: 4s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble\" style=\"left: 55%; width: 90px; height: 90px; animation-delay: 1s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble\" style=\"left: 70%; width: 50px; height: 50px; animation-delay: 5s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"bubble\" style=\"left: 85%; width: 65px; height: 65px; animation-delay: 3s;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Product Marketing Section --\u003e\n\u003cdiv class=\"product-content\"\u003e\n\u003cdiv class=\"product-tagline\"\u003e\n\u003cspan\u003e🧲 Big ideas\u003c\/span\u003e \u003cspan\u003e•\u003c\/span\u003e \u003cspan\u003eLittle builders\u003c\/span\u003e \u003cspan\u003e•\u003c\/span\u003e \u003cspan\u003eEndless possibilities\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ch1 class=\"product-title\"\u003eToysgalore™ Magnetic Construction Set\u003c\/h1\u003e\n\u003cp class=\"product-description\"\u003eThe Toysgalore™ Magnetic Construction Set turns colourful rods and connectors into hands-on adventures in creativity.\u003c\/p\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🧠\u003c\/div\u003e\n\u003ch3\u003eCognitive Growth\u003c\/h3\u003e\n\u003cp\u003ePractise problem-solving, structural spatial awareness, and endless creative thinking with every configuration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🤲\u003c\/div\u003e\n\u003ch3\u003eMotor Mastery\u003c\/h3\u003e\n\u003cp\u003eExplore fine motor control and tactile hand-eye coordination smoothly with every snappy magnetic click.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e🛡️\u003c\/div\u003e\n\u003ch3\u003eCertified Safe\u003c\/h3\u003e\n\u003cp\u003eBuilt with non-toxic materials and ultra-sonically welded seams to keep pieces perfectly secure during play.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-container\"\u003e\u003ca href=\"#\" class=\"cta-button\"\u003eShop Now\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 20px;\"\u003e\u003cvideo controls=\"controls\" playsinline=\"\" preload=\"metadata\" style=\"width: 100%; max-width: 100%; height: auto;\"\u003e\u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1909ca7c2cde4addba01df56dbd5c727.mp4\" type=\"video\/mp4\"\u003eYour browser does not support embedded video. \u003ca href=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/1909ca7c2cde4addba01df56dbd5c727.mp4\"\u003eWatch the video\u003c\/a\u003e.\u003c\/source\u003e\u003c\/video\u003e\u003c\/div\u003e","brand":"My Store","offers":[{"title":"36","offer_id":46187641569415,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true},{"title":"68","offer_id":46187641602183,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true},{"title":"108","offer_id":46187641634951,"sku":null,"price":899.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0774\/5634\/3175\/files\/premium-toysgalore-lifestyle-photo.png?v=1791934165","url":"https:\/\/toysgalore.co.za\/products\/toysgalore%e2%84%a2-magnetic-construction-set","provider":"Toysgalore","version":"1.0","type":"link"}