{"title":"Home page","description":null,"products":[{"product_id":"portable-bottle-blender-usb-rechargeable-personal-smoothie-maker","title":"Portable Bottle Blender β€” USB Rechargeable Personal Smoothie Maker","description":"\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================================\n PORTABLE BOTTLE BLENDER\n PREMIUM SHOPIFY PRODUCT DESCRIPTION\n DESKTOP + MOBILE OPTIMISED\n========================================================= *\/\n\n.blender-page {\n --purple: #7c3aed;\n --blue: #06b6d4;\n --dark: #111111;\n --grey: #666666;\n --light: #f7f7f8;\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif;\n\n color: var(--dark);\n overflow: hidden;\n}\n\n.blender-page *,\n.blender-page *::before,\n.blender-page *::after {\n box-sizing: border-box;\n}\n\n.blender-container {\n width: 100%;\n max-width: 1150px;\n margin: 0 auto;\n padding: 0 22px;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes blenderFloat {\n 0%, 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-8px);\n }\n}\n\n@keyframes blenderProductFloat {\n 0%, 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-12px) rotate(1deg);\n }\n}\n\n@keyframes blenderOrbit {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes blenderPulse {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.08);\n }\n}\n\n@keyframes blenderGradient {\n to {\n background-position: 200% center;\n }\n}\n\n\n\/* =========================================================\n GRADIENT TEXT\n========================================================= *\/\n\n.blender-gradient {\n background:\n linear-gradient(\n 90deg,\n var(--purple),\n var(--blue),\n var(--purple)\n );\n\n background-size: 200% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n -webkit-text-fill-color: transparent;\n\n animation:\n blenderGradient\n 4s\n linear\n infinite;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.blender-hero {\n position: relative;\n\n padding:\n 65px\n 20px\n 45px;\n\n text-align: center;\n\n background:\n radial-gradient(\n circle at 20% 20%,\n rgba(124, 58, 237, .10),\n transparent 30%\n ),\n\n radial-gradient(\n circle at 80% 70%,\n rgba(6, 182, 212, .10),\n transparent 30%\n ),\n\n #ffffff;\n}\n\n.blender-badge {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n gap: 8px;\n\n padding:\n 8px\n 15px;\n\n margin-bottom:\n 18px;\n\n border-radius:\n 50px;\n\n background:\n rgba(124, 58, 237, .08);\n\n color:\n #6d28d9;\n\n font-size:\n 12px;\n\n font-weight:\n 700;\n\n letter-spacing:\n .4px;\n\n animation:\n blenderFloat\n 3s\n ease-in-out\n infinite;\n}\n\n.blender-hero h1 {\n max-width:\n 850px;\n\n margin:\n 0 auto 17px;\n\n font-size:\n clamp(\n 38px,\n 6vw,\n 72px\n );\n\n line-height:\n 1.02;\n\n letter-spacing:\n -3px;\n\n font-weight:\n 800;\n}\n\n.blender-hero \u003e p {\n max-width:\n 680px;\n\n margin:\n 0 auto;\n\n color:\n var(--grey);\n\n font-size:\n 17px;\n\n line-height:\n 1.6;\n}\n\n\n\/* =========================================================\n BENEFIT PILLS\n========================================================= *\/\n\n.blender-floating-row {\n display:\n flex;\n\n justify-content:\n center;\n\n align-items:\n center;\n\n flex-wrap:\n wrap;\n\n gap:\n 10px;\n\n margin-top:\n 28px;\n}\n\n.blender-pill {\n padding:\n 10px\n 16px;\n\n border:\n 1px solid #e9e9ec;\n\n border-radius:\n 50px;\n\n background:\n #ffffff;\n\n box-shadow:\n 0 8px 25px\n rgba(0, 0, 0, .05);\n\n font-size:\n 13px;\n\n font-weight:\n 600;\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.blender-pill:hover {\n transform:\n translateY(-4px);\n\n box-shadow:\n 0 14px 30px\n rgba(124, 58, 237, .13);\n}\n\n\n\/* =========================================================\n PRODUCT FEATURE\n========================================================= *\/\n\n.blender-feature {\n padding:\n 50px\n 0;\n\n background:\n var(--light);\n}\n\n.blender-feature-grid {\n display:\n grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n align-items:\n center;\n\n gap:\n 40px;\n}\n\n\n\/* =========================================================\n PRODUCT VISUAL\n========================================================= *\/\n\n.blender-visual {\n position:\n relative;\n\n min-height:\n 420px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n}\n\n.blender-orbit {\n position:\n absolute;\n\n width:\n 345px;\n\n height:\n 345px;\n\n border-radius:\n 50%;\n\n border:\n 1px solid\n rgba(124, 58, 237, .18);\n\n animation:\n blenderOrbit\n 12s\n linear\n infinite;\n}\n\n.blender-orbit::after {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 9px;\n\n height:\n 9px;\n\n top:\n 12px;\n\n left:\n 50%;\n\n border-radius:\n 50%;\n\n background:\n var(--purple);\n\n box-shadow:\n 0 0 20px\n var(--purple);\n}\n\n\n.blender-placeholder {\n position:\n relative;\n\n width:\n 235px;\n\n height:\n 355px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n border-radius:\n 42px;\n\n background:\n linear-gradient(\n 145deg,\n #ffffff,\n #e9e9ee\n );\n\n box-shadow:\n 0 30px 60px\n rgba(0, 0, 0, .14),\n\n inset 0 0 0 1px\n rgba(255, 255, 255, .8);\n\n animation:\n blenderProductFloat\n 4s\n ease-in-out\n infinite;\n}\n\n.blender-placeholder::before {\n content:\n \"πŸ₯€\";\n\n font-size:\n 85px;\n\n filter:\n drop-shadow(\n 0 15px 15px\n rgba(0, 0, 0, .15)\n );\n}\n\n.blender-placeholder::after {\n content:\n \"\";\n\n position:\n absolute;\n\n bottom:\n 40px;\n\n font-size:\n 11px;\n\n font-weight:\n 800;\n\n letter-spacing:\n 2px;\n\n color:\n #777777;\n}\n\n\n\/* =========================================================\n YOUR SMOOTHIE\n========================================================= *\/\n\n.blender-content {\n width:\n 100%;\n\n max-width:\n 560px;\n\n margin:\n 0 auto;\n\n text-align:\n center;\n}\n\n.blender-content h2 {\n max-width:\n 520px;\n\n margin:\n 0 auto 15px;\n\n font-size:\n clamp(\n 32px,\n 4vw,\n 50px\n );\n\n line-height:\n 1.08;\n\n letter-spacing:\n -2px;\n}\n\n.blender-content \u003e p {\n max-width:\n 510px;\n\n margin:\n 0 auto 24px;\n\n color:\n var(--grey);\n\n font-size:\n 16px;\n\n line-height:\n 1.7;\n}\n\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.blender-features {\n display:\n grid;\n\n grid-template-columns:\n repeat(2, 1fr);\n\n gap:\n 12px;\n\n text-align:\n left;\n}\n\n.blender-card {\n padding:\n 17px;\n\n border:\n 1px solid\n rgba(0, 0, 0, .06);\n\n border-radius:\n 18px;\n\n background:\n rgba(255, 255, 255, .85);\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.blender-card:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 18px 35px\n rgba(0, 0, 0, .08);\n}\n\n.blender-icon {\n display:\n inline-block;\n\n margin-bottom:\n 7px;\n\n font-size:\n 23px;\n\n animation:\n blenderPulse\n 2.5s\n ease-in-out\n infinite;\n}\n\n.blender-card h3 {\n margin:\n 0 0 5px;\n\n font-size:\n 15px;\n}\n\n.blender-card p {\n margin:\n 0;\n\n color:\n #777777;\n\n font-size:\n 12.5px;\n\n line-height:\n 1.45;\n}\n\n\n\/* =========================================================\n HOW IT WORKS\n========================================================= *\/\n\n.blender-how {\n padding:\n 60px\n 0;\n\n text-align:\n center;\n}\n\n.blender-section-title {\n margin:\n 0 0 10px;\n\n font-size:\n clamp(\n 32px,\n 4vw,\n 50px\n );\n\n line-height:\n 1.1;\n\n letter-spacing:\n -2px;\n}\n\n.blender-section-subtitle {\n max-width:\n 650px;\n\n margin:\n 0 auto 38px;\n\n color:\n #777777;\n\n font-size:\n 16px;\n}\n\n.blender-steps {\n display:\n grid;\n\n grid-template-columns:\n repeat(3, 1fr);\n\n gap:\n 18px;\n}\n\n.blender-step {\n padding:\n 28px\n 22px;\n\n border:\n 1px solid\n #eeeeee;\n\n border-radius:\n 22px;\n\n background:\n #fafafa;\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.blender-step:hover {\n transform:\n translateY(-6px);\n\n box-shadow:\n 0 20px 40px\n rgba(0, 0, 0, .07);\n}\n\n.blender-number {\n width:\n 50px;\n\n height:\n 50px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n margin:\n 0 auto 15px;\n\n border-radius:\n 50%;\n\n color:\n #ffffff;\n\n font-weight:\n 800;\n\n background:\n linear-gradient(\n 135deg,\n var(--purple),\n var(--blue)\n );\n\n box-shadow:\n 0 9px 22px\n rgba(124, 58, 237, .22);\n}\n\n.blender-step h3 {\n margin:\n 0 0 7px;\n\n font-size:\n 19px;\n}\n\n.blender-step p {\n margin:\n 0;\n\n color:\n #777777;\n\n font-size:\n 14px;\n\n line-height:\n 1.55;\n}\n\n\n\/* =========================================================\n LIFESTYLE\n========================================================= *\/\n\n.blender-lifestyle {\n position:\n relative;\n\n overflow:\n hidden;\n\n padding:\n 60px\n 20px;\n\n background:\n #111111;\n\n color:\n #ffffff;\n\n text-align:\n center;\n}\n\n.blender-lifestyle::before {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 450px;\n\n height:\n 450px;\n\n left:\n -150px;\n\n top:\n -150px;\n\n border-radius:\n 50%;\n\n background:\n var(--purple);\n\n filter:\n blur(150px);\n\n opacity:\n .2;\n}\n\n.blender-lifestyle::after {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 450px;\n\n height:\n 450px;\n\n right:\n -150px;\n\n bottom:\n -150px;\n\n border-radius:\n 50%;\n\n background:\n var(--blue);\n\n filter:\n blur(150px);\n\n opacity:\n .15;\n}\n\n.blender-lifestyle-inner {\n position:\n relative;\n\n z-index:\n 2;\n\n max-width:\n 900px;\n\n margin:\n 0 auto;\n}\n\n.blender-lifestyle h2 {\n margin:\n 0 0 15px;\n\n color:\n #ffffff;\n\n font-size:\n clamp(\n 35px,\n 5vw,\n 62px\n );\n\n line-height:\n 1.05;\n\n letter-spacing:\n -2px;\n}\n\n.blender-lifestyle h2 .blender-gradient {\n background:\n linear-gradient(\n 90deg,\n #c4b5fd,\n #67e8f9,\n #c4b5fd\n );\n\n background-size:\n 200% auto;\n\n -webkit-background-clip:\n text;\n\n background-clip:\n text;\n\n -webkit-text-fill-color:\n transparent;\n}\n\n.blender-lifestyle p {\n max-width:\n 700px;\n\n margin:\n 0 auto;\n\n color:\n #d5d5d5;\n\n font-size:\n 17px;\n\n line-height:\n 1.65;\n}\n\n.blender-lifestyle-grid {\n display:\n grid;\n\n grid-template-columns:\n repeat(4, 1fr);\n\n gap:\n 10px;\n\n margin-top:\n 32px;\n}\n\n.blender-lifestyle-item {\n padding:\n 18px\n 10px;\n\n border:\n 1px solid\n rgba(255, 255, 255, .1);\n\n border-radius:\n 17px;\n\n background:\n rgba(255, 255, 255, .05);\n\n color:\n #ffffff;\n\n backdrop-filter:\n blur(10px);\n\n transition:\n transform .3s ease,\n background .3s ease;\n}\n\n.blender-lifestyle-item:hover {\n transform:\n translateY(-5px);\n\n background:\n rgba(255, 255, 255, .1);\n}\n\n.blender-lifestyle-item span {\n display:\n block;\n\n margin-bottom:\n 6px;\n\n font-size:\n 25px;\n}\n\n\n\/* =========================================================\n CLEANING\n========================================================= *\/\n\n.blender-cleaning-box {\n max-width:\n 650px;\n\n margin:\n 0 auto;\n\n padding:\n 30px;\n\n border:\n 1px solid\n #eeeeee;\n\n border-radius:\n 22px;\n\n background:\n #f7f7f8;\n}\n\n.blender-cleaning-icon {\n margin-bottom:\n 10px;\n\n font-size:\n 42px;\n}\n\n.blender-cleaning-box h3 {\n margin:\n 0 0 8px;\n\n font-size:\n 23px;\n}\n\n.blender-cleaning-box p {\n margin:\n 0;\n\n color:\n #777777;\n\n line-height:\n 1.65;\n}\n\n\n\/* =========================================================\n FINAL CTA\n========================================================= *\/\n\n.blender-cta {\n padding:\n 60px\n 20px;\n\n text-align:\n center;\n\n background:\n #ffffff;\n}\n\n.blender-cta h2 {\n margin:\n 0 0 15px;\n\n font-size:\n clamp(\n 34px,\n 5vw,\n 58px\n );\n\n line-height:\n 1.05;\n\n letter-spacing:\n -2px;\n}\n\n.blender-cta p {\n max-width:\n 600px;\n\n margin:\n 0 auto;\n\n color:\n #666666;\n\n font-size:\n 16px;\n\n line-height:\n 1.65;\n}\n\n.blender-button {\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n gap:\n 10px;\n\n margin-top:\n 25px;\n\n padding:\n 16px\n 28px;\n\n border-radius:\n 100px;\n\n color:\n #ffffff !important;\n\n text-decoration:\n none !important;\n\n font-weight:\n 800;\n\n background:\n linear-gradient(\n 135deg,\n var(--purple),\n var(--blue)\n );\n\n box-shadow:\n 0 13px 30px\n rgba(124, 58, 237, .23);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.blender-button:hover {\n transform:\n translateY(-4px)\n scale(1.02);\n\n box-shadow:\n 0 20px 40px\n rgba(124, 58, 237, .32);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n .blender-feature-grid {\n gap:\n 25px;\n }\n\n .blender-visual {\n min-height:\n 390px;\n }\n\n .blender-orbit {\n width:\n 300px;\n\n height:\n 300px;\n }\n\n .blender-placeholder {\n width:\n 210px;\n\n height:\n 325px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 750px) {\n\n .blender-hero {\n padding:\n 45px\n 18px\n 20px;\n }\n\n .blender-badge {\n margin-bottom:\n 15px;\n }\n\n .blender-hero h1 {\n margin-bottom:\n 14px;\n\n letter-spacing:\n -2px;\n }\n\n .blender-hero \u003e p {\n font-size:\n 15px;\n\n line-height:\n 1.55;\n }\n\n .blender-floating-row {\n margin-top:\n 22px;\n\n gap:\n 7px;\n }\n\n .blender-pill {\n padding:\n 8px\n 12px;\n\n font-size:\n 11px;\n }\n\n .blender-feature {\n padding:\n 15px\n 0\n 42px;\n }\n\n .blender-feature-grid {\n grid-template-columns:\n 1fr;\n\n gap:\n 0;\n }\n\n .blender-visual {\n min-height:\n 285px;\n\n height:\n 285px;\n\n margin:\n 0;\n\n padding:\n 0;\n }\n\n .blender-orbit {\n width:\n 235px;\n\n height:\n 235px;\n }\n\n .blender-placeholder {\n width:\n 165px;\n\n height:\n 255px;\n\n border-radius:\n 32px;\n }\n\n .blender-placeholder::before {\n font-size:\n 65px;\n }\n\n .blender-placeholder::after {\n bottom:\n 28px;\n\n font-size:\n 9px;\n\n letter-spacing:\n 1.5px;\n }\n\n .blender-content {\n width:\n 100%;\n\n max-width:\n 560px;\n\n margin:\n 0 auto;\n\n text-align:\n center;\n }\n\n .blender-content h2 {\n margin:\n 0 auto 11px;\n\n font-size:\n 34px;\n\n line-height:\n 1.08;\n\n letter-spacing:\n -1.5px;\n }\n\n .blender-content \u003e p {\n margin:\n 0 auto 20px;\n\n font-size:\n 15px;\n\n line-height:\n 1.6;\n }\n\n .blender-features {\n grid-template-columns:\n 1fr 1fr;\n\n gap:\n 9px;\n }\n\n .blender-card {\n padding:\n 14px;\n\n border-radius:\n 16px;\n }\n\n .blender-icon {\n margin-bottom:\n 5px;\n\n font-size:\n 21px;\n }\n\n .blender-card h3 {\n margin-bottom:\n 4px;\n\n font-size:\n 14px;\n }\n\n .blender-card p {\n font-size:\n 12px;\n\n line-height:\n 1.4;\n }\n\n .blender-how {\n padding:\n 48px\n 0;\n }\n\n .blender-section-title {\n font-size:\n 34px;\n\n letter-spacing:\n -1.5px;\n }\n\n .blender-section-subtitle {\n margin-bottom:\n 28px;\n\n font-size:\n 15px;\n }\n\n .blender-steps {\n grid-template-columns:\n 1fr;\n\n gap:\n 10px;\n }\n\n .blender-step {\n padding:\n 24px\n 18px;\n\n border-radius:\n 20px;\n }\n\n .blender-lifestyle {\n padding:\n 50px\n 18px;\n }\n\n .blender-lifestyle h2 {\n font-size:\n 38px;\n\n letter-spacing:\n -1.5px;\n }\n\n .blender-lifestyle p {\n font-size:\n 15px;\n\n line-height:\n 1.6;\n }\n\n .blender-lifestyle-grid {\n grid-template-columns:\n 1fr 1fr;\n\n gap:\n 8px;\n\n margin-top:\n 25px;\n }\n\n .blender-lifestyle-item {\n padding:\n 16px\n 8px;\n\n font-size:\n 13px;\n }\n\n .blender-cleaning-box {\n padding:\n 25px\n 18px;\n }\n\n .blender-cta {\n padding:\n 48px\n 18px;\n }\n\n .blender-cta h2 {\n font-size:\n 38px;\n\n letter-spacing:\n -1.5px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL PHONES\n========================================================= *\/\n\n@media (max-width: 430px) {\n\n .blender-hero {\n padding:\n 38px\n 15px\n 15px;\n }\n\n .blender-hero h1 {\n font-size:\n 37px;\n }\n\n .blender-hero \u003e p {\n font-size:\n 14px;\n }\n\n .blender-floating-row {\n margin-top:\n 18px;\n }\n\n .blender-pill {\n padding:\n 7px\n 10px;\n\n font-size:\n 10px;\n }\n\n .blender-feature {\n padding:\n 8px\n 0\n 38px;\n }\n\n .blender-visual {\n min-height:\n 255px;\n\n height:\n 255px;\n }\n\n .blender-orbit {\n width:\n 215px;\n\n height:\n 215px;\n }\n\n .blender-placeholder {\n width:\n 150px;\n\n height:\n 230px;\n }\n\n .blender-content h2 {\n font-size:\n 32px;\n }\n\n .blender-content \u003e p {\n font-size:\n 14px;\n }\n\n .blender-features {\n grid-template-columns:\n 1fr;\n }\n\n .blender-lifestyle h2 {\n font-size:\n 35px;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"blender-page\"\u003e\n\u003csection class=\"blender-hero\"\u003e\n\u003cdiv class=\"blender-badge\"\u003e✨ THE SMARTER WAY TO BLEND\u003c\/div\u003e\n\u003ch1\u003eBlend Anywhere.\u003cbr\u003e\u003cspan class=\"blender-gradient\"\u003e Live Healthier. \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp\u003eFresh smoothies, protein shakes and healthy drinks without the kitchen, the mess or the hassle. Just add your ingredients, press one button and go.\u003c\/p\u003e\n\u003cdiv class=\"blender-floating-row\"\u003e\n\u003cdiv class=\"blender-pill\"\u003e⚑ USB Rechargeable\u003c\/div\u003e\n\u003cdiv class=\"blender-pill\"\u003e🧼 Easy to Clean\u003c\/div\u003e\n\u003cdiv class=\"blender-pill\"\u003eπŸŽ’ Take It Anywhere\u003c\/div\u003e\n\u003cdiv class=\"blender-pill\"\u003eπŸ”˜ One Button\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"blender-feature\"\u003e\n\u003cdiv class=\"blender-container\"\u003e\n\u003cdiv class=\"blender-feature-grid\"\u003e\n\u003cdiv class=\"blender-visual\"\u003e\n\u003cdiv class=\"blender-orbit\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"blender-placeholder\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blender-content\"\u003e\n\u003ch2\u003eYour smoothie. \u003cspan class=\"blender-gradient\"\u003e Your way. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you're heading to the gym, rushing to work or simply trying to make healthier choices, your blender comes with you.\u003c\/p\u003e\n\u003cdiv class=\"blender-features\"\u003e\n\u003cdiv class=\"blender-card\"\u003e\n\u003cdiv class=\"blender-icon\"\u003e⚑\u003c\/div\u003e\n\u003ch3\u003eUSB Rechargeable\u003c\/h3\u003e\n\u003cp\u003eCharge it easily and blend without being tied to a wall outlet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blender-card\"\u003e\n\u003cdiv class=\"blender-icon\"\u003eπŸ’ͺ\u003c\/div\u003e\n\u003ch3\u003ePowerful Motor\u003c\/h3\u003e\n\u003cp\u003eBlend fruit, vegetables, protein powder and more with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blender-card\"\u003e\n\u003cdiv class=\"blender-icon\"\u003eπŸƒ\u003c\/div\u003e\n\u003ch3\u003eFood-Grade Materials\u003c\/h3\u003e\n\u003cp\u003eMade with quality materials designed for everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blender-card\"\u003e\n\u003cdiv class=\"blender-icon\"\u003eπŸŽ’\u003c\/div\u003e\n\u003ch3\u003ePortable Design\u003c\/h3\u003e\n\u003cp\u003eCompact enough for your bag, desk or car cupholder.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"blender-how\"\u003e\n\u003cdiv class=\"blender-container\"\u003e\n\u003ch2 class=\"blender-section-title\"\u003eFresh in \u003cspan class=\"blender-gradient\"\u003e 3 simple steps. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"blender-section-subtitle\"\u003eNo complicated settings. No bulky machine. No experience needed.\u003c\/p\u003e\n\u003cdiv class=\"blender-steps\"\u003e\n\u003cdiv class=\"blender-step\"\u003e\n\u003cdiv class=\"blender-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eAdd\u003c\/h3\u003e\n\u003cp\u003eAdd your favourite fruits, vegetables, milk, water or protein powder.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blender-step\"\u003e\n\u003cdiv class=\"blender-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eBlend\u003c\/h3\u003e\n\u003cp\u003ePress the button and let the powerful motor do the work for you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"blender-step\"\u003e\n\u003cdiv class=\"blender-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eGo\u003c\/h3\u003e\n\u003cp\u003eTake your freshly blended drink with you wherever your day takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"blender-lifestyle\"\u003e\n\u003cdiv class=\"blender-lifestyle-inner\"\u003e\n\u003ch2\u003eBuilt for your \u003cspan class=\"blender-gradient\"\u003e busy life. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom your morning routine to your post-workout shake, the Portable Bottle Blender makes healthy choices easier to fit into your day.\u003c\/p\u003e\n\u003cdiv class=\"blender-lifestyle-grid\"\u003e\n\u003cdiv class=\"blender-lifestyle-item\"\u003e\n\u003cspan\u003e πŸ‹οΈ \u003c\/span\u003e Gym\u003c\/div\u003e\n\u003cdiv class=\"blender-lifestyle-item\"\u003e\n\u003cspan\u003e πŸ’Ό \u003c\/span\u003e Office\u003c\/div\u003e\n\u003cdiv class=\"blender-lifestyle-item\"\u003e\n\u003cspan\u003e ✈️ \u003c\/span\u003e Travel\u003c\/div\u003e\n\u003cdiv class=\"blender-lifestyle-item\"\u003e\n\u003cspan\u003e 🏠 \u003c\/span\u003e Home\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"blender-how\"\u003e\n\u003cdiv class=\"blender-container\"\u003e\n\u003ch2 class=\"blender-section-title\"\u003eLess cleaning.\u003cbr\u003e\u003cspan class=\"blender-gradient\"\u003e More living. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"blender-section-subtitle\"\u003eCleaning doesn't have to be a chore.\u003c\/p\u003e\n\u003cdiv class=\"blender-cleaning-box\"\u003e\n\u003cdiv class=\"blender-cleaning-icon\"\u003e🧼\u003c\/div\u003e\n\u003ch3\u003eRinse. Blend. Done.\u003c\/h3\u003e\n\u003cp\u003eAdd a little water and soap, blend for around 30 seconds, rinse and you're ready for your next drink.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"blender-cta\"\u003e\n\u003cdiv class=\"blender-container\"\u003e\n\u003ch2\u003eMake healthy\u003cbr\u003e\u003cspan class=\"blender-gradient\"\u003e easier. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eYour next smoothie is only one button away. Take your blender wherever life takes you.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"blender-button\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003e πŸ₯€ Get Yours Today β†’ \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Saffa Supply","offers":[{"title":"Purple","offer_id":55105731887383,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true},{"title":"Green","offer_id":55105731920151,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true},{"title":"White","offer_id":55105731952919,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1026\/0332\/5719\/files\/hero-shot-original-box-clean-side_712c5368-c3ae-4c2b-9eee-a48071884eca.png?v=1788373409"},{"product_id":"14-in-1-multi-function-vegetable-chopper-slice-dice-julienne-grate","title":"14-in-1 Multi-Function Vegetable Chopper β€” Slice, Dice, Julienne \u0026 Grate","description":"\u003cstyle\u003e\n\/* =========================================================\n 16-IN-1 VEGETABLE CHOPPER\n PREMIUM SHOPIFY PRODUCT DESCRIPTION\n DESKTOP + MOBILE OPTIMISED\n========================================================= *\/\n\n.chopper-page {\n --green: #16a34a;\n --lime: #84cc16;\n --dark: #111111;\n --grey: #666666;\n --light: #f7f8f7;\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif;\n\n color: var(--dark);\n overflow: hidden;\n}\n\n.chopper-page *,\n.chopper-page *::before,\n.chopper-page *::after {\n box-sizing: border-box;\n}\n\n.chopper-container {\n width: 100%;\n max-width: 1150px;\n margin: 0 auto;\n padding: 0 22px;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes chopperFloat {\n 0%, 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-7px);\n }\n}\n\n@keyframes chopperProductFloat {\n 0%, 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-10px) rotate(1deg);\n }\n}\n\n@keyframes chopperOrbit {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes chopperPulse {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.08);\n }\n}\n\n@keyframes chopperGradient {\n to {\n background-position: 200% center;\n }\n}\n\n\n\/* =========================================================\n GRADIENT TEXT\n========================================================= *\/\n\n.chopper-gradient {\n background:\n linear-gradient(\n 90deg,\n var(--green),\n var(--lime),\n var(--green)\n );\n\n background-size: 200% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n -webkit-text-fill-color: transparent;\n\n animation:\n chopperGradient\n 4s\n linear\n infinite;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.chopper-hero {\n position: relative;\n\n padding:\n 65px\n 20px\n 45px;\n\n text-align: center;\n\n background:\n radial-gradient(\n circle at 20% 20%,\n rgba(22, 163, 74, .10),\n transparent 30%\n ),\n\n radial-gradient(\n circle at 80% 70%,\n rgba(132, 204, 22, .10),\n transparent 30%\n ),\n\n #ffffff;\n}\n\n.chopper-badge {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 8px\n 15px;\n\n margin-bottom:\n 18px;\n\n border-radius:\n 50px;\n\n background:\n rgba(22, 163, 74, .09);\n\n color:\n #15803d;\n\n font-size:\n 12px;\n\n font-weight:\n 800;\n\n letter-spacing:\n .5px;\n\n animation:\n chopperFloat\n 3s\n ease-in-out\n infinite;\n}\n\n.chopper-hero h1 {\n max-width:\n 900px;\n\n margin:\n 0 auto 17px;\n\n font-size:\n clamp(\n 38px,\n 6vw,\n 70px\n );\n\n line-height:\n 1.02;\n\n letter-spacing:\n -3px;\n\n font-weight:\n 800;\n}\n\n.chopper-hero \u003e p {\n max-width:\n 700px;\n\n margin:\n 0 auto;\n\n color:\n var(--grey);\n\n font-size:\n 17px;\n\n line-height:\n 1.6;\n}\n\n\n\/* =========================================================\n HERO BENEFITS\n========================================================= *\/\n\n.chopper-floating-row {\n display:\n flex;\n\n justify-content:\n center;\n\n align-items:\n center;\n\n flex-wrap:\n wrap;\n\n gap:\n 10px;\n\n margin-top:\n 28px;\n}\n\n.chopper-pill {\n padding:\n 10px\n 16px;\n\n border:\n 1px solid #e5e7e5;\n\n border-radius:\n 50px;\n\n background:\n #ffffff;\n\n box-shadow:\n 0 8px 25px\n rgba(0, 0, 0, .05);\n\n font-size:\n 13px;\n\n font-weight:\n 650;\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.chopper-pill:hover {\n transform:\n translateY(-4px);\n\n box-shadow:\n 0 14px 30px\n rgba(22, 163, 74, .14);\n}\n\n\n\/* =========================================================\n MAIN PRODUCT SECTION\n========================================================= *\/\n\n.chopper-feature {\n padding:\n 50px\n 0;\n\n background:\n var(--light);\n}\n\n.chopper-feature-grid {\n display:\n grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n align-items:\n center;\n\n gap:\n 40px;\n}\n\n\n\/* =========================================================\n PRODUCT VISUAL\n========================================================= *\/\n\n.chopper-visual {\n position:\n relative;\n\n min-height:\n 420px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n}\n\n.chopper-orbit {\n position:\n absolute;\n\n width:\n 350px;\n\n height:\n 350px;\n\n border:\n 1px solid\n rgba(22, 163, 74, .20);\n\n border-radius:\n 50%;\n\n animation:\n chopperOrbit\n 14s\n linear\n infinite;\n}\n\n.chopper-orbit::after {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 9px;\n\n height:\n 9px;\n\n top:\n 12px;\n\n left:\n 50%;\n\n border-radius:\n 50%;\n\n background:\n var(--green);\n\n box-shadow:\n 0 0 20px\n var(--green);\n}\n\n\n\/* REPLACE WITH YOUR REAL PRODUCT IMAGE *\/\n\n.chopper-placeholder {\n position:\n relative;\n\n width:\n 320px;\n\n height:\n 270px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n border-radius:\n 30px;\n\n background:\n linear-gradient(\n 145deg,\n #ffffff,\n #e7ece7\n );\n\n box-shadow:\n 0 30px 60px\n rgba(0, 0, 0, .14),\n\n inset 0 0 0 1px\n rgba(255, 255, 255, .8);\n\n animation:\n chopperProductFloat\n 4s\n ease-in-out\n infinite;\n}\n\n.chopper-placeholder::before {\n content:\n \"πŸ₯¦\";\n\n font-size:\n 90px;\n}\n\n.chopper-placeholder::after {\n content:\n \"Saffa Supply\";\n\n position:\n absolute;\n\n bottom:\n 32px;\n\n font-size:\n 11px;\n\n font-weight:\n 800;\n\n letter-spacing:\n 2px;\n\n color:\n #777777;\n}\n\n\n\/* =========================================================\n ONE TOOL. EVERY CUT.\n========================================================= *\/\n\n.chopper-content {\n width:\n 100%;\n\n max-width:\n 560px;\n\n margin:\n 0 auto;\n\n text-align:\n center;\n}\n\n.chopper-content h2 {\n max-width:\n 520px;\n\n margin:\n 0 auto 15px;\n\n font-size:\n clamp(\n 32px,\n 4vw,\n 50px\n );\n\n line-height:\n 1.08;\n\n letter-spacing:\n -2px;\n}\n\n.chopper-content \u003e p {\n max-width:\n 520px;\n\n margin:\n 0 auto 24px;\n\n color:\n var(--grey);\n\n font-size:\n 16px;\n\n line-height:\n 1.7;\n}\n\n\n\/* =========================================================\n FUNCTION CARDS\n========================================================= *\/\n\n.chopper-functions {\n display:\n grid;\n\n grid-template-columns:\n repeat(2, 1fr);\n\n gap:\n 12px;\n\n text-align:\n left;\n}\n\n.chopper-card {\n padding:\n 17px;\n\n border:\n 1px solid\n rgba(0, 0, 0, .06);\n\n border-radius:\n 18px;\n\n background:\n rgba(255, 255, 255, .88);\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.chopper-card:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 18px 35px\n rgba(0, 0, 0, .08);\n}\n\n.chopper-icon {\n display:\n inline-block;\n\n margin-bottom:\n 7px;\n\n font-size:\n 24px;\n\n animation:\n chopperPulse\n 2.5s\n ease-in-out\n infinite;\n}\n\n.chopper-card h3 {\n margin:\n 0 0 5px;\n\n font-size:\n 15px;\n}\n\n.chopper-card p {\n margin:\n 0;\n\n color:\n #777777;\n\n font-size:\n 12.5px;\n\n line-height:\n 1.45;\n}\n\n\n\/* =========================================================\n HOW IT WORKS\n========================================================= *\/\n\n.chopper-how {\n padding:\n 60px\n 0;\n\n text-align:\n center;\n}\n\n.chopper-section-title {\n margin:\n 0 0 10px;\n\n font-size:\n clamp(\n 32px,\n 4vw,\n 50px\n );\n\n line-height:\n 1.1;\n\n letter-spacing:\n -2px;\n}\n\n.chopper-section-subtitle {\n max-width:\n 650px;\n\n margin:\n 0 auto 38px;\n\n color:\n #777777;\n\n font-size:\n 16px;\n}\n\n.chopper-steps {\n display:\n grid;\n\n grid-template-columns:\n repeat(3, 1fr);\n\n gap:\n 18px;\n}\n\n.chopper-step {\n padding:\n 28px\n 22px;\n\n border:\n 1px solid #eeeeee;\n\n border-radius:\n 22px;\n\n background:\n #fafafa;\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.chopper-step:hover {\n transform:\n translateY(-6px);\n\n box-shadow:\n 0 20px 40px\n rgba(0, 0, 0, .07);\n}\n\n.chopper-number {\n width:\n 50px;\n\n height:\n 50px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n margin:\n 0 auto 15px;\n\n border-radius:\n 50%;\n\n color:\n #ffffff;\n\n font-weight:\n 800;\n\n background:\n linear-gradient(\n 135deg,\n var(--green),\n var(--lime)\n );\n\n box-shadow:\n 0 9px 22px\n rgba(22, 163, 74, .22);\n}\n\n.chopper-step h3 {\n margin:\n 0 0 7px;\n\n font-size:\n 19px;\n}\n\n.chopper-step p {\n margin:\n 0;\n\n color:\n #777777;\n\n font-size:\n 14px;\n\n line-height:\n 1.55;\n}\n\n\n\/* =========================================================\n DARK BRAAI \/ LIFESTYLE SECTION\n========================================================= *\/\n\n.chopper-lifestyle {\n position:\n relative;\n\n overflow:\n hidden;\n\n padding:\n 60px\n 20px;\n\n background:\n #111111;\n\n color:\n #ffffff;\n\n text-align:\n center;\n}\n\n.chopper-lifestyle::before {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 450px;\n\n height:\n 450px;\n\n left:\n -150px;\n\n top:\n -150px;\n\n border-radius:\n 50%;\n\n background:\n var(--green);\n\n filter:\n blur(150px);\n\n opacity:\n .18;\n}\n\n.chopper-lifestyle::after {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 450px;\n\n height:\n 450px;\n\n right:\n -150px;\n\n bottom:\n -150px;\n\n border-radius:\n 50%;\n\n background:\n var(--lime);\n\n filter:\n blur(150px);\n\n opacity:\n .12;\n}\n\n.chopper-lifestyle-inner {\n position:\n relative;\n\n z-index:\n 2;\n\n max-width:\n 900px;\n\n margin:\n 0 auto;\n}\n\n.chopper-lifestyle h2 {\n margin:\n 0 0 15px;\n\n color:\n #ffffff;\n\n font-size:\n clamp(\n 35px,\n 5vw,\n 62px\n );\n\n line-height:\n 1.05;\n\n letter-spacing:\n -2px;\n}\n\n.chopper-lifestyle h2 .chopper-gradient {\n background:\n linear-gradient(\n 90deg,\n #86efac,\n #d9f99d,\n #86efac\n );\n\n background-size:\n 200% auto;\n\n -webkit-background-clip:\n text;\n\n background-clip:\n text;\n\n -webkit-text-fill-color:\n transparent;\n}\n\n.chopper-lifestyle p {\n max-width:\n 700px;\n\n margin:\n 0 auto;\n\n color:\n #d5d5d5;\n\n font-size:\n 17px;\n\n line-height:\n 1.65;\n}\n\n.chopper-lifestyle-grid {\n display:\n grid;\n\n grid-template-columns:\n repeat(4, 1fr);\n\n gap:\n 10px;\n\n margin-top:\n 32px;\n}\n\n.chopper-lifestyle-item {\n padding:\n 18px\n 10px;\n\n border:\n 1px solid\n rgba(255, 255, 255, .1);\n\n border-radius:\n 17px;\n\n background:\n rgba(255, 255, 255, .05);\n\n color:\n #ffffff;\n\n backdrop-filter:\n blur(10px);\n\n transition:\n transform .3s ease,\n background .3s ease;\n}\n\n.chopper-lifestyle-item:hover {\n transform:\n translateY(-5px);\n\n background:\n rgba(255, 255, 255, .1);\n}\n\n.chopper-lifestyle-item span {\n display:\n block;\n\n margin-bottom:\n 6px;\n\n font-size:\n 25px;\n}\n\n\n\/* =========================================================\n STORAGE SECTION\n========================================================= *\/\n\n.chopper-storage-box {\n max-width:\n 650px;\n\n margin:\n 0 auto;\n\n padding:\n 30px;\n\n border:\n 1px solid #eeeeee;\n\n border-radius:\n 22px;\n\n background:\n #f7f8f7;\n}\n\n.chopper-storage-icon {\n margin-bottom:\n 10px;\n\n font-size:\n 42px;\n}\n\n.chopper-storage-box h3 {\n margin:\n 0 0 8px;\n\n font-size:\n 23px;\n}\n\n.chopper-storage-box p {\n margin:\n 0;\n\n color:\n #777777;\n\n line-height:\n 1.65;\n}\n\n\n\/* =========================================================\n FINAL CTA\n========================================================= *\/\n\n.chopper-cta {\n padding:\n 60px\n 20px;\n\n text-align:\n center;\n\n background:\n #ffffff;\n}\n\n.chopper-cta h2 {\n margin:\n 0 0 15px;\n\n font-size:\n clamp(\n 34px,\n 5vw,\n 58px\n );\n\n line-height:\n 1.05;\n\n letter-spacing:\n -2px;\n}\n\n.chopper-cta p {\n max-width:\n 600px;\n\n margin:\n 0 auto;\n\n color:\n #666666;\n\n font-size:\n 16px;\n\n line-height:\n 1.65;\n}\n\n.chopper-button {\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n gap:\n 10px;\n\n margin-top:\n 25px;\n\n padding:\n 16px\n 28px;\n\n border-radius:\n 100px;\n\n color:\n #ffffff !important;\n\n text-decoration:\n none !important;\n\n font-weight:\n 800;\n\n background:\n linear-gradient(\n 135deg,\n var(--green),\n var(--lime)\n );\n\n box-shadow:\n 0 13px 30px\n rgba(22, 163, 74, .22);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.chopper-button:hover {\n transform:\n translateY(-4px)\n scale(1.02);\n\n box-shadow:\n 0 20px 40px\n rgba(22, 163, 74, .32);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n .chopper-feature-grid {\n gap:\n 25px;\n }\n\n .chopper-visual {\n min-height:\n 370px;\n }\n\n .chopper-orbit {\n width:\n 300px;\n\n height:\n 300px;\n }\n\n .chopper-placeholder {\n width:\n 280px;\n\n height:\n 235px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 750px) {\n\n \/* HERO *\/\n\n .chopper-hero {\n padding:\n 45px\n 18px\n 20px;\n }\n\n .chopper-badge {\n margin-bottom:\n 15px;\n }\n\n .chopper-hero h1 {\n margin-bottom:\n 14px;\n\n letter-spacing:\n -2px;\n }\n\n .chopper-hero \u003e p {\n font-size:\n 15px;\n\n line-height:\n 1.55;\n }\n\n .chopper-floating-row {\n margin-top:\n 22px;\n\n gap:\n 7px;\n }\n\n .chopper-pill {\n padding:\n 8px\n 12px;\n\n font-size:\n 11px;\n }\n\n\n \/* MAIN PRODUCT SECTION *\/\n\n .chopper-feature {\n padding:\n 15px\n 0\n 42px;\n }\n\n .chopper-feature-grid {\n grid-template-columns:\n 1fr;\n\n gap:\n 0;\n }\n\n\n \/* PRODUCT VISUAL *\/\n\n .chopper-visual {\n min-height:\n 270px;\n\n height:\n 270px;\n\n margin:\n 0;\n\n padding:\n 0;\n }\n\n .chopper-orbit {\n width:\n 250px;\n\n height:\n 250px;\n }\n\n .chopper-placeholder {\n width:\n 250px;\n\n height:\n 205px;\n\n border-radius:\n 25px;\n }\n\n .chopper-placeholder::before {\n font-size:\n 70px;\n }\n\n\n \/* CONTENT *\/\n\n .chopper-content {\n width:\n 100%;\n\n margin:\n 0 auto;\n\n text-align:\n center;\n }\n\n .chopper-content h2 {\n margin:\n 0 auto 11px;\n\n font-size:\n 34px;\n\n line-height:\n 1.08;\n\n letter-spacing:\n -1.5px;\n }\n\n .chopper-content \u003e p {\n margin:\n 0 auto 20px;\n\n font-size:\n 15px;\n\n line-height:\n 1.6;\n }\n\n\n \/* FUNCTION CARDS *\/\n\n .chopper-functions {\n grid-template-columns:\n 1fr 1fr;\n\n gap:\n 9px;\n }\n\n .chopper-card {\n padding:\n 14px;\n\n border-radius:\n 16px;\n }\n\n .chopper-icon {\n margin-bottom:\n 5px;\n\n font-size:\n 21px;\n }\n\n .chopper-card h3 {\n margin-bottom:\n 4px;\n\n font-size:\n 14px;\n }\n\n .chopper-card p {\n font-size:\n 12px;\n\n line-height:\n 1.4;\n }\n\n\n \/* HOW IT WORKS *\/\n\n .chopper-how {\n padding:\n 48px\n 0;\n }\n\n .chopper-section-title {\n font-size:\n 34px;\n\n letter-spacing:\n -1.5px;\n }\n\n .chopper-section-subtitle {\n margin-bottom:\n 28px;\n\n font-size:\n 15px;\n }\n\n .chopper-steps {\n grid-template-columns:\n 1fr;\n\n gap:\n 10px;\n }\n\n .chopper-step {\n padding:\n 24px\n 18px;\n }\n\n\n \/* LIFESTYLE *\/\n\n .chopper-lifestyle {\n padding:\n 50px\n 18px;\n }\n\n .chopper-lifestyle h2 {\n font-size:\n 38px;\n\n letter-spacing:\n -1.5px;\n }\n\n .chopper-lifestyle p {\n font-size:\n 15px;\n\n line-height:\n 1.6;\n }\n\n .chopper-lifestyle-grid {\n grid-template-columns:\n 1fr 1fr;\n\n gap:\n 8px;\n\n margin-top:\n 25px;\n }\n\n .chopper-lifestyle-item {\n padding:\n 16px\n 8px;\n\n font-size:\n 13px;\n }\n\n\n \/* STORAGE *\/\n\n .chopper-storage-box {\n padding:\n 25px\n 18px;\n }\n\n\n \/* CTA *\/\n\n .chopper-cta {\n padding:\n 48px\n 18px;\n }\n\n .chopper-cta h2 {\n font-size:\n 38px;\n\n letter-spacing:\n -1.5px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL PHONES\n========================================================= *\/\n\n@media (max-width: 430px) {\n\n .chopper-hero {\n padding:\n 38px\n 15px\n 15px;\n }\n\n .chopper-hero h1 {\n font-size:\n 37px;\n }\n\n .chopper-hero \u003e p {\n font-size:\n 14px;\n }\n\n .chopper-floating-row {\n margin-top:\n 18px;\n }\n\n .chopper-pill {\n padding:\n 7px\n 10px;\n\n font-size:\n 10px;\n }\n\n\n \/* TIGHTER PRODUCT SECTION *\/\n\n .chopper-feature {\n padding:\n 8px\n 0\n 38px;\n }\n\n .chopper-visual {\n min-height:\n 235px;\n\n height:\n 235px;\n }\n\n .chopper-orbit {\n width:\n 220px;\n\n height:\n 220px;\n }\n\n .chopper-placeholder {\n width:\n 220px;\n\n height:\n 180px;\n }\n\n\n .chopper-content h2 {\n font-size:\n 32px;\n }\n\n .chopper-content \u003e p {\n font-size:\n 14px;\n }\n\n .chopper-functions {\n grid-template-columns:\n 1fr;\n }\n\n .chopper-lifestyle h2 {\n font-size:\n 35px;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"chopper-page\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"chopper-hero\"\u003e\n\u003cdiv class=\"chopper-badge\"\u003eπŸ₯¦ 14 FUNCTIONS. ONE TOOL.\u003c\/div\u003e\n\u003ch1\u003eOne Tool.\u003cbr\u003e\u003cspan class=\"chopper-gradient\"\u003e Every Cut. \u003c\/span\u003e\u003cbr\u003eZero Frustration.\u003c\/h1\u003e\n\u003cp\u003eBusy weeknight? Pile of onions, potatoes, carrots and cabbage? Skip the multiple boards and knives. Prep your ingredients faster with one compact tool.\u003c\/p\u003e\n\u003cdiv class=\"chopper-floating-row\"\u003e\n\u003cdiv class=\"chopper-pill\"\u003eπŸ”ͺ Dice \u0026amp; Slice\u003c\/div\u003e\n\u003cdiv class=\"chopper-pill\"\u003eπŸ₯• Julienne\u003c\/div\u003e\n\u003cdiv class=\"chopper-pill\"\u003eπŸ§€ Grate \u0026amp; Shred\u003c\/div\u003e\n\u003cdiv class=\"chopper-pill\"\u003eπŸ“¦ Built-In Storage\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n MAIN PRODUCT FEATURE\n ====================================================== --\u003e\n\u003csection class=\"chopper-feature\"\u003e\n\u003cdiv class=\"chopper-container\"\u003e\n\u003cdiv class=\"chopper-feature-grid\"\u003e\n\u003c!-- PRODUCT IMAGE --\u003e\n\u003cdiv class=\"chopper-visual\"\u003e\n\u003cdiv class=\"chopper-orbit\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"chopper-placeholder\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FUNCTIONS --\u003e\n\u003cdiv class=\"chopper-content\"\u003e\n\u003ch2\u003eOne tool. \u003cspan class=\"chopper-gradient\"\u003e Every cut. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eDice, slice, julienne, shred and grate without filling your kitchen with multiple knives, boards and gadgets.\u003c\/p\u003e\n\u003cdiv class=\"chopper-functions\"\u003e\n\u003cdiv class=\"chopper-card\"\u003e\n\u003cdiv class=\"chopper-icon\"\u003e🎯\u003c\/div\u003e\n\u003ch3\u003eDice\u003c\/h3\u003e\n\u003cp\u003eUniform cubes for quick, consistent meal prep.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chopper-card\"\u003e\n\u003cdiv class=\"chopper-icon\"\u003eπŸ₯’\u003c\/div\u003e\n\u003ch3\u003eSlice\u003c\/h3\u003e\n\u003cp\u003eThin, even slices for salads and everyday meals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chopper-card\"\u003e\n\u003cdiv class=\"chopper-icon\"\u003eπŸ₯•\u003c\/div\u003e\n\u003ch3\u003eJulienne\u003c\/h3\u003e\n\u003cp\u003eCreate neat strips in seconds with less effort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chopper-card\"\u003e\n\u003cdiv class=\"chopper-icon\"\u003eπŸ§€\u003c\/div\u003e\n\u003ch3\u003eShred \u0026amp; Grate\u003c\/h3\u003e\n\u003cp\u003eFrom cheese to vegetables, prep more with one tool.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n HOW IT WORKS\n ====================================================== --\u003e\n\u003csection class=\"chopper-how\"\u003e\n\u003cdiv class=\"chopper-container\"\u003e\n\u003ch2 class=\"chopper-section-title\"\u003ePrep made \u003cspan class=\"chopper-gradient\"\u003e simple. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"chopper-section-subtitle\"\u003eNo complicated equipment. Just choose, chop and cook.\u003c\/p\u003e\n\u003cdiv class=\"chopper-steps\"\u003e\n\u003cdiv class=\"chopper-step\"\u003e\n\u003cdiv class=\"chopper-number\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eChoose\u003c\/h3\u003e\n\u003cp\u003eSelect the blade or attachment for the cut you want.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chopper-step\"\u003e\n\u003cdiv class=\"chopper-number\"\u003e02\u003c\/div\u003e\n\u003ch3\u003eChop\u003c\/h3\u003e\n\u003cp\u003eAdd your ingredients and let the chopper do the hard work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chopper-step\"\u003e\n\u003cdiv class=\"chopper-number\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eCook\u003c\/h3\u003e\n\u003cp\u003eYour ingredients are ready for the pan, pot or braai.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n SOUTH AFRICAN LIFESTYLE\n ====================================================== --\u003e\n\u003csection class=\"chopper-lifestyle\"\u003e\n\u003cdiv class=\"chopper-lifestyle-inner\"\u003e\n\u003ch2\u003eLess prep.\u003cbr\u003e\u003cspan class=\"chopper-gradient\"\u003e More braai. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom busy weeknight dinners to Sunday braais, spend less time chopping and more time enjoying the food and the people around you.\u003c\/p\u003e\n\u003cdiv class=\"chopper-lifestyle-grid\"\u003e\n\u003cdiv class=\"chopper-lifestyle-item\"\u003e\n\u003cspan\u003e 🍲 \u003c\/span\u003e Dinner\u003c\/div\u003e\n\u003cdiv class=\"chopper-lifestyle-item\"\u003e\n\u003cspan\u003e πŸ”₯ \u003c\/span\u003e Braai\u003c\/div\u003e\n\u003cdiv class=\"chopper-lifestyle-item\"\u003e\n\u003cspan\u003e πŸ₯— \u003c\/span\u003e Meal Prep\u003c\/div\u003e\n\u003cdiv class=\"chopper-lifestyle-item\"\u003e\n\u003cspan\u003e 🏑 \u003c\/span\u003e Home\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n STORAGE + CLEANING\n ====================================================== --\u003e\n\u003csection class=\"chopper-how\"\u003e\n\u003cdiv class=\"chopper-container\"\u003e\n\u003ch2 class=\"chopper-section-title\"\u003eEverything in\u003cbr\u003e\u003cspan class=\"chopper-gradient\"\u003e one place. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"chopper-section-subtitle\"\u003eOrganised, protected and ready when you need it.\u003c\/p\u003e\n\u003cdiv class=\"chopper-storage-box\"\u003e\n\u003cdiv class=\"chopper-storage-icon\"\u003eπŸ“¦\u003c\/div\u003e\n\u003ch3\u003eBuilt-In Storage Box\u003c\/h3\u003e\n\u003cp\u003eKeep your blades and attachments organised in one convenient place. Less clutter in your kitchen and less time searching for the piece you need.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\u003csection class=\"chopper-cta\"\u003e\n\u003cdiv class=\"chopper-container\"\u003e\n\u003ch2\u003eOne tool.\u003cbr\u003e\u003cspan class=\"chopper-gradient\"\u003e Endless possibilities. \u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom onions and potatoes to carrots, cucumber, cabbage and more β€” make every meal easier to prep.\u003c\/p\u003e\n\u003ca href=\"#\" class=\"chopper-button\"\u003e πŸ₯¦ Get Yours Today β†’ \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Saffa Supply","offers":[{"title":"Default Title","offer_id":55105626341655,"sku":null,"price":399.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1026\/0332\/5719\/files\/soft-shadow-hero.png?v=1788374822"},{"product_id":"mini-electric-food-chopper-grinder-usb-rechargeable-one-touch-operation","title":"Mini Electric Food Chopper \u0026 Grinder β€” USB Rechargeable, One-Touch Operation","description":"\n\u003cstyle\u003e\n\/* =========================================================\n MINI ELECTRIC FOOD CHOPPER \u0026 GRINDER\n PREMIUM SHOPIFY PRODUCT DESCRIPTION\n DESKTOP + MOBILE OPTIMISED\n========================================================= *\/\n\n.mini-chopper-page {\n --orange: #f97316;\n --yellow: #facc15;\n --dark: #111111;\n --grey: #666666;\n --light: #f7f7f8;\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Helvetica,\n Arial,\n sans-serif;\n\n color: var(--dark);\n overflow: hidden;\n}\n\n.mini-chopper-page *,\n.mini-chopper-page *::before,\n.mini-chopper-page *::after {\n box-sizing: border-box;\n}\n\n.mini-chopper-container {\n width: 100%;\n max-width: 1150px;\n margin: 0 auto;\n padding: 0 22px;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n========================================================= *\/\n\n@keyframes miniFloat {\n 0%, 100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-8px);\n }\n}\n\n@keyframes miniProductFloat {\n 0%, 100% {\n transform: translateY(0) rotate(0deg);\n }\n\n 50% {\n transform: translateY(-10px) rotate(1deg);\n }\n}\n\n@keyframes miniOrbit {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes miniPulse {\n 0%, 100% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(1.08);\n }\n}\n\n@keyframes miniGradient {\n to {\n background-position: 200% center;\n }\n}\n\n\n\/* =========================================================\n GRADIENT TEXT\n========================================================= *\/\n\n.mini-gradient {\n background:\n linear-gradient(\n 90deg,\n var(--orange),\n var(--yellow),\n var(--orange)\n );\n\n background-size: 200% auto;\n\n -webkit-background-clip: text;\n background-clip: text;\n\n -webkit-text-fill-color: transparent;\n\n animation:\n miniGradient\n 4s\n linear\n infinite;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.mini-hero {\n position: relative;\n\n padding:\n 65px\n 20px\n 45px;\n\n text-align: center;\n\n background:\n radial-gradient(\n circle at 20% 20%,\n rgba(249, 115, 22, .10),\n transparent 30%\n ),\n\n radial-gradient(\n circle at 80% 70%,\n rgba(250, 204, 21, .11),\n transparent 30%\n ),\n\n #ffffff;\n}\n\n.mini-badge {\n display: inline-flex;\n\n align-items: center;\n justify-content: center;\n\n padding:\n 8px\n 15px;\n\n margin-bottom:\n 18px;\n\n border-radius:\n 50px;\n\n background:\n rgba(249, 115, 22, .09);\n\n color:\n #c2410c;\n\n font-size:\n 12px;\n\n font-weight:\n 800;\n\n letter-spacing:\n .5px;\n\n animation:\n miniFloat\n 3s\n ease-in-out\n infinite;\n}\n\n.mini-hero h1 {\n max-width:\n 900px;\n\n margin:\n 0 auto 17px;\n\n font-size:\n clamp(\n 38px,\n 6vw,\n 70px\n );\n\n line-height:\n 1.02;\n\n letter-spacing:\n -3px;\n\n font-weight:\n 800;\n}\n\n.mini-hero \u003e p {\n max-width:\n 700px;\n\n margin:\n 0 auto;\n\n color:\n var(--grey);\n\n font-size:\n 17px;\n\n line-height:\n 1.6;\n}\n\n\n\/* =========================================================\n HERO BENEFIT PILLS\n========================================================= *\/\n\n.mini-floating-row {\n display:\n flex;\n\n justify-content:\n center;\n\n align-items:\n center;\n\n flex-wrap:\n wrap;\n\n gap:\n 10px;\n\n margin-top:\n 28px;\n}\n\n.mini-pill {\n padding:\n 10px\n 16px;\n\n border:\n 1px solid #e8e8e8;\n\n border-radius:\n 50px;\n\n background:\n #ffffff;\n\n box-shadow:\n 0 8px 25px\n rgba(0, 0, 0, .05);\n\n font-size:\n 13px;\n\n font-weight:\n 650;\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.mini-pill:hover {\n transform:\n translateY(-4px);\n\n box-shadow:\n 0 14px 30px\n rgba(249, 115, 22, .14);\n}\n\n\n\/* =========================================================\n MAIN PRODUCT SECTION\n========================================================= *\/\n\n.mini-feature {\n padding:\n 50px\n 0;\n\n background:\n var(--light);\n}\n\n.mini-feature-grid {\n display:\n grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n align-items:\n center;\n\n gap:\n 40px;\n}\n\n\n\/* =========================================================\n PRODUCT VISUAL\n========================================================= *\/\n\n.mini-visual {\n position:\n relative;\n\n min-height:\n 420px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n}\n\n.mini-orbit {\n position:\n absolute;\n\n width:\n 345px;\n\n height:\n 345px;\n\n border:\n 1px solid\n rgba(249, 115, 22, .20);\n\n border-radius:\n 50%;\n\n animation:\n miniOrbit\n 14s\n linear\n infinite;\n}\n\n.mini-orbit::after {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 9px;\n\n height:\n 9px;\n\n top:\n 12px;\n\n left:\n 50%;\n\n border-radius:\n 50%;\n\n background:\n var(--orange);\n\n box-shadow:\n 0 0 20px\n var(--orange);\n}\n\n\n\/*\n=========================================================\nREPLACE THIS WITH YOUR REAL PRODUCT IMAGE\n\nExample:\n\n\u003cimg\n src=\"YOUR-SHOPIFY-IMAGE-URL\"\n alt=\"Mini Electric Food Chopper and Grinder\"\n style=\"\n max-width:100%;\n height:auto;\n object-fit:contain;\n position:relative;\n z-index:2;\n \"\n\u003e\n=========================================================\n*\/\n\n.mini-placeholder {\n position:\n relative;\n\n width:\n 300px;\n\n height:\n 285px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n border-radius:\n 32px;\n\n background:\n linear-gradient(\n 145deg,\n #ffffff,\n #e8e8e8\n );\n\n box-shadow:\n 0 30px 60px\n rgba(0, 0, 0, .14),\n\n inset 0 0 0 1px\n rgba(255, 255, 255, .8);\n\n animation:\n miniProductFloat\n 4s\n ease-in-out\n infinite;\n}\n\n.mini-placeholder::before {\n content:\n \"⚑\";\n\n font-size:\n 85px;\n\n filter:\n drop-shadow(\n 0 15px 15px\n rgba(0, 0, 0, .14)\n );\n}\n\n.mini-placeholder::after {\n content:\n \"Saffa Supply\";\n\n position:\n absolute;\n\n bottom:\n 32px;\n\n font-size:\n 11px;\n\n font-weight:\n 800;\n\n letter-spacing:\n 2px;\n\n color:\n #777777;\n}\n\n\n\/* =========================================================\n CHOP MINCE GRIND\n========================================================= *\/\n\n.mini-content {\n width:\n 100%;\n\n max-width:\n 560px;\n\n margin:\n 0 auto;\n\n text-align:\n center;\n}\n\n.mini-content h2 {\n max-width:\n 530px;\n\n margin:\n 0 auto 15px;\n\n font-size:\n clamp(\n 32px,\n 4vw,\n 50px\n );\n\n line-height:\n 1.08;\n\n letter-spacing:\n -2px;\n}\n\n.mini-content \u003e p {\n max-width:\n 520px;\n\n margin:\n 0 auto 24px;\n\n color:\n var(--grey);\n\n font-size:\n 16px;\n\n line-height:\n 1.7;\n}\n\n\n\/* =========================================================\n FOOD CARDS\n========================================================= *\/\n\n.mini-food-grid {\n display:\n grid;\n\n grid-template-columns:\n repeat(2, 1fr);\n\n gap:\n 12px;\n\n text-align:\n left;\n}\n\n.mini-card {\n padding:\n 17px;\n\n border:\n 1px solid\n rgba(0, 0, 0, .06);\n\n border-radius:\n 18px;\n\n background:\n rgba(255, 255, 255, .88);\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.mini-card:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 18px 35px\n rgba(0, 0, 0, .08);\n}\n\n.mini-icon {\n display:\n inline-block;\n\n margin-bottom:\n 7px;\n\n font-size:\n 24px;\n\n animation:\n miniPulse\n 2.5s\n ease-in-out\n infinite;\n}\n\n.mini-card h3 {\n margin:\n 0 0 5px;\n\n font-size:\n 15px;\n}\n\n.mini-card p {\n margin:\n 0;\n\n color:\n #777777;\n\n font-size:\n 12.5px;\n\n line-height:\n 1.45;\n}\n\n\n\/* =========================================================\n HOW IT WORKS\n========================================================= *\/\n\n.mini-how {\n padding:\n 60px\n 0;\n\n text-align:\n center;\n}\n\n.mini-section-title {\n margin:\n 0 0 10px;\n\n font-size:\n clamp(\n 32px,\n 4vw,\n 50px\n );\n\n line-height:\n 1.1;\n\n letter-spacing:\n -2px;\n}\n\n.mini-section-subtitle {\n max-width:\n 650px;\n\n margin:\n 0 auto 38px;\n\n color:\n #777777;\n\n font-size:\n 16px;\n}\n\n.mini-steps {\n display:\n grid;\n\n grid-template-columns:\n repeat(3, 1fr);\n\n gap:\n 18px;\n}\n\n.mini-step {\n padding:\n 28px\n 22px;\n\n border:\n 1px solid #eeeeee;\n\n border-radius:\n 22px;\n\n background:\n #fafafa;\n\n transition:\n transform .35s ease,\n box-shadow .35s ease;\n}\n\n.mini-step:hover {\n transform:\n translateY(-6px);\n\n box-shadow:\n 0 20px 40px\n rgba(0, 0, 0, .07);\n}\n\n.mini-number {\n width:\n 50px;\n\n height:\n 50px;\n\n display:\n flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n margin:\n 0 auto 15px;\n\n border-radius:\n 50%;\n\n color:\n #ffffff;\n\n font-weight:\n 800;\n\n background:\n linear-gradient(\n 135deg,\n var(--orange),\n var(--yellow)\n );\n\n box-shadow:\n 0 9px 22px\n rgba(249, 115, 22, .22);\n}\n\n.mini-step h3 {\n margin:\n 0 0 7px;\n\n font-size:\n 19px;\n}\n\n.mini-step p {\n margin:\n 0;\n\n color:\n #777777;\n\n font-size:\n 14px;\n\n line-height:\n 1.55;\n}\n\n\n\/* =========================================================\n DARK LIFESTYLE SECTION\n========================================================= *\/\n\n.mini-lifestyle {\n position:\n relative;\n\n overflow:\n hidden;\n\n padding:\n 60px\n 20px;\n\n background:\n #111111;\n\n color:\n #ffffff;\n\n text-align:\n center;\n}\n\n.mini-lifestyle::before {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 450px;\n\n height:\n 450px;\n\n left:\n -150px;\n\n top:\n -150px;\n\n border-radius:\n 50%;\n\n background:\n var(--orange);\n\n filter:\n blur(150px);\n\n opacity:\n .17;\n}\n\n.mini-lifestyle::after {\n content:\n \"\";\n\n position:\n absolute;\n\n width:\n 450px;\n\n height:\n 450px;\n\n right:\n -150px;\n\n bottom:\n -150px;\n\n border-radius:\n 50%;\n\n background:\n var(--yellow);\n\n filter:\n blur(150px);\n\n opacity:\n .12;\n}\n\n.mini-lifestyle-inner {\n position:\n relative;\n\n z-index:\n 2;\n\n max-width:\n 900px;\n\n margin:\n 0 auto;\n}\n\n.mini-lifestyle h2 {\n margin:\n 0 0 15px;\n\n color:\n #ffffff;\n\n font-size:\n clamp(\n 35px,\n 5vw,\n 62px\n );\n\n line-height:\n 1.05;\n\n letter-spacing:\n -2px;\n}\n\n.mini-lifestyle h2 .mini-gradient {\n background:\n linear-gradient(\n 90deg,\n #fdba74,\n #fde68a,\n #fdba74\n );\n\n background-size:\n 200% auto;\n\n -webkit-background-clip:\n text;\n\n background-clip:\n text;\n\n -webkit-text-fill-color:\n transparent;\n}\n\n.mini-lifestyle p {\n max-width:\n 700px;\n\n margin:\n 0 auto;\n\n color:\n #d5d5d5;\n\n font-size:\n 17px;\n\n line-height:\n 1.65;\n}\n\n.mini-lifestyle-grid {\n display:\n grid;\n\n grid-template-columns:\n repeat(4, 1fr);\n\n gap:\n 10px;\n\n margin-top:\n 32px;\n}\n\n.mini-lifestyle-item {\n padding:\n 18px\n 10px;\n\n border:\n 1px solid\n rgba(255, 255, 255, .1);\n\n border-radius:\n 17px;\n\n background:\n rgba(255, 255, 255, .05);\n\n color:\n #ffffff;\n\n backdrop-filter:\n blur(10px);\n\n transition:\n transform .3s ease,\n background .3s ease;\n}\n\n.mini-lifestyle-item:hover {\n transform:\n translateY(-5px);\n\n background:\n rgba(255, 255, 255, .1);\n}\n\n.mini-lifestyle-item span {\n display:\n block;\n\n margin-bottom:\n 6px;\n\n font-size:\n 25px;\n}\n\n\n\/* =========================================================\n BUILD \/ SAFETY SECTION\n========================================================= *\/\n\n.mini-build-box {\n max-width:\n 760px;\n\n margin:\n 0 auto;\n\n padding:\n 30px;\n\n border:\n 1px solid\n #eeeeee;\n\n border-radius:\n 22px;\n\n background:\n #f7f7f8;\n}\n\n.mini-build-grid {\n display:\n grid;\n\n grid-template-columns:\n repeat(2, 1fr);\n\n gap:\n 12px;\n\n margin-top:\n 20px;\n}\n\n.mini-build-item {\n padding:\n 18px;\n\n border-radius:\n 17px;\n\n background:\n #ffffff;\n\n border:\n 1px solid\n #eeeeee;\n\n text-align:\n left;\n}\n\n.mini-build-item strong {\n display:\n block;\n\n margin-bottom:\n 5px;\n\n font-size:\n 14px;\n}\n\n.mini-build-item span {\n color:\n #777777;\n\n font-size:\n 12.5px;\n\n line-height:\n 1.45;\n}\n\n\n\/* =========================================================\n FINAL CTA\n========================================================= *\/\n\n.mini-cta {\n padding:\n 60px\n 20px;\n\n text-align:\n center;\n\n background:\n #ffffff;\n}\n\n.mini-cta h2 {\n margin:\n 0 0 15px;\n\n font-size:\n clamp(\n 34px,\n 5vw,\n 58px\n );\n\n line-height:\n 1.05;\n\n letter-spacing:\n -2px;\n}\n\n.mini-cta p {\n max-width:\n 600px;\n\n margin:\n 0 auto;\n\n color:\n #666666;\n\n font-size:\n 16px;\n\n line-height:\n 1.65;\n}\n\n.mini-button {\n display:\n inline-flex;\n\n align-items:\n center;\n\n justify-content:\n center;\n\n gap:\n 10px;\n\n margin-top:\n 25px;\n\n padding:\n 16px\n 28px;\n\n border-radius:\n 100px;\n\n color:\n #ffffff !important;\n\n text-decoration:\n none !important;\n\n font-weight:\n 800;\n\n background:\n linear-gradient(\n 135deg,\n var(--orange),\n var(--yellow)\n );\n\n box-shadow:\n 0 13px 30px\n rgba(249, 115, 22, .23);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n}\n\n.mini-button:hover {\n transform:\n translateY(-4px)\n scale(1.02);\n\n box-shadow:\n 0 20px 40px\n rgba(249, 115, 22, .32);\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n .mini-feature-grid {\n gap:\n 25px;\n }\n\n .mini-visual {\n min-height:\n 370px;\n }\n\n .mini-orbit {\n width:\n 300px;\n\n height:\n 300px;\n }\n\n .mini-placeholder {\n width:\n 270px;\n\n height:\n 250px;\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 750px) {\n\n \/* HERO *\/\n\n .mini-hero {\n padding:\n 45px\n 18px\n 20px;\n }\n\n .mini-badge {\n margin-bottom:\n 15px;\n }\n\n .mini-hero h1 {\n margin-bottom:\n 14px;\n\n letter-spacing:\n -2px;\n }\n\n .mini-hero \u003e p {\n font-size:\n 15px;\n\n line-height:\n 1.55;\n }\n\n .mini-floating-row {\n margin-top:\n 22px;\n\n gap:\n 7px;\n }\n\n .mini-pill {\n padding:\n 8px\n 12px;\n\n font-size:\n 11px;\n }\n\n\n \/* PRODUCT SECTION *\/\n\n .mini-feature {\n padding:\n 15px\n 0\n 42px;\n }\n\n .mini-feature-grid {\n grid-template-columns:\n 1fr;\n\n gap:\n 0;\n }\n\n\n \/* PRODUCT VISUAL *\/\n\n .mini-visual {\n min-height:\n 270px;\n\n height:\n 270px;\n\n margin:\n 0;\n\n padding:\n 0;\n }\n\n .mini-orbit {\n width:\n 240px;\n\n height:\n 240px;\n }\n\n .mini-placeholder {\n width:\n 225px;\n\n height:\n 205px;\n\n border-radius:\n 25px;\n }\n\n .mini-placeholder::before {\n font-size:\n 65px;\n }\n\n .mini-placeholder::after {\n bottom:\n 25px;\n\n font-size:\n 9px;\n }\n\n\n \/* MAIN CONTENT *\/\n\n .mini-content {\n width:\n 100%;\n\n margin:\n 0 auto;\n\n text-align:\n center;\n }\n\n .mini-content h2 {\n margin:\n 0 auto 11px;\n\n font-size:\n 34px;\n\n line-height:\n 1.08;\n\n letter-spacing:\n -1.5px;\n }\n\n .mini-content \u003e p {\n margin:\n 0 auto 20px;\n\n font-size:\n 15px;\n\n line-height:\n 1.6;\n }\n\n\n \/* FOOD CARDS *\/\n\n .mini-food-grid {\n grid-template-columns:\n 1fr 1fr;\n\n gap:\n 9px;\n }\n\n .mini-card {\n padding:\n 14px;\n\n border-radius:\n 16px;\n }\n\n .mini-icon {\n margin-bottom:\n 5px;\n\n font-size:\n 21px;\n }\n\n .mini-card h3 {\n margin-bottom:\n 4px;\n\n font-size:\n 14px;\n }\n\n .mini-card p {\n font-size:\n 12px;\n\n line-height:\n 1.4;\n }\n\n\n \/* HOW IT WORKS *\/\n\n .mini-how {\n padding:\n 48px\n 0;\n }\n\n .mini-section-title {\n font-size:\n 34px;\n\n letter-spacing:\n -1.5px;\n }\n\n .mini-section-subtitle {\n margin-bottom:\n 28px;\n\n font-size:\n 15px;\n }\n\n .mini-steps {\n grid-template-columns:\n 1fr;\n\n gap:\n 10px;\n }\n\n .mini-step {\n padding:\n 24px\n 18px;\n }\n\n\n \/* DARK SECTION *\/\n\n .mini-lifestyle {\n padding:\n 50px\n 18px;\n }\n\n .mini-lifestyle h2 {\n font-size:\n 38px;\n\n letter-spacing:\n -1.5px;\n }\n\n .mini-lifestyle p {\n font-size:\n 15px;\n\n line-height:\n 1.6;\n }\n\n .mini-lifestyle-grid {\n grid-template-columns:\n 1fr 1fr;\n\n gap:\n 8px;\n\n margin-top:\n 25px;\n }\n\n .mini-lifestyle-item {\n padding:\n 16px\n 8px;\n\n font-size:\n 13px;\n }\n\n\n \/* BUILD SECTION *\/\n\n .mini-build-box {\n padding:\n 25px\n 18px;\n }\n\n .mini-build-grid {\n grid-template-columns:\n 1fr 1fr;\n\n gap:\n 8px;\n }\n\n .mini-build-item {\n padding:\n 15px;\n }\n\n\n \/* CTA *\/\n\n .mini-cta {\n padding:\n 48px\n 18px;\n }\n\n .mini-cta h2 {\n font-size:\n 38px;\n\n letter-spacing:\n -1.5px;\n }\n\n}\n\n\n\/* =========================================================\n SMALL PHONES\n========================================================= *\/\n\n@media (max-width: 430px) {\n\n .mini-hero {\n padding:\n 38px\n 15px\n 15px;\n }\n\n .mini-hero h1 {\n font-size:\n 37px;\n }\n\n .mini-hero \u003e p {\n font-size:\n 14px;\n }\n\n .mini-floating-row {\n margin-top:\n 18px;\n }\n\n .mini-pill {\n padding:\n 7px\n 10px;\n\n font-size:\n 10px;\n }\n\n\n \/* EXTRA TIGHT PRODUCT SECTION *\/\n\n .mini-feature {\n padding:\n 8px\n 0\n 38px;\n }\n\n .mini-visual {\n min-height:\n 235px;\n\n height:\n 235px;\n }\n\n .mini-orbit {\n width:\n 215px;\n\n height:\n 215px;\n }\n\n .mini-placeholder {\n width:\n 205px;\n\n height:\n 175px;\n }\n\n\n .mini-content h2 {\n font-size:\n 32px;\n }\n\n .mini-content \u003e p {\n font-size:\n 14px;\n }\n\n .mini-food-grid {\n grid-template-columns:\n 1fr;\n }\n\n .mini-build-grid {\n grid-template-columns:\n 1fr;\n }\n\n .mini-lifestyle h2 {\n font-size:\n 35px;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"mini-chopper-page\"\u003e\n\n\n \u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\n \u003csection class=\"mini-hero\"\u003e\n\n \u003cdiv class=\"mini-badge\"\u003e\n ⚑ FAST. COMPACT. POWERFUL.\n \u003c\/div\u003e\n\n \u003ch1\u003e\n Chop. Mince.\u003cbr\u003e\n\n \u003cspan class=\"mini-gradient\"\u003e\n Grind.\n \u003c\/span\u003e\n\n In Seconds.\n \u003c\/h1\u003e\n\n \u003cp\u003e\n Dinner was due 10 minutes ago? No problem.\n The Mini Electric Food Chopper \u0026amp; Grinder\n handles everyday prep with one simple press.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"mini-floating-row\"\u003e\n\n \u003cdiv class=\"mini-pill\"\u003e\n ⚑ USB-C Rechargeable\n \u003c\/div\u003e\n\n \u003cdiv class=\"mini-pill\"\u003e\n πŸ‘† One Touch\n \u003c\/div\u003e\n\n \u003cdiv class=\"mini-pill\"\u003e\n πŸ”ͺ Sharp Blades\n \u003c\/div\u003e\n\n \u003cdiv class=\"mini-pill\"\u003e\n πŸŽ’ Compact\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n MAIN PRODUCT SECTION\n ====================================================== --\u003e\n\n \u003csection class=\"mini-feature\"\u003e\n\n \u003cdiv class=\"mini-chopper-container\"\u003e\n\n \u003cdiv class=\"mini-feature-grid\"\u003e\n\n\n \u003c!-- PRODUCT VISUAL --\u003e\n\n \u003cdiv class=\"mini-visual\"\u003e\n\n \u003cdiv class=\"mini-orbit\"\u003e\u003c\/div\u003e\n\n\n \u003c!--\n REPLACE WITH YOUR REAL PRODUCT IMAGE\n\n \u003cimg\n src=\"YOUR-SHOPIFY-IMAGE-URL\"\n alt=\"Mini Electric Food Chopper and Grinder\"\n style=\"\n max-width:100%;\n height:auto;\n object-fit:contain;\n position:relative;\n z-index:2;\n \"\n \u003e\n --\u003e\n\n\n \u003cdiv class=\"mini-placeholder\"\u003e\u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- PRODUCT BENEFITS --\u003e\n\n \u003cdiv class=\"mini-content\"\u003e\n\n \u003ch2\u003e\n\n One press.\n \u003cspan class=\"mini-gradient\"\u003e\n Endless prep.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n \u003cp\u003e\n From garlic and ginger to herbs, onions,\n nuts and more, get your ingredients ready\n without the hassle of manual chopping.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"mini-food-grid\"\u003e\n\n\n \u003cdiv class=\"mini-card\"\u003e\n\n \u003cdiv class=\"mini-icon\"\u003e\n πŸ§„\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Garlic \u0026amp; Ginger\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Finely mince ingredients\n without the mess on your hands.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-card\"\u003e\n\n \u003cdiv class=\"mini-icon\"\u003e\n 🌢️\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Onions \u0026amp; Chilli\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Chop quickly without\n the usual tears and hassle.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-card\"\u003e\n\n \u003cdiv class=\"mini-icon\"\u003e\n 🌿\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Fresh Herbs\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Get evenly chopped herbs\n ready for your favourite meals.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-card\"\u003e\n\n \u003cdiv class=\"mini-icon\"\u003e\n πŸ₯œ\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Nuts \u0026amp; Spices\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Crush and grind ingredients\n quickly and conveniently.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n HOW IT WORKS\n ====================================================== --\u003e\n\n \u003csection class=\"mini-how\"\u003e\n\n \u003cdiv class=\"mini-chopper-container\"\u003e\n\n \u003ch2 class=\"mini-section-title\"\u003e\n\n From ingredients to\n \u003cspan class=\"mini-gradient\"\u003e\n meal-ready.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n \u003cp class=\"mini-section-subtitle\"\u003e\n Simple operation. Minimal effort. Maximum convenience.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"mini-steps\"\u003e\n\n\n \u003cdiv class=\"mini-step\"\u003e\n\n \u003cdiv class=\"mini-number\"\u003e\n 01\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Load\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Add your ingredients to the\n detachable bowl.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-step\"\u003e\n\n \u003cdiv class=\"mini-number\"\u003e\n 02\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Press\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Engage the safety lock and\n press the button.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-step\"\u003e\n\n \u003cdiv class=\"mini-number\"\u003e\n 03\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Done\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Your ingredients are ready\n for the pot, pan or braai.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n LIFESTYLE\n ====================================================== --\u003e\n\n \u003csection class=\"mini-lifestyle\"\u003e\n\n \u003cdiv class=\"mini-lifestyle-inner\"\u003e\n\n \u003ch2\u003e\n\n Built for\n \u003cspan class=\"mini-gradient\"\u003e\n real kitchens.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Whether you're making a quick weeknight\n potjie or preparing a full Sunday roast,\n this compact chopper helps take the\n repetitive work out of food prep.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"mini-lifestyle-grid\"\u003e\n\n\n \u003cdiv class=\"mini-lifestyle-item\"\u003e\n\n \u003cspan\u003e\n 🍲\n \u003c\/span\u003e\n\n Weeknight Meals\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-lifestyle-item\"\u003e\n\n \u003cspan\u003e\n πŸ”₯\n \u003c\/span\u003e\n\n Braai Prep\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-lifestyle-item\"\u003e\n\n \u003cspan\u003e\n πŸ₯©\n \u003c\/span\u003e\n\n Meat Prep\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-lifestyle-item\"\u003e\n\n \u003cspan\u003e\n 🌿\n \u003c\/span\u003e\n\n Fresh Ingredients\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n BUILD + SAFETY\n ====================================================== --\u003e\n\n \u003csection class=\"mini-how\"\u003e\n\n \u003cdiv class=\"mini-chopper-container\"\u003e\n\n \u003ch2 class=\"mini-section-title\"\u003e\n\n Small size.\n \u003cspan class=\"mini-gradient\"\u003e\n Serious capability.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n \u003cp class=\"mini-section-subtitle\"\u003e\n Designed around the things that matter in a busy kitchen.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"mini-build-box\"\u003e\n\n \u003cdiv class=\"mini-build-grid\"\u003e\n\n\n \u003cdiv class=\"mini-build-item\"\u003e\n\n \u003cstrong\u003e\n πŸ’ͺ Heavy-Duty Build\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Thickened materials designed\n for regular everyday use.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-build-item\"\u003e\n\n \u003cstrong\u003e\n πŸ”’ Safety Lock\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Designed to operate only when\n the safety mechanism is engaged.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-build-item\"\u003e\n\n \u003cstrong\u003e\n πŸ”Œ USB-C Rechargeable\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Recharge conveniently without\n needing disposable batteries.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-build-item\"\u003e\n\n \u003cstrong\u003e\n πŸ‘† One-Touch Operation\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Simple controls with virtually\n no learning curve.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-build-item\"\u003e\n\n \u003cstrong\u003e\n 🚿 Easy to Clean\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Detachable bowl makes rinsing\n and cleaning straightforward.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"mini-build-item\"\u003e\n\n \u003cstrong\u003e\n πŸŽ’ Compact \u0026amp; Portable\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Takes up minimal counter space\n while handling everyday prep.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- =====================================================\n FINAL CTA\n ====================================================== --\u003e\n\n \u003csection class=\"mini-cta\"\u003e\n\n \u003cdiv class=\"mini-chopper-container\"\u003e\n\n \u003ch2\u003e\n\n Less chopping.\u003cbr\u003e\n\n \u003cspan class=\"mini-gradient\"\u003e\n More cooking.\n \u003c\/span\u003e\n\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Make everyday food prep faster and easier\n with a compact electric chopper that's\n ready whenever you are.\n \u003c\/p\u003e\n\n\n \u003ca href=\"#\" class=\"mini-button\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003e\n ⚑ Get Yours Today β†’\n\u003c\/a\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n\u003c\/div\u003e\n```\n","brand":"Saffa Supply","offers":[{"title":"Green \/ 100ml","offer_id":55105728184599,"sku":null,"price":369.99,"currency_code":"ZAR","in_stock":true},{"title":"White \/ 100ml","offer_id":55105678639383,"sku":null,"price":369.99,"currency_code":"ZAR","in_stock":true},{"title":"White \/ 250ml","offer_id":55105678672151,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ 100ml","offer_id":55105678704919,"sku":null,"price":369.99,"currency_code":"ZAR","in_stock":true},{"title":"Pink \/ 250ml","offer_id":55105678737687,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true},{"title":"Green \/ 250ml","offer_id":55184907567383,"sku":null,"price":499.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1026\/0332\/5719\/files\/Screenshot_2026-09-02_164836.png?v=1788375544"},{"product_id":"heavy-duty-braai-brush-stainless-steel-wire-bristles-long-handle","title":"Heavy-Duty Braai Brush β€” Stainless Steel Wire Bristles, Long Handle","description":"\u003cstyle\u003e\n .braai-brush-page {\n --orange: #f97316;\n --yellow: #facc15;\n --red: #ef4444;\n --dark: #101010;\n --dark2: #181818;\n --grey: #6b6b6b;\n --light: #f7f7f7;\n --white: #ffffff;\n font-family: Arial, Helvetica, sans-serif;\n color: var(--dark);\n overflow: hidden;\n }\n\n .braai-brush-page * {\n box-sizing: border-box;\n }\n\n .braai-brush-page h1,\n .braai-brush-page h2,\n .braai-brush-page h3,\n .braai-brush-page p {\n margin: 0;\n }\n\n \/* ---------- HERO ---------- *\/\n\n .bb-hero {\n position: relative;\n padding: 72px 24px 62px;\n text-align: center;\n background:\n radial-gradient(circle at 50% 20%, rgba(249,115,22,.16), transparent 35%),\n linear-gradient(135deg, #ffffff 0%, #f7f7f7 100%);\n overflow: hidden;\n }\n\n .bb-glow {\n position: absolute;\n width: 280px;\n height: 280px;\n background: rgba(249,115,22,.12);\n border-radius: 50%;\n filter: blur(70px);\n top: -120px;\n left: 50%;\n transform: translateX(-50%);\n animation: bbGlow 5s ease-in-out infinite;\n }\n\n .bb-badge {\n position: relative;\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: #fff3e8;\n color: #d94f00;\n font-size: 12px;\n font-weight: 800;\n letter-spacing: 1.3px;\n margin-bottom: 18px;\n animation: bbFloat 3s ease-in-out infinite;\n }\n\n .bb-hero h1 {\n position: relative;\n max-width: 780px;\n margin: 0 auto 18px;\n font-size: clamp(38px, 6vw, 68px);\n line-height: .98;\n font-weight: 900;\n letter-spacing: -2.8px;\n }\n\n .bb-gradient {\n background: linear-gradient(90deg, #ef4444, #f97316, #facc15);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-size: 200% auto;\n animation: bbGradient 4s linear infinite;\n }\n\n .bb-hero-text {\n position: relative;\n max-width: 650px;\n margin: 0 auto 25px;\n font-size: 17px;\n line-height: 1.65;\n color: #5f5f5f;\n }\n\n .bb-pills {\n position: relative;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 9px;\n }\n\n .bb-pill {\n background: #ffffff;\n border: 1px solid #e8e8e8;\n padding: 9px 13px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n box-shadow: 0 5px 18px rgba(0,0,0,.05);\n }\n\n \/* ---------- PRODUCT SECTION ---------- *\/\n\n .bb-product {\n padding: 55px 24px;\n background: #ffffff;\n }\n\n .bb-product-inner {\n max-width: 1120px;\n margin: auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 55px;\n align-items: center;\n }\n\n .bb-product-visual {\n min-height: 470px;\n border-radius: 28px;\n background:\n radial-gradient(circle at 50% 40%, rgba(249,115,22,.2), transparent 38%),\n linear-gradient(145deg, #171717, #090909);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 25px 70px rgba(0,0,0,.16);\n }\n\n .bb-product-visual::before {\n content: \"\";\n position: absolute;\n width: 240px;\n height: 240px;\n border: 1px solid rgba(249,115,22,.25);\n border-radius: 50%;\n animation: bbOrbit 8s linear infinite;\n }\n\n .bb-product-visual::after {\n content: \"πŸ”₯\";\n position: absolute;\n font-size: 42px;\n top: 30px;\n right: 35px;\n animation: bbFire 2s ease-in-out infinite;\n }\n\n .bb-product-placeholder {\n position: relative;\n z-index: 2;\n text-align: center;\n color: #ffffff;\n padding: 30px;\n }\n\n .bb-product-placeholder .bb-icon {\n font-size: 82px;\n display: block;\n margin-bottom: 15px;\n animation: bbToolFloat 4s ease-in-out infinite;\n }\n\n .bb-product-placeholder strong {\n display: block;\n font-size: 18px;\n }\n\n .bb-product-placeholder span {\n display: block;\n margin-top: 7px;\n color: #aaa;\n font-size: 13px;\n }\n\n .bb-product-copy .bb-small-label {\n color: var(--orange);\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n\n .bb-product-copy h2 {\n font-size: clamp(30px, 4vw, 46px);\n line-height: 1.05;\n letter-spacing: -1.5px;\n margin-bottom: 16px;\n font-weight: 900;\n }\n\n .bb-product-copy h2 span {\n color: var(--orange);\n }\n\n .bb-product-copy \u003e p {\n color: var(--grey);\n font-size: 16px;\n line-height: 1.65;\n margin-bottom: 25px;\n }\n\n .bb-benefits {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .bb-benefit {\n padding: 17px;\n border: 1px solid #ececec;\n border-radius: 17px;\n background: #fff;\n transition: .25s ease;\n }\n\n .bb-benefit:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 28px rgba(0,0,0,.07);\n }\n\n .bb-benefit-icon {\n font-size: 25px;\n margin-bottom: 8px;\n }\n\n .bb-benefit strong {\n display: block;\n font-size: 14px;\n margin-bottom: 5px;\n }\n\n .bb-benefit span {\n color: #777;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* ---------- FIRE SECTION ---------- *\/\n\n .bb-fire-section {\n position: relative;\n padding: 70px 24px;\n background:\n radial-gradient(circle at 50% 100%, rgba(239,68,68,.18), transparent 38%),\n #111111;\n color: #fff;\n text-align: center;\n overflow: hidden;\n }\n\n .bb-fire-section::before {\n content: \"\";\n position: absolute;\n width: 500px;\n height: 500px;\n background: rgba(249,115,22,.07);\n border-radius: 50%;\n filter: blur(80px);\n left: 50%;\n bottom: -400px;\n transform: translateX(-50%);\n }\n\n \/* BRIGHTENED HEADING *\/\n .bb-fire-section h2 {\n position: relative;\n max-width: 750px;\n margin: 0 auto 15px;\n font-size: clamp(32px, 5vw, 52px);\n font-weight: 900;\n letter-spacing: -1.8px;\n color: #ffffff;\n text-shadow: 0 2px 15px rgba(255,255,255,.12);\n }\n\n .bb-fire-section h2 span {\n background: linear-gradient(90deg, #ffd84d, #ff8a24);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-size: 200% auto;\n animation: bbGradient 4s linear infinite;\n }\n\n .bb-fire-section \u003e p {\n position: relative;\n max-width: 620px;\n margin: 0 auto 35px;\n color: #bdbdbd;\n line-height: 1.65;\n font-size: 16px;\n }\n\n .bb-grid-demo {\n position: relative;\n max-width: 900px;\n margin: auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n }\n\n .bb-demo-card {\n padding: 25px 18px;\n border-radius: 20px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n transition: .3s ease;\n }\n\n .bb-demo-card:hover {\n transform: translateY(-5px);\n background: rgba(255,255,255,.09);\n }\n\n .bb-demo-icon {\n font-size: 32px;\n margin-bottom: 12px;\n }\n\n .bb-demo-card strong {\n display: block;\n font-size: 15px;\n margin-bottom: 7px;\n color: #ffffff;\n }\n\n .bb-demo-card span {\n display: block;\n color: #aaa;\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* ---------- FEATURES ---------- *\/\n\n .bb-features {\n padding: 65px 24px;\n background: #f7f7f7;\n }\n\n .bb-section-heading {\n max-width: 700px;\n margin: 0 auto 38px;\n text-align: center;\n }\n\n .bb-section-heading .label {\n color: var(--orange);\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n\n .bb-section-heading h2 {\n font-size: clamp(30px, 5vw, 48px);\n line-height: 1.05;\n letter-spacing: -1.7px;\n font-weight: 900;\n margin-bottom: 12px;\n }\n\n .bb-section-heading p {\n color: #707070;\n font-size: 15px;\n line-height: 1.6;\n }\n\n .bb-feature-grid {\n max-width: 1050px;\n margin: auto;\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 13px;\n }\n\n .bb-feature {\n background: #fff;\n padding: 23px 17px;\n border-radius: 19px;\n border: 1px solid #e9e9e9;\n transition: .25s ease;\n }\n\n .bb-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0,0,0,.07);\n }\n\n .bb-feature-icon {\n font-size: 27px;\n margin-bottom: 12px;\n }\n\n .bb-feature h3 {\n font-size: 14px;\n margin-bottom: 7px;\n }\n\n .bb-feature p {\n color: #777;\n font-size: 11.5px;\n line-height: 1.5;\n }\n\n \/* ---------- WHY SECTION ---------- *\/\n\n .bb-why {\n padding: 70px 24px;\n background: #ffffff;\n }\n\n .bb-why-inner {\n max-width: 1050px;\n margin: auto;\n display: grid;\n grid-template-columns: .9fr 1.1fr;\n gap: 55px;\n align-items: center;\n }\n\n .bb-why-title {\n font-size: clamp(32px, 5vw, 50px);\n line-height: 1.02;\n letter-spacing: -2px;\n font-weight: 900;\n }\n\n .bb-why-title span {\n color: var(--orange);\n }\n\n .bb-why-copy {\n color: #707070;\n margin-top: 15px;\n line-height: 1.65;\n font-size: 15px;\n }\n\n .bb-check-list {\n display: grid;\n gap: 12px;\n }\n\n .bb-check {\n display: flex;\n align-items: flex-start;\n gap: 13px;\n padding: 17px;\n border-radius: 17px;\n background: #f8f8f8;\n border: 1px solid #ededed;\n }\n\n .bb-check-mark {\n flex: 0 0 30px;\n width: 30px;\n height: 30px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #fff0e6;\n color: var(--orange);\n font-weight: 900;\n }\n\n .bb-check strong {\n display: block;\n font-size: 14px;\n margin-bottom: 4px;\n }\n\n .bb-check span {\n color: #777;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* ---------- CTA ---------- *\/\n\n .bb-cta {\n position: relative;\n padding: 70px 24px;\n background: linear-gradient(135deg, #151515, #0a0a0a);\n color: #fff;\n text-align: center;\n overflow: hidden;\n }\n\n .bb-cta::before,\n .bb-cta::after {\n content: \"\";\n position: absolute;\n border-radius: 50%;\n filter: blur(60px);\n }\n\n .bb-cta::before {\n width: 240px;\n height: 240px;\n background: rgba(239,68,68,.15);\n top: -100px;\n left: 10%;\n }\n\n .bb-cta::after {\n width: 220px;\n height: 220px;\n background: rgba(249,115,22,.15);\n bottom: -100px;\n right: 10%;\n }\n\n \/* BRIGHTENED CTA HEADING *\/\n .bb-cta h2 {\n position: relative;\n font-size: clamp(34px, 6vw, 58px);\n font-weight: 900;\n letter-spacing: -2px;\n margin-bottom: 12px;\n color: #ffffff;\n text-shadow: 0 2px 15px rgba(255,255,255,.12);\n }\n\n .bb-cta h2 span {\n background: linear-gradient(90deg, #ffd84d, #ff8a24);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-size: 200% auto;\n animation: bbGradient 4s linear infinite;\n }\n\n .bb-cta p {\n position: relative;\n max-width: 570px;\n margin: 0 auto 25px;\n color: #bdbdbd;\n line-height: 1.6;\n font-size: 15px;\n }\n\n .bb-cta-button {\n position: relative;\n display: inline-block;\n padding: 15px 25px;\n border-radius: 999px;\n background: linear-gradient(90deg, #ef4444, #f97316);\n color: #fff !important;\n text-decoration: none !important;\n font-size: 14px;\n font-weight: 900;\n box-shadow: 0 12px 35px rgba(249,115,22,.25);\n transition: .25s ease;\n }\n\n .bb-cta-button:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 18px 40px rgba(249,115,22,.35);\n }\n\n \/* ---------- ANIMATIONS ---------- *\/\n\n @keyframes bbFloat {\n 0%,100% {\n transform: translateY(0);\n }\n\n 50% {\n transform: translateY(-5px);\n }\n }\n\n @keyframes bbGlow {\n 0%,100% {\n opacity: .7;\n transform: translateX(-50%) scale(1);\n }\n\n 50% {\n opacity: 1;\n transform: translateX(-50%) scale(1.15);\n }\n }\n\n @keyframes bbGradient {\n 0% {\n background-position: 0% center;\n }\n\n 100% {\n background-position: 200% center;\n }\n }\n\n @keyframes bbToolFloat {\n 0%,100% {\n transform: translateY(0) rotate(-2deg);\n }\n\n 50% {\n transform: translateY(-10px) rotate(2deg);\n }\n }\n\n @keyframes bbOrbit {\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes bbFire {\n 0%,100% {\n transform: scale(1) rotate(-2deg);\n }\n\n 50% {\n transform: scale(1.12) rotate(2deg);\n }\n }\n\n \/* ---------- TABLET ---------- *\/\n\n @media (max-width: 900px) {\n\n .bb-product-inner {\n grid-template-columns: 1fr;\n gap: 35px;\n }\n\n .bb-product-visual {\n min-height: 390px;\n }\n\n .bb-feature-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n\n .bb-why-inner {\n grid-template-columns: 1fr;\n gap: 35px;\n }\n }\n\n \/* ---------- MOBILE ---------- *\/\n\n @media (max-width: 700px) {\n\n .bb-hero {\n padding: 48px 18px 42px;\n }\n\n .bb-hero h1 {\n font-size: 42px;\n letter-spacing: -2px;\n }\n\n .bb-hero-text {\n font-size: 15px;\n line-height: 1.55;\n margin-bottom: 19px;\n }\n\n .bb-product {\n padding: 38px 18px;\n }\n\n .bb-product-inner {\n gap: 28px;\n }\n\n .bb-product-visual {\n min-height: 320px;\n border-radius: 23px;\n }\n\n .bb-product-placeholder .bb-icon {\n font-size: 65px;\n }\n\n .bb-product-copy h2 {\n font-size: 34px;\n }\n\n .bb-product-copy \u003e p {\n font-size: 14px;\n line-height: 1.55;\n margin-bottom: 18px;\n }\n\n .bb-benefits {\n gap: 9px;\n }\n\n .bb-benefit {\n padding: 14px;\n border-radius: 15px;\n }\n\n .bb-benefit-icon {\n font-size: 22px;\n margin-bottom: 6px;\n }\n\n .bb-benefit strong {\n font-size: 13px;\n }\n\n .bb-benefit span {\n font-size: 11px;\n }\n\n .bb-fire-section {\n padding: 48px 18px;\n }\n\n .bb-fire-section \u003e p {\n font-size: 14px;\n margin-bottom: 25px;\n }\n\n .bb-grid-demo {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n\n .bb-demo-card {\n padding: 18px;\n display: flex;\n align-items: center;\n text-align: left;\n gap: 14px;\n }\n\n .bb-demo-icon {\n margin: 0;\n font-size: 27px;\n }\n\n .bb-features {\n padding: 45px 18px;\n }\n\n .bb-section-heading {\n margin-bottom: 25px;\n }\n\n .bb-section-heading h2 {\n font-size: 34px;\n }\n\n .bb-feature-grid {\n grid-template-columns: 1fr 1fr;\n gap: 9px;\n }\n\n .bb-feature {\n padding: 18px 14px;\n }\n\n .bb-why {\n padding: 48px 18px;\n }\n\n .bb-why-inner {\n gap: 25px;\n }\n\n .bb-why-title {\n font-size: 36px;\n letter-spacing: -1.5px;\n }\n\n .bb-cta {\n padding: 50px 18px;\n }\n\n .bb-cta h2 {\n font-size: 40px;\n letter-spacing: -1.5px;\n }\n }\n\n \/* ---------- SMALL MOBILE ---------- *\/\n\n @media (max-width: 430px) {\n\n .bb-hero {\n padding-top: 40px;\n }\n\n .bb-hero h1 {\n font-size: 37px;\n }\n\n .bb-pills {\n gap: 6px;\n }\n\n .bb-pill {\n font-size: 11px;\n padding: 7px 10px;\n }\n\n .bb-product-visual {\n min-height: 280px;\n }\n\n .bb-benefits {\n grid-template-columns: 1fr;\n }\n\n .bb-feature-grid {\n grid-template-columns: 1fr;\n }\n\n .bb-feature {\n display: flex;\n align-items: center;\n gap: 13px;\n padding: 15px;\n }\n\n .bb-feature-icon {\n margin: 0;\n }\n\n .bb-cta h2 {\n font-size: 36px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"braai-brush-page\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"bb-hero\"\u003e\n\n \u003cdiv class=\"bb-glow\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"bb-badge\"\u003e\n πŸ”₯ BUILT FOR THE BRAAI\n \u003c\/div\u003e\n\n \u003ch1\u003e\n A Clean Grid Is a\n \u003cspan class=\"bb-gradient\"\u003eLegendary Grid.\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"bb-hero-text\"\u003e\n Burnt-on grease, carbon and old residue don't belong on your grid.\n Cut through the grime fast and spend less time scrubbing β€”\n and more time around the fire. πŸ‡ΏπŸ‡¦\n \u003c\/p\u003e\n\n \u003cdiv class=\"bb-pills\"\u003e\n \u003cdiv class=\"bb-pill\"\u003eπŸ”© Stainless Steel Bristles\u003c\/div\u003e\n \u003cdiv class=\"bb-pill\"\u003eπŸͺ“ Built-In Scraper\u003c\/div\u003e\n \u003cdiv class=\"bb-pill\"\u003eπŸ”₯ Long Handle\u003c\/div\u003e\n \u003cdiv class=\"bb-pill\"\u003eπŸ’ͺ Heavy-Duty\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PRODUCT --\u003e\n \u003csection class=\"bb-product\"\u003e\n\n \u003cdiv class=\"bb-product-inner\"\u003e\n\n \u003cdiv class=\"bb-product-visual\"\u003e\n\n \u003c!-- Replace this section with your actual Shopify product image --\u003e\n \u003cdiv class=\"bb-product-placeholder\"\u003e\n\n \u003cspan class=\"bb-icon\"\u003e🧹\u003c\/span\u003e\n\n \u003cstrong\u003e\n Heavy-Duty Braai Brush\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Built to tackle the toughest grid grime.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-product-copy\"\u003e\n\n \u003cdiv class=\"bb-small-label\"\u003e\n YOUR GRID'S NEW BEST FRIEND\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Scrub Less.\u003cbr\u003e\n \u003cspan\u003eBraai More.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Tough grease and stuck-on residue don't stand a chance.\n The Heavy-Duty Braai Brush gives your grid the deep clean\n it needs before the next fire.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bb-benefits\"\u003e\n\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cdiv class=\"bb-benefit-icon\"\u003eπŸ”©\u003c\/div\u003e\n\n \u003cstrong\u003e\n Steel Bristles\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Designed to tackle baked-on grease and residue.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cdiv class=\"bb-benefit-icon\"\u003eπŸͺ“\u003c\/div\u003e\n\n \u003cstrong\u003e\n Built-In Scraper\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n For those stubborn bits that refuse to move.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cdiv class=\"bb-benefit-icon\"\u003eπŸ™Œ\u003c\/div\u003e\n\n \u003cstrong\u003e\n Long Handle\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Keeps your hands further from the heat.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n \u003cdiv class=\"bb-benefit-icon\"\u003eπŸ’ͺ\u003c\/div\u003e\n\n \u003cstrong\u003e\n Sturdy Build\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Made for regular braai clean-ups.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FIRE SECTION --\u003e\n \u003csection class=\"bb-fire-section\"\u003e\n\n \u003ch2\u003e\n Clean Grid.\u003cbr\u003e\n \u003cspan\u003eBetter Braai.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n A dirty grid can leave behind old grease and burnt residue.\n Give your braai setup a proper clean before the next cook-up.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bb-grid-demo\"\u003e\n\n \u003cdiv class=\"bb-demo-card\"\u003e\n\n \u003cdiv class=\"bb-demo-icon\"\u003e\n πŸ₯©\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Better-Tasting Meat\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Keep old burnt flavours from transferring to your food.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-demo-card\"\u003e\n\n \u003cdiv class=\"bb-demo-icon\"\u003e\n πŸ›‘οΈ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Protect Your Grid\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Regular cleaning helps keep your braai grid in good condition.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-demo-card\"\u003e\n\n \u003cdiv class=\"bb-demo-icon\"\u003e\n πŸ”₯\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Less Built-Up Grease\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Remove grease and residue before your next braai.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FEATURES --\u003e\n \u003csection class=\"bb-features\"\u003e\n\n \u003cdiv class=\"bb-section-heading\"\u003e\n\n \u003cdiv class=\"label\"\u003e\n BUILT FOR SA BRAAIS\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Tough on grime.\u003cbr\u003e\n Easy to use.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Everything you need to get your grid ready for the next fire.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-feature-grid\"\u003e\n\n \u003cdiv class=\"bb-feature\"\u003e\n\n \u003cdiv class=\"bb-feature-icon\"\u003e\n πŸ”©\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Stainless Steel Bristles\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Cut through baked-on grease, carbon and residue.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-feature\"\u003e\n\n \u003cdiv class=\"bb-feature-icon\"\u003e\n πŸͺ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Built-In Scraper\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Break up stubborn stuck-on bits.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-feature\"\u003e\n\n \u003cdiv class=\"bb-feature-icon\"\u003e\n πŸ™Œ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Long Handle\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Provides extra distance from the hot grid.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-feature\"\u003e\n\n \u003cdiv class=\"bb-feature-icon\"\u003e\n πŸ’ͺ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Sturdy Construction\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed for regular braai cleaning.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-feature\"\u003e\n\n \u003cdiv class=\"bb-feature-icon\"\u003e\n πŸ”₯\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Grid-Friendly\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Works across different braai grid styles.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- WHY IT MATTERS --\u003e\n \u003csection class=\"bb-why\"\u003e\n\n \u003cdiv class=\"bb-why-inner\"\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"bb-why-title\"\u003e\n Your grid works hard.\u003cbr\u003e\n \u003cspan\u003eLook after it.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"bb-why-copy\"\u003e\n From the Saturday family braai to a quick Wednesday vleis,\n keeping your grid clean makes the whole cooking experience\n easier.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-check-list\"\u003e\n\n \u003cdiv class=\"bb-check\"\u003e\n\n \u003cdiv class=\"bb-check-mark\"\u003e\n βœ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Clean Before You Cook\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Clear away old grease and leftover residue before the next braai.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-check\"\u003e\n\n \u003cdiv class=\"bb-check-mark\"\u003e\n βœ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Keep Your Grid Looking Better\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Regular cleaning helps maintain your braai setup.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-check\"\u003e\n\n \u003cdiv class=\"bb-check-mark\"\u003e\n βœ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Spend Less Time Scrubbing\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Use the bristles and scraper together to tackle tough messes.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-check\"\u003e\n\n \u003cdiv class=\"bb-check-mark\"\u003e\n βœ“\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Get Back to the Fire\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Because the best part of a braai isn't cleaning it afterwards.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"bb-cta\"\u003e\n\n \u003ch2\u003e\n Keep Your Grid\u003cbr\u003e\n \u003cspan\u003eBraai-Ready. πŸ”₯\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Tough grime doesn't belong on a legendary braai.\n Give your grid the clean it deserves and get back to the fire.\n \u003c\/p\u003e\n\n \u003ca href=\"#\" class=\"bb-cta-button\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003e\n πŸ”₯ Get Yours Today β†’\n \u003c\/a\u003e\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Saffa Supply","offers":[{"title":"Default Title","offer_id":55105734836503,"sku":null,"price":449.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1026\/0332\/5719\/files\/image_27205a68-2980-4696-a408-267401559f24.png?v=1790276858"},{"product_id":"diamond-knife-sharpener-magnetic-angle-guide-precision-sharpening-system","title":"Diamond Knife Sharpener β€” Magnetic Angle Guide, Precision Sharpening System","description":"\u003cstyle\u003e\n .knife-sharpener-page {\n --gold: #d6a84f;\n --gold-light: #f1d48a;\n --silver: #d8d8d8;\n --dark: #101010;\n --dark2: #181818;\n --grey: #6b6b6b;\n --light: #f6f6f6;\n --white: #ffffff;\n font-family: Arial, Helvetica, sans-serif;\n color: var(--dark);\n overflow: hidden;\n }\n\n .knife-sharpener-page * {\n box-sizing: border-box;\n }\n\n .knife-sharpener-page h1,\n .knife-sharpener-page h2,\n .knife-sharpener-page h3,\n .knife-sharpener-page p {\n margin: 0;\n }\n\n \/* ---------- HERO ---------- *\/\n\n .ks-hero {\n position: relative;\n padding: 72px 24px 62px;\n text-align: center;\n background:\n radial-gradient(circle at 50% 20%, rgba(214,168,79,.16), transparent 35%),\n linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);\n overflow: hidden;\n }\n\n .ks-glow {\n position: absolute;\n width: 300px;\n height: 300px;\n background: rgba(214,168,79,.12);\n border-radius: 50%;\n filter: blur(75px);\n top: -130px;\n left: 50%;\n transform: translateX(-50%);\n animation: ksGlow 5s ease-in-out infinite;\n }\n\n .ks-badge {\n position: relative;\n display: inline-block;\n padding: 8px 14px;\n border-radius: 999px;\n background: #f8f1e3;\n color: #8b6726;\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 1.4px;\n margin-bottom: 18px;\n animation: ksFloat 3s ease-in-out infinite;\n }\n\n .ks-hero h1 {\n position: relative;\n max-width: 820px;\n margin: 0 auto 18px;\n font-size: clamp(38px, 6vw, 67px);\n line-height: .98;\n font-weight: 900;\n letter-spacing: -2.8px;\n }\n\n .ks-gradient {\n background: linear-gradient(\n 90deg,\n #8c6a2c,\n #e1b95f,\n #fff0b5,\n #c2943d,\n #f0d078\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-size: 250% auto;\n animation: ksGradient 5s linear infinite;\n }\n\n .ks-hero-text {\n position: relative;\n max-width: 650px;\n margin: 0 auto 25px;\n font-size: 17px;\n line-height: 1.65;\n color: #5f5f5f;\n }\n\n .ks-pills {\n position: relative;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 9px;\n }\n\n .ks-pill {\n background: #ffffff;\n border: 1px solid #e7e7e7;\n padding: 9px 13px;\n border-radius: 999px;\n font-size: 13px;\n font-weight: 700;\n box-shadow: 0 5px 18px rgba(0,0,0,.05);\n }\n\n \/* ---------- PRODUCT SECTION ---------- *\/\n\n .ks-product {\n padding: 55px 24px;\n background: #ffffff;\n }\n\n .ks-product-inner {\n max-width: 1120px;\n margin: auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 55px;\n align-items: center;\n }\n\n .ks-product-visual {\n min-height: 470px;\n border-radius: 28px;\n background:\n radial-gradient(circle at 50% 40%, rgba(214,168,79,.17), transparent 35%),\n linear-gradient(145deg, #202020, #080808);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 25px 70px rgba(0,0,0,.18);\n }\n\n .ks-product-visual::before {\n content: \"\";\n position: absolute;\n width: 260px;\n height: 260px;\n border: 1px solid rgba(214,168,79,.25);\n border-radius: 50%;\n animation: ksOrbit 10s linear infinite;\n }\n\n .ks-product-visual::after {\n content: \"✦\";\n position: absolute;\n font-size: 38px;\n color: rgba(241,212,138,.75);\n top: 32px;\n right: 38px;\n animation: ksSparkle 2.5s ease-in-out infinite;\n }\n\n .ks-product-placeholder {\n position: relative;\n z-index: 2;\n text-align: center;\n color: #ffffff;\n padding: 30px;\n }\n\n .ks-product-placeholder .ks-icon {\n font-size: 82px;\n display: block;\n margin-bottom: 15px;\n animation: ksToolFloat 4s ease-in-out infinite;\n }\n\n .ks-product-placeholder strong {\n display: block;\n font-size: 18px;\n }\n\n .ks-product-placeholder span {\n display: block;\n margin-top: 7px;\n color: #aaa;\n font-size: 13px;\n }\n\n .ks-product-copy .ks-small-label {\n color: #a47725;\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n\n .ks-product-copy h2 {\n font-size: clamp(30px, 4vw, 46px);\n line-height: 1.05;\n letter-spacing: -1.5px;\n margin-bottom: 16px;\n font-weight: 900;\n }\n\n .ks-product-copy h2 span {\n color: #b3832e;\n }\n\n .ks-product-copy \u003e p {\n color: var(--grey);\n font-size: 16px;\n line-height: 1.65;\n margin-bottom: 25px;\n }\n\n .ks-benefits {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .ks-benefit {\n padding: 17px;\n border: 1px solid #ececec;\n border-radius: 17px;\n background: #fff;\n transition: .25s ease;\n }\n\n .ks-benefit:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 28px rgba(0,0,0,.07);\n }\n\n .ks-benefit-icon {\n font-size: 25px;\n margin-bottom: 8px;\n }\n\n .ks-benefit strong {\n display: block;\n font-size: 14px;\n margin-bottom: 5px;\n }\n\n .ks-benefit span {\n color: #777;\n font-size: 12px;\n line-height: 1.45;\n }\n\n \/* ---------- PRECISION SECTION ---------- *\/\n\n .ks-precision {\n position: relative;\n padding: 70px 24px;\n background:\n radial-gradient(circle at 50% 100%, rgba(214,168,79,.13), transparent 38%),\n #111111;\n color: #ffffff;\n text-align: center;\n overflow: hidden;\n }\n\n .ks-precision::before {\n content: \"\";\n position: absolute;\n width: 500px;\n height: 500px;\n background: rgba(214,168,79,.06);\n border-radius: 50%;\n filter: blur(80px);\n left: 50%;\n bottom: -400px;\n transform: translateX(-50%);\n }\n\n .ks-precision h2 {\n position: relative;\n max-width: 750px;\n margin: 0 auto 15px;\n font-size: clamp(32px, 5vw, 52px);\n font-weight: 900;\n letter-spacing: -1.8px;\n color: #ffffff;\n text-shadow: 0 2px 15px rgba(255,255,255,.12);\n }\n\n .ks-precision h2 span {\n background: linear-gradient(90deg, #fff0b5, #e2b85f, #fff3c4);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-size: 200% auto;\n animation: ksGradient 4s linear infinite;\n }\n\n .ks-precision \u003e p {\n position: relative;\n max-width: 620px;\n margin: 0 auto 35px;\n color: #bdbdbd;\n line-height: 1.65;\n font-size: 16px;\n }\n\n \/* ---------- ANGLE CARDS ---------- *\/\n\n .ks-angle-grid {\n position: relative;\n max-width: 850px;\n margin: auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n }\n\n .ks-angle-card {\n padding: 30px 20px;\n border-radius: 22px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.1);\n backdrop-filter: blur(10px);\n transition: .3s ease;\n }\n\n .ks-angle-card:hover {\n transform: translateY(-5px);\n background: rgba(255,255,255,.09);\n }\n\n .ks-angle-number {\n font-size: 44px;\n line-height: 1;\n font-weight: 900;\n background: linear-gradient(90deg, #fff0b5, #d9aa4f);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n margin-bottom: 10px;\n }\n\n .ks-angle-card strong {\n display: block;\n font-size: 15px;\n margin-bottom: 7px;\n }\n\n .ks-angle-card span {\n display: block;\n color: #999;\n font-size: 12px;\n line-height: 1.5;\n }\n\n \/* ---------- SHARPENING SYSTEM ---------- *\/\n\n .ks-system {\n padding: 65px 24px;\n background: #f7f7f7;\n }\n\n .ks-section-heading {\n max-width: 700px;\n margin: 0 auto 38px;\n text-align: center;\n }\n\n .ks-section-heading .label {\n color: #a47725;\n font-size: 12px;\n font-weight: 900;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n\n .ks-section-heading h2 {\n font-size: clamp(30px, 5vw, 48px);\n line-height: 1.05;\n letter-spacing: -1.7px;\n font-weight: 900;\n margin-bottom: 12px;\n }\n\n .ks-section-heading p {\n color: #707070;\n font-size: 15px;\n line-height: 1.6;\n }\n\n .ks-steps {\n max-width: 1050px;\n margin: auto;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 13px;\n }\n\n .ks-step {\n background: #ffffff;\n padding: 25px 18px;\n border-radius: 19px;\n border: 1px solid #e9e9e9;\n transition: .25s ease;\n }\n\n .ks-step:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0,0,0,.07);\n }\n\n .ks-step-number {\n width: 35px;\n height: 35px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #f7edda;\n color: #946d26;\n font-weight: 900;\n font-size: 13px;\n margin-bottom: 15px;\n }\n\n .ks-step h3 {\n font-size: 14px;\n margin-bottom: 7px;\n }\n\n .ks-step p {\n color: #777;\n font-size: 11.5px;\n line-height: 1.5;\n }\n\n \/* ---------- FEATURES ---------- *\/\n\n .ks-features {\n padding: 65px 24px;\n background: #ffffff;\n }\n\n .ks-feature-grid {\n max-width: 1050px;\n margin: auto;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 13px;\n }\n\n .ks-feature {\n padding: 22px 18px;\n border: 1px solid #e9e9e9;\n border-radius: 19px;\n background: #fff;\n transition: .25s ease;\n }\n\n .ks-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0,0,0,.06);\n }\n\n .ks-feature-icon {\n font-size: 27px;\n margin-bottom: 11px;\n }\n\n .ks-feature h3 {\n font-size: 14px;\n margin-bottom: 7px;\n }\n\n .ks-feature p {\n color: #777;\n font-size: 11.5px;\n line-height: 1.5;\n }\n\n \/* ---------- LIFESTYLE ---------- *\/\n\n .ks-lifestyle {\n position: relative;\n padding: 70px 24px;\n background: linear-gradient(135deg, #151515, #090909);\n color: #ffffff;\n overflow: hidden;\n }\n\n .ks-lifestyle::before {\n content: \"\";\n position: absolute;\n width: 400px;\n height: 400px;\n background: rgba(214,168,79,.07);\n border-radius: 50%;\n filter: blur(80px);\n top: -220px;\n right: -100px;\n }\n\n .ks-lifestyle-inner {\n max-width: 1050px;\n margin: auto;\n display: grid;\n grid-template-columns: .9fr 1.1fr;\n gap: 55px;\n align-items: center;\n }\n\n .ks-lifestyle-title {\n position: relative;\n font-size: clamp(32px, 5vw, 50px);\n line-height: 1.02;\n letter-spacing: -2px;\n font-weight: 900;\n color: #ffffff;\n }\n\n .ks-lifestyle-title span {\n background: linear-gradient(90deg, #fff0b5, #e0b45a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .ks-lifestyle-copy {\n position: relative;\n color: #aaa;\n margin-top: 15px;\n line-height: 1.65;\n font-size: 15px;\n }\n\n .ks-use-list {\n position: relative;\n display: grid;\n gap: 12px;\n }\n\n .ks-use {\n display: flex;\n align-items: center;\n gap: 14px;\n padding: 17px;\n border-radius: 17px;\n background: rgba(255,255,255,.06);\n border: 1px solid rgba(255,255,255,.1);\n }\n\n .ks-use-icon {\n width: 38px;\n height: 38px;\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(214,168,79,.14);\n font-size: 19px;\n flex-shrink: 0;\n }\n\n .ks-use strong {\n display: block;\n font-size: 14px;\n margin-bottom: 3px;\n color: #ffffff;\n }\n\n .ks-use span {\n color: #999;\n font-size: 12px;\n }\n\n \/* ---------- CTA ---------- *\/\n\n .ks-cta {\n position: relative;\n padding: 70px 24px;\n background:\n radial-gradient(circle at 50% 0%, rgba(214,168,79,.13), transparent 40%),\n #0b0b0b;\n color: #ffffff;\n text-align: center;\n overflow: hidden;\n }\n\n .ks-cta h2 {\n position: relative;\n font-size: clamp(34px, 6vw, 58px);\n font-weight: 900;\n letter-spacing: -2px;\n margin-bottom: 12px;\n color: #ffffff;\n text-shadow: 0 2px 15px rgba(255,255,255,.12);\n }\n\n .ks-cta h2 span {\n background: linear-gradient(90deg, #fff0b5, #e0b45a);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .ks-cta p {\n position: relative;\n max-width: 570px;\n margin: 0 auto 25px;\n color: #bdbdbd;\n line-height: 1.6;\n font-size: 15px;\n }\n\n .ks-cta-button {\n position: relative;\n display: inline-block;\n padding: 15px 25px;\n border-radius: 999px;\n background: linear-gradient(90deg, #b8832d, #e3bc68);\n color: #111 !important;\n text-decoration: none !important;\n font-size: 14px;\n font-weight: 900;\n box-shadow: 0 12px 35px rgba(214,168,79,.22);\n transition: .25s ease;\n }\n\n .ks-cta-button:hover {\n transform: translateY(-3px) scale(1.02);\n box-shadow: 0 18px 40px rgba(214,168,79,.35);\n }\n\n \/* ---------- ANIMATIONS ---------- *\/\n\n @keyframes ksFloat {\n 0%,100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-5px);\n }\n }\n\n @keyframes ksGlow {\n 0%,100% {\n opacity: .7;\n transform: translateX(-50%) scale(1);\n }\n 50% {\n opacity: 1;\n transform: translateX(-50%) scale(1.15);\n }\n }\n\n @keyframes ksGradient {\n 0% {\n background-position: 0% center;\n }\n 100% {\n background-position: 250% center;\n }\n }\n\n @keyframes ksToolFloat {\n 0%,100% {\n transform: translateY(0) rotate(-2deg);\n }\n 50% {\n transform: translateY(-10px) rotate(2deg);\n }\n }\n\n @keyframes ksOrbit {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes ksSparkle {\n 0%,100% {\n opacity: .5;\n transform: scale(1) rotate(0deg);\n }\n 50% {\n opacity: 1;\n transform: scale(1.18) rotate(20deg);\n }\n }\n\n \/* ---------- TABLET ---------- *\/\n\n @media (max-width: 900px) {\n\n .ks-product-inner {\n grid-template-columns: 1fr;\n gap: 35px;\n }\n\n .ks-product-visual {\n min-height: 390px;\n }\n\n .ks-steps {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .ks-feature-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .ks-lifestyle-inner {\n grid-template-columns: 1fr;\n gap: 35px;\n }\n }\n\n \/* ---------- MOBILE ---------- *\/\n\n @media (max-width: 700px) {\n\n .ks-hero {\n padding: 48px 18px 42px;\n }\n\n .ks-hero h1 {\n font-size: 42px;\n letter-spacing: -2px;\n }\n\n .ks-hero-text {\n font-size: 15px;\n line-height: 1.55;\n margin-bottom: 19px;\n }\n\n .ks-product {\n padding: 38px 18px;\n }\n\n .ks-product-inner {\n gap: 28px;\n }\n\n .ks-product-visual {\n min-height: 320px;\n border-radius: 23px;\n }\n\n .ks-product-placeholder .ks-icon {\n font-size: 65px;\n }\n\n .ks-product-copy h2 {\n font-size: 34px;\n }\n\n .ks-product-copy \u003e p {\n font-size: 14px;\n line-height: 1.55;\n margin-bottom: 18px;\n }\n\n .ks-benefits {\n gap: 9px;\n }\n\n .ks-benefit {\n padding: 14px;\n border-radius: 15px;\n }\n\n .ks-benefit-icon {\n font-size: 22px;\n margin-bottom: 6px;\n }\n\n .ks-benefit strong {\n font-size: 13px;\n }\n\n .ks-benefit span {\n font-size: 11px;\n }\n\n .ks-precision {\n padding: 48px 18px;\n }\n\n .ks-precision \u003e p {\n font-size: 14px;\n margin-bottom: 25px;\n }\n\n .ks-angle-grid {\n grid-template-columns: 1fr;\n gap: 9px;\n }\n\n .ks-angle-card {\n padding: 22px 18px;\n }\n\n .ks-angle-number {\n font-size: 38px;\n }\n\n .ks-system {\n padding: 45px 18px;\n }\n\n .ks-section-heading {\n margin-bottom: 25px;\n }\n\n .ks-section-heading h2 {\n font-size: 34px;\n }\n\n .ks-steps {\n grid-template-columns: 1fr 1fr;\n gap: 9px;\n }\n\n .ks-step {\n padding: 18px 14px;\n }\n\n .ks-features {\n padding: 45px 18px;\n }\n\n .ks-feature-grid {\n grid-template-columns: 1fr 1fr;\n gap: 9px;\n }\n\n .ks-feature {\n padding: 18px 14px;\n }\n\n .ks-lifestyle {\n padding: 48px 18px;\n }\n\n .ks-lifestyle-inner {\n gap: 25px;\n }\n\n .ks-lifestyle-title {\n font-size: 36px;\n letter-spacing: -1.5px;\n }\n\n .ks-cta {\n padding: 50px 18px;\n }\n\n .ks-cta h2 {\n font-size: 40px;\n letter-spacing: -1.5px;\n }\n }\n\n \/* ---------- SMALL MOBILE ---------- *\/\n\n @media (max-width: 430px) {\n\n .ks-hero {\n padding-top: 40px;\n }\n\n .ks-hero h1 {\n font-size: 37px;\n }\n\n .ks-pills {\n gap: 6px;\n }\n\n .ks-pill {\n font-size: 11px;\n padding: 7px 10px;\n }\n\n .ks-product-visual {\n min-height: 280px;\n }\n\n .ks-benefits {\n grid-template-columns: 1fr;\n }\n\n .ks-steps {\n grid-template-columns: 1fr;\n }\n\n .ks-feature-grid {\n grid-template-columns: 1fr;\n }\n\n .ks-feature {\n display: flex;\n align-items: center;\n gap: 13px;\n padding: 15px;\n }\n\n .ks-feature-icon {\n margin: 0;\n }\n\n .ks-cta h2 {\n font-size: 36px;\n }\n }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"knife-sharpener-page\"\u003e\n\n \u003c!-- HERO --\u003e\n \u003csection class=\"ks-hero\"\u003e\n\n \u003cdiv class=\"ks-glow\"\u003e\u003c\/div\u003e\n\n \u003cdiv class=\"ks-badge\"\u003e\n πŸ’Ž PRECISION SHARPENING SYSTEM\n \u003c\/div\u003e\n\n \u003ch1\u003e\n Razor Sharp in Minutes.\n \u003cspan class=\"ks-gradient\"\u003eNo Electricity.\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"ks-hero-text\"\u003e\n Bring dull blades back to life with a precise sharpening system\n designed for consistent results β€” without electricity or guesswork.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ks-pills\"\u003e\n \u003cdiv class=\"ks-pill\"\u003eπŸ’Ž Diamond Discs\u003c\/div\u003e\n \u003cdiv class=\"ks-pill\"\u003e🧲 15Β° \u0026amp; 20Β° Guide\u003c\/div\u003e\n \u003cdiv class=\"ks-pill\"\u003eβš™οΈ Multiple Grits\u003c\/div\u003e\n \u003cdiv class=\"ks-pill\"\u003eπŸ”Œ No Electricity\u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PRODUCT --\u003e\n \u003csection class=\"ks-product\"\u003e\n\n \u003cdiv class=\"ks-product-inner\"\u003e\n\n \u003cdiv class=\"ks-product-visual\"\u003e\n\n \u003c!-- Replace this section with your actual Shopify product image --\u003e\n \u003cdiv class=\"ks-product-placeholder\"\u003e\n\n \u003cspan class=\"ks-icon\"\u003e\n πŸ”ͺ\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Professional Diamond Knife Sharpener\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Precision sharpening without the guesswork.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-product-copy\"\u003e\n\n \u003cdiv class=\"ks-small-label\"\u003e\n PRECISION MADE SIMPLE\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Sharpness You Can\u003cbr\u003e\n \u003cspan\u003eFeel.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Restore your knives with diamond sharpening discs and a\n magnetic angle guide that helps keep every pass consistent.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ks-benefits\"\u003e\n\n \u003cdiv class=\"ks-benefit\"\u003e\n \u003cdiv class=\"ks-benefit-icon\"\u003eπŸ’Ž\u003c\/div\u003e\n\n \u003cstrong\u003e\n Diamond Discs\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Abrasive sharpening surfaces designed for effective edge restoration.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-benefit\"\u003e\n \u003cdiv class=\"ks-benefit-icon\"\u003e🧲\u003c\/div\u003e\n\n \u003cstrong\u003e\n Magnetic Guide\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Choose between 15Β° and 20Β° sharpening angles.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-benefit\"\u003e\n \u003cdiv class=\"ks-benefit-icon\"\u003eβš™οΈ\u003c\/div\u003e\n\n \u003cstrong\u003e\n Multiple Grits\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Progress from coarse through medium to fine.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-benefit\"\u003e\n \u003cdiv class=\"ks-benefit-icon\"\u003e🌿\u003c\/div\u003e\n\n \u003cstrong\u003e\n No Electricity\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Fully manual and ready to use wherever you are.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- PRECISION SECTION --\u003e\n \u003csection class=\"ks-precision\"\u003e\n\n \u003ch2\u003e\n The Right Angle Makes\n \u003cspan\u003eAll the Difference.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Keep your blade at a consistent angle while sharpening.\n The magnetic guide gives you two popular options for controlled,\n repeatable sharpening.\n \u003c\/p\u003e\n\n \u003cdiv class=\"ks-angle-grid\"\u003e\n\n \u003cdiv class=\"ks-angle-card\"\u003e\n\n \u003cdiv class=\"ks-angle-number\"\u003e\n 15Β°\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Fine Precision\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Ideal when you want a finer, more precise edge on suitable blades.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-angle-card\"\u003e\n\n \u003cdiv class=\"ks-angle-number\"\u003e\n 20Β°\n \u003c\/div\u003e\n\n \u003cstrong\u003e\n Everyday Strength\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n A practical angle for many everyday kitchen and utility blades.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- SHARPENING SYSTEM --\u003e\n \u003csection class=\"ks-system\"\u003e\n\n \u003cdiv class=\"ks-section-heading\"\u003e\n\n \u003cdiv class=\"label\"\u003e\n THE SHARPENING SYSTEM\n \u003c\/div\u003e\n\n \u003ch2\u003e\n Coarse. Refine.\u003cbr\u003e\n \u003cspan\u003eFinish.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n A simple progression takes your blade from dull to beautifully refined.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-steps\"\u003e\n\n \u003cdiv class=\"ks-step\"\u003e\n\n \u003cdiv class=\"ks-step-number\"\u003e\n 1\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Start Coarse\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Begin with the coarse disc to restore a damaged or very dull edge.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-step\"\u003e\n\n \u003cdiv class=\"ks-step-number\"\u003e\n 2\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Move to Medium\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Refine the edge and smooth out the sharpening marks.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-step\"\u003e\n\n \u003cdiv class=\"ks-step-number\"\u003e\n 3\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Finish Fine\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Use the fine disc to polish and refine the finished edge.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-step\"\u003e\n\n \u003cdiv class=\"ks-step-number\"\u003e\n 4\n \u003c\/div\u003e\n\n \u003ch3\u003e\n Keep Your Angle\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Use the magnetic guide to maintain your chosen 15Β° or 20Β° angle.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- FEATURES --\u003e\n \u003csection class=\"ks-features\"\u003e\n\n \u003cdiv class=\"ks-section-heading\"\u003e\n\n \u003cdiv class=\"label\"\u003e\n BUILT FOR VERSATILITY\n \u003c\/div\u003e\n\n \u003ch2\u003e\n One Sharpener.\u003cbr\u003e\n Plenty of Uses.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Keep more of your cutting tools ready for action.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-feature-grid\"\u003e\n\n \u003cdiv class=\"ks-feature\"\u003e\n\n \u003cdiv class=\"ks-feature-icon\"\u003e\n πŸ”ͺ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Kitchen Knives\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Keep everyday kitchen blades sharp and ready.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-feature\"\u003e\n\n \u003cdiv class=\"ks-feature-icon\"\u003e\n πŸ•οΈ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Outdoor Use\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Manual design makes it practical away from power outlets.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-feature\"\u003e\n\n \u003cdiv class=\"ks-feature-icon\"\u003e\n πŸ”§\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Chisels\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Useful for selected workshop sharpening tasks.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-feature\"\u003e\n\n \u003cdiv class=\"ks-feature-icon\"\u003e\n βœ‚οΈ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Scissors\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps keep suitable slicing tools performing better.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-feature\"\u003e\n\n \u003cdiv class=\"ks-feature-icon\"\u003e\n πŸ₯©\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n Braai Prep\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Keep your food-prep blades ready for the next braai.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-feature\"\u003e\n\n \u003cdiv class=\"ks-feature-icon\"\u003e\n πŸ› οΈ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003e\n More Tools\n \u003c\/h3\u003e\n\n \u003cp\u003e\n A versatile sharpening system for a range of suitable blades.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- LIFESTYLE --\u003e\n \u003csection class=\"ks-lifestyle\"\u003e\n\n \u003cdiv class=\"ks-lifestyle-inner\"\u003e\n\n \u003cdiv\u003e\n\n \u003ch2 class=\"ks-lifestyle-title\"\u003e\n Sharp Tools.\u003cbr\u003e\n \u003cspan\u003eReady for Anything.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"ks-lifestyle-copy\"\u003e\n Whether you're preparing dinner, getting ready for a braai,\n or heading outdoors, keep your blades maintained and ready\n when you need them.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-use-list\"\u003e\n\n \u003cdiv class=\"ks-use\"\u003e\n\n \u003cdiv class=\"ks-use-icon\"\u003e\n πŸ‘¨β€πŸ³\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Home Cook\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Keep everyday kitchen knives performing their best.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-use\"\u003e\n\n \u003cdiv class=\"ks-use-icon\"\u003e\n πŸ”₯\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Braai Master\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Get your food-prep blades ready for the next fire.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-use\"\u003e\n\n \u003cdiv class=\"ks-use-icon\"\u003e\n πŸ•οΈ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Outdoor Enthusiast\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n No electricity means easy manual sharpening wherever suitable.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"ks-use\"\u003e\n\n \u003cdiv class=\"ks-use-icon\"\u003e\n πŸ› οΈ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003cstrong\u003e\n Workshop\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n A compact system for maintaining suitable cutting tools.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- CTA --\u003e\n \u003csection class=\"ks-cta\"\u003e\n\n \u003ch2\u003e\n Stop Settling for\u003cbr\u003e\n \u003cspan\u003eDull Blades. πŸ”ͺ\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Bring precision sharpening into your kitchen, braai setup,\n or workshop with a simple manual system designed for consistency.\n \u003c\/p\u003e\n\n \u003ca href=\"#\" class=\"ks-cta-button\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'}); return false;\"\u003e\n πŸ”ͺ Get Yours Today β†’\n \u003c\/a\u003e\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Saffa Supply","offers":[{"title":"Black","offer_id":55105777271063,"sku":null,"price":649.99,"currency_code":"ZAR","in_stock":true},{"title":"Brown","offer_id":55105777303831,"sku":null,"price":579.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1026\/0332\/5719\/files\/black-variant-hero.png?v=1788375577"},{"product_id":"turbo-braai-fan-electric-fire-starter","title":"Turbo Braai Fan – Electric Fire Starter","description":"\u003cp\u003e```html\u003c\/p\u003e\n\u003cstyle\u003e\n\/* =========================================================\n SAFFASUPPLY TURBO BRAAI FAN\n DARK + ORANGE PREMIUM DESIGN\n SHOPIFY PRODUCT DESCRIPTION\n========================================================= *\/\n\n.turbo-braai-page {\n --black: #080808;\n --black-2: #101010;\n --black-3: #161616;\n --orange: #ff6500;\n --orange-light: #ff8a2a;\n --orange-dark: #d94f00;\n --white: #ffffff;\n --text: #eeeeee;\n --muted: #a6a6a6;\n --border: rgba(255, 101, 0, 0.18);\n\n background:\n radial-gradient(circle at 15% 10%, rgba(255,101,0,0.08), transparent 25%),\n radial-gradient(circle at 85% 35%, rgba(255,101,0,0.07), transparent 28%),\n #080808;\n\n color: var(--text);\n font-family: Arial, Helvetica, sans-serif;\n max-width: 1200px;\n margin: 0 auto;\n overflow: hidden;\n}\n\n\n\/* =========================================================\n GLOBAL\n========================================================= *\/\n\n.turbo-braai-page *,\n.turbo-braai-page *::before,\n.turbo-braai-page *::after {\n box-sizing: border-box;\n}\n\n.turbo-braai-page h1,\n.turbo-braai-page h2,\n.turbo-braai-page h3,\n.turbo-braai-page p {\n margin-top: 0;\n}\n\n.turbo-braai-page h1,\n.turbo-braai-page h2,\n.turbo-braai-page h3 {\n color: var(--white);\n}\n\n.turbo-gradient {\n background: linear-gradient(\n 90deg,\n #ff6500 0%,\n #ff9b4a 50%,\n #ff6500 100%\n );\n\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n\n\/* =========================================================\n HERO\n========================================================= *\/\n\n.turbo-hero {\n position: relative;\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 50% 100%,\n rgba(255,101,0,0.20),\n transparent 42%\n ),\n linear-gradient(145deg, #080808, #151515);\n\n border: 1px solid rgba(255,101,0,0.20);\n border-radius: 26px;\n\n padding: 75px 35px;\n text-align: center;\n\n margin-bottom: 18px;\n}\n\n.turbo-hero::before {\n content: \"\";\n position: absolute;\n\n width: 320px;\n height: 320px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(255,101,0,0.10);\n\n top: -170px;\n right: -120px;\n}\n\n.turbo-hero::after {\n content: \"\";\n position: absolute;\n\n width: 220px;\n height: 220px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(255,101,0,0.08);\n\n bottom: -120px;\n left: -80px;\n}\n\n.turbo-hero \u003e * {\n position: relative;\n z-index: 2;\n}\n\n.turbo-kicker {\n display: inline-block;\n\n padding: 8px 15px;\n\n border-radius: 50px;\n\n background: rgba(255,101,0,0.10);\n border: 1px solid rgba(255,101,0,0.35);\n\n color: #ff9146;\n\n font-size: 12px;\n font-weight: 800;\n\n letter-spacing: 1.4px;\n text-transform: uppercase;\n\n margin-bottom: 20px;\n}\n\n.turbo-hero h1 {\n font-size: clamp(40px, 6vw, 72px);\n line-height: 0.98;\n\n letter-spacing: -2.5px;\n\n font-weight: 900;\n\n margin-bottom: 25px;\n}\n\n.turbo-hero p {\n max-width: 750px;\n\n margin: 0 auto;\n\n color: #bdbdbd;\n\n font-size: 17px;\n line-height: 1.75;\n}\n\n\n\/* =========================================================\n ORANGE LINE\n========================================================= *\/\n\n.turbo-orange-line {\n width: 70px;\n height: 3px;\n\n background: linear-gradient(\n 90deg,\n transparent,\n var(--orange),\n transparent\n );\n\n margin: 30px auto;\n}\n\n\n\/* =========================================================\n BENEFITS\n========================================================= *\/\n\n.turbo-benefits {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n\n gap: 10px;\n\n margin: 18px 0;\n}\n\n.turbo-benefit {\n background: #111111;\n\n border: 1px solid rgba(255,101,0,0.13);\n\n border-radius: 16px;\n\n padding: 20px 10px;\n\n text-align: center;\n\n color: #eeeeee;\n\n font-size: 13px;\n font-weight: 800;\n}\n\n.turbo-benefit span {\n display: block;\n\n font-size: 27px;\n\n margin-bottom: 8px;\n}\n\n\n\/* =========================================================\n MAIN SECTION\n========================================================= *\/\n\n.turbo-section {\n padding: 70px 25px;\n}\n\n.turbo-two-column {\n display: grid;\n\n grid-template-columns: 1fr 1fr;\n\n gap: 55px;\n\n align-items: center;\n}\n\n.turbo-eyebrow {\n color: var(--orange);\n\n font-size: 12px;\n\n font-weight: 900;\n\n letter-spacing: 1.7px;\n\n text-transform: uppercase;\n\n margin-bottom: 12px;\n}\n\n.turbo-section h2 {\n font-size: clamp(32px, 4vw, 48px);\n\n line-height: 1.05;\n\n letter-spacing: -1.5px;\n\n font-weight: 900;\n\n margin-bottom: 20px;\n}\n\n.turbo-section p {\n color: var(--muted);\n\n font-size: 16px;\n\n line-height: 1.8;\n\n margin-bottom: 17px;\n}\n\n.turbo-highlight {\n margin-top: 28px;\n\n padding: 20px 22px;\n\n background:\n linear-gradient(\n 90deg,\n rgba(255,101,0,0.13),\n rgba(255,101,0,0.03)\n );\n\n border-left: 3px solid var(--orange);\n\n border-radius: 0 12px 12px 0;\n\n color: #eeeeee;\n\n font-weight: 700;\n\n line-height: 1.6;\n}\n\n\n\/* =========================================================\n PRODUCT VISUAL\n========================================================= *\/\n\n.turbo-product-box {\n min-height: 410px;\n\n border-radius: 25px;\n\n position: relative;\n\n overflow: hidden;\n\n display: flex;\n\n align-items: center;\n\n justify-content: center;\n\n background:\n radial-gradient(\n circle at 50% 50%,\n rgba(255,101,0,0.18),\n transparent 38%\n ),\n linear-gradient(145deg, #101010, #191919);\n\n border: 1px solid rgba(255,101,0,0.22);\n\n box-shadow:\n inset 0 0 80px rgba(255,101,0,0.03),\n 0 20px 60px rgba(0,0,0,0.35);\n}\n\n.turbo-product-box::before {\n content: \"\";\n\n position: absolute;\n\n width: 260px;\n height: 260px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(255,101,0,0.18);\n\n box-shadow:\n 0 0 0 35px rgba(255,101,0,0.025),\n 0 0 0 70px rgba(255,101,0,0.018);\n}\n\n.turbo-product-box::after {\n content: \"πŸ”₯\";\n\n position: absolute;\n\n font-size: 120px;\n\n opacity: 0.06;\n}\n\n.turbo-product-icon {\n position: relative;\n\n z-index: 3;\n\n font-size: 125px;\n\n filter:\n drop-shadow(0 15px 25px rgba(0,0,0,0.6))\n drop-shadow(0 0 20px rgba(255,101,0,0.20));\n}\n\n\n\/* =========================================================\n FEATURE SECTION\n========================================================= *\/\n\n.turbo-feature-section {\n background:\n linear-gradient(\n 145deg,\n #0d0d0d,\n #131313\n );\n\n border: 1px solid rgba(255,101,0,0.12);\n\n border-radius: 25px;\n\n padding: 65px 30px;\n\n margin: 10px 0 30px;\n}\n\n.turbo-feature-title {\n text-align: center;\n\n max-width: 700px;\n\n margin: 0 auto 40px;\n}\n\n.turbo-feature-title h2 {\n font-size: clamp(32px, 4vw, 48px);\n\n line-height: 1.05;\n\n letter-spacing: -1.5px;\n\n font-weight: 900;\n\n margin-bottom: 18px;\n}\n\n.turbo-feature-title p {\n color: var(--muted);\n\n line-height: 1.7;\n}\n\n.turbo-feature-grid {\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n gap: 15px;\n}\n\n.turbo-card {\n position: relative;\n\n background: #101010;\n\n border: 1px solid rgba(255,255,255,0.06);\n\n border-radius: 18px;\n\n padding: 28px 22px;\n\n transition:\n transform 0.2s ease,\n border-color 0.2s ease,\n box-shadow 0.2s ease;\n}\n\n.turbo-card:hover {\n transform: translateY(-4px);\n\n border-color: rgba(255,101,0,0.40);\n\n box-shadow:\n 0 15px 35px rgba(0,0,0,0.35),\n 0 0 25px rgba(255,101,0,0.05);\n}\n\n.turbo-card::before {\n content: \"\";\n\n position: absolute;\n\n top: 0;\n left: 22px;\n\n width: 35px;\n height: 2px;\n\n background: var(--orange);\n}\n\n.turbo-card-icon {\n font-size: 32px;\n\n margin-bottom: 16px;\n}\n\n.turbo-card h3 {\n font-size: 18px;\n\n margin-bottom: 10px;\n\n font-weight: 850;\n}\n\n.turbo-card p {\n color: #929292;\n\n line-height: 1.65;\n\n font-size: 14px;\n\n margin: 0;\n}\n\n\n\/* =========================================================\n HOW IT WORKS\n========================================================= *\/\n\n.turbo-how {\n text-align: center;\n\n padding: 70px 20px;\n}\n\n.turbo-how h2 {\n font-size: clamp(32px, 4vw, 48px);\n\n line-height: 1.05;\n\n letter-spacing: -1.5px;\n\n font-weight: 900;\n\n margin-bottom: 45px;\n}\n\n.turbo-steps {\n display: grid;\n\n grid-template-columns: repeat(3, 1fr);\n\n gap: 25px;\n\n max-width: 950px;\n\n margin: 0 auto;\n}\n\n.turbo-step {\n position: relative;\n}\n\n.turbo-step-number {\n width: 58px;\n height: 58px;\n\n border-radius: 50%;\n\n display: flex;\n\n align-items: center;\n justify-content: center;\n\n margin: 0 auto 18px;\n\n background:\n linear-gradient(\n 135deg,\n var(--orange),\n var(--orange-dark)\n );\n\n color: white;\n\n font-size: 21px;\n\n font-weight: 900;\n\n box-shadow:\n 0 0 25px rgba(255,101,0,0.18);\n}\n\n.turbo-step h3 {\n font-size: 19px;\n\n margin-bottom: 9px;\n}\n\n.turbo-step p {\n color: #898989;\n\n line-height: 1.6;\n\n font-size: 14px;\n}\n\n\n\/* =========================================================\n USE CASES\n========================================================= *\/\n\n.turbo-use-section {\n position: relative;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(255,101,0,0.13),\n transparent 45%\n ),\n #0d0d0d;\n\n border:\n 1px solid rgba(255,101,0,0.14);\n\n border-radius: 25px;\n\n padding: 65px 30px;\n\n text-align: center;\n\n margin-bottom: 30px;\n}\n\n.turbo-use-section h2 {\n font-size: clamp(30px, 4vw, 45px);\n\n margin-bottom: 38px;\n\n font-weight: 900;\n}\n\n.turbo-use-grid {\n display: grid;\n\n grid-template-columns: repeat(4, 1fr);\n\n gap: 12px;\n\n max-width: 950px;\n\n margin: 0 auto;\n}\n\n.turbo-use {\n padding: 22px 10px;\n\n background: rgba(255,255,255,0.025);\n\n border: 1px solid rgba(255,255,255,0.05);\n\n border-radius: 15px;\n\n transition: border-color 0.2s ease;\n}\n\n.turbo-use:hover {\n border-color: rgba(255,101,0,0.30);\n}\n\n.turbo-use-icon {\n font-size: 30px;\n\n margin-bottom: 9px;\n}\n\n.turbo-use strong {\n display: block;\n\n color: #dddddd;\n\n font-size: 13px;\n}\n\n\n\/* =========================================================\n GIFT\n========================================================= *\/\n\n.turbo-gift {\n position: relative;\n\n overflow: hidden;\n\n background:\n linear-gradient(\n 135deg,\n rgba(255,101,0,0.12),\n rgba(255,101,0,0.025)\n );\n\n border:\n 1px solid rgba(255,101,0,0.18);\n\n border-radius: 24px;\n\n padding: 55px 30px;\n\n text-align: center;\n\n margin-bottom: 30px;\n}\n\n.turbo-gift h2 {\n font-size: clamp(29px, 4vw, 42px);\n\n margin-bottom: 15px;\n\n font-weight: 900;\n}\n\n.turbo-gift p {\n max-width: 700px;\n\n margin: 0 auto;\n\n color: #a0a0a0;\n\n line-height: 1.75;\n}\n\n\n\/* =========================================================\n FINAL CTA\n========================================================= *\/\n\n.turbo-cta {\n position: relative;\n\n overflow: hidden;\n\n background:\n radial-gradient(\n circle at 50% 0%,\n rgba(255,101,0,0.25),\n transparent 48%\n ),\n linear-gradient(\n 145deg,\n #0b0b0b,\n #151515\n );\n\n border:\n 1px solid rgba(255,101,0,0.30);\n\n border-radius: 26px;\n\n padding: 70px 25px;\n\n text-align: center;\n\n margin-bottom: 5px;\n}\n\n.turbo-cta::before {\n content: \"\";\n\n position: absolute;\n\n width: 300px;\n height: 300px;\n\n border-radius: 50%;\n\n border: 1px solid rgba(255,101,0,0.10);\n\n left: 50%;\n\n top: -230px;\n\n transform: translateX(-50%);\n}\n\n.turbo-cta \u003e * {\n position: relative;\n\n z-index: 2;\n}\n\n.turbo-cta h2 {\n font-size: clamp(34px, 5vw, 55px);\n\n line-height: 1.05;\n\n letter-spacing: -1.5px;\n\n font-weight: 900;\n\n margin-bottom: 17px;\n}\n\n.turbo-cta p {\n max-width: 680px;\n\n margin: 0 auto 30px;\n\n color: #a9a9a9;\n\n line-height: 1.75;\n}\n\n.turbo-cta-button {\n display: inline-block;\n\n padding: 17px 32px;\n\n border-radius: 50px;\n\n background:\n linear-gradient(\n 135deg,\n #ff6500,\n #ff8c32\n );\n\n color: #ffffff !important;\n\n text-decoration: none !important;\n\n font-size: 16px;\n\n font-weight: 900;\n\n box-shadow:\n 0 10px 35px rgba(255,101,0,0.25);\n\n transition:\n transform 0.2s ease,\n box-shadow 0.2s ease;\n}\n\n.turbo-cta-button:hover {\n transform: translateY(-3px);\n\n box-shadow:\n 0 15px 40px rgba(255,101,0,0.35);\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media (max-width: 768px) {\n\n .turbo-braai-page {\n margin: 0;\n }\n\n .turbo-hero {\n padding: 50px 20px;\n\n border-radius: 20px;\n }\n\n .turbo-hero h1 {\n font-size: 42px;\n\n letter-spacing: -1.8px;\n }\n\n .turbo-hero p {\n font-size: 15px;\n\n line-height: 1.65;\n }\n\n .turbo-benefits {\n grid-template-columns: repeat(2, 1fr);\n\n gap: 8px;\n }\n\n .turbo-benefit {\n padding: 17px 7px;\n\n font-size: 12px;\n }\n\n .turbo-section {\n padding: 50px 12px;\n }\n\n .turbo-two-column {\n grid-template-columns: 1fr;\n\n gap: 35px;\n }\n\n .turbo-section h2 {\n font-size: 34px;\n }\n\n .turbo-product-box {\n min-height: 300px;\n\n border-radius: 20px;\n }\n\n .turbo-product-icon {\n font-size: 95px;\n }\n\n .turbo-feature-section {\n padding: 50px 15px;\n\n border-radius: 20px;\n }\n\n .turbo-feature-grid {\n grid-template-columns: 1fr;\n }\n\n .turbo-card {\n padding: 25px 20px;\n }\n\n .turbo-how {\n padding: 55px 12px;\n }\n\n .turbo-steps {\n grid-template-columns: 1fr;\n\n gap: 35px;\n }\n\n .turbo-use-section {\n padding: 50px 15px;\n\n border-radius: 20px;\n }\n\n .turbo-use-grid {\n grid-template-columns: repeat(2, 1fr);\n\n gap: 9px;\n }\n\n .turbo-use {\n padding: 18px 7px;\n }\n\n .turbo-gift {\n padding: 45px 18px;\n\n border-radius: 20px;\n }\n\n .turbo-cta {\n padding: 55px 18px;\n\n border-radius: 20px;\n }\n\n .turbo-cta-button {\n width: 100%;\n\n padding: 17px 20px;\n }\n}\n\n\n\/* =========================================================\n SMALL PHONES\n========================================================= *\/\n\n@media (max-width: 390px) {\n\n .turbo-hero h1 {\n font-size: 36px;\n }\n\n .turbo-benefit {\n font-size: 11px;\n }\n\n .turbo-section h2 {\n font-size: 31px;\n }\n\n .turbo-use strong {\n font-size: 12px;\n }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"turbo-braai-page\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"turbo-hero\"\u003e\n\u003cdiv class=\"turbo-kicker\"\u003eπŸ‡ΏπŸ‡¦ Built For The South African Braai\u003c\/div\u003e\n\u003ch1\u003eLight Your Braai \u003cbr\u003e\u003cspan class=\"turbo-gradient\"\u003eLike A Pro πŸ”₯\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cdiv class=\"turbo-orange-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eForget the old-fashioned hand-waving and blowing until you're light-headed. The SaffaSupply Turbo Braai Fan delivers powerful airflow straight to your coals, helping get your fire going faster with less effort.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"turbo-benefits\"\u003e\n\u003cdiv class=\"turbo-benefit\"\u003e\n\u003cspan\u003eπŸ”₯\u003c\/span\u003e Fast Fire Starting\u003c\/div\u003e\n\u003cdiv class=\"turbo-benefit\"\u003e\n\u003cspan\u003eβš™οΈ\u003c\/span\u003e Brushless Motor\u003c\/div\u003e\n\u003cdiv class=\"turbo-benefit\"\u003e\n\u003cspan\u003eπŸ”Œ\u003c\/span\u003e USB-C Rechargeable\u003c\/div\u003e\n\u003cdiv class=\"turbo-benefit\"\u003e\n\u003cspan\u003eπŸŽ’\u003c\/span\u003e Cordless \u0026amp; Portable\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PROBLEM \/ SOLUTION --\u003e\n\u003csection class=\"turbo-section\"\u003e\n\u003cdiv class=\"turbo-two-column\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"turbo-eyebrow\"\u003eNo More Fighting With The Fire\u003c\/div\u003e\n\u003ch2\u003eYour Coals. \u003cbr\u003eYour Airflow. \u003cbr\u003e\u003cspan class=\"turbo-gradient\"\u003eYour Braai.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWe've all been there β€” standing over the braai, waving cardboard, blowing on the coals and hoping the fire finally catches.\u003c\/p\u003e\n\u003cp\u003eThe SaffaSupply Turbo Braai Fan puts powerful airflow exactly where you need it, helping your coals glow faster so you can spend less time fighting the fire and more time enjoying the braai.\u003c\/p\u003e\n\u003cdiv class=\"turbo-highlight\"\u003eπŸ”₯ Just point. Press. And let the airflow do the work.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-product-box\"\u003e\n\u003cdiv class=\"turbo-product-icon\"\u003eπŸ’¨\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FEATURES --\u003e\n\u003csection class=\"turbo-feature-section\"\u003e\n\u003cdiv class=\"turbo-feature-title\"\u003e\n\u003cdiv class=\"turbo-eyebrow\"\u003eWhy You'll Want One\u003c\/div\u003e\n\u003ch2\u003eSmall Tool. \u003cbr\u003e\u003cspan class=\"turbo-gradient\"\u003eSerious Airflow.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCompact enough to take anywhere, powerful enough to make starting your next fire much easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-feature-grid\"\u003e\n\u003cdiv class=\"turbo-card\"\u003e\n\u003cdiv class=\"turbo-card-icon\"\u003eπŸ”₯\u003c\/div\u003e\n\u003ch3\u003eInstant Fire Starter\u003c\/h3\u003e\n\u003cp\u003eDirect powerful airflow towards your coals to help get them glowing faster without the exhausting hand-waving.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-card\"\u003e\n\u003cdiv class=\"turbo-card-icon\"\u003eβš™οΈ\u003c\/div\u003e\n\u003ch3\u003eBrushless Motor\u003c\/h3\u003e\n\u003cp\u003eDesigned with a durable and efficient brushless motor built for repeated use across many braais.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-card\"\u003e\n\u003cdiv class=\"turbo-card-icon\"\u003eπŸ”Œ\u003c\/div\u003e\n\u003ch3\u003eUSB-C Rechargeable\u003c\/h3\u003e\n\u003cp\u003eConvenient USB-C charging means you can recharge it using a compatible charger without constantly replacing batteries.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-card\"\u003e\n\u003cdiv class=\"turbo-card-icon\"\u003eπŸŽ’\u003c\/div\u003e\n\u003ch3\u003eCordless \u0026amp; Portable\u003c\/h3\u003e\n\u003cp\u003eNo power outlet needed. Take it with you to the backyard, campsite, lapa or wherever the next braai takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-card\"\u003e\n\u003cdiv class=\"turbo-card-icon\"\u003eπŸ’¨\u003c\/div\u003e\n\u003ch3\u003eMore Than A Braai Tool\u003c\/h3\u003e\n\u003cp\u003eUseful for blowing dust from keyboards, car interiors, outdoor furniture and gear that needs a quick clean.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-card\"\u003e\n\u003cdiv class=\"turbo-card-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch3\u003eA Lekker Gift\u003c\/h3\u003e\n\u003cp\u003eA practical gift for the braai master in your life β€” whether it's your dad, boyfriend, husband, friend or anyone who loves a good fire.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"turbo-how\"\u003e\n\u003cdiv class=\"turbo-eyebrow\"\u003eSimple By Design\u003c\/div\u003e\n\u003ch2\u003eFrom Cold Coals To \u003cspan class=\"turbo-gradient\"\u003eGlowing πŸ”₯\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"turbo-steps\"\u003e\n\u003cdiv class=\"turbo-step\"\u003e\n\u003cdiv class=\"turbo-step-number\"\u003e1\u003c\/div\u003e\n\u003ch3\u003ePoint\u003c\/h3\u003e\n\u003cp\u003eAim the Turbo Braai Fan towards the coals that need some extra airflow.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-step\"\u003e\n\u003cdiv class=\"turbo-step-number\"\u003e2\u003c\/div\u003e\n\u003ch3\u003ePress\u003c\/h3\u003e\n\u003cp\u003eTurn it on and let the powerful airflow do the hard work for you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-step\"\u003e\n\u003cdiv class=\"turbo-step-number\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eBraai\u003c\/h3\u003e\n\u003cp\u003eOnce your coals are ready, get cooking and enjoy the fire you've earned.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- USE CASES --\u003e\n\u003csection class=\"turbo-use-section\"\u003e\n\u003cdiv class=\"turbo-eyebrow\"\u003eTake It Anywhere\u003c\/div\u003e\n\u003ch2\u003eBuilt For More Than One Braai\u003c\/h2\u003e\n\u003cdiv class=\"turbo-use-grid\"\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003e🏑\u003c\/div\u003e\n\u003cstrong\u003eBackyard Braai\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003eπŸ•οΈ\u003c\/div\u003e\n\u003cstrong\u003eCamping\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003eπŸ‡ΏπŸ‡¦\u003c\/div\u003e\n\u003cstrong\u003eLapa Gatherings\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003eπŸš—\u003c\/div\u003e\n\u003cstrong\u003eCar Cleaning\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003e⌨️\u003c\/div\u003e\n\u003cstrong\u003eKeyboard Cleaning\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003eπŸͺ‘\u003c\/div\u003e\n\u003cstrong\u003eOutdoor Furniture\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003eπŸ•οΈ\u003c\/div\u003e\n\u003cstrong\u003eOutdoor Gear\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"turbo-use\"\u003e\n\u003cdiv class=\"turbo-use-icon\"\u003eπŸ”₯\u003c\/div\u003e\n\u003cstrong\u003eFire Starting\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GIFT --\u003e\n\u003csection class=\"turbo-gift\"\u003e\n\u003cdiv class=\"turbo-eyebrow\"\u003eThe Perfect Braai Gift\u003c\/div\u003e\n\u003ch2\u003eKnow Someone Who Takes Braai Seriously?\u003c\/h2\u003e\n\u003cp\u003eWhether it's your dad, brother, boyfriend, husband, mate or the person who somehow always ends up standing next to the fire β€” the Turbo Braai Fan is a practical gift they'll actually use.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003c!-- FINAL CTA --\u003e\n\u003csection class=\"turbo-cta\"\u003e\n\u003cdiv class=\"turbo-eyebrow\"\u003eUpgrade Your Braai\u003c\/div\u003e\n\u003ch2\u003eStop Fighting The Fire. πŸ”₯\u003c\/h2\u003e\n\u003cp\u003eDon't be the oke still blowing on the coals with a rolled-up newspaper. Upgrade your braai setup with the SaffaSupply Turbo Braai Fan and make getting that fire going a whole lot easier.\u003c\/p\u003e\n\u003c!-- SMOOTH SCROLL BACK TO TOP --\u003e \u003ca href=\"#\" class=\"turbo-cta-button\"\u003e πŸ”₯ Get Yours Today β†’ \u003c\/a\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e```\u003c\/p\u003e","brand":"SaffaSupply","offers":[{"title":"Default Title","offer_id":67585884389655,"sku":null,"price":549.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1026\/0332\/5719\/files\/hero-shot-with-text.png?v=1790441999"}],"url":"https:\/\/saffasupply.co.za\/collections\/frontpage.oembed","provider":"SaffaSupply","version":"1.0","type":"link"}