{"product_id":"formafit™-whey-protein-container-keychain","title":"FORMAFIT™ Whey Protein Container Keychain","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=Montserrat:wght@400;600;700;900\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        :root {\n            --primary-gold: #ffcc00;\n            --brand-red: #cc0000;\n            --premium-black: #0b0b0d;\n            --card-bg: #141418;\n            --text-light: #f9fafb;\n            --text-muted: #a1a1aa;\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        @keyframes fadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        \/* Container Stack *\/\n        .product-section {\n            max-width: 1250px;\n            margin: 0 auto;\n            padding: 5rem 2rem;\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 5rem;\n            align-items: center;\n            animation: fadeInUp 0.8s ease-out;\n        }\n\n        @media (max-width: 968px) {\n            .product-section {\n                grid-template-columns: 1fr;\n                padding: 2rem 1.5rem;\n                gap: 3rem;\n            }\n        }\n\n        \/* Image Display \u0026 Luxury Glow Frame *\/\n        .image-container {\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .image-frame {\n            position: relative;\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n            background: #fff;\n            padding: 20px;\n        }\n\n        .image-frame:hover {\n            transform: scale(1.02) translateY(-5px);\n        }\n\n        .ambient-glow {\n            position: absolute;\n            width: 130%;\n            height: 130%;\n            background: radial-gradient(circle, rgba(204, 0, 0, 0.15) 0%, rgba(0,0,0,0) 65%);\n            z-index: -1;\n            animation: slowPulse 6s infinite alternate ease-in-out;\n        }\n\n        @keyframes slowPulse {\n            0% { transform: scale(0.95); opacity: 0.5; }\n            100% { transform: scale(1.05); opacity: 1; }\n        }\n\n        .hero-img {\n            width: 100%;\n            max-width: 500px;\n            display: block;\n            margin: 0 auto;\n            object-fit: cover;\n        }\n\n        \/* High-Converting Sales Copy Stack *\/\n        .sales-details {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .premium-tag {\n            font-family: 'Montserrat', sans-serif;\n            text-transform: uppercase;\n            font-weight: 700;\n            font-size: 0.8rem;\n            letter-spacing: 4px;\n            color: var(--primary-gold);\n            margin-bottom: 0.75rem;\n        }\n\n        .product-heading {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 3rem;\n            font-weight: 900;\n            line-height: 1.15;\n            margin-bottom: 1.25rem;\n            background: linear-gradient(135deg, #ffffff 40%, #a1a1aa 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        @media (max-width: 480px) {\n            .product-heading { font-size: 2.2rem; }\n        }\n\n        \/* Social Proof \u0026 Urgency Engineering *\/\n        .trust-metrics {\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            gap: 1.5rem;\n            margin-bottom: 1.75rem;\n            font-size: 0.9rem;\n        }\n\n        .stars { color: #f59e0b; font-weight: 700; display: flex; align-items: center; gap: 4px; }\n        \n        .scarcity-pill {\n            color: #ef4444;\n            background: rgba(239, 68, 68, 0.12);\n            padding: 4px 12px;\n            border-radius: 9999px;\n            font-weight: 600;\n            font-size: 0.8rem;\n            border: 1px solid rgba(239, 68, 68, 0.2);\n            animation: subtleBlink 2s infinite ease-in-out;\n        }\n\n        @keyframes subtleBlink {\n            0%, 100% { opacity: 1; }\n            50% { opacity: 0.6; }\n        }\n\n        .pricing-tier {\n            display: flex;\n            align-items: baseline;\n            gap: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .price-now {\n            font-size: 2.5rem;\n            font-weight: 700;\n            font-family: 'Montserrat', sans-serif;\n            color: #fff;\n        }\n\n        .price-before {\n            font-size: 1.5rem;\n            color: var(--text-muted);\n            text-decoration: line-through;\n        }\n\n        \/* Action Engine: Premium Shimmer Button *\/\n        .checkout-cta {\n            position: relative;\n            background: linear-gradient(135deg, #cc0000 0%, #ff3333 50%, #cc0000 100%);\n            background-size: 200% auto;\n            color: #fff;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 900;\n            font-size: 1.25rem;\n            text-transform: uppercase;\n            letter-spacing: 1.5px;\n            padding: 1.3rem 3rem;\n            border: none;\n            border-radius: 14px;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            box-shadow: 0 12px 24px rgba(204, 0, 0, 0.3);\n            text-align: center;\n            text-decoration: none;\n            animation: fluidShimmer 3s infinite linear;\n        }\n\n        @keyframes fluidShimmer {\n            0% { background-position: 0% 50%; }\n            50% { background-position: 100% 50%; }\n            100% { background-position: 0% 50%; }\n        }\n\n        .checkout-cta:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 18px 36px rgba(204, 0, 0, 0.5);\n        }\n\n        .security-note {\n            text-align: center;\n            font-size: 0.8rem;\n            color: var(--text-muted);\n            margin-top: 1.25rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 6px;\n        }\n\n        \/* Benefits Blueprint Section *\/\n        .benefits-grid-section {\n            background: linear-gradient(180deg, var(--premium-black) 0%, #0e0e12 100%);\n            padding: 6rem 2rem;\n            border-top: 1px solid rgba(255, 255, 255, 0.04);\n        }\n\n        .benefits-header {\n            text-align: center;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 2.5rem;\n            font-weight: 800;\n            margin-bottom: 4.5rem;\n        }\n\n        .grid-layout {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 2.5rem;\n        }\n\n        .benefit-item {\n            background-color: var(--card-bg);\n            padding: 3rem 2rem;\n            border-radius: 20px;\n            border: 1px solid rgba(255, 255, 255, 0.02);\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .benefit-item:hover {\n            transform: translateY(-6px);\n            border-color: rgba(204, 0, 0, 0.3);\n            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);\n        }\n\n        .item-badge {\n            font-size: 2.2rem;\n            margin-bottom: 1.5rem;\n            display: inline-block;\n        }\n\n        .benefit-item h3 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 1.4rem;\n            margin-bottom: 1rem;\n            color: #fff;\n        }\n\n        .benefit-item p {\n            color: var(--text-muted);\n            font-size: 0.98rem;\n            line-height: 1.6;\n        }\n    \u003c\/style\u003e\n\u003csection class=\"product-section\"\u003e\n\u003cdiv class=\"image-container\"\u003e\n\u003cdiv class=\"ambient-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"image-frame\"\u003e\u003cimg class=\"hero-img\" alt=\"Miniature Protein Powder Bottle Keychain\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sales-details\"\u003e\n\u003cspan class=\"premium-tag\"\u003eElite Fitness Gear\u003c\/span\u003e\n\u003ch1 class=\"product-heading\"\u003eThe Miniature 1-Scoop Protein Container Keychain\u003c\/h1\u003e\n\u003cdiv class=\"trust-metrics\"\u003e\n\u003cspan class=\"stars\"\u003e★★★★★ \u003cspan style=\"color: var(--text-light); font-weight: 500; margin-left: 4px;\"\u003e4.9 (312 Reviews)\u003c\/span\u003e\u003c\/span\u003e \u003cspan class=\"scarcity-pill\"\u003e🔥 Low Stock: Only 18 Keychains Left Today\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pricing-tier\"\u003e\u003cspan class=\"price-now\"\u003eR99.99\u003c\/span\u003e\u003c\/div\u003e\n\u003cp style=\"color: var(--text-muted); margin-bottom: 2.5rem; font-size: 1.05rem;\"\u003eNever get caught without your fuel. This premium, heavy-duty miniature supplement bottle features a dual-cap layout—unscrew the top to fill seamlessly, or open the bottom funnel to pour cleanly into any shaker block. Perfect for pre-workout, BCAAs, or your exact 1-scoop protein boost.\u003c\/p\u003e\n\u003cbutton class=\"checkout-cta\"\u003eSecure My Fuel Stack\u003c\/button\u003e\n\u003cdiv class=\"security-note\"\u003e🛡️ 256-Bit SSL Encrypted Checkout | Tracked Global Shipping\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"benefits-grid-section\"\u003e\n\u003ch2 class=\"benefits-header\"\u003eEngineered For The Anabolic Window\u003c\/h2\u003e\n\u003cdiv class=\"grid-layout\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cspan class=\"item-badge\"\u003e⚡\u003c\/span\u003e\n\u003ch3\u003eFuel Anywhere, Anytime\u003c\/h3\u003e\n\u003cp\u003eFits an exact full scoop of your favorite protein, pre-workout, or post-workout powder. Keep your dry supplements securely attached to your gym bag or car keys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cspan class=\"item-badge\"\u003e🎛️\u003c\/span\u003e\n\u003ch3\u003ePatented Dual-Opening Layout\u003c\/h3\u003e\n\u003cp\u003eFeatures an easy top-fill design to easily pack your scoop without messes, paired with an integrated bottom funnel that pours perfectly into thin water bottle necks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cspan class=\"item-badge\"\u003e🔒\u003c\/span\u003e\n\u003ch3\u003eAir-Tight \u0026amp; Leak-Proof\u003c\/h3\u003e\n\u003cp\u003eEquipped with highly tight secure seals and a rugged aluminum carabiner attachment to ensure your expensive powders never spill inside your pockets or bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"FORMAFIT™","offers":[{"title":"Default Title","offer_id":45381513183329,"sku":null,"price":99.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/4861\/9873\/files\/protein-keychain-with-formafit-box.png?v=1782309458","url":"https:\/\/formafit.co.za\/products\/formafit%e2%84%a2-whey-protein-container-keychain","provider":"FORMAFIT™ ","version":"1.0","type":"link"}