{"product_id":"ripsurf","title":"RipSurf","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cbr\u003e\u003cimg style=\"width: 60%; height: auto;\" alt=\"Ripsurf\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0946\/0288\/7497\/files\/RipSurf_Logo.png?v=1763991484\"\u003e\u003c\/p\u003e\n\u003cp class=\"p1\"\u003eRipSurf–Caster Board with 360-Degree Wheels (Ages 8+)\u003c\/p\u003e\n\u003cstyle\u003e\n  .info-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n    margin-top: 20px;\n    padding: 20px;\n    background-color: #ffffff;\n    border-radius: 0px;\n    font-family: Arial, sans-serif;\n  }\n\n  .info-grid-item {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start; \/* \u003c-- Left-align everything *\/\n    text-align: left;\n    gap: 0px;\n    opacity: 0;\n    transform: translateY(20px);\n    animation: fadeSlideUp 0.8s ease forwards;\n  }\n\n  .info-grid-item:nth-child(1) {\n    animation-delay: 0.2s;\n  }\n\n  .info-grid-item:nth-child(2) {\n    animation-delay: 0.4s;\n  }\n\n  .info-grid-item:nth-child(3) {\n    animation-delay: 0.6s;\n  }\n\n  .info-grid-item:nth-child(4) {\n    animation-delay: 0.8s;\n  }\n\n  .info-top {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start; \/* \u003c-- Left-align icon and title *\/\n    gap: 5px;\n  }\n\n  .info-top img {\n    width: 20px;\n    height: 21px;\n  }\n\n  .info-title {\n    font-weight: bold;\n    font-size: 14px;\n  }\n\n  .info-value {\n    font-size: 12px;\n    color: #555;\n  }\n\n  @media (max-width: 1024px) {\n    .info-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @keyframes fadeSlideUp {\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"info-grid\"\u003e\n\u003cdiv class=\"info-grid-item\"\u003e\n\u003cdiv class=\"info-top\"\u003e\n\u003cimg alt=\"Ages Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0946\/0288\/7497\/files\/red-facepng.png?v=1745918854\"\u003e\n\u003cdiv class=\"info-title\"\u003eAges\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-value\"\u003e8+\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-grid-item\"\u003e\n\u003cdiv class=\"info-top\"\u003e\n\u003cimg alt=\"Weight Icon\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0946\/0288\/7497\/files\/red-weight.png?v=1745919040\"\u003e\n\u003cdiv class=\"info-title\"\u003eMax Weight\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"info-value\"\u003e100 kg\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Razor Video Template --\u003e\n\u003cstyle\u003e\n  .product-video-container {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    margin: auto;\n    max-width: 800px;\n  }\n\n  .product-video-container video {\n    border-radius: 25px;\n    width: 100%;\n    display: block;\n  }\n\n  .mute-button {\n    position: absolute;\n    bottom: 20px;\n    right: 20px;\n    background: rgba(0, 0, 0, 0.6);\n    color: white;\n    border: none;\n    padding: 10px 15px;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 14px;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-video-container\"\u003e\n\u003cvideo id=\"productVideo\" autoplay=\"autoplay\" muted=\"\" playsinline=\"\" loop=\"loop\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f22669ec44fa4d9e9779694a381e6135.mp4\" type=\"video\/mp4\"\u003e\n    Your browser does not support the video tag.\n  \u003c\/source\u003e\u003c\/video\u003e \u003cbutton class=\"mute-button\" id=\"muteToggle\"\u003eUnmute\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n  const video = document.getElementById('productVideo');\n  const muteButton = document.getElementById('muteToggle');\n\n  muteButton.addEventListener('click', () =\u003e {\n    video.muted = !video.muted;\n    muteButton.textContent = video.muted ? 'Unmute' : 'Mute';\n  });\n\u003c\/script\u003e \u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Razor EMEA","offers":[{"title":"Default Title","offer_id":52789039628617,"sku":"15073390","price":99.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/0288\/7497\/files\/RipSurf_CMYK_Product3.png?v=1755014023","url":"https:\/\/razoremea.com\/no-je\/products\/ripsurf","provider":"Razor EMEA","version":"1.0","type":"link"}