{"title":"Home page","description":null,"products":[{"product_id":"corevelox-adjustable-waist-back-support-belt-for-better-posture","title":"Corevelox™ Posture Support Belt","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@300;400;600;700;800\u0026amp;family=Space+Grotesk:wght@500;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  :root {\n    --bg-dark: #07090e;\n    --card-bg: rgba(18, 20, 32, 0.7);\n    --purple-primary: #8b5cf6;\n    --purple-glow: #a855f7;\n    --cyan-primary: #38bdf8;\n    --cyan-glow: #06b6d4;\n    --text-main: #f8fafc;\n    --text-muted: #94a3b8;\n    --border-color: rgba(139, 92, 246, 0.25);\n  }\n\n  * {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  body {\n    background-color: var(--bg-dark);\n    color: var(--text-main);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 100vh;\n    padding: 20px;\n    background-image: \n      radial-gradient(circle at 10% 20%, rgba(139, 92, 246, 0.15) 0%, transparent 40%),\n      radial-gradient(circle at 90% 80%, rgba(56, 189, 248, 0.15) 0%, transparent 40%);\n  }\n\n  .container {\n    max-width: 1100px;\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n    background: var(--card-bg);\n    border: 1px solid var(--border-color);\n    border-radius: 28px;\n    padding: 40px;\n    backdrop-filter: blur(20px);\n    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 40px rgba(139, 92, 246, 0.1);\n  }\n\n  @media (max-width: 868px) {\n    .container { grid-template-columns: 1fr; padding: 24px; gap: 30px; }\n  }\n\n  \/* Left Side - Visual Showcase *\/\n  .visual-card {\n    position: relative;\n    border-radius: 20px;\n    background: linear-gradient(145deg, rgba(20, 22, 38, 0.8), rgba(10, 12, 20, 0.9));\n    border: 1px solid rgba(56, 189, 248, 0.2);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 30px 20px;\n    overflow: hidden;\n  }\n\n  .badge-tag {\n    position: absolute;\n    top: 20px;\n    left: 20px;\n    background: linear-gradient(135deg, var(--purple-primary), var(--cyan-primary));\n    color: #fff;\n    font-weight: 700;\n    font-size: 0.75rem;\n    padding: 6px 14px;\n    border-radius: 50px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4);\n  }\n\n  .product-img-wrap {\n    width: 100%;\n    max-width: 360px;\n    position: relative;\n    margin: 20px 0;\n    filter: drop-shadow(0 15px 30px rgba(139, 92, 246, 0.3));\n    transition: transform 0.5s ease;\n  }\n\n  .product-img-wrap:hover {\n    transform: scale(1.03) translateY(-5px);\n  }\n\n  .product-img-wrap img {\n    width: 100%;\n    border-radius: 16px;\n    display: block;\n  }\n\n  \/* Hotspot Pins *\/\n  .hotspot {\n    position: absolute;\n    width: 24px;\n    height: 24px;\n    background: var(--cyan-primary);\n    border-radius: 50%;\n    cursor: pointer;\n    border: 3px solid #fff;\n    box-shadow: 0 0 15px var(--cyan-glow);\n    animation: pulsePin 2s infinite;\n  }\n\n  @keyframes pulsePin {\n    0% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0.7); }\n    70% { box-shadow: 0 0 0 12px rgba(56, 189, 248, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(56, 189, 248, 0); }\n  }\n\n  .pin-1 { top: 30%; right: 15%; }\n  .pin-2 { bottom: 25%; left: 15%; }\n\n  .hotspot-tooltip {\n    position: absolute;\n    background: rgba(10, 12, 20, 0.95);\n    border: 1px solid var(--purple-primary);\n    color: var(--text-main);\n    padding: 8px 12px;\n    border-radius: 8px;\n    font-size: 0.75rem;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.3s ease;\n    transform: translateY(10px);\n    z-index: 10;\n  }\n\n  .hotspot:hover + .hotspot-tooltip {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* Right Side - Details *\/\n  .details-col {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .brand-title {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 0.85rem;\n    letter-spacing: 2px;\n    color: var(--cyan-primary);\n    text-transform: uppercase;\n    margin-bottom: 8px;\n  }\n\n  h1 {\n    font-size: 2rem;\n    font-weight: 800;\n    line-height: 1.2;\n    background: linear-gradient(135deg, #ffffff 40%, var(--text-muted));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    margin-bottom: 16px;\n  }\n\n  .description {\n    color: var(--text-muted);\n    font-size: 0.95rem;\n    line-height: 1.6;\n    margin-bottom: 24px;\n  }\n\n  \/* Feature Icons Grid *\/\n  .features-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 24px;\n  }\n\n  .feature-item {\n    background: rgba(139, 92, 246, 0.08);\n    border: 1px solid rgba(139, 92, 246, 0.2);\n    padding: 12px 14px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 0.85rem;\n    color: var(--text-main);\n    transition: all 0.3s ease;\n  }\n\n  .feature-item:hover {\n    background: rgba(139, 92, 246, 0.15);\n    border-color: var(--purple-primary);\n    transform: translateY(-2px);\n  }\n\n  .feature-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Selector Labels *\/\n  .label-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: 10px;\n    font-size: 0.85rem;\n    font-weight: 600;\n  }\n\n  .size-guide-btn {\n    color: var(--cyan-primary);\n    cursor: pointer;\n    text-decoration: underline;\n    font-size: 0.8rem;\n  }\n\n  \/* Size Selector Pills *\/\n  .size-options {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 28px;\n  }\n\n  .size-btn {\n    flex: 1;\n    padding: 12px;\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 10px;\n    color: var(--text-main);\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    text-align: center;\n  }\n\n  .size-btn:hover {\n    border-color: var(--cyan-primary);\n    background: rgba(56, 189, 248, 0.05);\n  }\n\n  .size-btn.active {\n    background: linear-gradient(135deg, rgba(139, 92, 246, 0.3), rgba(56, 189, 248, 0.3));\n    border-color: var(--purple-glow);\n    box-shadow: 0 0 15px rgba(139, 92, 246, 0.3);\n    color: #fff;\n  }\n\n  \/* Animated CTA Button *\/\n  .cta-btn {\n    width: 100%;\n    padding: 18px;\n    border: none;\n    border-radius: 14px;\n    background: linear-gradient(135deg, var(--purple-primary), var(--cyan-primary));\n    color: #ffffff;\n    font-size: 1rem;\n    font-weight: 800;\n    letter-spacing: 0.5px;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 25px rgba(139, 92, 246, 0.4);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .cta-btn:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 15px 35px rgba(56, 189, 248, 0.5);\n  }\n\n  .cta-btn::after {\n    content: '';\n    position: absolute;\n    top: -50%;\n    left: -50%;\n    width: 200%;\n    height: 200%;\n    background: linear-gradient(60deg, transparent, rgba(255, 255, 255, 0.25), transparent);\n    transform: rotate(30deg);\n    transition: 0.8s;\n  }\n\n  .cta-btn:hover::after {\n    left: 100%;\n  }\n\n  \/* Modal *\/\n  .modal-overlay {\n    position: fixed;\n    top: 0; left: 0; width: 100%; height: 100%;\n    background: rgba(0, 0, 0, 0.8);\n    backdrop-filter: blur(8px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    pointer-events: none;\n    transition: all 0.3s ease;\n    z-index: 100;\n  }\n\n  .modal-overlay.active {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  .modal-box {\n    background: var(--bg-dark);\n    border: 1px solid var(--purple-primary);\n    padding: 30px;\n    border-radius: 20px;\n    max-width: 450px;\n    width: 90%;\n    position: relative;\n  }\n\n  .close-modal {\n    position: absolute;\n    top: 15px; right: 15px;\n    color: var(--text-muted);\n    cursor: pointer;\n    font-size: 1.2rem;\n  }\n\n  .size-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 15px;\n  }\n\n  .size-table th, .size-table td {\n    padding: 10px;\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    text-align: center;\n    font-size: 0.85rem;\n  }\n\n  .size-table th {\n    background: rgba(139, 92, 246, 0.2);\n    color: var(--cyan-primary);\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"container\"\u003e\n\u003c!-- Visual Column --\u003e\n\u003cdiv class=\"visual-card\"\u003e\n\u003cdiv class=\"badge-tag\"\u003eCoreVelox Series\u003c\/div\u003e\n\u003cdiv class=\"product-img-wrap\"\u003e\u003cimg src=\"https:\/\/images.unsplash.com\/photo-1518310383802-640c2de311b2?auto=format\u0026amp;fit=crop\u0026amp;w=800\u0026amp;q=80\" alt=\"Zipper Waist Trimmer\" style=\"width: 308.8px;\"\u003e\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"product-img-wrap\"\u003e\n\u003cdiv class=\"hotspot pin-1\"\u003e\u003cspan style=\"background-color: rgba(10, 12, 20, 0.95); color: rgb(248, 250, 252); font-size: 0.75rem; white-space: nowrap;\"\u003eZip-Front \u0026amp; Double Strap\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"hotspot pin-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"hotspot-tooltip\" style=\"bottom: 20%; left: 25%;\"\u003eBreathable Compression Mesh\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Details Column --\u003e\n\u003cdiv class=\"details-col\"\u003e\n\u003cdiv class=\"brand-title\"\u003eCoreVelox Fitness\u003c\/div\u003e\n\u003ch1\u003eZipper Waist Trimmer \u0026amp; Support Belt\u003c\/h1\u003e\n\u003cp class=\"description\"\u003eFeel supported as you move. Designed to support your waist and back through your daily routine, encouraging posture correction and maximum confidence.\u003c\/p\u003e\n\u003c!-- Features --\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🔒\u003c\/span\u003e \u003cspan\u003eCustom Double-Belt Fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🌬️\u003c\/span\u003e \u003cspan\u003eBreathable Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e🙌\u003c\/span\u003e \u003cspan\u003eUnisex Ergonomics\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cspan class=\"feature-icon\"\u003e💪\u003c\/span\u003e \u003cspan\u003eCore \u0026amp; Spine Support\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Size Selector --\u003e\n\u003cdiv class=\"label-header\"\u003e\n\u003cspan\u003eSELECT SIZE: \u003cstrong id=\"selected-size-text\" style=\"color: var(--cyan-primary);\"\u003eMEDIUM\u003c\/strong\u003e\u003c\/span\u003e \u003cspan class=\"size-guide-btn\"\u003eSize Guide\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"size-options\"\u003e\n\u003cdiv class=\"size-btn\"\u003eS\u003c\/div\u003e\n\u003cdiv class=\"size-btn active\"\u003eM\u003c\/div\u003e\n\u003cdiv class=\"size-btn\"\u003eL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA Button (Price Removed) --\u003e \u003cbutton class=\"cta-btn\"\u003e \u003cspan\u003eADD TO CART\u003c\/span\u003e \u003csvg width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M5 12h14M12 5l7 7-7 7\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Size Modal --\u003e\n\u003cdiv class=\"modal-overlay\" id=\"sizeModal\"\u003e\n\u003cdiv class=\"modal-box\"\u003e\n\u003cspan class=\"close-modal\"\u003e×\u003c\/span\u003e\n\u003ch3 style=\"color: var(--text-main); font-size: 1.1rem; margin-bottom: 10px;\"\u003eSize Chart Guide\u003c\/h3\u003e\n\u003cp style=\"color: var(--text-muted); font-size: 0.8rem;\"\u003eSelect the correct size based on your natural waist measurement.\u003c\/p\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eWaist (Inches)\u003c\/th\u003e\n\u003cth\u003eWaist (cm)\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSmall\u003c\/td\u003e\n\u003ctd\u003e26\" - 30\"\u003c\/td\u003e\n\u003ctd\u003e66 - 76 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMedium\u003c\/td\u003e\n\u003ctd\u003e30\" - 34\"\u003c\/td\u003e\n\u003ctd\u003e76 - 86 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLarge\u003c\/td\u003e\n\u003ctd\u003e34\" - 38\"\u003c\/td\u003e\n\u003ctd\u003e86 - 96 cm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"CORE VELOX","offers":[{"title":"Default Title","offer_id":44312885690427,"sku":null,"price":699.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0698\/7114\/0923\/files\/refined-product-image-preview_2.png?v=1790530289"}],"url":"https:\/\/corevelox.co.za\/collections\/frontpage.oembed","provider":"CORE VELOX","version":"1.0","type":"link"}