{"product_id":"colorfin","title":"ColorFin","description":"\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eColorFin - Educational Toy\u003c\/title\u003e\n  \u003cstyle\u003e\n    :root {\n      --primary: #1E3A8A;\n      --primary-light: #EFF6FF;\n      --accent: #EA580C;\n      --text-main: #0F172A;\n      --text-sub: #475569;\n      --bg-body: #FFFFFF;\n      --bg-card: #F8FAFC;\n      --border-color: #E2E8F0;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\n      --shadow-md: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n    }\n\n    .product-detail-container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\n      overflow-wrap: break-word;\n      word-break: break-word;\n      line-height: 1.6;\n    }\n\n    .product-detail-container * { box-sizing: border-box; }\n\n    .pd-h1 {\n      font-size: clamp(34px, 5vw, 44px);\n      line-height: 1.2;\n      font-weight: 800;\n      margin: 0 0 1rem 0;\n      color: var(--text-main);\n      letter-spacing: -0.02em;\n    }\n\n    .pd-h2 {\n      font-size: clamp(26px, 4vw, 32px);\n      line-height: 1.3;\n      font-weight: 700;\n      margin: 0 0 1rem 0;\n      color: var(--text-main);\n    }\n\n    .pd-h3 {\n      font-size: clamp(20px, 3vw, 24px);\n      line-height: 1.4;\n      font-weight: 600;\n      margin: 0 0 0.75rem 0;\n    }\n\n    .pd-p {\n      font-size: clamp(18px, 2vw, 20px);\n      line-height: 1.7;\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    .pd-badge {\n      display: inline-block;\n      background-color: var(--primary-light);\n      color: var(--primary);\n      font-size: 16px;\n      font-weight: 600;\n      padding: 0.5rem 1rem;\n      border-radius: 50px;\n      margin-bottom: 1.5rem;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    .pd-img-wrapper {\n      width: 100%;\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n      background: var(--bg-card);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .pd-img-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: contain;\n    }\n\n    .pd-section { margin-bottom: clamp(4rem, 8vw, 6rem); }\n\n    .pd-hero {\n      text-align: center;\n      padding-top: clamp(2rem, 4vw, 4rem);\n    }\n\n    .pd-social-proof {\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--accent);\n      margin-top: 1.5rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 0.5rem;\n    }\n\n    .pd-feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 5vw, 4rem);\n      margin-bottom: clamp(3rem, 6vw, 5rem);\n    }\n\n    .pd-feature-media, .pd-feature-copy { width: 100%; }\n\n    .pd-feature-copy {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    @media (min-width: 768px) {\n      .pd-feature-item {\n        flex-direction: row;\n        align-items: center;\n      }\n      .pd-feature-item:nth-child(even) { flex-direction: row-reverse; }\n      .pd-feature-media { flex: 5; }\n      .pd-feature-copy {\n        flex: 5;\n        padding: 0 2rem;\n      }\n    }\n\n    .pd-specs-container {\n      background: var(--bg-card);\n      padding: clamp(2rem, 5vw, 4rem);\n      border-radius: var(--radius-lg);\n    }\n\n    .pd-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 2rem;\n    }\n\n    .pd-table th, .pd-table td {\n      padding: 1.25rem 1rem;\n      text-align: left;\n      font-size: 18px;\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .pd-table th {\n      font-weight: 700;\n      color: var(--text-main);\n      background-color: var(--primary-light);\n    }\n\n    .pd-table td { color: var(--text-sub); }\n\n    @media (max-width: 767px) {\n      .pd-table, .pd-table thead, .pd-table tbody, .pd-table tr, .pd-table td {\n        display: block;\n        width: 100%;\n      }\n      .pd-table thead { display: none; }\n      .pd-table tr {\n        background: var(--bg-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1.5rem;\n        padding: 0.5rem;\n        box-shadow: var(--shadow-sm);\n      }\n      .pd-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        border-bottom: 1px dashed var(--border-color);\n        padding: 1rem 0.5rem;\n        text-align: center;\n        flex-direction: column;\n      }\n      .pd-table td:last-child { border-bottom: none; }\n      .pd-table td::before {\n        content: attr(data-label);\n        font-weight: 700;\n        color: var(--text-main);\n        text-align: center;\n        flex-shrink: 0;\n      }\n    }\n\n    .pd-faq-list {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n\n    .pd-faq-item {\n      background: var(--bg-card);\n      padding: clamp(1.5rem, 3vw, 2rem);\n      border-radius: var(--radius-md);\n      border-left: 4px solid var(--primary);\n    }\n\n    .pd-faq-q {\n      font-size: clamp(20px, 3vw, 22px);\n      font-weight: 700;\n      color: var(--text-main);\n      margin: 0 0 0.5rem 0;\n    }\n\n    .pd-faq-a {\n      font-size: clamp(18px, 2.5vw, 19px);\n      color: var(--text-sub);\n      margin: 0;\n      line-height: 1.6;\n    }\n  \u003c\/style\u003e\n\n\u003cdiv class=\"product-detail-container\"\u003e\n\n  \u003c!-- Hero Section --\u003e\n  \u003csection class=\"pd-section pd-hero\"\u003e\n    \u003cdiv class=\"pd-badge\"\u003eEducational Toy\u003c\/div\u003e\n    \u003ch1 class=\"pd-h1\"\u003eColorFin: Inspiring Young Minds Through Play\u003c\/h1\u003e\n    \u003cp style=\"max-width: 800px; margin-left: auto; margin-right: auto;\" class=\"pd-p\"\u003e\n      Transform playtime into a brain-boosting adventure with ColorFin. This beautifully crafted educational toy helps little learners develop focus, coordination, and color recognition through hands-on play that's as engaging as it is rewarding.\n    \u003c\/p\u003e\n    \u003cdiv style=\"margin-top: 2rem;\" class=\"pd-img-wrapper\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/3154\/3121\/files\/Main_5808ba62-5cee-4363-aa7d-844b0da329be.png?v=1762507740\" alt=\"ColorFin hero image\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-social-proof\"\u003e\n      \u003cspan\u003e★★★★★\u003c\/span\u003e The Perfect Blend of Fun and Learning for Kids\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Feature Blocks --\u003e\n  \u003csection class=\"pd-section\"\u003e\n\n    \u003c!-- Feature 1: Develops Coordination and Confidence --\u003e\n    \u003cdiv class=\"pd-feature-item\"\u003e\n      \u003cdiv class=\"pd-feature-media\"\u003e\n        \u003cdiv class=\"pd-img-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/3154\/3121\/files\/ColorFin_Size.png?v=1762507739\" alt=\"ColorFin size and pieces\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-feature-copy\"\u003e\n        \u003ch2 class=\"pd-h2\"\u003eDevelops Coordination and Confidence\u003c\/h2\u003e\n        \u003cp class=\"pd-p\"\u003eEvery puzzle movement in ColorFin enhances hand-eye coordination and fine motor skills naturally. The satisfying challenge keeps kids engaged, balancing focus and fun, with each success inspiring them to try again and again.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Feature 2: Play, Learn, and Grow Together --\u003e\n    \u003cdiv class=\"pd-feature-item\"\u003e\n      \u003cdiv class=\"pd-feature-media\"\u003e\n        \u003cdiv class=\"pd-img-wrapper\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0626\/3154\/3121\/files\/Main_5808ba62-5cee-4363-aa7d-844b0da329be.png?v=1762507740\" alt=\"ColorFin in use\"\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-feature-copy\"\u003e\n        \u003ch2 class=\"pd-h2\"\u003ePlay, Learn, and Grow Together\u003c\/h2\u003e\n        \u003cp class=\"pd-p\"\u003eKids love toys that make them think, laugh, and explore. ColorFin's fishbone puzzle brings learning to life with bright colors and creative play, keeping little hands busy while young minds discover focus, patience, and the joy of problem-solving.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n  \u003c!-- Specifications Table --\u003e\n  \u003csection class=\"pd-section pd-specs-container\"\u003e\n    \u003ch2 style=\"text-align: center;\" class=\"pd-h2\"\u003eProduct Details\u003c\/h2\u003e\n    \u003cp style=\"text-align: center;\" class=\"pd-p\"\u003eAll the essentials about ColorFin.\u003c\/p\u003e\n    \u003ctable class=\"pd-table\"\u003e\n      \u003cthead\u003e\n        \u003ctr\u003e\n          \u003cth\u003eFeature\u003c\/th\u003e\n          \u003cth\u003eDetails\u003c\/th\u003e\n        \u003c\/tr\u003e\n      \u003c\/thead\u003e\n      \u003ctbody\u003e\n        \u003ctr\u003e\n          \u003ctd data-label=\"Type\"\u003eWooden Fishbone Puzzle\u003c\/td\u003e\n          \u003ctd\u003eCrafted for durability and safety with smooth edges, making it perfect for little hands.\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd data-label=\"Functionality\"\u003eColorful Sorting Toy\u003c\/td\u003e\n          \u003ctd\u003eEncourages logical thinking and boosts concentration through engaging play.\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd data-label=\"Age Recommendation\"\u003e3–5+ Years\u003c\/td\u003e\n          \u003ctd\u003eDesigned for young learners to promote early childhood education.\u003c\/td\u003e\n        \u003c\/tr\u003e\n        \u003ctr\u003e\n          \u003ctd data-label=\"Benefits\"\u003eDevelops Motor Skills\u003c\/td\u003e\n          \u003ctd\u003eImproves hand coordination and promotes early learning development.\u003c\/td\u003e\n        \u003c\/tr\u003e\n      \u003c\/tbody\u003e\n    \u003c\/table\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FAQ Section --\u003e\n  \u003csection class=\"pd-section\"\u003e\n    \u003ch2 style=\"text-align: center; margin-bottom: 3rem;\" class=\"pd-h2\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n    \u003cdiv class=\"pd-faq-list\"\u003e\n\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003ch3 class=\"pd-faq-q\"\u003eWhat materials is ColorFin made of?\u003c\/h3\u003e\n        \u003cp class=\"pd-faq-a\"\u003eColorFin is made from high-quality wood, ensuring safety with smooth, safe edges for children.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003ch3 class=\"pd-faq-q\"\u003eIs this toy suitable for a 3-year-old?\u003c\/h3\u003e\n        \u003cp class=\"pd-faq-a\"\u003eAbsolutely! ColorFin is designed for children aged 3 to 5 years and beyond, promoting early learning through play.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003ch3 class=\"pd-faq-q\"\u003eHow does ColorFin help develop motor skills?\u003c\/h3\u003e\n        \u003cp class=\"pd-faq-a\"\u003eThe puzzle movements enhance hand-eye coordination and fine motor skills naturally and effectively.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003ch3 class=\"pd-faq-q\"\u003eCan ColorFin be used in educational settings?\u003c\/h3\u003e\n        \u003cp class=\"pd-faq-a\"\u003eYes, ColorFin is perfect for both home and educational settings, aiding in child development through engaging play.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n","brand":"sup1","offers":[{"title":"Default Title","offer_id":54012516139349,"sku":"J-1000-2608-ColorFin-set","price":15.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1051\/3236\/0021\/files\/Main_5808ba62-5cee-4363-aa7d-844b0da329be.png?v=1779829689","url":"https:\/\/sientle.com\/products\/colorfin","provider":"sientle","version":"1.0","type":"link"}