{"title":"Home page","description":null,"products":[{"product_id":"bakkie-boer-adjustable-rifle-rack","title":"BAKKIE BOER Adjustable Rifle Rack","description":"\u003csection class=\"bb-rack-description\"\u003e\n\n\u003cstyle\u003e\n.bb-rack-description{\n --khaki:#a99c72;\n --khaki-dark:#6f6547;\n --cream:#f3efdf;\n --dark:#191b16;\n --text:#292b24;\n --muted:#68695f;\n\n width:100%;\n overflow:hidden;\n background:\n linear-gradient(145deg,#f4f0e2 0%,#ded5b7 48%,#f5f1e5 100%);\n color:var(--text);\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n}\n\n.bb-rack-description *,\n.bb-rack-description *::before,\n.bb-rack-description *::after{\n box-sizing:border-box;\n}\n\n.bb-rack-container{\n width:calc(100% - 30px);\n max-width:1100px;\n margin:auto;\n}\n\n\/* HERO *\/\n\n.bb-rack-hero{\n padding:48px 0 42px;\n text-align:left;\n}\n\n.bb-rack-label{\n display:inline-flex;\n align-items:center;\n gap:8px;\n padding:8px 13px;\n border-radius:50px;\n background:rgba(255,255,255,.55);\n border:1px solid rgba(255,255,255,.75);\n color:var(--khaki-dark);\n font-size:10px;\n font-weight:900;\n letter-spacing:1.5px;\n text-transform:uppercase;\n animation:bbFadeUp .7s ease both;\n}\n\n.bb-rack-label-dot{\n width:7px;\n height:7px;\n border-radius:50%;\n background:#667548;\n box-shadow:0 0 0 5px rgba(102,117,72,.12);\n animation:bbPulse 2s infinite;\n}\n\n.bb-rack-title{\n margin:20px 0 16px;\n color:var(--dark);\n font-size:clamp(40px,11vw,70px);\n line-height:.95;\n letter-spacing:-3px;\n font-weight:950;\n animation:bbFadeUp .8s .08s ease both;\n}\n\n.bb-rack-title span{\n display:block;\n color:var(--khaki-dark);\n}\n\n.bb-rack-intro{\n max-width:650px;\n margin:0;\n color:#55574e;\n font-size:16px;\n line-height:1.7;\n animation:bbFadeUp .8s .16s ease both;\n}\n\n\/* HIGHLIGHTS *\/\n\n.bb-rack-highlights{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:7px;\n padding-bottom:45px;\n}\n\n.bb-rack-highlight{\n padding:16px 5px;\n text-align:center;\n border-radius:15px;\n background:rgba(255,255,255,.48);\n border:1px solid rgba(255,255,255,.7);\n box-shadow:0 10px 25px rgba(55,50,35,.06);\n animation:bbFadeUp .8s ease both;\n}\n\n.bb-rack-highlight:nth-child(2){\n animation-delay:.1s;\n}\n\n.bb-rack-highlight:nth-child(3){\n animation-delay:.2s;\n}\n\n.bb-rack-highlight-icon{\n display:block;\n margin-bottom:6px;\n font-size:20px;\n}\n\n.bb-rack-highlight strong{\n display:block;\n color:#4e5048;\n font-size:9px;\n line-height:1.25;\n}\n\n\/* SECTIONS *\/\n\n.bb-rack-section{\n padding:60px 0;\n}\n\n.bb-rack-kicker{\n margin-bottom:9px;\n color:var(--khaki-dark);\n font-size:10px;\n font-weight:900;\n letter-spacing:1.8px;\n text-transform:uppercase;\n}\n\n.bb-rack-heading{\n margin:0 0 16px;\n color:var(--dark);\n font-size:clamp(32px,9vw,52px);\n line-height:1;\n letter-spacing:-2px;\n font-weight:950;\n}\n\n.bb-rack-text{\n margin:0;\n color:var(--muted);\n font-size:15px;\n line-height:1.75;\n}\n\n\/* BENEFITS *\/\n\n.bb-rack-benefits{\n display:grid;\n grid-template-columns:1fr;\n gap:11px;\n margin-top:30px;\n}\n\n.bb-rack-benefit{\n display:grid;\n grid-template-columns:50px 1fr;\n gap:15px;\n padding:19px;\n border-radius:18px;\n background:rgba(255,255,255,.5);\n border:1px solid rgba(255,255,255,.72);\n box-shadow:0 12px 30px rgba(50,45,30,.06);\n transition:transform .25s ease,box-shadow .25s ease;\n animation:bbFadeUp .7s ease both;\n}\n\n.bb-rack-benefit:hover{\n transform:translateY(-4px);\n box-shadow:0 18px 35px rgba(50,45,30,.11);\n}\n\n.bb-rack-icon{\n width:50px;\n height:50px;\n display:grid;\n place-items:center;\n border-radius:14px;\n background:var(--dark);\n color:white;\n font-size:21px;\n}\n\n.bb-rack-benefit h3{\n margin:2px 0 5px;\n color:var(--dark);\n font-size:16px;\n font-weight:850;\n}\n\n.bb-rack-benefit p{\n margin:0;\n color:var(--muted);\n font-size:13px;\n line-height:1.55;\n}\n\n\/* DARK SECTION *\/\n\n.bb-rack-dark{\n background:var(--dark);\n color:white;\n}\n\n.bb-rack-dark .bb-rack-kicker{\n color:#d4c99e;\n}\n\n.bb-rack-dark .bb-rack-heading{\n color:white;\n}\n\n.bb-rack-dark .bb-rack-text{\n color:#a9aca0;\n}\n\n.bb-rack-material-grid{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:9px;\n margin-top:28px;\n}\n\n.bb-rack-material{\n padding:19px 14px;\n border-radius:15px;\n background:rgba(255,255,255,.055);\n border:1px solid rgba(255,255,255,.09);\n transition:background .25s ease,transform .25s ease;\n}\n\n.bb-rack-material:hover{\n background:rgba(255,255,255,.09);\n transform:translateY(-3px);\n}\n\n.bb-rack-material strong{\n display:block;\n margin-bottom:6px;\n color:white;\n font-size:13px;\n}\n\n.bb-rack-material span{\n color:#92968a;\n font-size:11px;\n line-height:1.5;\n}\n\n\/* SAFETY *\/\n\n.bb-rack-safety{\n padding:60px 0;\n}\n\n.bb-rack-safety-box{\n padding:27px 20px;\n border-radius:22px;\n background:rgba(255,255,255,.6);\n border:1px solid rgba(255,255,255,.8);\n box-shadow:0 20px 45px rgba(50,45,30,.09);\n}\n\n.bb-rack-warning-icon{\n margin-bottom:10px;\n font-size:28px;\n}\n\n.bb-rack-safety-title{\n margin:0 0 14px;\n color:var(--dark);\n font-size:26px;\n line-height:1.05;\n font-weight:900;\n}\n\n.bb-rack-safety-text{\n margin:0 0 13px;\n color:var(--muted);\n font-size:13px;\n line-height:1.7;\n}\n\n.bb-rack-warning{\n margin-top:18px;\n padding:14px;\n border-radius:12px;\n background:rgba(169,156,114,.2);\n color:#5d563d;\n font-size:11px;\n line-height:1.55;\n font-weight:700;\n}\n\n\/* FINAL *\/\n\n.bb-rack-final{\n padding:65px 0 85px;\n text-align:center;\n color:white;\n background:linear-gradient(135deg,#aa9d73,#706645);\n}\n\n.bb-rack-final h2{\n margin:0 0 14px;\n font-size:clamp(34px,9vw,58px);\n line-height:.98;\n letter-spacing:-2px;\n font-weight:950;\n}\n\n.bb-rack-final p{\n max-width:550px;\n margin:auto;\n color:rgba(255,255,255,.8);\n font-size:14px;\n line-height:1.65;\n}\n\n\/* ANIMATIONS *\/\n\n@keyframes bbFadeUp{\n from{\n opacity:0;\n transform:translateY(18px);\n }\n to{\n opacity:1;\n transform:translateY(0);\n }\n}\n\n@keyframes bbPulse{\n 0%,100%{\n box-shadow:0 0 0 5px rgba(102,117,72,.12);\n }\n 50%{\n box-shadow:0 0 0 9px rgba(102,117,72,.03);\n }\n}\n\n\/* TABLET *\/\n\n@media(min-width:600px){\n\n .bb-rack-container{\n width:calc(100% - 50px);\n }\n\n .bb-rack-benefits{\n grid-template-columns:1fr 1fr;\n }\n\n}\n\n\/* DESKTOP *\/\n\n@media(min-width:900px){\n\n .bb-rack-container{\n width:min(1100px,calc(100% - 70px));\n }\n\n .bb-rack-hero{\n padding:75px 0 55px;\n }\n\n .bb-rack-title{\n font-size:72px;\n }\n\n .bb-rack-benefits{\n grid-template-columns:repeat(3,1fr);\n }\n\n .bb-rack-benefit{\n display:block;\n min-height:205px;\n padding:25px;\n }\n\n .bb-rack-icon{\n margin-bottom:18px;\n }\n\n}\n\n\/* REDUCED MOTION *\/\n\n@media(prefers-reduced-motion:reduce){\n\n .bb-rack-description *,\n .bb-rack-description *::before,\n .bb-rack-description *::after{\n animation:none!important;\n transition:none!important;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003c!-- HERO --\u003e\n\n\u003cdiv class=\"bb-rack-container\"\u003e\n\n \u003cdiv class=\"bb-rack-hero\"\u003e\n\n \u003cdiv class=\"bb-rack-label\"\u003e\n \u003cspan class=\"bb-rack-label-dot\"\u003e\u003c\/span\u003e\n Bakkie Boer β€’ Farm Equipment\n \u003c\/div\u003e\n\n \u003ch1 class=\"bb-rack-title\"\u003e\n Adjustable\n \u003cspan\u003eRifle Rack.\u003c\/span\u003e\n \u003c\/h1\u003e\n\n \u003cp class=\"bb-rack-intro\"\u003e\n Keep your rifle neatly positioned behind the seat\n while making better use of the available space\n in your bakkie.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- HIGHLIGHTS --\u003e\n\n \u003cdiv class=\"bb-rack-highlights\"\u003e\n\n \u003cdiv class=\"bb-rack-highlight\"\u003e\n \u003cspan class=\"bb-rack-highlight-icon\"\u003eπŸ‡ΏπŸ‡¦\u003c\/span\u003e\n \u003cstrong\u003eBuilt for\u003cbr\u003ethe Bakkie\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bb-rack-highlight\"\u003e\n \u003cspan class=\"bb-rack-highlight-icon\"\u003eπŸ”§\u003c\/span\u003e\n \u003cstrong\u003eAdjustable\u003cbr\u003eDesign\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bb-rack-highlight\"\u003e\n \u003cspan class=\"bb-rack-highlight-icon\"\u003eπŸ’ͺ\u003c\/span\u003e\n \u003cstrong\u003eDurable\u003cbr\u003ePolyester\u003c\/strong\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- MAIN DESCRIPTION --\u003e\n\n\u003csection class=\"bb-rack-section\"\u003e\n\n \u003cdiv class=\"bb-rack-container\"\u003e\n\n \u003cdiv class=\"bb-rack-kicker\"\u003e\n Designed for everyday use\n \u003c\/div\u003e\n\n \u003ch2 class=\"bb-rack-heading\"\u003e\n Better organised.\u003cbr\u003e\n Ready for the farm.\n \u003c\/h2\u003e\n\n \u003cp class=\"bb-rack-text\"\u003e\n Farm roads can be rough and equipment can easily\n move around inside a bakkie. The Bakkie Boer\n Adjustable Rifle Rack is designed to keep your\n rifle positioned behind the seat and help keep\n the cab more organised.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"bb-rack-benefits\"\u003e\n\n \u003cdiv class=\"bb-rack-benefit\"\u003e\n\n \u003cdiv class=\"bb-rack-icon\"\u003eπŸ›»\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eBehind-the-Seat Design\u003c\/h3\u003e\n \u003cp\u003e\n Makes use of otherwise unused space behind\n the bakkie seat.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-rack-benefit\"\u003e\n\n \u003cdiv class=\"bb-rack-icon\"\u003eπŸ”§\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eAdjustable Straps\u003c\/h3\u003e\n \u003cp\u003e\n Adjust the straps to suit your setup.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-rack-benefit\"\u003e\n\n \u003cdiv class=\"bb-rack-icon\"\u003eπŸ’ͺ\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eDurable Polyester\u003c\/h3\u003e\n \u003cp\u003e\n Designed for regular everyday use.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-rack-benefit\"\u003e\n\n \u003cdiv class=\"bb-rack-icon\"\u003e🦌\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eHelps Reduce Movement\u003c\/h3\u003e\n \u003cp\u003e\n Helps keep equipment positioned while\n travelling.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-rack-benefit\"\u003e\n\n \u003cdiv class=\"bb-rack-icon\"\u003e🚜\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eFarm Ready\u003c\/h3\u003e\n \u003cp\u003e\n Designed with practical farm use in mind.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-rack-benefit\"\u003e\n\n \u003cdiv class=\"bb-rack-icon\"\u003eπŸ‡ΏπŸ‡¦\u003c\/div\u003e\n\n \u003cdiv\u003e\n \u003ch3\u003eMade for the Bakkie\u003c\/h3\u003e\n \u003cp\u003e\n A practical addition to your bakkie setup.\n \u003c\/p\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!-- CONSTRUCTION --\u003e\n\n\u003csection class=\"bb-rack-section bb-rack-dark\"\u003e\n\n \u003cdiv class=\"bb-rack-container\"\u003e\n\n \u003cdiv class=\"bb-rack-kicker\"\u003e\n Construction\n \u003c\/div\u003e\n\n \u003ch2 class=\"bb-rack-heading\"\u003e\n Simple.\u003cbr\u003e\n Durable.\n \u003c\/h2\u003e\n\n \u003cp class=\"bb-rack-text\"\u003e\n Durable polyester construction and adjustable\n straps designed for practical everyday use.\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"bb-rack-material-grid\"\u003e\n\n \u003cdiv class=\"bb-rack-material\"\u003e\n \u003cstrong\u003ePolyester Webbing\u003c\/strong\u003e\n \u003cspan\u003e\n Durable material designed for repeated use.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bb-rack-material\"\u003e\n \u003cstrong\u003eAdjustable\u003c\/strong\u003e\n \u003cspan\u003e\n Configure the straps to suit your setup.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bb-rack-material\"\u003e\n \u003cstrong\u003eCompact Design\u003c\/strong\u003e\n \u003cspan\u003e\n Uses the space behind the seat.\n \u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"bb-rack-material\"\u003e\n \u003cstrong\u003eFarm Focused\u003c\/strong\u003e\n \u003cspan\u003e\n Designed around practical bakkie use.\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!-- SAFETY --\u003e\n\n\u003csection class=\"bb-rack-safety\"\u003e\n\n \u003cdiv class=\"bb-rack-container\"\u003e\n\n \u003cdiv class=\"bb-rack-safety-box\"\u003e\n\n \u003cdiv class=\"bb-rack-warning-icon\"\u003e\n ⚠️\n \u003c\/div\u003e\n\n \u003ch2 class=\"bb-rack-safety-title\"\u003e\n Important Safety Notice\n \u003c\/h2\u003e\n\n \u003cp class=\"bb-rack-safety-text\"\u003e\n The Bakkie Boer Adjustable Rifle Rack is a\n \u003cstrong\u003erifle-holding and organisation accessory\u003c\/strong\u003e.\n It is not a firearm safe, locking device or\n theft-prevention system.\n \u003c\/p\u003e\n\n \u003cp class=\"bb-rack-safety-text\"\u003e\n Always handle, transport and store firearms safely\n and in accordance with applicable South African laws\n and regulations and the requirements applicable\n to your firearm.\n \u003c\/p\u003e\n\n \u003cdiv class=\"bb-rack-warning\"\u003e\n Never leave a firearm unattended or unsecured.\n For current legal requirements, consult the South\n African Police Service (SAPS) or another\n appropriately qualified authority.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c!-- BRAND CLOSE --\u003e\n\n\u003csection class=\"bb-rack-final\"\u003e\n\n \u003cdiv class=\"bb-rack-container\"\u003e\n\n \u003ch2\u003e\n Built for the\u003cbr\u003e\n South African bakkie.\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Practical equipment for everyday farm life.\n Bakkie Boer.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003c\/section\u003e\n","brand":"BAKKIEBOER","offers":[{"title":"Black","offer_id":52091268268252,"sku":"42275255484485","price":999.0,"currency_code":"ZAR","in_stock":true},{"title":"Camouflage","offer_id":52267855511772,"sku":null,"price":999.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/6502\/5244\/files\/ChatGPT_Image_Aug_12_2026_09_11_24_PM.png?v=1786561935"},{"product_id":"bakkie-boer-tailgate-damper","title":"BAKKIE BOER Tailgate Damper","description":"\u003c!-- BAKKIEBOER β€” PREMIUM MOBILE-FIRST PRODUCT DESCRIPTION --\u003e\n\u003csection class=\"bb-store\"\u003e\n\n\u003cstyle\u003e\n\n\/* =========================================================\n BAKKIEBOER β€” PREMIUM PRODUCT DESCRIPTION\n MOBILE FIRST\n ========================================================= *\/\n\n.bb-store{\n --khaki:#b1a276;\n --khaki-dark:#756b49;\n --khaki-light:#d9d0ae;\n --dark:#171913;\n --text:#292b23;\n --muted:#68695e;\n --white:#fff;\n\n width:100%;\n max-width:100%;\n overflow:hidden;\n\n background:\n radial-gradient(\n circle at 10% 0%,\n rgba(255,255,255,.7),\n transparent 28%\n ),\n linear-gradient(\n 145deg,\n #f1eddf 0%,\n #ddd4b5 48%,\n #f4f0e2 100%\n );\n\n color:var(--text);\n\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n \"Segoe UI\",\n Roboto,\n Arial,\n sans-serif;\n\n -webkit-font-smoothing:antialiased;\n}\n\n.bb-store *,\n.bb-store *::before,\n.bb-store *::after{\n box-sizing:border-box;\n}\n\n\n\/* =========================================================\n CONTAINER\n ========================================================= *\/\n\n.bb-wrap{\n width:calc(100% - 28px);\n max-width:1180px;\n margin:0 auto;\n}\n\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n\n.bb-hero{\n padding:46px 0 38px;\n}\n\n.bb-eyebrow{\n display:inline-flex;\n align-items:center;\n gap:8px;\n\n padding:8px 13px;\n\n border-radius:100px;\n\n background:rgba(255,255,255,.6);\n\n border:1px solid rgba(255,255,255,.8);\n\n color:var(--khaki-dark);\n\n font-size:10px;\n font-weight:900;\n letter-spacing:1.5px;\n text-transform:uppercase;\n\n box-shadow:\n 0 8px 20px rgba(50,45,30,.06);\n\n animation:bbFadeUp .7s ease both;\n}\n\n.bb-dot{\n width:7px;\n height:7px;\n\n border-radius:50%;\n\n background:#607444;\n\n box-shadow:\n 0 0 0 5px rgba(96,116,68,.12);\n\n animation:bbPulse 2s infinite;\n}\n\n.bb-title{\n margin:20px 0 17px;\n\n font-size:clamp(43px,13vw,78px);\n\n line-height:.91;\n\n letter-spacing:-3px;\n\n font-weight:950;\n\n color:var(--dark);\n\n animation:bbFadeUp .7s .08s ease both;\n}\n\n.bb-title span{\n display:block;\n color:var(--khaki-dark);\n}\n\n.bb-description{\n max-width:650px;\n\n margin:0;\n\n color:#505249;\n\n font-size:16px;\n\n line-height:1.7;\n\n animation:bbFadeUp .7s .16s ease both;\n}\n\n\n\/* =========================================================\n QUICK HIGHLIGHTS\n ========================================================= *\/\n\n.bb-trust{\n display:grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap:7px;\n\n margin:8px 0 48px;\n}\n\n.bb-trust-item{\n padding:15px 5px;\n\n text-align:center;\n\n border-radius:14px;\n\n background:rgba(255,255,255,.43);\n\n border:1px solid rgba(255,255,255,.65);\n\n box-shadow:\n 0 10px 25px rgba(50,45,30,.05);\n\n animation:bbFadeUp .7s ease both;\n}\n\n.bb-trust-item:nth-child(2){\n animation-delay:.1s;\n}\n\n.bb-trust-item:nth-child(3){\n animation-delay:.2s;\n}\n\n.bb-trust-icon{\n display:block;\n\n margin-bottom:5px;\n\n font-size:19px;\n}\n\n.bb-trust-text{\n display:block;\n\n color:#55574d;\n\n font-size:9px;\n\n line-height:1.2;\n\n font-weight:850;\n}\n\n\n\/* =========================================================\n SECTIONS\n ========================================================= *\/\n\n.bb-section{\n padding:64px 0;\n}\n\n.bb-heading{\n margin-bottom:30px;\n}\n\n.bb-mini{\n color:var(--khaki-dark);\n\n font-size:10px;\n\n letter-spacing:1.8px;\n\n font-weight:900;\n\n text-transform:uppercase;\n}\n\n.bb-heading h2{\n margin:10px 0 14px;\n\n color:var(--dark);\n\n font-size:clamp(32px,9vw,54px);\n\n line-height:.98;\n\n letter-spacing:-2px;\n\n font-weight:950;\n}\n\n.bb-heading p{\n margin:0;\n\n max-width:650px;\n\n color:var(--muted);\n\n font-size:15px;\n\n line-height:1.7;\n}\n\n\n\/* =========================================================\n BENEFITS\n ========================================================= *\/\n\n.bb-benefits{\n display:grid;\n\n grid-template-columns:1fr;\n\n gap:11px;\n}\n\n.bb-benefit{\n display:grid;\n\n grid-template-columns:50px 1fr;\n\n gap:15px;\n\n align-items:start;\n\n padding:19px;\n\n border-radius:18px;\n\n background:rgba(255,255,255,.5);\n\n border:1px solid rgba(255,255,255,.7);\n\n box-shadow:\n 0 12px 28px rgba(50,45,30,.06);\n\n transition:\n transform .25s ease,\n box-shadow .25s ease,\n background .25s ease;\n\n animation:bbFadeUp .7s ease both;\n}\n\n.bb-benefit:nth-child(2){\n animation-delay:.05s;\n}\n\n.bb-benefit:nth-child(3){\n animation-delay:.1s;\n}\n\n.bb-benefit:nth-child(4){\n animation-delay:.15s;\n}\n\n.bb-benefit:nth-child(5){\n animation-delay:.2s;\n}\n\n.bb-benefit:nth-child(6){\n animation-delay:.25s;\n}\n\n.bb-benefit:hover{\n transform:translateY(-4px);\n\n background:rgba(255,255,255,.72);\n\n box-shadow:\n 0 18px 35px rgba(50,45,30,.11);\n}\n\n.bb-icon{\n width:50px;\n height:50px;\n\n display:grid;\n place-items:center;\n\n border-radius:14px;\n\n background:var(--dark);\n\n color:#fff;\n\n font-size:21px;\n\n box-shadow:\n 0 8px 18px rgba(23,25,19,.14);\n}\n\n.bb-benefit h3{\n margin:2px 0 5px;\n\n color:var(--dark);\n\n font-size:16px;\n\n line-height:1.2;\n\n font-weight:850;\n}\n\n.bb-benefit p{\n margin:0;\n\n color:var(--muted);\n\n font-size:13px;\n\n line-height:1.55;\n}\n\n\n\/* =========================================================\n DARK MATERIALS SECTION\n ========================================================= *\/\n\n.bb-dark{\n position:relative;\n\n background:\n radial-gradient(\n circle at 90% 10%,\n rgba(177,162,118,.14),\n transparent 30%\n ),\n var(--dark);\n\n color:#fff;\n}\n\n.bb-dark .bb-mini{\n color:var(--khaki-light);\n}\n\n.bb-dark .bb-heading h2{\n color:#fff;\n}\n\n.bb-dark .bb-heading p{\n color:#aeb1a4;\n}\n\n.bb-materials{\n display:grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap:9px;\n\n margin-top:28px;\n}\n\n.bb-material{\n padding:19px 14px;\n\n border-radius:15px;\n\n background:rgba(255,255,255,.055);\n\n border:1px solid rgba(255,255,255,.09);\n\n transition:\n transform .25s ease,\n background .25s ease;\n}\n\n.bb-material:hover{\n transform:translateY(-3px);\n\n background:rgba(255,255,255,.09);\n}\n\n.bb-material strong{\n display:block;\n\n margin-bottom:6px;\n\n color:#fff;\n\n font-size:13px;\n\n font-weight:850;\n}\n\n.bb-material span{\n color:#969a8c;\n\n font-size:11px;\n\n line-height:1.5;\n}\n\n\n\/* =========================================================\n FITMENT\n ========================================================= *\/\n\n.bb-fitment{\n padding:64px 0;\n}\n\n.bb-fitment-box{\n position:relative;\n\n padding:31px 20px;\n\n text-align:center;\n\n border-radius:23px;\n\n background:rgba(255,255,255,.6);\n\n border:1px solid rgba(255,255,255,.8);\n\n box-shadow:\n 0 20px 45px rgba(50,45,30,.1);\n\n overflow:hidden;\n}\n\n.bb-fitment-box::before{\n content:\"\";\n\n position:absolute;\n\n top:0;\n left:0;\n right:0;\n\n height:4px;\n\n background:\n linear-gradient(\n 90deg,\n var(--khaki-dark),\n var(--khaki),\n var(--khaki-dark)\n );\n}\n\n.bb-fitment-icon{\n font-size:34px;\n\n margin-bottom:11px;\n\n animation:\n bbFloat 3s ease-in-out infinite;\n}\n\n.bb-fitment h2{\n margin:0 0 13px;\n\n color:var(--dark);\n\n font-size:28px;\n\n line-height:1.05;\n\n letter-spacing:-1px;\n\n font-weight:950;\n}\n\n.bb-fitment p{\n max-width:650px;\n\n margin:0 auto 19px;\n\n color:var(--muted);\n\n font-size:13px;\n\n line-height:1.7;\n}\n\n.bb-warning{\n display:block;\n\n padding:13px;\n\n border-radius:12px;\n\n background:rgba(177,162,118,.2);\n\n color:#635a3d;\n\n font-size:11px;\n\n line-height:1.5;\n\n font-weight:750;\n}\n\n\n\/* =========================================================\n FINAL CTA β€” NO BUTTON\n ========================================================= *\/\n\n.bb-cta{\n padding:70px 0 85px;\n\n text-align:center;\n\n color:#fff;\n\n background:\n linear-gradient(\n 135deg,\n #aa9d73,\n #756b49\n );\n}\n\n.bb-cta h2{\n margin:0 0 15px;\n\n font-size:clamp(35px,9vw,59px);\n\n line-height:.98;\n\n letter-spacing:-2px;\n\n font-weight:950;\n}\n\n.bb-cta p{\n max-width:550px;\n\n margin:0 auto;\n\n color:rgba(255,255,255,.8);\n\n font-size:14px;\n\n line-height:1.65;\n}\n\n\n\/* =========================================================\n ANIMATIONS\n ========================================================= *\/\n\n@keyframes bbFadeUp{\n\n from{\n opacity:0;\n transform:translateY(18px);\n }\n\n to{\n opacity:1;\n transform:translateY(0);\n }\n\n}\n\n@keyframes bbPulse{\n\n 0%,100%{\n box-shadow:\n 0 0 0 5px rgba(96,116,68,.12);\n }\n\n 50%{\n box-shadow:\n 0 0 0 9px rgba(96,116,68,.03);\n }\n\n}\n\n@keyframes bbFloat{\n\n 0%,100%{\n transform:translateY(0);\n }\n\n 50%{\n transform:translateY(-5px);\n }\n\n}\n\n\n\/* =========================================================\n TABLET\n ========================================================= *\/\n\n@media(min-width:600px){\n\n .bb-wrap{\n width:calc(100% - 50px);\n }\n\n .bb-benefits{\n grid-template-columns:1fr 1fr;\n }\n\n}\n\n\n\/* =========================================================\n DESKTOP\n ========================================================= *\/\n\n@media(min-width:900px){\n\n .bb-wrap{\n width:min(\n 1180px,\n calc(100% - 70px)\n );\n }\n\n .bb-hero{\n padding:75px 0 60px;\n }\n\n .bb-title{\n font-size:78px;\n }\n\n .bb-description{\n font-size:17px;\n }\n\n .bb-benefits{\n grid-template-columns:\n repeat(3,1fr);\n\n gap:14px;\n }\n\n .bb-benefit{\n display:block;\n\n min-height:205px;\n\n padding:25px;\n }\n\n .bb-icon{\n margin-bottom:18px;\n }\n\n .bb-materials{\n grid-template-columns:\n repeat(4,1fr);\n }\n\n}\n\n\n\/* =========================================================\n REDUCED MOTION\n ========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n .bb-store *,\n .bb-store *::before,\n .bb-store *::after{\n\n animation:none!important;\n\n transition:none!important;\n\n }\n\n}\n\n\u003c\/style\u003e\n\n\n\u003c!-- =====================================================\n HERO\n ===================================================== --\u003e\n\n\u003cdiv class=\"bb-wrap\"\u003e\n\n \u003cdiv class=\"bb-hero\"\u003e\n\n \u003cdiv class=\"bb-eyebrow\"\u003e\n\n \u003cspan class=\"bb-dot\"\u003e\u003c\/span\u003e\n\n Bakkieboer β€’ Built for the Bakkie\n\n \u003c\/div\u003e\n\n\n \u003ch1 class=\"bb-title\"\u003e\n\n Smooth.\n \u003cspan\u003eControlled.\u003c\/span\u003e\n Safer.\n\n \u003c\/h1\u003e\n\n\n \u003cp class=\"bb-description\"\u003e\n\n Upgrade your bakkie with the\n \u003cstrong\u003eBakkieboer Tailgate Damper\u003c\/strong\u003e,\n designed to help your tailgate lower smoothly\n and in a controlled manner instead of dropping\n and slamming down.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- =================================================\n QUICK HIGHLIGHTS\n ================================================= --\u003e\n\n \u003cdiv class=\"bb-trust\"\u003e\n\n \u003cdiv class=\"bb-trust-item\"\u003e\n\n \u003cspan class=\"bb-trust-icon\"\u003e\n πŸ›»\n \u003c\/span\u003e\n\n \u003cspan class=\"bb-trust-text\"\u003e\n Vehicle\u003cbr\u003eSpecific\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-trust-item\"\u003e\n\n \u003cspan class=\"bb-trust-icon\"\u003e\n πŸ”©\n \u003c\/span\u003e\n\n \u003cspan class=\"bb-trust-text\"\u003e\n Bolt-On\u003cbr\u003eInstallation\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-trust-item\"\u003e\n\n \u003cspan class=\"bb-trust-icon\"\u003e\n πŸ’ͺ\n \u003c\/span\u003e\n\n \u003cspan class=\"bb-trust-text\"\u003e\n Built for\u003cbr\u003eEveryday Use\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003c!-- =====================================================\n BENEFITS\n ===================================================== --\u003e\n\n\u003csection class=\"bb-section\" id=\"bb-benefits\"\u003e\n\n \u003cdiv class=\"bb-wrap\"\u003e\n\n \u003cdiv class=\"bb-heading\"\u003e\n\n \u003cdiv class=\"bb-mini\"\u003e\n Why Bakkieboer?\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Small upgrade.\u003cbr\u003e\n Big difference.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n Make everyday loading and unloading smoother\n with a tailgate that lowers in a more controlled\n manner.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefits\"\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n\n \u003cdiv class=\"bb-icon\"\u003e\n πŸ›»\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Smooth, Controlled Lowering\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps your tailgate lower smoothly\n instead of dropping and slamming down.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n\n \u003cdiv class=\"bb-icon\"\u003e\n πŸ›‘οΈ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Helps Reduce Impact\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Helps reduce the impact associated with\n a sudden tailgate drop.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n\n \u003cdiv class=\"bb-icon\"\u003e\n πŸ‘Œ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Easier to Use\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Makes opening your tailgate feel smoother\n and more controlled.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n\n \u003cdiv class=\"bb-icon\"\u003e\n πŸ”©\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Bolt-On Installation\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Designed for straightforward installation\n using the supplied mounting hardware.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n\n \u003cdiv class=\"bb-icon\"\u003e\n πŸ’ͺ\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Durable Construction\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Built using aluminium, steel and durable\n rubber components.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-benefit\"\u003e\n\n \u003cdiv class=\"bb-icon\"\u003e\n πŸ“¦\n \u003c\/div\u003e\n\n \u003cdiv\u003e\n\n \u003ch3\u003e\n Mounting Hardware Included\n \u003c\/h3\u003e\n\n \u003cp\u003e\n The supplied kit is matched to your\n selected vehicle.\n \u003c\/p\u003e\n\n \u003c\/div\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 MATERIALS\n ===================================================== --\u003e\n\n\u003csection class=\"bb-section bb-dark\"\u003e\n\n \u003cdiv class=\"bb-wrap\"\u003e\n\n \u003cdiv class=\"bb-heading\"\u003e\n\n \u003cdiv class=\"bb-mini\"\u003e\n Built for everyday bakkie life\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Tough where\u003cbr\u003e\n it matters.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n Built using a combination of aluminium, steel\n and durable rubber components designed to\n handle everyday bakkie use.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-materials\"\u003e\n\n\n \u003cdiv class=\"bb-material\"\u003e\n\n \u003cstrong\u003e\n Aluminium\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Lightweight and durable components.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-material\"\u003e\n\n \u003cstrong\u003e\n Steel\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Strong mounting components designed\n for everyday use.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-material\"\u003e\n\n \u003cstrong\u003e\n Durable Rubber\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Designed to handle repeated movement\n and everyday use.\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"bb-material\"\u003e\n\n \u003cstrong\u003e\n Vehicle Specific\n \u003c\/strong\u003e\n\n \u003cspan\u003e\n Supplied kit matched to the selected\n make, model and year.\n \u003c\/span\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 FITMENT\n ===================================================== --\u003e\n\n\u003csection class=\"bb-fitment\"\u003e\n\n \u003cdiv class=\"bb-wrap\"\u003e\n\n \u003cdiv class=\"bb-fitment-box\"\u003e\n\n \u003cdiv class=\"bb-fitment-icon\"\u003e\n πŸ›»\n \u003c\/div\u003e\n\n\n \u003ch2\u003e\n Get the right fit.\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n This is a vehicle-specific product.\n\n Please select the correct\n \u003cstrong\u003emake, model and year\u003c\/strong\u003e\n when ordering.\n\n Package contents may vary between different\n makes, models and years, including brackets\n and mounting hardware.\n\n The supplied kit will be matched to the\n selected vehicle.\n\n \u003c\/p\u003e\n\n\n \u003cdiv class=\"bb-warning\"\u003e\n\n ⚠️ Not sure about fitment?\n Contact Bakkieboer before ordering.\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 CLOSING SECTION\n ===================================================== --\u003e\n\n\u003csection class=\"bb-cta\"\u003e\n\n \u003cdiv class=\"bb-wrap\"\u003e\n\n \u003ch2\u003e\n\n Give your tailgate\u003cbr\u003e\n the Bakkieboer treatment.\n\n \u003c\/h2\u003e\n\n\n \u003cp\u003e\n\n Smooth. Controlled.\n Built for the bakkie.\n\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\n\u003c\/section\u003e\n","brand":"BAKKIEBOER","offers":[{"title":"Toyota Hilux (2005-2015)","offer_id":67581817684188,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Toyota Hilux GD6 (2016-2026)","offer_id":67581873946844,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Ford Next-Gen Ranger (2022-2026)","offer_id":52091268563164,"sku":"42275255320645","price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Ford Ranger T6-T8 (2012-2022)","offer_id":67598425686236,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Isuzu Gen 7, Next Gen Era (2022-2026)","offer_id":67581817618652,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Isuzu KB, D-Max, Gen 6 (2012-2021)","offer_id":67598431584476,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Nissan Navara, Nissan NP 300 (2015 - 2020)","offer_id":67926859153628,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Mitsubishi Triton Series 5 (2015 - 2023)","offer_id":67927061004508,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true},{"title":"Mitsubishi Triton Series 6 (2024 - 2026)","offer_id":67927061037276,"sku":null,"price":1099.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0844\/6502\/5244\/files\/ChatGPT_Image_Aug_11_2026_08_05_13_PM.png?v=1786471573"}],"url":"https:\/\/bakkieboer.co.za\/collections\/frontpage.oembed","provider":"bakkieboer","version":"1.0","type":"link"}