{"product_id":"baby-bath-toy","title":"Baby Bath Toy","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eBaby Bath Toy | Hiend Kids\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@500;700;800\u0026amp;family=Nunito:wght@400;500;600;700;800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cstyle\u003e\n  :root {\n    --blue: #4DACF7;\n    --blue-deep: #2B8FD9;\n    --blue-dark: #1A6FB5;\n    --aqua: #00D4AA;\n    --aqua-light: #7DFCE0;\n    --sky: #E8F6FF;\n    --sky-deep: #D0EDFF;\n    --yellow: #FFD93D;\n    --yellow-warm: #FFC107;\n    --orange: #FF8C42;\n    --coral: #FF6B6B;\n    --white: #FDFEFF;\n    --cream: #F4FAFF;\n    --text: #1B3A4B;\n    --text-light: #4A7A8F;\n    --bubble-1: rgba(255,255,255,0.5);\n    --bubble-2: rgba(77,172,247,0.15);\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  body {\n    font-family: 'Nunito', sans-serif;\n    background: var(--cream);\n    color: var(--text);\n    overflow-x: hidden;\n  }\n\n  \/* --- TOP BAR --- *\/\n  .top-bar {\n    background: linear-gradient(90deg, var(--blue), var(--aqua), var(--blue));\n    background-size: 200% 100%;\n    animation: shimmerBar 4s ease-in-out infinite;\n    color: white;\n    text-align: center;\n    padding: 10px;\n    font-weight: 700;\n    font-size: 14px;\n    letter-spacing: 0.5px;\n  }\n  @keyframes shimmerBar {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n  }\n\n  \/* --- WAVE DIVIDER --- *\/\n  .wave-divider {\n    height: 6px;\n    background: linear-gradient(90deg, var(--blue), var(--aqua), var(--yellow), var(--orange), var(--blue));\n    border: none;\n  }\n\n  \/* --- HERO --- *\/\n  .hero {\n    position: relative;\n    min-height: 90vh;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(170deg, #E8F6FF 0%, #D0EDFF 25%, #F0FBFF 50%, #E0F7FA 75%, #F4FAFF 100%);\n    overflow: hidden;\n  }\n\n  .hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 20% 30%, rgba(77,172,247,0.1) 0%, transparent 50%),\n      radial-gradient(circle at 80% 70%, rgba(0,212,170,0.08) 0%, transparent 50%),\n      radial-gradient(circle at 50% 90%, rgba(255,217,61,0.06) 0%, transparent 40%);\n  }\n\n  \/* Bubbles *\/\n  .bubble {\n    position: absolute;\n    border-radius: 50%;\n    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.8), rgba(77,172,247,0.1));\n    border: 1px solid rgba(255,255,255,0.4);\n    animation: bubbleFloat linear infinite;\n  }\n  @keyframes bubbleFloat {\n    0% { transform: translateY(0) scale(1); opacity: 0.7; }\n    50% { opacity: 1; }\n    100% { transform: translateY(-100vh) scale(0.3); opacity: 0; }\n  }\n\n  .hero-content {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    align-items: center;\n    gap: 60px;\n    max-width: 1200px;\n    padding: 40px 24px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n\n  .hero-image-wrap {\n    flex: 1;\n    min-width: 300px;\n    max-width: 500px;\n    position: relative;\n  }\n\n  .hero-image-wrap img {\n    width: 100%;\n    border-radius: 32px;\n    box-shadow:\n      0 20px 60px rgba(43,143,217,0.18),\n      0 0 0 4px rgba(77,172,247,0.12);\n    animation: floatImage 4s ease-in-out infinite;\n  }\n  @keyframes floatImage {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-12px); }\n  }\n\n  .hero-text {\n    flex: 1;\n    min-width: 300px;\n    max-width: 500px;\n  }\n\n  .hero-tag {\n    display: inline-block;\n    background: linear-gradient(135deg, var(--blue), var(--aqua));\n    color: white;\n    padding: 6px 18px;\n    border-radius: 20px;\n    font-size: 13px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 16px;\n  }\n\n  .hero-title {\n    font-family: 'Baloo 2', cursive;\n    font-size: clamp(36px, 5vw, 56px);\n    font-weight: 800;\n    line-height: 1.1;\n    margin-bottom: 16px;\n    background: linear-gradient(135deg, var(--blue-dark), var(--blue), var(--aqua));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .hero-subtitle {\n    font-size: 18px;\n    color: var(--text-light);\n    line-height: 1.7;\n    margin-bottom: 28px;\n    font-weight: 600;\n  }\n\n  .hero-cta {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: linear-gradient(135deg, var(--blue), var(--aqua));\n    color: white;\n    font-family: 'Baloo 2', cursive;\n    font-size: 20px;\n    font-weight: 700;\n    padding: 16px 40px;\n    border-radius: 60px;\n    text-decoration: none;\n    box-shadow: 0 8px 30px rgba(43,143,217,0.3);\n    transition: all 0.3s ease;\n    border: none;\n    cursor: pointer;\n  }\n  .hero-cta:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 40px rgba(43,143,217,0.45);\n  }\n\n  \/* --- BENEFITS BAR --- *\/\n  .benefits-bar {\n    display: flex;\n    justify-content: center;\n    gap: 40px;\n    flex-wrap: wrap;\n    padding: 40px 24px;\n    background: white;\n    border-top: 3px solid var(--sky-deep);\n    border-bottom: 3px solid var(--sky-deep);\n  }\n\n  .benefit-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-weight: 700;\n    font-size: 15px;\n    color: var(--text);\n  }\n\n  .benefit-icon {\n    width: 44px;\n    height: 44px;\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 22px;\n  }\n\n  .benefit-icon.blue { background: #DCF0FF; }\n  .benefit-icon.aqua { background: #D5FFF5; }\n  .benefit-icon.yellow { background: #FFF8DC; }\n  .benefit-icon.orange { background: #FFF0E0; }\n\n  \/* --- SECTION BLOCKS --- *\/\n  .section-block {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 80px 24px;\n  }\n\n  .story-row {\n    display: flex;\n    align-items: center;\n    gap: 60px;\n    margin-bottom: 80px;\n    flex-wrap: wrap;\n    justify-content: center;\n  }\n  .story-row.reverse { flex-direction: row-reverse; }\n\n  .story-media {\n    flex: 1;\n    min-width: 280px;\n    max-width: 460px;\n  }\n\n  .story-media img {\n    width: 100%;\n    border-radius: 24px;\n    box-shadow: 0 16px 48px rgba(0,0,0,0.08);\n    transition: transform 0.4s ease;\n  }\n  .story-media img:hover { transform: scale(1.03); }\n\n  .story-text {\n    flex: 1;\n    min-width: 280px;\n    max-width: 460px;\n  }\n\n  .story-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    font-weight: 800;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    margin-bottom: 12px;\n    color: var(--blue-deep);\n  }\n\n  .story-heading {\n    font-family: 'Baloo 2', cursive;\n    font-size: clamp(26px, 3.5vw, 36px);\n    font-weight: 800;\n    line-height: 1.2;\n    margin-bottom: 16px;\n    color: var(--text);\n  }\n\n  .story-desc {\n    font-size: 16px;\n    line-height: 1.8;\n    color: var(--text-light);\n    font-weight: 600;\n  }\n\n  .story-check {\n    list-style: none;\n    margin-top: 20px;\n  }\n  .story-check li {\n    padding: 8px 0;\n    font-weight: 700;\n    font-size: 15px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n  .story-check li::before {\n    content: '✓';\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 26px;\n    height: 26px;\n    background: linear-gradient(135deg, var(--blue), var(--aqua));\n    color: white;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 800;\n    flex-shrink: 0;\n  }\n\n  \/* --- FEATURES GRID --- *\/\n  .features-section {\n    background: linear-gradient(180deg, #F0FAFF, white, #E8F6FF);\n    padding: 80px 24px;\n  }\n\n  .features-section .section-title {\n    text-align: center;\n    font-family: 'Baloo 2', cursive;\n    font-size: clamp(30px, 4vw, 44px);\n    font-weight: 800;\n    margin-bottom: 12px;\n    background: linear-gradient(135deg, var(--blue-dark), var(--aqua));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n  }\n\n  .features-section .section-sub {\n    text-align: center;\n    font-size: 17px;\n    color: var(--text-light);\n    margin-bottom: 50px;\n    font-weight: 600;\n  }\n\n  .features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n    gap: 24px;\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .feature-card {\n    background: white;\n    border-radius: 24px;\n    padding: 32px 24px;\n    text-align: center;\n    box-shadow: 0 8px 32px rgba(43,143,217,0.06);\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n  }\n  .feature-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 4px;\n    background: linear-gradient(90deg, var(--blue), var(--aqua), var(--yellow));\n  }\n  .feature-card:hover {\n    border-color: var(--sky-deep);\n    transform: translateY(-4px);\n    box-shadow: 0 16px 48px rgba(43,143,217,0.12);\n  }\n\n  .feature-card .card-emoji {\n    font-size: 42px;\n    margin-bottom: 14px;\n    display: block;\n  }\n\n  .feature-card h3 {\n    font-family: 'Baloo 2', cursive;\n    font-size: 19px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n\n  .feature-card p {\n    font-size: 14px;\n    color: var(--text-light);\n    line-height: 1.6;\n    font-weight: 600;\n  }\n\n  \/* --- GALLERY ROW --- *\/\n  .gallery-row {\n    display: flex;\n    gap: 16px;\n    max-width: 1100px;\n    margin: 0 auto 80px;\n    padding: 0 24px;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n  }\n\n  .gallery-row img {\n    flex: 0 0 260px;\n    height: 260px;\n    object-fit: cover;\n    border-radius: 20px;\n    scroll-snap-align: start;\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n    transition: transform 0.3s ease;\n  }\n  .gallery-row img:hover { transform: scale(1.04); }\n\n  \/* --- SPLASH SECTION (dark accent) --- *\/\n  .splash-section {\n    background: linear-gradient(135deg, var(--blue-dark), #0D5A96, var(--aqua));\n    color: white;\n    padding: 80px 24px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .splash-section::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(circle at 20% 30%, rgba(255,255,255,0.05) 0%, transparent 50%),\n      radial-gradient(circle at 80% 70%, rgba(255,217,61,0.08) 0%, transparent 40%);\n  }\n\n  .splash-section .section-title {\n    position: relative;\n    font-family: 'Baloo 2', cursive;\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 800;\n    margin-bottom: 16px;\n  }\n\n  .splash-section .section-sub {\n    position: relative;\n    font-size: 17px;\n    opacity: 0.9;\n    margin-bottom: 40px;\n    font-weight: 600;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .splash-features {\n    position: relative;\n    display: flex;\n    gap: 32px;\n    justify-content: center;\n    flex-wrap: wrap;\n    margin-bottom: 40px;\n  }\n\n  .splash-feat {\n    background: rgba(255,255,255,0.1);\n    backdrop-filter: blur(10px);\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 20px;\n    padding: 24px 20px;\n    width: 160px;\n    text-align: center;\n    transition: all 0.3s ease;\n  }\n  .splash-feat:hover {\n    background: rgba(255,255,255,0.18);\n    transform: translateY(-4px);\n  }\n  .splash-feat .feat-emoji { font-size: 36px; display: block; margin-bottom: 10px; }\n  .splash-feat .feat-label { font-weight: 800; font-size: 14px; }\n\n  .splash-cta {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background: white;\n    color: var(--blue-dark);\n    font-family: 'Baloo 2', cursive;\n    font-size: 20px;\n    font-weight: 700;\n    padding: 16px 44px;\n    border-radius: 60px;\n    text-decoration: none;\n    box-shadow: 0 8px 30px rgba(0,0,0,0.2);\n    transition: all 0.3s ease;\n  }\n  .splash-cta:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.3);\n  }\n\n  \/* --- SAFETY STRIP --- *\/\n  .safety-strip {\n    display: flex;\n    justify-content: center;\n    gap: 50px;\n    flex-wrap: wrap;\n    padding: 50px 24px;\n    background: white;\n  }\n\n  .safety-item {\n    text-align: center;\n    max-width: 180px;\n  }\n\n  .safety-item .s-icon {\n    width: 60px;\n    height: 60px;\n    margin: 0 auto 14px;\n    background: var(--sky);\n    border-radius: 18px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n  }\n\n  .safety-item h4 {\n    font-family: 'Baloo 2', cursive;\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 6px;\n  }\n\n  .safety-item p {\n    font-size: 13px;\n    color: var(--text-light);\n    line-height: 1.5;\n    font-weight: 600;\n  }\n\n  \/* --- FINAL CTA --- *\/\n  .final-cta {\n    text-align: center;\n    padding: 80px 24px;\n    background: linear-gradient(180deg, var(--cream), #E8F6FF, var(--cream));\n  }\n\n  .final-cta .section-title {\n    font-family: 'Baloo 2', cursive;\n    font-size: clamp(28px, 4vw, 42px);\n    font-weight: 800;\n    margin-bottom: 16px;\n    color: var(--text);\n  }\n\n  .final-cta .section-sub {\n    font-size: 17px;\n    color: var(--text-light);\n    margin-bottom: 32px;\n    font-weight: 600;\n    max-width: 500px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.7;\n  }\n\n  .final-cta .hero-cta {\n    font-size: 22px;\n    padding: 18px 50px;\n  }\n\n  \/* --- WAVE SVG --- *\/\n  .wave-top {\n    display: block;\n    width: 100%;\n    margin-bottom: -2px;\n  }\n  .wave-bottom {\n    display: block;\n    width: 100%;\n    margin-top: -2px;\n  }\n\n  \/* --- ANIMATIONS --- *\/\n  .fade-up {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n  .fade-up.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @media (max-width: 768px) {\n    .hero-content { gap: 30px; padding: 24px 16px; }\n    .hero { min-height: auto; padding: 40px 0; }\n    .story-row { gap: 30px; margin-bottom: 50px; }\n    .benefits-bar { gap: 20px; }\n    .benefit-item { font-size: 13px; }\n    .safety-strip { gap: 30px; }\n    .splash-features { gap: 16px; }\n    .splash-feat { width: 130px; padding: 18px 14px; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003c!-- Top Bar --\u003e\n\u003cdiv class=\"top-bar\"\u003e🚚 1-2 Days Delivery Across UAE  ·  🛁 Make Bath Time Fun Time\u003c\/div\u003e\n\n\u003chr class=\"wave-divider\"\u003e\n\n\u003c!-- HERO --\u003e\n\u003csection class=\"hero\"\u003e\n  \u003cdiv class=\"hero-content\"\u003e\n    \u003cdiv class=\"hero-image-wrap fade-up\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/Generated_Image_April_08_2026_-_6_06PM.jpg?v=1775657254\" alt=\"Baby Bath Toy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"hero-text fade-up\" style=\"transition-delay:0.15s\"\u003e\n      \u003cspan class=\"hero-tag\"\u003e🫧 Bath Time Fun\u003c\/span\u003e\n      \u003ch1 class=\"hero-title\"\u003eBaby Bath Toy\u003c\/h1\u003e\n      \u003cp class=\"hero-subtitle\"\u003eTurn bath time into the best part of the day! Spinning eyes, waterfalls, windmills — this interactive monkey toy keeps your little one laughing and splashing happily.\u003c\/p\u003e\n      \u003ca href=\"https:\/\/www.hiend.ae\/products\/baby-bath-toy\" class=\"hero-cta\"\u003e\n        🛁 Shop Now\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Benefits Bar --\u003e\n\u003cdiv class=\"benefits-bar\"\u003e\n  \u003cdiv class=\"benefit-item\"\u003e\n    \u003cdiv class=\"benefit-icon blue\"\u003e🎯\u003c\/div\u003e\n    \u003cspan\u003eDevelops Coordination\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefit-item\"\u003e\n    \u003cdiv class=\"benefit-icon aqua\"\u003e🛡️\u003c\/div\u003e\n    \u003cspan\u003eChild-Safe Materials\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefit-item\"\u003e\n    \u003cdiv class=\"benefit-icon yellow\"\u003e🐒\u003c\/div\u003e\n    \u003cspan\u003eInteractive Water Play\u003c\/span\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"benefit-item\"\u003e\n    \u003cdiv class=\"benefit-icon orange\"\u003e🚚\u003c\/div\u003e\n    \u003cspan\u003eFast UAE Delivery\u003c\/span\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- STORY SECTIONS --\u003e\n\u003cdiv class=\"section-block\"\u003e\n\n  \u003c!-- Story 1 --\u003e\n  \u003cdiv class=\"story-row fade-up\"\u003e\n    \u003cdiv class=\"story-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/61CbDhq1E_L._AC.jpg?v=1775657254\" alt=\"Fun bath toy in action\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"story-text\"\u003e\n      \u003cdiv class=\"story-label\"\u003e🫧 Splash \u0026amp; Play\u003c\/div\u003e\n      \u003ch2 class=\"story-heading\"\u003eBath Time They'll Actually Love!\u003c\/h2\u003e\n      \u003cp class=\"story-desc\"\u003eNo more bath time battles! Pour water into this adorable monkey toy and watch the magic happen — spinning eyes, water-spitting mouth, beautiful waterfalls, and a rotating windmill that keeps your little one entertained and giggling.\u003c\/p\u003e\n      \u003cul class=\"story-check\"\u003e\n        \u003cli\u003eSpinning eyes \u0026amp; star when water flows\u003c\/li\u003e\n        \u003cli\u003eMonkey mouth spits water playfully\u003c\/li\u003e\n        \u003cli\u003eWaterfall effect drives the windmill\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Story 2 --\u003e\n  \u003cdiv class=\"story-row reverse fade-up\"\u003e\n    \u003cdiv class=\"story-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/71AA5IKaGuL._AC_SL1500.jpg?v=1775657254\" alt=\"Baby playing with bath toy\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"story-text\"\u003e\n      \u003cdiv class=\"story-label\"\u003e🧠 Learn Through Play\u003c\/div\u003e\n      \u003ch2 class=\"story-heading\"\u003eDevelop Skills While Having Fun\u003c\/h2\u003e\n      \u003cp class=\"story-desc\"\u003eThis isn't just a toy — it's a learning experience! As your child pours, watches, and interacts with the water flow, they naturally develop hand-eye coordination, fine motor skills, and an understanding of simple physics concepts like gravity and cause-and-effect.\u003c\/p\u003e\n      \u003cul class=\"story-check\"\u003e\n        \u003cli\u003eStrengthens fine motor skills\u003c\/li\u003e\n        \u003cli\u003eTeaches cause \u0026amp; effect naturally\u003c\/li\u003e\n        \u003cli\u003eEncourages color learning \u0026amp; creativity\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Story 3 --\u003e\n  \u003cdiv class=\"story-row fade-up\"\u003e\n    \u003cdiv class=\"story-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/6171lkdAxVL._AC.jpg?v=1775657254\" alt=\"Bath toy details\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"story-text\"\u003e\n      \u003cdiv class=\"story-label\"\u003e💧 No More Tears\u003c\/div\u003e\n      \u003ch2 class=\"story-heading\"\u003eOvercome the Fear of Water\u003c\/h2\u003e\n      \u003cp class=\"story-desc\"\u003eMany toddlers are nervous about bath time. This playful toy changes everything — it turns water into something exciting and joyful. Children focus on the fun interactions and forget their worries, making bath time stress-free for both baby and parent.\u003c\/p\u003e\n      \u003cul class=\"story-check\"\u003e\n        \u003cli\u003eEngages baby throughout the entire bath\u003c\/li\u003e\n        \u003cli\u003eTurns water into a fun experience\u003c\/li\u003e\n        \u003cli\u003eKids can play independently\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Wave top --\u003e\n\u003csvg class=\"wave-top\" viewbox=\"0 0 1440 60\" preserveaspectratio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n  \u003cpath d=\"M0,40 C360,0 720,60 1080,20 C1260,5 1380,30 1440,20 L1440,60 L0,60 Z\" fill=\"#F0FAFF\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\n\u003c!-- Features Grid --\u003e\n\u003csection class=\"features-section\"\u003e\n  \u003ch2 class=\"section-title fade-up\"\u003eWhy Kids Love It\u003c\/h2\u003e\n  \u003cp class=\"section-sub fade-up\"\u003eInteractive water features that spark joy and curiosity\u003c\/p\u003e\n\n  \u003cdiv class=\"features-grid\"\u003e\n    \u003cdiv class=\"feature-card fade-up\"\u003e\n      \u003cspan class=\"card-emoji\"\u003e🐵\u003c\/span\u003e\n      \u003ch3\u003eSpinning Monkey Eyes\u003c\/h3\u003e\n      \u003cp\u003eWater gravity makes the eyes and stars rotate in a playful dance\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card fade-up\" style=\"transition-delay:0.1s\"\u003e\n      \u003cspan class=\"card-emoji\"\u003e💦\u003c\/span\u003e\n      \u003ch3\u003eWater Spout Mouth\u003c\/h3\u003e\n      \u003cp\u003eThe monkey's mouth spits water for endless giggles\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card fade-up\" style=\"transition-delay:0.2s\"\u003e\n      \u003cspan class=\"card-emoji\"\u003e🌊\u003c\/span\u003e\n      \u003ch3\u003eWaterfall Pipes\u003c\/h3\u003e\n      \u003cp\u003eMultiple pipe outlets create a beautiful cascading waterfall\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"feature-card fade-up\" style=\"transition-delay:0.3s\"\u003e\n      \u003cspan class=\"card-emoji\"\u003e🎡\u003c\/span\u003e\n      \u003ch3\u003eSpinning Windmill\u003c\/h3\u003e\n      \u003cp\u003eThe water flow drives a windmill that spins round and round\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- Wave bottom --\u003e\n\u003csvg class=\"wave-bottom\" viewbox=\"0 0 1440 60\" preserveaspectratio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n  \u003cpath d=\"M0,0 L1440,0 L1440,20 C1080,60 720,0 360,40 C180,55 60,30 0,40 Z\" fill=\"#F0FAFF\"\u003e\u003c\/path\u003e\n\u003c\/svg\u003e\n\n\u003c!-- Gallery Row --\u003e\n\u003cdiv style=\"padding-top:40px; padding-bottom:20px; background: var(--cream);\"\u003e\n  \u003cdiv class=\"gallery-row\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/IMG_8349_JPG.jpg?v=1775657343\" alt=\"Bath toy view 1\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/IMG_8343_JPG.jpg?v=1775657343\" alt=\"Bath toy view 2\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/IMG_8345_JPG.jpg?v=1775657343\" alt=\"Bath toy view 3\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/IMG_8349_JPG.jpg?v=1775657343\" alt=\"Bath toy view 4\"\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- Splash Section --\u003e\n\u003csection class=\"splash-section\"\u003e\n  \u003ch2 class=\"section-title fade-up\"\u003ePour. Watch. Giggle. Repeat!\u003c\/h2\u003e\n  \u003cp class=\"section-sub fade-up\"\u003eA simple concept that creates endless entertainment. Just pour water in and let the magic unfold — your baby will be captivated for the entire bath time!\u003c\/p\u003e\n\n  \u003cdiv class=\"splash-features fade-up\"\u003e\n    \u003cdiv class=\"splash-feat\"\u003e\n      \u003cspan class=\"feat-emoji\"\u003e👀\u003c\/span\u003e\n      \u003cspan class=\"feat-label\"\u003eSpinning Eyes\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"splash-feat\"\u003e\n      \u003cspan class=\"feat-emoji\"\u003e💧\u003c\/span\u003e\n      \u003cspan class=\"feat-label\"\u003eWater Spout\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"splash-feat\"\u003e\n      \u003cspan class=\"feat-emoji\"\u003e🌈\u003c\/span\u003e\n      \u003cspan class=\"feat-label\"\u003eColorful Design\u003c\/span\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"splash-feat\"\u003e\n      \u003cspan class=\"feat-emoji\"\u003e🎶\u003c\/span\u003e\n      \u003cspan class=\"feat-label\"\u003eJoyful Play\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003ca href=\"https:\/\/www.hiend.ae\/products\/baby-bath-toy\" class=\"splash-cta\"\u003e\n    🛁 Get Yours Now\n  \u003c\/a\u003e\n\u003c\/section\u003e\n\n\u003c!-- Safety Strip --\u003e\n\u003cdiv class=\"safety-strip\"\u003e\n  \u003cdiv class=\"safety-item fade-up\"\u003e\n    \u003cdiv class=\"s-icon\"\u003e🛡️\u003c\/div\u003e\n    \u003ch4\u003eChild-Safe Materials\u003c\/h4\u003e\n    \u003cp\u003eMade from non-toxic, BPA-free materials safe for babies\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"safety-item fade-up\" style=\"transition-delay:0.1s\"\u003e\n    \u003cdiv class=\"s-icon\"\u003e🔧\u003c\/div\u003e\n    \u003ch4\u003eEasy to Install\u003c\/h4\u003e\n    \u003cp\u003eSuction cups attach securely to any bathtub wall\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"safety-item fade-up\" style=\"transition-delay:0.2s\"\u003e\n    \u003cdiv class=\"s-icon\"\u003e🎨\u003c\/div\u003e\n    \u003ch4\u003eBright Colors\u003c\/h4\u003e\n    \u003cp\u003eVivid colors stimulate visual development and learning\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"safety-item fade-up\" style=\"transition-delay:0.3s\"\u003e\n    \u003cdiv class=\"s-icon\"\u003e💯\u003c\/div\u003e\n    \u003ch4\u003eQuality Guaranteed\u003c\/h4\u003e\n    \u003cp\u003eDurable design built to last through countless bath times\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003chr class=\"wave-divider\"\u003e\n\n\u003c!-- Final CTA --\u003e\n\u003csection class=\"final-cta\"\u003e\n  \u003ch2 class=\"section-title fade-up\"\u003eMake Bath Time the Best Time 🛁\u003c\/h2\u003e\n  \u003cp class=\"section-sub fade-up\"\u003eThe perfect toy for babies and toddlers who need a little extra fun in the tub. Happy baby, happy parent!\u003c\/p\u003e\n  \u003ca href=\"https:\/\/www.hiend.ae\/products\/baby-bath-toy\" class=\"hero-cta fade-up\" style=\"transition-delay:0.2s\"\u003e\n    🫧 Order Now\n  \u003c\/a\u003e\n\u003c\/section\u003e\n\n\n\u003cscript\u003e\n\/\/ Intersection Observer for fade-up animations\nconst observer = new IntersectionObserver((entries) =\u003e {\n  entries.forEach(entry =\u003e {\n    if (entry.isIntersecting) {\n      entry.target.classList.add('visible');\n    }\n  });\n}, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n\ndocument.querySelectorAll('.fade-up').forEach(el =\u003e observer.observe(el));\n\n\/\/ Generate floating bubbles in hero\nconst hero = document.querySelector('.hero');\nfor (let i = 0; i \u003c 18; i++) {\n  const b = document.createElement('div');\n  b.className = 'bubble';\n  const size = 8 + Math.random() * 30;\n  b.style.width = size + 'px';\n  b.style.height = size + 'px';\n  b.style.left = Math.random() * 100 + '%';\n  b.style.bottom = '-' + (Math.random() * 20) + 'px';\n  b.style.animationDuration = (4 + Math.random() * 6) + 's';\n  b.style.animationDelay = (Math.random() * 5) + 's';\n  hero.appendChild(b);\n}\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Hiend Kids","offers":[{"title":"Default Title","offer_id":48626000593146,"sku":"HI199114BBT8","price":59.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0667\/0483\/4810\/files\/Generated_Image_April_08_2026_-_6_06PM.jpg?v=1775657254","url":"https:\/\/www.hiend.ae\/ar\/products\/baby-bath-toy","provider":"Hiend Kids ","version":"1.0","type":"link"}