{"product_id":"formafit™-weight-plate-keychains","title":"FORMAFIT™ Weight Plate Keychains","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003c!-- Google Fonts for Premium Typography --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --primary-gold: #d4af37;\n            --premium-black: #0f0f11;\n            --card-bg: #1a1a1e;\n            --text-light: #f3f4f6;\n            --text-muted: #9ca3af;\n            \n            \/* Plate Colors matching original images *\/\n            --plate-orange: #ff5722;\n            --plate-black: #242424;\n            --plate-pink: #ff4081;\n            --plate-green: #2ecc71;\n            --plate-purple: #9b59b6;\n            --plate-blue: #2980b9;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: var(--premium-black);\n            color: var(--text-light);\n            line-height: 1.6;\n            overflow-x: hidden;\n        }\n\n        \/* Hero Section *\/\n        .product-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 4rem 2rem;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n        }\n\n        @media (max-width: 768px) {\n            .product-container {\n                grid-template-columns: 1fr;\n                padding: 2rem 1rem;\n                gap: 2rem;\n            }\n        }\n\n        \/* Image Gallery \u0026 Premium Glow Animation *\/\n        .image-showcase {\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .main-image-wrapper {\n            position: relative;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);\n            border: 1px solid rgba(255, 255, 255, 0.05);\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n\n        .main-image-wrapper:hover {\n            transform: scale(1.02);\n        }\n\n        \/* Ambient glow backing the premium display *\/\n        .ambient-glow {\n            position: absolute;\n            width: 120%;\n            height: 120%;\n            background: radial-gradient(circle, rgba(212,175,55,0.15) 0%, rgba(0,0,0,0) 70%);\n            z-index: -1;\n            animation: pulseGlow 4s infinite alternate;\n        }\n\n        @keyframes pulseGlow {\n            0% { transform: scale(0.9); opacity: 0.6; }\n            100% { transform: scale(1.1); opacity: 1; }\n        }\n\n        .product-img {\n            width: 100%;\n            display: block;\n            object-fit: cover;\n        }\n\n        \/* Product Details \u0026 Copy *\/\n        .product-details {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .brand-badge {\n            font-family: 'Montserrat', sans-serif;\n            text-transform: uppercase;\n            font-weight: 700;\n            font-size: 0.85rem;\n            letter-spacing: 3px;\n            color: var(--primary-gold);\n            margin-bottom: 0.5rem;\n        }\n\n        .product-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 2.8rem;\n            font-weight: 800;\n            line-height: 1.1;\n            margin-bottom: 1rem;\n            background: linear-gradient(135deg, #ffffff 0%, #a3a3a3 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        \/* Urgency \u0026 Social Proof Bar *\/\n        .conversion-bar {\n            display: flex;\n            align-items: center;\n            gap: 1.5rem;\n            margin-bottom: 1.5rem;\n            font-size: 0.9rem;\n        }\n\n        .rating { color: #ffbc0b; font-weight: bold; }\n        .stock-tag {\n            color: #ef4444;\n            background: rgba(239, 68, 68, 0.1);\n            padding: 2px 8px;\n            border-radius: 4px;\n            font-weight: 600;\n            animation: blink 1.5s infinite;\n        }\n\n        @keyframes blink {\n            50% { opacity: 0.5; }\n        }\n\n        .price-wrapper {\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .current-price {\n            font-size: 2.2rem;\n            font-weight: 700;\n            font-family: 'Montserrat', sans-serif;\n        }\n\n        .original-price {\n            font-size: 1.4rem;\n            color: var(--text-muted);\n            text-decoration: line-through;\n        }\n\n        \/* Interactive Color Selector *\/\n        .color-selector-label {\n            font-weight: 600;\n            margin-bottom: 0.75rem;\n            font-size: 0.95rem;\n        }\n\n        .color-options {\n            display: flex;\n            gap: 0.75rem;\n            margin-bottom: 2.5rem;\n        }\n\n        .color-dot {\n            width: 35px;\n            height: 35px;\n            border-radius: 50%;\n            cursor: pointer;\n            border: 2px solid transparent;\n            transition: all 0.3s ease;\n            box-shadow: inset 0 0 5px rgba(0,0,0,0.3);\n        }\n\n        .color-dot:hover { transform: translateY(-3px); }\n        .color-dot.active { border-color: var(--text-light); transform: scale(1.1); }\n\n        \/* Premium CTA Button with Animated Gradient *\/\n        .cta-btn {\n            background: linear-gradient(135deg, #d4af37 0%, #f3e5ab 50%, #aa7c11 100%);\n            background-size: 200% auto;\n            color: #000;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 1.2rem;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            padding: 1.2rem 2.5rem;\n            border: none;\n            border-radius: 12px;\n            cursor: pointer;\n            transition: all 0.5s ease;\n            box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3);\n            text-align: center;\n            text-decoration: none;\n            animation: gradientMove 3s infinite;\n        }\n\n        @keyframes gradientMove {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        .cta-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 30px rgba(212, 175, 55, 0.5);\n        }\n\n        \/* Benefits Section *\/\n        .benefits-section {\n            background: linear-gradient(180deg, var(--premium-black) 0%, #141417 100%);\n            padding: 5rem 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .section-title {\n            text-align: center;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 2.2rem;\n            margin-bottom: 4rem;\n            letter-spacing: 1px;\n        }\n\n        .benefits-grid {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 2rem;\n        }\n\n        .benefit-card {\n            background-color: var(--card-bg);\n            padding: 2.5rem 2rem;\n            border-radius: 16px;\n            border: 1px solid rgba(255, 255, 255, 0.03);\n            transition: all 0.3s ease;\n            text-align: center;\n        }\n\n        .benefit-card:hover {\n            transform: translateY(-5px);\n            border-color: rgba(212, 175, 55, 0.3);\n            box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n        }\n\n        .benefit-icon {\n            font-size: 2.5rem;\n            margin-bottom: 1.5rem;\n            display: inline-block;\n        }\n\n        .benefit-card h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.3rem;\n            margin-bottom: 1rem;\n            color: #fff;\n        }\n\n        .benefit-card p {\n            color: var(--text-muted);\n            font-size: 0.95rem;\n        }\n    \u003c\/style\u003e\n\u003c!-- Hero Product Section --\u003e\n\u003csection class=\"product-container\"\u003e\u003c!-- Left: Image Gallery Showcase --\u003e\n\u003cdiv class=\"image-showcase\"\u003e\n\u003cdiv class=\"ambient-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"main-image-wrapper\"\u003e\n\u003c!-- Swaps premium render source appropriately --\u003e \u003cimg id=\"productImage\" class=\"product-img\" alt=\"Premium Weight Plate Keychain\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Right: Premium Sales \u0026 Optimization Stack --\u003e\n\u003cdiv class=\"product-details\"\u003e\n\u003cspan class=\"brand-badge\"\u003eIron Lifestyle Co.\u003c\/span\u003e\n\u003ch1 class=\"product-title\"\u003eThe Premium 45LB Weight Plate Keychain\u003c\/h1\u003e\n\u003c!-- Trust \u0026 Scarcity Elements for Higher CR% --\u003e\n\u003cdiv class=\"conversion-bar\"\u003e\n\u003cspan class=\"rating\"\u003e★★★★★ \u003cspan style=\"color: var(--text-light); margin-left: 5px;\"\u003e4.9 (142 reviews)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"stock-tag\"\u003eSelling Fast! Only 12 Left\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"price-wrapper\"\u003e\n\u003cspan class=\"current-price\"\u003eR89.99\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 2rem;\"\u003eCarry your passion wherever you go. Engineered with ultra-durable tactile polymer and high-grade black link chains, these meticulously detailed keychains are designed to mirror authentic Olympic bumper plates.\u003c\/p\u003e\n\u003c!-- Color Options Matching Your Inventory --\u003e\n\u003cdiv class=\"color-selector-label\"\u003eSelect Your Plate Variant:\u003c\/div\u003e\n\u003cdiv class=\"color-options\"\u003e\n\u003cdiv title=\"Olympic Blue\" style=\"background-color: var(--plate-blue);\" class=\"color-dot active\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv title=\"Competition Orange\" style=\"background-color: var(--plate-orange);\" class=\"color-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv title=\"Stealth Black\" style=\"background-color: var(--plate-black);\" class=\"color-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv title=\"Neon Pink\" style=\"background-color: var(--plate-pink);\" class=\"color-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv title=\"Verdent Green\" style=\"background-color: var(--plate-green);\" class=\"color-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv title=\"Royal Purple\" style=\"background-color: var(--plate-purple);\" class=\"color-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Direct Instant Checkout Action --\u003e \u003cbutton class=\"cta-btn\"\u003eClaim Your Plate Now\u003c\/button\u003e\n\u003cp style=\"text-align: center; font-size: 0.8rem; color: var(--text-muted); margin-top: 1rem;\"\u003e🔒 Secure 256-bit SSL Checkout \u0026amp; Free Shipping on orders over $35\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Value Propositions \u0026 Benefits Section --\u003e\n\u003csection class=\"benefits-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eBuilt For The Dedicated\u003c\/h2\u003e\n\u003cdiv class=\"benefits-grid\"\u003e\n\u003c!-- Benefit 1 --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🔥\u003c\/span\u003e\n\u003ch3\u003eSignal Your Dedication\u003c\/h3\u003e\n\u003cp\u003eA subtle, high-end nod to the iron game. Instantly connect with fellow lifters and fitness enthusiasts everywhere your keys go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 2 --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🛡️\u003c\/span\u003e\n\u003ch3\u003eIndestructible Build Quality\u003c\/h3\u003e\n\u003cp\u003eUnlike cheap plastics, our custom polymer blend handles daily wear, key scratches, and gym-bag drop tests without losing its vibrant color.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Benefit 3 --\u003e\n\u003cdiv class=\"benefit-card\"\u003e\n\u003cspan class=\"benefit-icon\"\u003e🎨\u003c\/span\u003e\n\u003ch3\u003eMatch Your PR Aesthetics\u003c\/h3\u003e\n\u003cp\u003eAvailable in 6 distinct colors to match your favorite gym gear, vehicle interiors, or daily mood rotation flawlessly.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Mini-Interactions Script for Micro-Animations --\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"FORMAFIT™","offers":[{"title":"Orange","offer_id":45378424012897,"sku":null,"price":89.99,"currency_code":"ZAR","in_stock":true},{"title":"Purple","offer_id":45378424045665,"sku":null,"price":89.99,"currency_code":"ZAR","in_stock":true},{"title":"Blue","offer_id":45378424078433,"sku":null,"price":89.99,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":45378424111201,"sku":null,"price":89.99,"currency_code":"ZAR","in_stock":true},{"title":"Pink","offer_id":45378424143969,"sku":null,"price":89.99,"currency_code":"ZAR","in_stock":true},{"title":"Black","offer_id":45378424176737,"sku":null,"price":89.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/4861\/9873\/files\/all-keychains-group-shot.png?v=1782308570","url":"https:\/\/formafit.co.za\/products\/formafit%e2%84%a2-weight-plate-keychains","provider":"FORMAFIT™ ","version":"1.0","type":"link"}